:root{--ink:#061641;--blue:#076bdf;--cyan:#09b7eb;--muted:#52637e;--line:#d9e4f1;--paper:#f4f8fd;--soft:#eaf4ff;--plant:#d5f4fd;--white:#fff;--warn:#7b4b00;--warn-bg:#fff5da;--success:#075d54;--success-bg:#e8f6f2;--radius:18px}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;font:16px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}a{color:var(--blue);text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{min-height:44px;padding:10px 18px;border:1px solid #b8cce4;border-radius:10px;background:#fff;color:var(--ink);font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}button:hover{border-color:var(--blue);background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#075bbc;color:#fff}.quiet{background:transparent;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:0;left:16px;z-index:100;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;background:white}.skip:focus{position:fixed;top:10px;width:auto;height:auto;overflow:visible;clip-path:none;padding:12px 20px}.site-head{min-height:78px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px max(28px,calc((100vw - 1260px)/2));}.site-head a{color:white;font-size:14px}.brand{font-weight:700;letter-spacing:.05em}.brand span{font-weight:400;opacity:.65;font-size:13px;margin-left:15px}.head-link{border-bottom:1px solid #83b8ee}.route-nav{max-width:1260px;margin:0 auto;display:flex;padding:0 8px;border-bottom:1px solid var(--line)}.route-nav a{flex:1;display:flex;justify-content:center;gap:12px;padding:19px 10px;color:var(--muted);border-bottom:3px solid transparent;font-weight:600}.route-nav a span{font-size:12px;font-weight:700;letter-spacing:.1em;align-self:center;opacity:.6}.route-nav a[aria-current="page"]{color:var(--blue);border-bottom-color:var(--blue)}.route-nav a:hover{background:var(--soft)}main{max-width:1260px;margin:0 auto;padding:40px 28px 55px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px;color:var(--blue);font-weight:750;letter-spacing:.14em;margin:0 0 10px}h1{font-size:clamp(30px,3.15vw,44px);line-height:1.32;letter-spacing:-.04em;margin:0;font-weight:750}h2{font-size:25px;line-height:1.4;margin:0}h3{font-size:22px;line-height:1.45;margin:0 0 12px}p{margin:0 0 15px;text-wrap:pretty}.lead{font-size:17px;color:var(--muted);margin:14px 0 0}.meta-box{min-width:266px;border-left:1px solid var(--line);padding:8px 0 8px 28px;font-size:14px;color:var(--muted)}.meta-box strong{font-size:17px;color:var(--ink)}.meta-box p{margin:7px 0 12px}.pill{display:inline-flex;font-size:11px;font-weight:650;letter-spacing:.05em;color:var(--blue);background:#dfedff;padding:5px 10px;border-radius:6px}.two-col{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0,1.45fr);gap:22px;align-items:start}.stack{display:grid;gap:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 5px 18px #06164103}.material{background:var(--ink);color:#eef6ff}.material .eyebrow{color:#7edcfa}.material .note{color:#acbdd7}.material details{border-top-color:#344569}.material summary{color:#c7e8ff}blockquote{margin:25px 0;font-family:"Songti SC",STSong,serif;font-size:25px;line-height:1.85}label:not(.option){display:block;font-weight:650;font-size:14px;margin:14px 0 8px}.step{font-size:13px;letter-spacing:.08em;font-weight:700;color:var(--blue);margin-bottom:12px}.note{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0 0}textarea{display:block;width:100%;min-height:94px;resize:vertical;background:#fbfdff;border:1px solid #bfcfe2;color:var(--ink);border-radius:10px;padding:12px 14px;line-height:1.65;margin-bottom:16px}textarea::placeholder{color:#8c9bb0;font-size:14px}input[type="radio"],input[type="checkbox"]{accent-color:var(--blue);width:18px;height:18px;flex:0 0 auto;margin-top:5px}fieldset{padding:0;border:0;margin:0 0 18px}legend{font-weight:600;font-size:15px;margin-bottom:10px}.option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:13px 14px;border:1px solid var(--line);border-radius:10px;line-height:1.6;font-size:14px;margin:8px 0}.option:has(input:checked){background:var(--soft);border-color:var(--blue)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.feedback{margin:16px 0 0;padding:14px 16px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:14px;line-height:1.8}.feedback.warn{background:var(--warn-bg);color:var(--warn)}.feedback.success{background:var(--success-bg);color:var(--success)}.feedback p:last-child{margin-bottom:0}.feedback ul{margin:0;padding-left:20px}details{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:14px}summary{font-weight:600;cursor:pointer;color:var(--blue);min-height:30px}details p{margin:12px 0 0}details ul{padding-left:20px}.question-card{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.question-card .script-question{font-size:18px;line-height:1.7;font-weight:650;margin:8px 0 14px}.question-kind{font-size:11px;color:var(--blue);font-weight:700}.contrast{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contrast>div{padding:18px;background:var(--paper);border-radius:12px}.contrast b{font-size:12px;color:var(--blue)}.contrast p{font-size:14px;line-height:1.7;margin:7px 0 0}.source{font-size:11px;color:#677a96;margin:25px 0 0;line-height:1.8}.record-bar{border-top:1px solid var(--line);background:#fff;max-width:100%;padding:22px max(28px,calc((100vw - 1204px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.record-bar strong{display:block;font-size:14px}.record-bar span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.record-bar button{font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:100;background:var(--ink);color:#fff;border-radius:12px;padding:13px 22px;box-shadow:0 10px 40px #06164130;font-size:14px}.game-progress{display:flex;gap:12px;margin:12px 0 22px}.game-progress div{flex:1;font-size:14px;padding:13px 17px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--muted)}.game-progress .active{background:var(--ink);border-color:var(--ink);color:white}.game-progress .done{color:var(--blue);border-color:#9bc7f5}.game-progress b{display:inline-flex;width:24px;font-size:12px}.game-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}.garden-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.garden-top b{font-size:18px}.garden-top span{font-size:12px;color:var(--muted)}.garden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:360px;margin:0 auto;border:3px solid var(--ink);padding:6px;border-radius:4px;background:#fff}.garden-cell{aspect-ratio:1.3;padding:0;min-height:60px;border:1px solid #c4d7e9;border-radius:3px;background:#f3f6fa;position:relative;display:flex;align-items:center;justify-content:center}.garden-cell.planted{background:var(--plant);border-color:#6cd0ec}.garden-cell.flower{background:var(--blue);border-color:var(--blue);color:white}.garden-cell:disabled{opacity:.55}.garden-cell:focus-visible{outline-offset:-5px;outline:3px solid var(--ink)}.cell-num{position:absolute;left:6px;top:2px;font-size:9px;color:#7190ab;font-weight:400}.garden-cell.flower .cell-num{color:#c4e2ff}.garden-cell strong{font-size:17px}.legend{display:flex;gap:18px;justify-content:center;font-size:11px;color:var(--muted);margin:17px 0}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:2px;display:inline-block}.plant-key{background:var(--plant);border:1px solid #6cd0ec}.flower-key{background:var(--blue)}.garden-count{text-align:center;font-size:14px;color:var(--blue);font-weight:650;margin-top:15px}.fraction-entry{display:flex;gap:10px;align-items:center;margin:12px 0 15px}.fraction-entry input{width:75px;padding:10px;border:1px solid #bfcfe2;border-radius:8px;text-align:center;color:var(--ink);background:#fbfdff}.fraction-entry label{margin:0!important;font-size:14px!important;font-weight:400!important}.fraction-entry span{font-size:22px}.task-card h2{font-size:24px;margin:4px 0 14px}.task-card .question{font-size:16px;line-height:1.85}.teacher-note{margin-top:22px}.teacher-note summary{font-size:15px}.case-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.case-switch button[aria-pressed="true"]{color:white;background:var(--ink);border-color:var(--ink)}.math-display{font-size:36px;color:var(--blue);letter-spacing:.03em;font-weight:750;margin:20px 0}.student-quote{font-size:20px;line-height:1.9;background:var(--paper);padding:20px;border-radius:12px;margin:20px 0}.evidence-text{padding:20px;background:var(--soft);border-radius:12px}.transfer-task{font-size:20px;font-weight:650;color:var(--blue);margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.section-heading .note{margin:0;max-width:450px}.table-scroll{overflow-x:auto;margin-top:24px}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:10px}th,td{padding:13px 18px;border-bottom:1px solid var(--line)}thead{background:var(--soft)}thead th{font-size:13px;white-space:nowrap}tbody th{color:var(--blue)}.section-gap{margin-top:22px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roles button{font-size:13px;padding:8px}.roles button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}.role-help{font-size:14px;background:var(--soft);padding:16px;border-radius:10px;margin:16px 0}.claim{padding:15px 0;border-bottom:1px solid var(--line)}.claim:first-child{padding-top:0}.claim p{font-size:15px;line-height:1.8;margin-bottom:10px}.claim select{width:100%;padding:11px 12px;border:1px solid #bfcfe2;color:var(--ink);background:#fbfdff;border-radius:9px}.claim label{font-size:12px!important;margin:0 0 5px!important}.noscript{padding:20px;background:var(--warn-bg)}@media(min-width:1500px){body{font-size:17px}.card{padding:32px}}@media(max-width:900px){.site-head{padding:17px 24px}.brand span{display:none}.head-link{font-size:12px!important}.two-col{grid-template-columns:.85fr 1.35fr;gap:16px}.card{padding:22px}.intro{gap:20px}.meta-box{min-width:220px;padding-left:18px}.game-layout{gap:16px}.garden-cell{min-height:55px}.record-bar{padding:20px 24px}.record-bar .button-row{gap:6px}.record-bar button{padding:9px 12px}.section-heading{flex-direction:column;gap:13px}.section-heading .note{max-width:none}}@media(max-width:700px){.site-head{padding:14px 18px;min-height:66px;flex-wrap:wrap;gap:8px}.brand{font-size:13px}.site-head .back{font-size:12px}.head-link{width:100%;font-size:11px!important;border:0;text-align:right}.route-nav{padding:0}.route-nav a{font-size:12px;gap:5px;padding:15px 3px}.route-nav a span{display:none}main{padding:26px 16px 35px}.intro{display:block;margin-bottom:22px}h1{font-size:31px}.lead{font-size:15px}.meta-box{margin-top:20px;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;font-size:12px}.meta-box strong{font-size:14px}.meta-box p{margin:0}.meta-box br{display:none}.two-col,.game-layout{grid-template-columns:1fr}.card{padding:22px 20px;border-radius:14px}.material blockquote{font-size:21px;line-height:1.8}.contrast{gap:9px}.contrast>div{padding:14px}.contrast p{font-size:13px}.record-bar{display:block;padding:20px 16px}.record-bar .button-row{margin-top:15px}.record-bar button{flex:1;min-width:90px;font-size:12px}.game-progress{gap:7px}.game-progress div{font-size:11px;padding:10px 7px}.game-progress b{width:17px}.game-progress .done{font-size:11px}.garden-grid{max-width:330px}.garden-cell{min-height:63px}.case-switch{gap:7px}.case-switch button{font-size:12px;padding:9px 11px;flex:1}.case-switch button:last-child{flex-basis:100%}.game-layout .task-card{order:1}.game-layout .garden-card{order:0}.task-card .question{font-size:15px}.section-heading h2{font-size:23px}th,td{padding:12px}.button-row button{font-size:13px}.source{font-size:10px}textarea{font-size:15px}.option{padding:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.site-head,.route-nav,.record-bar,.toast,.button-row,button{display:none!important}body{background:white}main{padding:0}.card{box-shadow:none;break-inside:avoid}.intro{margin-bottom:20px}.source{color:#444}.example:not([hidden]){display:block!important}}