:root{--smul-canvas:#f7f1e8;--smul-paper:#fffdfc;--smul-panel:#faf7f1;--smul-ink:#24313d;--smul-muted:#59635f;--smul-sage:#44755d;--smul-sage-dark:#315f4a;--smul-blue:#536f88;--smul-blue-dark:#3f596f;--smul-clay:#aa5b43;--smul-line:#c8b9a9;--smul-focus:#8a3f29}
*{box-sizing:border-box}body.sum-multiple-page{margin:0;min-height:100vh;overflow-x:hidden;color:var(--smul-ink);background:linear-gradient(180deg,#f7f1e8,#f3ecdf);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.sum-main{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:8px 0 24px}body.sum-multiple-page.xinyu-tool .tool-heading{padding:3px 0 9px;text-align:center}.sum-multiple-page .eyebrow{margin:0 0 3px;color:#526c87;font-size:11px;font-weight:900}body.sum-multiple-page.xinyu-tool .tool-heading h1{margin:0;color:var(--smul-ink);font-size:clamp(26px,2.8vw,38px);letter-spacing:-.03em;text-wrap:balance}.sum-multiple-page .lead{max-width:900px;margin:5px auto 0;color:var(--smul-muted);font-size:13px;font-weight:700}.sum-multiple-page .chips{display:flex;justify-content:center;gap:6px;margin-top:6px}.sum-multiple-page .chip{padding:4px 10px;border:1px solid #d9cec1;border-radius:999px;color:var(--smul-blue-dark);background:var(--smul-paper);font-size:11px;font-weight:850}
.sum-multiple-page [hidden]{display:none!important}
.sum-multiple-lab{display:grid;grid-template-columns:minmax(0,1fr) 338px;min-height:630px;overflow:hidden;border:1px solid var(--smul-line);border-radius:21px;background:var(--smul-paper);box-shadow:0 20px 50px rgba(65,55,42,.13)}.sum-multiple-lab .stage{min-width:0;border-right:1px solid #e2d7ca;background:var(--smul-paper)}.sum-multiple-lab .stage-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;color:var(--smul-ink);background:#f2eadf;background-image:none}.sum-multiple-lab .stage-kicker{margin:0 0 2px;color:var(--smul-sage-dark);font-size:11px;font-weight:900;letter-spacing:.04em}.sum-multiple-lab .stage-title{margin:0;color:var(--smul-ink);font-size:20px;line-height:1.22}.sum-multiple-lab .stage-meta{margin:0;color:#485b67;font-size:12px;font-weight:850;text-align:right}
.problem-card,.piece-shelf,.brick-board{margin:9px 14px 0;border:1px solid #d9cec1;border-radius:14px;background:#fffaf3}.problem-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 11px}.problem-card div p{margin:0;color:var(--smul-sage-dark);font-size:10px;font-weight:900}.problem-card h3{margin:1px 0 0;font-size:14px}.problem-card>p{margin:0;color:#344751;font-size:14px;font-weight:850;line-height:1.4}.problem-card>span{color:var(--smul-muted);font-size:10px;font-weight:850;white-space:nowrap}.piece-shelf{padding:9px 11px;background:#f6f1e8}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h3{margin:0;color:#2c4958;font-size:13px}.section-head span{color:var(--smul-muted);font-size:10px;font-weight:800}.piece-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}
.manipulative,.brick-slot,.value-slot,.total-clip,.case-button,.primary-action,.secondary-actions button,.parts-work button,.distribution-work button,.large-work button{font:inherit;touch-action:manipulation;cursor:pointer}.manipulative{display:grid;align-content:center;gap:2px;min-height:54px;padding:7px 10px;border:1px solid #75675b;border-left:6px solid var(--smul-blue);border-radius:10px;color:#294454;background:var(--smul-paper);text-align:left;box-shadow:0 5px 12px rgba(76,61,47,.08);transition:transform .16s ease,box-shadow .16s ease}.manipulative span{font-size:10px;font-weight:800}.manipulative strong{font-size:12px}.manipulative:hover{transform:translateY(-2px)}.manipulative[aria-pressed="true"]{outline:3px solid var(--smul-focus);outline-offset:2px;transform:translateY(-2px)}.brick-source{border-left-color:var(--smul-blue-dark);background:repeating-linear-gradient(135deg,#f7fafb 0 10px,#e7edf1 10px 14px)}.sum-ticket{border-left-color:var(--smul-clay)}.value-card{border-left-color:var(--smul-sage)}.manipulative.is-placed{opacity:.68}.manipulative.is-placed::after{content:"已放置";justify-self:end;color:var(--smul-sage-dark);font-size:9px;font-weight:900}
.brick-board{position:relative;padding:9px 11px 11px;background:linear-gradient(180deg,#fffdf9,#f5eee2);scroll-margin-block:20px}.frame-grid{display:grid;grid-template-columns:minmax(180px,.58fr) minmax(300px,1.42fr);gap:10px;margin-top:8px}.share-frame{padding:8px;border:1px solid #cbbba9;border-radius:13px;background:rgba(255,255,255,.78)}.share-frame header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px}.share-frame header div{display:grid}.share-frame header strong{color:#29495a;font-size:12px}.share-frame header span{color:var(--smul-sage-dark);font-size:10px;font-weight:900}.share-frame header small{color:var(--smul-muted);font-size:9px;font-weight:800}.multi-slot-grid{display:grid;grid-template-columns:repeat(3,68px);gap:7px;justify-content:center}.brick-slot{position:relative;display:grid;place-items:center;width:68px;min-width:68px;height:68px;padding:5px;border:1.5px dashed #74685d;border-radius:12px;color:#3f596f;background:#fffdfc;text-align:center}.brick-slot .slot-order{font-size:9px;font-weight:900}.brick-slot strong{font-size:9px}.brick-slot.is-preview{border-style:solid;border-color:var(--smul-clay);background:#fff0e9}.brick-slot.is-filled{border:2px solid var(--smul-blue-dark);color:#263f50;background:repeating-linear-gradient(135deg,#dfe7ed 0 11px,#ccd9e1 11px 15px);box-shadow:inset 0 -7px 0 rgba(65,90,119,.12),0 4px 8px rgba(52,70,82,.12)}.brick-slot.is-revealed strong{font-size:14px}.one-frame .brick-slot{margin:0 auto}.value-slot,.total-clip{display:grid;align-content:center;gap:1px;min-height:44px;padding:6px 8px;border:1.5px dashed #75675b;border-radius:9px;color:#425866;background:rgba(255,253,252,.96);text-align:center}.value-slot{width:100%;margin-top:8px}.value-slot span,.total-clip span{font-size:9px;font-weight:850}.value-slot strong,.total-clip strong{font-size:10px}.value-slot.is-preview,.total-clip.is-preview{border-style:solid;border-color:var(--smul-clay);background:#fff0e9}.value-slot.is-filled,.total-clip.is-filled{border-style:solid;border-color:var(--smul-sage);background:#edf5ef}.total-clip{width:72%;margin:9px auto 0;border-width:2px}.parts-work,.distribution-work,.large-work{margin-top:9px;padding:8px 11px;border:1px solid #c6b7a6;border-radius:10px;background:#fffdfc}.parts-work label{display:flex;justify-content:space-between;gap:10px;color:#315f4a;font-size:11px;font-weight:850}.parts-work input{width:100%;min-height:44px;accent-color:var(--smul-sage)}.rail-scale{display:flex;justify-content:space-between;margin:-4px 4px 5px;color:#59635f;font-size:9px;font-weight:800}.parts-work button,.distribution-work button,.large-work button{min-height:44px;padding:0 11px;border:1px solid var(--smul-sage-dark);border-radius:8px;color:#fff;background:var(--smul-sage);font-size:11px;font-weight:900}.parts-work>button{width:100%}.parts-work small,.distribution-work small,.large-work small{display:block;min-height:14px;margin-top:3px;color:#8a3f29;font-size:9px;font-weight:800}.distribution-work label,.large-work label{color:#314e61;font-size:11px;font-weight:850}.distribution-work>div,.large-work>div{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:5px}.distribution-work input,.large-work input{width:100%;min-height:44px;padding:0 9px;border:1px solid #76685b;border-radius:8px;color:var(--smul-ink);background:var(--smul-paper);font:inherit;font-size:14px;font-weight:850}.distribution-work input[aria-invalid="true"],.large-work input[aria-invalid="true"]{border:2px solid #8a3f29}
.revealed-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.revealed-values article{padding:8px;border:1px solid #a9b9ac;border-radius:9px;background:#edf5ef}.revealed-values h4{margin:0;color:#315f4a;font-size:11px}.revealed-values strong{display:block;margin-top:3px;color:#24313d;font-size:15px}.revealed-values .evidence{grid-column:1/-1;color:#334d5a;font-size:11px;line-height:1.55}.revealed-values .evidence p{margin:2px 0}.revealed-values:focus{outline:3px solid var(--smul-focus);outline-offset:3px;border-radius:10px}.recent-step{min-height:38px;margin:9px 14px 11px;padding:8px 11px;border-left:3px solid #b3742d;border-radius:8px;color:#54493f;background:#fff5e4;font-size:11px;font-weight:800;line-height:1.45}.sum-multiple-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.sum-multiple-lab .control-panel{min-width:0;padding:14px;background:var(--smul-panel)}.control-title span{color:#52705f;font-size:11px;font-weight:900}.control-title h2{margin:3px 0 10px;color:#263f50;font-size:19px;line-height:1.2}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sum-multiple-page.xinyu-tool .case-button{display:grid;gap:2px;min-height:52px;padding:6px;border:1px solid #6f6256;border-radius:9px;color:#314e61;background:var(--smul-paper);text-align:center}.case-button strong{font-size:11px}.case-button span{color:#59635f;font-size:9px;font-weight:800}.sum-multiple-page.xinyu-tool .case-button.active{border-color:var(--smul-sage-dark);box-shadow:inset 0 -4px var(--smul-sage);color:#244c3b;background:#eaf4ee}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.parameter-grid label{display:grid;gap:3px;color:#314e61;font-size:11px;font-weight:900}.parameter-grid input{width:100%;min-height:44px;padding:0 9px;border:1px solid #76685b;border-radius:8px;color:var(--smul-ink);background:var(--smul-paper);font:inherit;font-size:14px;font-weight:850}.parameter-grid small{min-height:14px;color:#8a3f29;font-size:9px;font-weight:800;line-height:1.25}.parameter-grid input[aria-invalid="true"]{border:2px solid #8a3f29}.state-note,.grade-boundary{margin:9px 0 0;padding:8px 10px;border-radius:9px;font-size:10px;font-weight:800;line-height:1.4}.state-note{color:#315f4a;background:#edf4ef}.grade-boundary{color:#55636a;background:#eef1ef}.sum-multiple-page.xinyu-tool .primary-action{width:100%;min-height:48px;margin-top:9px;border:1px solid var(--smul-sage-dark);border-radius:10px;color:#fff;background:var(--smul-sage);font-size:14px;font-weight:950}.sum-multiple-page.xinyu-tool .primary-action:hover:not(:disabled){background:var(--smul-sage-dark)}.sum-multiple-page.xinyu-tool .primary-action:disabled{border-color:#989b97;color:#626866;background:#d8d9d5;cursor:not-allowed}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.sum-multiple-page.xinyu-tool .secondary-actions button{min-height:44px;border:1px solid #6f6256;border-radius:9px;color:#334f61;background:var(--smul-paper);font-size:12px;font-weight:900}.sum-multiple-page.xinyu-tool .secondary-actions button:disabled{color:#777f7b;background:#e5e1da;cursor:default}.operation-hint{margin:9px 0 0;color:#59635f;font-size:10px;font-weight:750;line-height:1.45}
body.workbench-tool-detail.sum-multiple-page .sum-multiple-lab :is(button,input):focus-visible{outline:3px solid var(--smul-focus)!important;outline-offset:3px!important}body.sum-multiple-page.xinyu-tool:not(.classroom-screen) .sum-multiple-lab .stage-head{color:var(--smul-ink)!important;background:#f2eadf!important;background-image:none!important}body.sum-multiple-page.xinyu-tool:not(.classroom-screen) .sum-multiple-lab .stage-head :is(.stage-title,.stage-meta){color:var(--smul-ink)!important;text-shadow:none!important}body.sum-multiple-page.xinyu-tool:not(.classroom-screen) .sum-multiple-lab .stage-head .stage-kicker{color:var(--smul-sage-dark)!important;text-shadow:none!important}body.sum-multiple-page.xinyu-tool .sum-multiple-lab .classroom-screen-toggle{min-height:44px!important;border-color:#6f5f50!important;color:var(--smul-ink)!important;background:var(--smul-paper)!important}body.sum-multiple-page.xinyu-tool .sum-multiple-lab .fullscreen-button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-color:#6f5f50!important;color:var(--smul-ink)!important;background:var(--smul-paper)!important}
body.classroom-screen.sum-multiple-page{color:var(--smul-ink)!important;background:var(--smul-canvas)!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab,body.classroom-screen.sum-multiple-page .sum-multiple-lab :is(.stage,.control-panel){border-color:#c8b9a9!important;color:var(--smul-ink)!important;background:var(--smul-paper)!important;box-shadow:none!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab .stage-head{color:var(--smul-ink)!important;background:#f2eadf!important;background-image:none!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab :is(.stage-title,.stage-meta,.control-title h2,.parameter-grid label){color:var(--smul-ink)!important;text-shadow:none!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab :is(.manipulative,.brick-slot,.value-slot,.total-clip,.case-button,.secondary-actions button,input){color:var(--smul-ink)!important;background-color:var(--smul-paper)!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab .case-button.active{color:#244c3b!important;background:#eaf4ee!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab :is(.piece-shelf,.brick-board){padding:14px 16px!important}body.classroom-screen.sum-multiple-page .sum-multiple-lab .brick-slot{width:68px;min-width:68px;height:68px}
body.sum-multiple-page.xinyu-tool .sum-multiple-lab:fullscreen{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:0!important;width:100vw!important;height:100vh!important;padding:14px!important;align-content:center;background:var(--smul-canvas)!important}body.sum-multiple-page .sum-multiple-lab:fullscreen :is(.stage,.control-panel){overflow:auto}body.sum-multiple-page .sum-multiple-lab:fullscreen :is(.piece-shelf,.brick-board){padding:14px 16px!important}body.sum-multiple-page .sum-multiple-lab:fullscreen .brick-slot{width:68px;min-width:68px;height:68px}
@media(min-width:721px) and (max-width:980px){.sum-main{width:calc(100% - 24px)}.sum-multiple-lab,body.sum-multiple-page.xinyu-tool .sum-multiple-lab:fullscreen{grid-template-columns:minmax(0,1fr) minmax(276px,34vw)!important}.sum-multiple-lab .control-panel{padding:11px}.problem-card,.piece-shelf,.brick-board{margin-left:8px;margin-right:8px}.sum-multiple-lab .stage-head{padding-left:10px;padding-right:10px}.frame-grid{grid-template-columns:1fr}.multi-slot-grid{grid-template-columns:repeat(3,62px)}.brick-slot{width:62px;min-width:62px;height:62px}.case-grid{grid-template-columns:1fr}.sum-multiple-page.xinyu-tool .case-button{grid-template-columns:80px 1fr;align-items:center;text-align:left;min-height:44px}.problem-card{grid-template-columns:auto 1fr}.problem-card>span{grid-column:1/-1}.total-clip{width:100%}}
@media(max-width:720px){.sum-main{width:calc(100% - 18px);padding-top:7px}body.sum-multiple-page.xinyu-tool .tool-heading{padding:0 0 8px}.sum-multiple-page .tool-heading h1{font-size:22px;line-height:1.2}.sum-multiple-page .lead{font-size:12px}.sum-multiple-page .chips{flex-wrap:wrap}.sum-multiple-lab,body.sum-multiple-page.xinyu-tool .sum-multiple-lab:fullscreen{grid-template-columns:1fr!important;border-radius:16px}.sum-multiple-lab .stage{border-right:0;border-bottom:1px solid #e2d7ca}.sum-multiple-lab .stage-head{align-items:flex-start;flex-wrap:wrap;padding:9px 10px}.sum-multiple-lab .stage-title{font-size:17px}.sum-multiple-lab .stage-actions{width:100%;justify-content:flex-start}.sum-multiple-lab .stage-meta{margin-right:auto;text-align:left}.problem-card,.piece-shelf,.brick-board{margin-left:8px;margin-right:8px}.problem-card{grid-template-columns:auto 1fr}.problem-card>span{grid-column:1/-1}.piece-row{grid-template-columns:1fr 1fr}.frame-grid{grid-template-columns:1fr}.multi-slot-grid{grid-template-columns:repeat(3,68px)}.sum-multiple-lab .control-panel{padding:12px}.case-grid{grid-template-columns:repeat(3,1fr)}.total-clip{width:100%}}
@media(max-width:430px){.sum-multiple-page .tool-heading h1{font-size:20px}.problem-card>p{font-size:12px}.section-head{align-items:flex-start;flex-direction:column;gap:2px}.piece-row{grid-template-columns:1fr}.multi-slot-grid{grid-template-columns:repeat(3,64px)}.brick-slot{width:64px;min-width:64px;height:64px}.case-button span{font-size:8px}.revealed-values{grid-template-columns:1fr}.revealed-values .evidence{grid-column:1}.distribution-work>div,.large-work>div{grid-template-columns:1fr}.distribution-work button,.large-work button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.manipulative:hover,.manipulative[aria-pressed="true"]{transform:none!important}}