body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}.header-info{text-align:left;margin:0 0 20px!important;line-height:30px}.header-info h1{font-size:24px;margin:0;display:inline;font-family:宋体,SimSun,serif}.control-panel{width:320px;padding:20px;box-sizing:border-box;position:sticky;top:10px;background-color:#f4f4f4;border-left:1px solid #ddd;overflow-y:auto;max-height:calc(100vh - 40px)}.control-panel .control-group{display:flex;align-items:center;margin-bottom:10px}.control-panel .control-group label{margin-bottom:0;margin-right:10px;white-space:nowrap;font-weight:400;font-size:16px;color:#000}.control-panel .checkbox-container,.control-panel .control-group select{flex-grow:1}.control-panel select,.control-panel textarea{padding:8px;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;width:auto}.control-panel .checkbox-container{display:flex;align-items:center;padding:8px;border:1px solid #ddd;margin-bottom:10px;background-color:#fff;border-radius:10px}.control-panel .checkbox-container input[type=checkbox]{margin-right:10px;width:16px;height:16px;accent-color:#007bff}.control-panel .checkbox-container label{font-weight:400;font-size:16px;color:#000;margin:0;cursor:pointer}.control-panel table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px}.control-panel table td{text-align:center;padding:10px;font-weight:700}.control-panel table td:first-child{background-color:#d8eaf1;color:#007bff;cursor:pointer;border-radius:10px}.control-panel table td:last-child{background-color:#007bff;color:#fff;cursor:pointer;border-radius:10px}.control-panel table td:hover{opacity:.8}.tracing-area{display:grid;gap:16px 12px;margin-top:8px!important;background-color:#fff;justify-content:center;align-content:start;page-break-inside:avoid}.tracing-area.sd-mode-4x4{grid-template-columns:repeat(4,1fr)}.tracing-area.sd-mode-6x6{grid-template-columns:repeat(3,1fr)}.tracing-area.sd-mode-9x9{grid-template-columns:repeat(2,1fr)}.tracing-wrapper.sudoku-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:0;min-height:auto;padding:0!important;break-inside:avoid;page-break-inside:avoid}.sudoku-grid{display:grid;border:1px solid #666!important;background:transparent!important;margin:0;padding:0;box-sizing:border-box}.sudoku-grid-4x4{grid-template-columns:repeat(4,30px);grid-template-rows:repeat(4,30px)}.sudoku-grid-6x6{grid-template-columns:repeat(6,30px);grid-template-rows:repeat(6,30px)}.sudoku-grid-9x9{grid-template-columns:repeat(9,30px);grid-template-rows:repeat(9,30px)}.sudoku-cell{width:30px;height:30px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:16px;font-family:宋体,SimSun,serif;background-color:#fff;box-sizing:border-box;border-top:0;border-left:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8}.fixed-number-cell{color:#000;font-weight:700}.answer-cell{background-color:#f1f1f1;color:transparent;font-weight:700}.legacy-sheet-page.show-answer .answer-cell,.tracing-area.show-answer .answer-cell{color:#000}.sudoku-grid-4x4 .sudoku-cell:nth-child(4n),.sudoku-grid-6x6 .sudoku-cell:nth-child(6n),.sudoku-grid-9x9 .sudoku-cell:nth-child(9n){border-right:0}.sudoku-grid-4x4 .sudoku-cell:nth-child(n+13),.sudoku-grid-6x6 .sudoku-cell:nth-child(n+31),.sudoku-grid-9x9 .sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-grid-4x4 .sudoku-cell:nth-child(4n+2){border-right:1px solid #666}.sudoku-grid-4x4 .sudoku-cell:nth-child(n+5):nth-child(-n+8){border-bottom:1px solid #666}.sudoku-grid-6x6 .sudoku-cell:nth-child(6n+3){border-right:1px solid #666}.sudoku-grid-6x6 .sudoku-cell:nth-child(n+7):nth-child(-n+12),.sudoku-grid-6x6 .sudoku-cell:nth-child(n+19):nth-child(-n+24){border-bottom:1px solid #666}.sudoku-grid-9x9 .sudoku-cell:nth-child(9n+3),.sudoku-grid-9x9 .sudoku-cell:nth-child(9n+6){border-right:1px solid #666}.sudoku-grid-9x9 .sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-grid-9x9 .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:1px solid #666}