body{font-family:Arial,sans-serif;margin:0;padding:0}.header-info{text-align:left;margin-bottom:20px;page-break-before:auto;line-height:30px}.header-info h1{font-size:24px;margin:0;display:inline;font-family:宋体,SimSun,serif}.header-info p{margin:5px 0;font-size:14px;font-family:宋体,SimSun,serif}.header-info p.inline{display:inline;font-weight:700;font-family:楷体,KaiTi,serif}.header-info p.block{display:block;font-family:宋体,SimSun,serif;margin-top:10px}.tracing-area{display:grid;gap:20px 10px;width:100%;max-width:100%;background-color:#fff;margin:0 auto;page-break-inside:avoid;grid-template-columns:repeat(3,1fr);grid-auto-rows:42px}.tracing-wrapper{position:relative;display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0;border-bottom:0 solid #ddd;font-size:20px;font-family:宋体,SimSun,serif;line-height:1.5;color:#000;min-height:42px;width:fit-content;margin:0 auto}.tracing-wrapper span{margin:0}.tracing-wrapper .number{width:32px;text-align:center}.tracing-wrapper .comparison{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;line-height:1;text-align:center;border:1px solid #000;margin:0;box-sizing:border-box;border-radius:5px;font-weight:700;color:transparent}.legacy-sheet-page.show-answer .comparison,.tracing-area.show-answer .comparison{color:#000}.tracing-wrapper .sequence{position:static!important;font-size:14px!important;color:#d3d3d3!important;margin-right:5px!important;width:auto!important;text-align:right!important;font-family:inherit!important}.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}.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}.control-panel table{width:100%;table-layout:fixed}.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}.problem-number,.tracing-wrapper .sequence{font-size:14px!important;color:#d3d3d3!important;font-weight:400!important;line-height:1!important;font-family:inherit!important}#pages-container{width:100%;margin:0 auto}.header-info{margin:0 0 20px!important;page-break-before:auto!important}