body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}.header-info{text-align:left;margin-bottom:20px;page-break-before:always;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:36px 10px;width:100%;max-width:100%;background-color:#fff;margin:0 auto;page-break-inside:avoid;grid-template-columns:repeat(2,1fr);grid-auto-rows:20px}.tracing-wrapper{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:0 10px;border-bottom:0 solid #ddd;font-size:20px;font-family:宋体,SimSun,serif;color:#000;height:auto;white-space:nowrap;line-height:1.5}.tracing-wrapper .problem{display:inline-block;text-align:right;width:100%;line-height:1.5}.tracing-wrapper .sequence{font-size:14px;color:#d3d3d3;margin-right:5px}.tracing-wrapper .comparison{display:inline-block;width:3em;height:auto;line-height:normal;text-align:center;color:transparent;margin:0;box-sizing:border-box;border-radius:5px;font-weight:700;vertical-align:middle;letter-spacing:0;position:relative}.tracing-wrapper .comparison:before{content:"(";color:#000;margin-right:.5ch;display:inline-block;position:absolute;left:0}.tracing-wrapper .comparison:after{content:")";color:#000;margin-left:.5ch;display:inline-block;position:absolute;right:0}.vertical-problem{position:relative;padding-left:0;margin-bottom:0}.vertical-problem .sequence{position:absolute;left:0;top:0;color:#d3d3d3;font-size:14px}.vertical-problem .problem{display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:80px;padding:0}.vertical-problem .answer,.vertical-problem .number{display:block;text-align:right;margin-bottom:-12px;width:100%}.vertical-problem .operator-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:7px}.vertical-problem .operator{position:absolute;left:35px;margin-bottom:-10px}.vertical-problem hr{border:none;border-top:1px solid #000;width:90%;margin:0;transform:translateX(20px)}.vertical-problem .answer{margin-top:0}.vertical-problem .comparison:after,.vertical-problem .comparison:before{content:none}.tracing-area.vertical-mode{display:grid;grid-template-columns:repeat(5,1fr);gap:75px 5px}.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}.tracing-area{margin-top:30px!important}#pages-container{width:100%;margin:0 auto}.header-info{margin:0 0 20px!important;page-break-before:auto!important}.tracing-wrapper{font-size:20px!important}.tracing-wrapper:not(.vertical-problem) .comparison{width:auto!important;min-width:4ch!important;padding:0 .6ch!important;font-weight:400!important;line-height:normal!important;letter-spacing:0!important}.tracing-wrapper:not(.vertical-problem) .comparison:after,.tracing-wrapper:not(.vertical-problem) .comparison:before{content:none!important}.tracing-wrapper:not(.vertical-problem) .comparison{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:1em!important;line-height:1!important;vertical-align:middle!important;transform:translateY(-.1em)!important}.tracing-wrapper .fraction{display:inline-block;vertical-align:middle;text-align:center;line-height:1;min-width:2.2ch;font-size:.92em}.tracing-wrapper .fraction .num{display:block;border-bottom:1px solid currentColor;padding:0 .16em .05em;min-width:1.7ch}.tracing-wrapper .fraction .den{display:block;padding:.05em .16em 0;min-width:1.7ch}.tracing-wrapper .mixed-fraction{display:inline-flex;align-items:center;gap:.08em;vertical-align:middle}.tracing-wrapper .mixed-int{display:inline-block;white-space:nowrap}.tracing-area{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:auto!important;gap:6px 10px!important;margin-top:8px!important}.tracing-wrapper{font-size:14px!important;line-height:1.14!important;font-family:宋体,SimSun,serif!important;padding:0 6px!important}.tracing-wrapper:not(.vertical-problem) .comparison{transform:translateY(-.18em)!important}.tracing-wrapper .comparison,.tracing-wrapper .comparison *{font-size:1em!important;line-height:inherit!important}.tracing-wrapper .fraction,.tracing-wrapper .fraction .den,.tracing-wrapper .fraction .num,.tracing-wrapper .mixed-fraction,.tracing-wrapper .mixed-int{font-family:inherit!important;font-size:1em!important;line-height:inherit!important}.tracing-wrapper{font-size:18px!important;line-height:1.5!important;font-family:楷体,KaiTi,Kaiti SC,serif!important}.tracing-wrapper .problem-text{font-size:inherit!important;line-height:inherit!important;font-family:inherit!important}.tracing-wrapper .sequence{display:inline-block!important;width:2.8ch!important;min-width:2.8ch!important;margin-right:5px!important;line-height:1!important;text-align:left!important;font-size:inherit!important;font-family:inherit!important;font-variant-numeric:tabular-nums!important}.tracing-wrapper .comparison{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:4ch!important;height:1.2em!important;padding:0!important;box-sizing:border-box!important;vertical-align:middle!important;transform:translateY(0)!important}.tracing-wrapper .comparison,.tracing-wrapper .comparison *{line-height:1!important;font-size:inherit!important;font-family:inherit!important}