:root{--color-paper: oklch(98% .006 250);--color-white: oklch(100% 0 0);--color-ink: oklch(28% .04 255);--color-muted: oklch(48% .025 255);--color-faint: oklch(65% .02 255);--color-line: oklch(90% .015 250);--color-accent: oklch(43% .14 260);--color-accent-hover: oklch(37% .14 260);--color-pale: oklch(95% .025 255);--color-navy: oklch(29% .08 260);--color-success: oklch(43% .09 165);--color-success-bg: oklch(96% .025 165);--color-warning: oklch(44% .08 75);--color-warning-bg: oklch(97% .03 85);--color-error: oklch(46% .16 25);--color-error-bg: oklch(97% .015 25);--color-focus: oklch(48% .18 260);--color-overlay: oklch(20% .025 255 / .45);--color-shadow: oklch(30% .04 255 / .05);--font-display: "Segoe UI", "Microsoft YaHei", sans-serif;--font-body: "Microsoft YaHei", "Segoe UI", sans-serif;--font-english: Georgia, "Times New Roman", serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-display:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--rule-thin:1px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.15s}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;min-width:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer;white-space:nowrap;min-height:44px;border:0;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-weight:600;background:none;color:inherit}button:active{transform:translateY(1px)}button:disabled{opacity:.46;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-style:normal}h1{font-size:22px;line-height:1.3;letter-spacing:1px}h2{font-size:var(--text-display);line-height:1.3;font-weight:650}h3{font-size:var(--text-md);font-weight:650}h4{font-size:var(--text-base)}small,.helper,.muted{color:var(--color-muted)}.topbar{height:96px;background:var(--color-white);border-bottom:1px solid var(--color-line);display:flex;align-items:center;gap:var(--space-xl);padding:0 var(--space-2xl)}.brand{display:flex;align-items:center;gap:var(--space-md);min-width:286px}.brand-mark{display:grid;place-items:center;width:44px;height:48px;color:var(--color-white);background:var(--color-accent);font-size:26px;border-radius:10px 2px;font-family:var(--font-english)}.brand div>span{font-size:9px;letter-spacing:2px;color:var(--color-muted)}.course{display:flex;flex-direction:column;border-left:1px solid var(--color-line);padding-left:var(--space-xl);line-height:1.7}.course strong{font-size:var(--text-md);font-weight:600}.course>span{font-size:var(--text-sm);color:var(--color-muted)}.course i{padding:0 var(--space-sm);font-style:normal}.connection{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.status-dot{height:6px;width:6px;background:currentColor;border-radius:50%}.connection-error{color:var(--color-error)}.app-grid{display:grid;grid-template-columns:244px minmax(0,1fr) 366px;min-height:calc(100vh - 170px);max-width:2200px;margin:auto}.sidebar{background:var(--color-white);border-right:1px solid var(--color-line);padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column}.rail-title{font-size:var(--text-sm);color:var(--color-muted);padding:0 var(--space-md);margin-bottom:var(--space-lg)}nav{display:flex;flex-direction:column;gap:var(--space-sm)}.nav-item{display:flex;text-align:left;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);position:relative;min-height:78px;white-space:normal}.nav-item strong{font-size:var(--text-md);font-weight:600}.nav-item small{display:block;font-size:11px;line-height:1.8;font-weight:400}.nav-icon{font-size:22px;color:var(--color-muted);width:28px;text-align:center}.nav-item.active{background:var(--color-pale);color:var(--color-accent)}.nav-item.active small,.nav-item.active .nav-icon{color:var(--color-accent)}.active-line{position:absolute;right:0;height:24px;width:3px;background:var(--color-accent);border-radius:3px}.rail-note{margin:var(--space-3xl) var(--space-md) var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-line)}.line-icon{font-size:28px;color:var(--color-accent)}.rail-note h3{font-size:var(--text-base);margin:var(--space-sm) 0}.rail-note p{font-size:var(--text-sm);color:var(--color-muted);line-height:2}.rubric-link{margin-top:auto;display:flex;justify-content:space-between;font-size:var(--text-sm);border:1px solid var(--color-line);padding:var(--space-sm) var(--space-md)}.privacy-note{font-size:11px;padding:var(--space-xl) var(--space-md) var(--space-md);color:var(--color-muted)}.privacy-note strong{font-weight:500;color:var(--color-ink)}.privacy-note p{margin-top:var(--space-xs)}.version{font-size:10px;color:var(--color-muted);padding:var(--space-lg) var(--space-md) 0}.app-grid>main{padding:var(--space-2xl) var(--space-2xl) var(--space-lg);min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.eyebrow{color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.page-heading h2{margin-bottom:var(--space-sm)}.page-heading p:last-child{font-size:var(--text-base);color:var(--color-muted)}.lesson-tag{font-size:11px;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);white-space:nowrap;color:var(--color-muted)}.flow{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted)}.flow span{white-space:nowrap}.flow b{display:inline-grid;place-items:center;height:22px;width:22px;border:1px solid var(--color-line);border-radius:50%;font-size:11px;font-weight:500;margin-right:6px}.flow i{height:1px;background:var(--color-line);width:32px}.flow .current{color:var(--color-accent)}.flow .current b{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.panel{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:0 3px 12px var(--color-shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.section-heading .muted{font-size:var(--text-sm)}.text-button{color:var(--color-accent);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500}.helper{font-size:var(--text-sm);margin:var(--space-xs) 0 var(--space-lg);line-height:1.8}textarea,input,select{background:var(--color-white);color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-md);width:100%;min-width:0}textarea{resize:vertical;min-height:120px;line-height:1.8;font-size:var(--text-md);display:block}textarea::placeholder,input::placeholder{color:var(--color-faint)}input{min-height:44px}label{font-size:var(--text-sm);color:var(--color-muted);display:block;margin-top:var(--space-md)}label input,label textarea,label select{margin-top:var(--space-sm)}.input-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted);margin-top:6px}.goal-label{display:flex;align-items:center;gap:var(--space-md);white-space:nowrap}.goal-label input{margin:0;font-size:var(--text-sm);min-height:40px;padding:var(--space-sm) var(--space-md)}.input-actions{margin-top:var(--space-xl);display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.primary{background:var(--color-accent);color:var(--color-white);border:1px solid var(--color-accent)}.primary>span{margin-right:var(--space-sm)}.secondary{background:var(--color-white);border:1px solid var(--color-line)}.quiet{font-size:var(--text-sm);color:var(--color-muted)}.small-note{font-size:10px;color:var(--color-muted);margin-left:auto}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-muted)}.question-symbol{display:grid;place-items:center;color:var(--color-accent);background:var(--color-pale);border-radius:50%;height:42px;width:42px;margin:0 auto var(--space-md);font-family:var(--font-english);font-size:26px}.empty-state h4{font-size:var(--text-md);font-weight:500;color:var(--color-ink)}.empty-state p{font-size:var(--text-sm);margin-top:var(--space-sm)}.review-tag{font-size:11px;background:var(--color-warning-bg);color:var(--color-warning);padding:4px 8px;border-radius:var(--radius-sm)}.review-tag.approved{background:var(--color-success-bg);color:var(--color-success)}.result-meta{display:flex;justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:11px;margin-top:var(--space-lg)}.scope{font-size:11px;color:var(--color-muted);margin:var(--space-sm) 0}.evidence{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background:var(--color-paper);border-left:2px solid var(--color-line)}.evidence>span{font-size:11px;color:var(--color-muted)}blockquote{margin:var(--space-sm) 0;font-family:var(--font-english);font-size:var(--text-lg);line-height:1.7}.feedback-block{margin:var(--space-lg) 0}.feedback-block>span{font-size:11px;color:var(--color-muted)}.feedback-block>p{margin-top:var(--space-xs);white-space:pre-wrap;overflow-wrap:anywhere}.english{font-family:var(--font-english);font-size:22px;line-height:1.55}.main-question .english{font-size:28px;color:var(--color-navy)}.scaffolds{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:var(--space-lg) 0;margin:var(--space-xl) 0}.scaffolds strong{font-size:var(--text-sm);font-weight:500}.scaffolds p{font-size:11px;color:var(--color-muted);margin-top:var(--space-xs)}.scaffold-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.level-button{font-size:11px;border:1px solid var(--color-line);padding:var(--space-sm) var(--space-md);font-weight:400}.level-button b{font-size:12px;margin-right:5px}.level-button.selected{color:var(--color-accent);background:var(--color-pale);opacity:1;border-color:var(--color-pale)}.review-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xl)}.review-actions button{font-size:var(--text-sm)}.teaching-reminder{color:var(--color-muted);font-size:10px;text-align:center;margin:var(--space-xl) 0}.teaching-reminder span{margin:0 var(--space-sm)}.knowledge-rail{padding:var(--space-2xl) var(--space-xl);border-left:1px solid var(--color-line);background:var(--color-white)}.knowledge-rail h2{font-size:var(--text-lg)}.knowledge-rail>.helper{font-size:11px;margin-bottom:var(--space-xl)}.source-card{padding:var(--space-lg) 0 var(--space-xl);border-top:1px solid var(--color-line)}.source-heading{display:flex;align-items:center;gap:var(--space-sm);font-size:11px;color:var(--color-muted);margin-bottom:var(--space-md)}.card-id{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-pale);color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.source-card h3{font-size:var(--text-lg);font-family:var(--font-english);line-height:1.3;font-weight:500;margin-bottom:var(--space-md)}.card-text{font-family:var(--font-english);font-size:var(--text-md);line-height:1.8}.source-card details{font-size:11px;margin-top:var(--space-md);color:var(--color-muted)}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:var(--space-sm);color:var(--color-accent)}summary:before{content:"+";font-size:18px;font-weight:400}details[open]>summary:before{content:"−"}details p{margin:var(--space-sm) 0}.task-card{border-top:1px solid var(--color-line);padding-top:var(--space-lg)}.task-card h3{font-size:var(--text-sm)}.task-card ul{list-style:none;padding:0;margin:var(--space-md) 0}.task-card li{font-size:11px;color:var(--color-muted);position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.task-card li:before{content:"✓";position:absolute;left:0;color:var(--color-accent)}.task-card>p{font-size:10px;color:var(--color-muted)}.language-card{margin-top:var(--space-lg);border-top:1px solid var(--color-line);font-size:var(--text-sm)}.language-card>p{font-family:var(--font-english);font-size:var(--text-md)}.boundary-note{font-size:10px;color:var(--color-muted);margin-top:var(--space-md)}.timeline{border-top:1px solid var(--color-line);background:var(--color-white);display:flex;padding:var(--space-md) var(--space-2xl);align-items:center;justify-content:center;gap:var(--space-xl);min-height:74px;flex-wrap:wrap}.timeline>span{font-size:10px;color:var(--color-muted);display:flex;flex-direction:column;white-space:nowrap}.timeline strong{font-weight:500;font-size:var(--text-sm)}.timeline .timeline-label{color:var(--color-ink);font-size:var(--text-sm);margin-right:var(--space-lg)}.timeline .ai{color:var(--color-accent);font-weight:600}.error-message,.warning,.notice{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin:var(--space-md) 0;font-size:var(--text-sm)}.error-message{color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error)}.warning{color:var(--color-warning);background:var(--color-warning-bg)}.notice{color:var(--color-success);background:var(--color-success-bg)}.rows article{border-top:1px solid var(--color-line);padding:var(--space-lg) 0}.row-heading{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm)}.row-heading span{color:var(--color-accent)}.rows blockquote{font-size:18px}.rows article>p{font-size:var(--text-sm);color:var(--color-muted)}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.comparison article{border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-lg)}.comparison article span{font-size:var(--text-sm);color:var(--color-muted)}.comparison article p{font-family:var(--font-english);font-size:18px;line-height:1.8;margin-top:var(--space-sm);overflow-wrap:anywhere}.comparison>p{grid-column:1/-1;font-size:var(--text-sm)}.resource-details{padding:var(--space-md) 0;border-top:1px solid var(--color-line);font-size:var(--text-sm)}.resource-details article{margin:var(--space-xl) 0}.exercises article{margin:var(--space-lg) 0}.exercises details{font-size:var(--text-sm)}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.answer-set{border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-lg);margin-bottom:var(--space-lg)}.answer-set legend{font-size:var(--text-sm);color:var(--color-accent)}.records article{padding:var(--space-lg) 0;border-top:1px solid var(--color-line)}.records article p{font-size:var(--text-sm);margin:var(--space-sm) 0}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:40}.modal{width:100%;max-width:1000px;max-height:90vh;overflow:auto;background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-lg)}.modal h2{font-size:var(--text-xl)}.modal>.section-heading{margin-bottom:var(--space-lg)}.modal h3{margin-top:var(--space-xl)}.modal ol{padding-left:var(--space-xl)}.modal li{margin-bottom:var(--space-md)}.guide{max-width:740px}.table-scroll{overflow:auto;margin:var(--space-xl) 0}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-md);border-bottom:1px solid var(--color-line);vertical-align:top}td:first-child{min-width:260px}td p{color:var(--color-muted);margin:var(--space-xs) 0}td select{width:80px}.competency{padding:var(--space-xl) 0;border-top:1px solid var(--color-line)}.competency p{font-size:var(--text-sm);margin:var(--space-sm) 0}.projection{position:fixed;inset:0;background:var(--color-white);z-index:50;overflow:auto}.projection header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-3xl);border-bottom:1px solid var(--color-line);gap:var(--space-lg)}.projection header strong{font-size:var(--text-lg)}.projection header strong span{font-family:var(--font-english);font-weight:400;color:var(--color-muted)}.projection header div{display:flex;align-items:center;gap:var(--space-xl);font-size:var(--text-sm);color:var(--color-warning)}.projection main{max-width:1400px;margin:auto;padding:var(--space-3xl)}.projection-context{font-size:var(--text-md);color:var(--color-muted);margin-bottom:var(--space-2xl)}.projection blockquote{font-size:32px;background:var(--color-paper);border-left:4px solid var(--color-line);padding:var(--space-xl) var(--space-2xl);margin-bottom:var(--space-3xl)}.projection main>div>span{color:var(--color-muted);font-size:var(--text-md)}.projection main>div>p{font-size:28px;margin:var(--space-md) 0 var(--space-2xl)}.projection .english{font-size:48px;line-height:1.5;color:var(--color-navy)}.projection-footer{font-size:var(--text-lg);color:var(--color-muted);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.feedback-block dl{font-size:var(--text-sm)}.feedback-block dt{font-weight:600;margin-top:var(--space-md)}.feedback-block dd{margin:var(--space-xs) 0;color:var(--color-muted)}@media(hover:hover){.primary:hover:not(:disabled){background:var(--color-accent-hover)}.secondary:hover:not(:disabled),.quiet:hover,.text-button:hover,.nav-item:hover:not(.active){background:var(--color-paper)}input:hover,textarea:hover,select:hover{border-color:var(--color-faint)}}@media(min-width:1700px){body{font-size:var(--text-md)}.app-grid{grid-template-columns:264px minmax(0,1fr) 410px}.app-grid>main{padding:var(--space-2xl) var(--space-3xl)}.page-heading{margin-bottom:var(--space-2xl)}.input-panel textarea{min-height:140px}.panel{padding:var(--space-xl) var(--space-2xl)}.knowledge-rail{padding:var(--space-2xl)}.source-card .card-text{font-size:18px}.source-card{padding:var(--space-lg) 0 var(--space-xl)}.task-card li,.source-heading{font-size:var(--text-sm)}.small-note{font-size:11px}}@media(max-width:1250px){.app-grid{grid-template-columns:210px minmax(0,1fr)}.knowledge-rail{grid-column:2;border-top:1px solid var(--color-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.knowledge-rail>.section-heading,.knowledge-rail>.helper,.boundary-note{grid-column:1/-1}.knowledge-rail>.helper{margin-bottom:0}.course{display:none}.brand{min-width:0}.app-grid>main{padding:var(--space-xl)}.lesson-tag{display:none}.timeline{gap:var(--space-lg)}.small-note{display:none}}@media(max-width:768px){.topbar{height:auto;min-height:90px;padding:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.brand{margin-right:auto}.topbar>.quiet{display:none}.connection{font-size:10px;margin-left:0}.brand h1{font-size:20px}.brand div>span{font-size:8px}.app-grid{display:block}.sidebar{padding:var(--space-sm);border-bottom:1px solid var(--color-line);border-right:0}.sidebar .rail-title,.rail-note,.privacy-note,.version,.rubric-link{display:none}nav{display:flex;flex-direction:row;gap:var(--space-xs);flex-wrap:wrap}.nav-item{flex:1;min-height:44px;padding:var(--space-sm);justify-content:center;white-space:nowrap}.nav-item strong{font-size:var(--text-sm)}.nav-item small,.nav-icon,.active-line{display:none}.app-grid>main{padding:var(--space-xl) var(--space-lg)}.page-heading h2{font-size:var(--text-xl)}.flow{font-size:10px;gap:var(--space-sm)}.flow i{width:12px}.flow b{width:18px;height:18px;margin-right:4px}.panel{padding:var(--space-lg)}.helper{font-size:11px}.input-actions{gap:var(--space-sm)}.input-actions button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.goal-label{display:block;white-space:normal}.goal-label input{margin-top:var(--space-sm)}.english,.main-question .english{font-size:24px}.result-meta{flex-direction:column;gap:var(--space-xs)}.empty-state{padding:var(--space-xl) 0}.knowledge-rail{display:block;padding:var(--space-xl) var(--space-lg)}.knowledge-rail>.helper{margin-bottom:var(--space-lg)}.source-card{margin-top:var(--space-lg)}.knowledge-rail .card-text{font-size:18px}.comparison,.form-pair{grid-template-columns:minmax(0,1fr)}.timeline{gap:var(--space-md);padding:var(--space-lg);justify-content:flex-start}.timeline-label{width:100%}.teaching-reminder{line-height:2}.projection header{padding:var(--space-lg);flex-wrap:wrap}.projection header div{gap:var(--space-sm);flex-wrap:wrap}.projection main{padding:var(--space-xl)}.projection .english{font-size:30px}.projection blockquote{font-size:22px;padding:var(--space-lg)}.modal-backdrop{padding:var(--space-sm)}.modal{padding:var(--space-lg)}.modal h2{font-size:var(--text-lg)}.table-scroll{margin:var(--space-lg) 0}h1,h2,h3,h4{overflow-wrap:anywhere;min-width:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}