/* 课伴 2.0 · Quiet learning atelier. Image generated for this project. */
:root{--bg:#f3f1eb;--surface:#fcfbf7;--ink:#263a34;--muted:#777d72;--green:#274b40;--green-dark:#183b31;--line:#e3e2d8;--lime:#e8debd;--orange:#a05d42;--shadow:0 5px 25px #302e2104;--gold:#c0a36a;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif}
body{background:radial-gradient(ellipse at 90% 0,#f9f7f0 0,transparent 60%),var(--bg)}.sidebar{background:#1e3931;border:0;color:#f7f2df;width:228px;padding:39px 23px 28px}.brand{font-size:29px;font-family:var(--serif);font-weight:550;gap:13px;letter-spacing:2px}.brand-icon{background:transparent;border:1px solid #bda36a80;border-radius:50%;color:#d8c795;width:44px;height:44px}.brand small{color:#b8bba4;font-family:Arial,sans-serif;font-size:6px;letter-spacing:1.4px;margin-top:7px}.nav-label{color:#8c9f91;font-size:10px;letter-spacing:2px;margin-top:62px}.sidebar nav{gap:10px}.sidebar nav button{border-radius:6px;color:#aab9ac;min-height:48px;font-size:13px;font-weight:400;gap:13px}.sidebar nav button:hover{background:#ffffff08}.sidebar nav button.active{background:#c4b48716;color:#f2dfae;box-shadow:inset 2px 0 #c8b17c;font-weight:500}.sidebar nav button.active i{background:#cfb47c;width:4px;height:4px}.sidebar nav button svg{stroke-width:1.4;width:19px;height:19px}.sidebar-bottom{padding:35px 10px 0}.sidebar-bottom .small-leaf{color:#a2b09a}.sidebar-bottom p{font-family:var(--serif);font-size:14px;line-height:2;color:#a4b49f;letter-spacing:1px}.sidebar-bottom .text-link{color:#c7b88f}.sidebar .local-status{border-color:#71827635;color:#8b9d8d;font-size:9px}.sidebar .local-status i{background:#acba8f}.workspace{margin-left:228px}.topbar{height:82px;border-bottom:1px solid #dedfd4a8;background:#f6f4ee96;padding:0 42px}.breadcrumb{font-size:11px;letter-spacing:.7px}.topbar-right{font-size:11px;color:#8e9485}.avatar{background:#e8e6d9;border-color:#faf9f4;color:#787b66}.mobile-brand{font-family:var(--serif)}main{padding:34px 42px 18px;max-width:1430px}h1{font-family:var(--serif);font-size:31px;letter-spacing:1px;font-weight:550}.eyebrow{font-size:8px;font-weight:500;color:#938c70;letter-spacing:2px}.subtitle{font-size:12px;color:#8a8d7d;line-height:1.9;margin-top:10px}.heading-row{margin-bottom:25px}.button{border-radius:5px;font-size:11px;padding:12px 17px;letter-spacing:.2px;min-height:42px}.button.secondary{background:#e8eddf;color:#3d5d42}.button.outline{background:#fcfbf7;border-color:#dcdfd1;color:#65735b}.button:hover{transform:translateY(-1px)}.text-link{font-size:11px}.demo-banner{background:transparent;border:1px solid #dddcc9;border-left:2px solid #bfa96d;border-radius:3px;padding:10px 13px;color:#8a8d70;font-size:10px;margin-bottom:22px}.demo-banner button{font-size:10px;font-weight:500;color:#6a7759}.home-grid{grid-template-columns:minmax(0,1fr) 270px;gap:23px}.atelier-hero{background:#192d22 url('assets/reading-room-v2.png') center 62%/cover no-repeat;min-height:298px;border-radius:7px;padding:34px 32px;border:1px solid #244335;color:#f8f4e6;isolation:isolate}.atelier-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15271edd 0%,#15271e7a 43%,#15271e00 78%);z-index:-1}.atelier-hero .hero-copy{max-width:85%}.atelier-hero .eyebrow{color:#c8be96;font-size:8px;letter-spacing:1.9px;margin-bottom:19px}.atelier-hero h2{color:#f2f0df;font-family:var(--serif);font-size:33px;line-height:1.55;font-weight:400;letter-spacing:2px}.atelier-hero p{font-size:10px;line-height:1.9;color:#c4c9b7;margin-top:17px}.hero-cta{padding:0;color:#dec998;font-size:10px;display:flex;align-items:center;gap:20px;margin-top:23px}.hero-cta svg{width:15px;height:15px}.image-credit{position:absolute;right:15px;bottom:12px;color:#eee4c67a;font-size:6px;letter-spacing:1px}.stats-row{gap:0;margin:21px 0 23px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.stat{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;padding:19px 24px}.stat:last-child{border-right:0}.stat-label{font-size:10px;color:#8b907e}.stat-label svg{width:13px;height:13px;color:#8b9b74}.stat-number{font-family:Georgia,serif;font-size:31px;letter-spacing:-.5px;font-weight:400;margin-top:10px}.stat-number small{font-family:inherit;font-size:10px;color:#929784;margin-left:6px}.section-head h2{font-family:var(--serif);font-size:17px;font-weight:550;letter-spacing:.5px}.section-head h2 span{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:10px;letter-spacing:0}.task-card{background:var(--surface);border-radius:5px;padding:19px 17px;box-shadow:none;gap:14px}.task-list{gap:9px}.task-title{font-size:12px;font-weight:500;line-height:1.7}.task-meta{font-size:9px;gap:8px}.tag{font-size:9px;border-radius:3px;padding:3px 6px}.check{border-radius:4px;width:21px;height:21px;border-color:#d0d7c8}.task-action{background:transparent;border:1px solid #e5e8dc;border-radius:50%;width:28px;height:28px}.task-action:hover{background:#e9eede}.panel{background:var(--surface);border-radius:6px;border-color:var(--line);padding:22px}.rail{gap:19px}.focus-panel{background:#243f34;color:#f4f0df;border:1px solid #506349;min-height:324px;background-image:radial-gradient(ellipse at 100% 0,#7e885229,transparent 60%)}.focus-panel .panel-label{color:#bcb891;font-size:8px;letter-spacing:1.5px;justify-content:center}.focus-panel .panel-label svg{display:none}.focus-panel h3{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:1px;margin-top:29px}.timer-display{font-family:Georgia,serif;font-size:57px;font-weight:400;letter-spacing:0;margin:20px 0 13px}.focus-panel p{color:#a8b5a0;font-size:9px;margin-bottom:26px}.focus-panel .button{background:#d8c697;color:#314934;font-size:10px;border-radius:4px;min-height:39px}.focus-panel .button:hover{background:#e4d5b0}.focus-hint{font-size:8px;color:#a4b299;margin-top:16px}.rail>.panel:not(.focus-panel) .section-head h2{font-family:inherit;font-size:12px}.mini-week{margin-top:20px}.mini-day b{border-radius:3px}.week-summary{font-size:9px;color:#8e957f}.recall-teaser{background:#e9e5d7;border:0;position:relative;overflow:hidden;padding:24px 22px}.recall-teaser::after{content:"02";position:absolute;right:-3px;bottom:-23px;color:#b8ae8d30;font:92px Georgia,serif;pointer-events:none}.recall-teaser .eyebrow{font-size:7px;letter-spacing:1.5px;color:#9d936b}.recall-teaser h3{font-size:16px;font-family:var(--serif);font-weight:400;color:#5b664c;margin:15px 0 11px;line-height:1.6}.recall-teaser p{color:#909176;font-size:10px;margin-bottom:21px}.recall-teaser .text-link{font-size:10px;gap:18px;position:relative;z-index:1}.recall-teaser svg{width:14px;height:14px}.next-action{display:flex;gap:15px;align-items:center;padding:18px 19px;background:#e5e9db;border:1px solid #dce2ce;border-radius:5px;margin-bottom:25px}.next-symbol{color:#8a986d;padding:2px}.next-symbol svg{width:23px;height:23px}.next-action>div:nth-child(2){flex:1;min-width:0}.next-action .eyebrow{font-size:7px;color:#879171;letter-spacing:1.6px;margin:0}.next-action h3{font-size:12px;font-weight:500;margin:6px 0;line-height:1.8;overflow-wrap:anywhere}.next-action p{font-size:9px;color:#839072;line-height:1.8}.round-arrow{width:34px;height:34px;border:1px solid #bfcba9;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#677b52}.round-arrow svg{width:14px;height:14px}.composer{background:#fbfaf5;border-radius:6px;border-color:var(--line);padding:23px}.composer h3{font-size:12px;font-weight:500}.composer p{font-size:10px;color:#939780}.input-row{background:#f4f4ed;border-color:#e4e6d9;border-radius:4px}.input-row input{font-size:11px}.input-row .button{font-size:10px;border-radius:3px}.task-detail-card{border-radius:6px;background:var(--surface);padding:25px}.task-detail-card h3{font-family:var(--serif);font-size:18px;font-weight:500}.step-list{gap:14px;margin:21px 0}.step-list li{font-size:11px}.card-footer{margin-top:15px}.card-footer .button{font-size:10px;border-radius:4px}.filter-button{border-radius:4px;font-size:11px}.search{border-radius:4px;background:#fbfaf6;font-size:11px}.budget-panel{background:#e4e8db;border:1px solid #d9decb;border-radius:5px;padding:22px 24px}.budget-panel h3{font-family:var(--serif);font-size:17px;letter-spacing:.5px;font-weight:500;margin-bottom:9px}.budget-panel p{font-size:10px}.day-select{border-radius:5px;background:var(--surface);padding:17px 5px}.day-select b{font-family:Georgia,serif;font-size:25px;margin:10px 0}.day-select.active{background:#2d4c3e;border-color:#2d4c3e}.day-select.active .weekday,.day-select.active small{color:#c1c7a3}.day-load i{background:#c3b88b}.plan-block{border-radius:5px;background:var(--surface);padding:23px}.plan-block h3{font-size:12px}.block-number{font-family:Georgia,serif;font-size:16px;color:#a5ac92}.alert{border-radius:4px;background:#f5eddf;border:1px solid #e6d9be;font-size:11px}.alert button{font-size:11px}.pill{font-size:9px;font-weight:400;color:#809063;border-radius:3px;background:#edf0e5}.empty{background:#faf9f4;border-radius:6px;padding:50px 25px;grid-column:1/-1}.empty h3{font-family:var(--serif);font-size:18px;font-weight:400}.empty p{font-size:11px}.growth-grid .panel{padding:26px}.chart-bar{background:#c5d0af;border-radius:3px 3px 0 0}.chart-col.current .chart-bar{background:#41644e}.mini-stats b{font-family:Georgia,serif;font-size:31px}.record{padding:18px 0}.record b{font-size:11px}.info-note{font-size:10px;color:#8c947e;line-height:1.9}.lab-tabs{display:flex;align-items:center;border-bottom:1px solid #d8ddcc;margin-bottom:28px;gap:30px}.lab-tabs>button{padding:12px 0 17px;display:flex;align-items:center;gap:10px;font-size:12px;border-bottom:2px solid transparent;color:#929b86}.lab-tabs>button svg{width:17px;height:17px}.lab-tabs>button span{font-family:Georgia,serif;font-size:10px;color:#b4b79f;margin-left:5px}.lab-tabs>button.active{border-color:#536d49;color:#36583f}.lab-method{margin-left:auto;font-size:9px;color:#a0a48c}.lab-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.lab-grid .panel{padding:27px}.lab-grid h2{font-family:var(--serif);font-size:21px;letter-spacing:.5px;font-weight:400;line-height:1.7}.risk-pill{background:#f3e7da;color:#ac7952}.diagnosis-summary .section-head{align-items:flex-start}.diagnosis-summary .section-head h2{font-size:21px}.diagnosis-numbers{display:flex;gap:35px;align-items:center;margin:28px 0}.coverage-dial{width:145px;height:145px;border-radius:50%;background:conic-gradient(#5a7956 var(--coverage),#e9ecdf 0);display:grid;place-items:center;flex-shrink:0}.coverage-dial>span{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;align-content:center;width:127px;height:127px;background:#fcfbf7;border-radius:50%;font:41px Georgia,serif;color:#385c41}.coverage-dial small{font:14px Georgia,serif}.coverage-dial em{font-size:9px;font-style:normal;display:block;width:100%;text-align:center;margin-top:8px;color:#949f82;font-family:Arial,"Microsoft YaHei",sans-serif}.diagnosis-metrics{flex:1;display:grid;gap:17px}.diagnosis-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.diagnosis-metrics span{font-size:10px;color:#929a83}.diagnosis-metrics b{font:20px Georgia,serif}.diagnosis-metrics small{font:8px Arial,"Microsoft YaHei",sans-serif;color:#98a18a;margin-left:5px}.risk-text{color:#aa7552!important}.diagnosis-lines{margin-top:23px;border-top:1px solid var(--line)}.diagnosis-line{border-left:2px solid #a9bd8e;padding:0 13px;margin:21px 0}.diagnosis-line.risk{border-color:#c4a07b}.diagnosis-line b{font-size:11px;font-weight:500}.diagnosis-line p{font-size:10px;line-height:1.9;color:#90977f;margin-top:6px}.inline-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.inline-actions .button{font-size:10px;padding:10px 13px;min-height:37px}.simulation-panel{background:#e9eddf;border:1px solid #dce3cc}.simulation-panel .info-note{color:#859174}.scenario-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.scenario{border:1px solid #d1dac0;border-radius:4px;display:flex;flex-direction:column;align-items:center;padding:16px 5px;background:#f4f5ec;gap:8px}.scenario b{font:24px Georgia,serif;color:#6d8252}.scenario span{font-size:8px;color:#94a07e}.scenario.selected{background:#36563e;border-color:#36563e}.scenario.selected b{color:#e6ddb9}.scenario.selected span{color:#b7c0a0}.simulation-placeholder{text-align:center;min-height:185px;display:grid;place-content:center;gap:15px;border:1px dashed #c8d2b5;border-radius:4px;color:#9cae82}.simulation-placeholder svg{width:28px;height:28px;margin:auto}.simulation-placeholder p{font-family:var(--serif);font-size:14px;line-height:1.9;color:#8c9a76}.simulation-result{padding:19px;background:#f8f8ee;border:1px solid #d9dfc9;border-radius:5px}.simulation-result .eyebrow{font-size:8px}.compare-numbers{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.compare-numbers div{display:flex;flex-direction:column;gap:9px}.compare-numbers small{font-size:9px;color:#8b9976}.compare-numbers b{font:32px Georgia,serif;color:#617c4b}.compare-numbers em{font-size:12px;font-style:normal;margin-left:4px}.compare-numbers>span{color:#bdc5a8;font-size:22px}.simulation-result p{font-size:10px;color:#7d8c67;line-height:1.8;margin-top:10px}.simulation-result>small{font-size:9px;color:#939e80;display:block;margin-top:8px;line-height:1.8}.simulation-result .button{margin-top:17px;min-height:37px;font-size:10px}.subject-panel .section-head h2{font-size:19px}.subject-row{margin:23px 0}.subject-row>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px}.subject-row span{display:flex;gap:9px;align-items:center;color:#6a795d}.subject-row b{font:11px Georgia,serif;color:#8c967a;font-weight:400}.subject-dot{width:6px;height:6px;border-radius:50%}.subject-track{height:5px;background:#eceee3;border-radius:5px;margin-top:11px;overflow:hidden}.subject-track i{display:block;height:100%;border-radius:5px}.tone-0{background:#657f57}.tone-1{background:#b1a073}.tone-2{background:#8da3a4}.tone-3{background:#a295a4}.method-panel{background:#efeadd;border-color:#e4dfcd;position:relative;overflow:hidden}.method-index{position:absolute;right:25px;top:21px;font:25px Georgia,serif;color:#c4bfa7}.method-panel h2{font-size:23px;line-height:1.65;color:#6a7055}.method-panel ol{padding-left:20px;font-size:10px;line-height:2.6;color:#94947b;margin:18px 0 24px}.method-panel .text-link{font-size:10px;color:#7c8462;gap:20px}.method-panel svg{width:14px;height:14px}.recall-intro{display:flex;justify-content:space-between;gap:25px;padding:33px 37px;border-radius:6px;border:1px solid #d7dfca;background:#e7ecdd;margin-bottom:28px}.recall-intro .eyebrow{font-size:8px;letter-spacing:1.8px;color:#8c9e75}.recall-intro h2{font-family:var(--serif);font-size:27px;letter-spacing:1px;font-weight:400;color:#4d6a43;line-height:1.6}.recall-intro p{font-size:11px;color:#8e9b7d;line-height:1.9;margin-top:16px}.recall-counter{display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:160px;border-left:1px solid #c8d5b7;padding-left:35px}.recall-counter b{font:70px Georgia,serif;color:#a8b993}.recall-counter span{font-size:9px;color:#91a17b;letter-spacing:1px;margin-top:11px}.recall-actions .filter-row{margin:0}.recall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.recall-card{background:#fcfbf6;border:1px solid #e0e3d3;border-radius:6px;padding:25px}.card-index{font:9px Georgia,serif;color:#b4b69d;letter-spacing:1px}.recall-card h3{font-family:var(--serif);font-size:19px;line-height:1.8;font-weight:400;margin:21px 0 25px;min-height:60px;overflow-wrap:anywhere}.recall-card-meta{display:flex;justify-content:space-between;font-size:9px;color:#a0a88b;gap:12px}.recall-card .card-footer{align-items:center;margin-top:20px}.recall-card .text-link{font-size:10px;color:#96a07f}.recall-method{margin-top:25px;padding:22px 0;border-top:1px solid var(--line);color:#8f957c}.recall-method b{font-size:11px;font-weight:400}.recall-method p{font-size:10px;line-height:2;margin-top:10px;max-width:800px}.recall-question{background:#f0f2e6;border-left:2px solid #a6b784;padding:19px;margin:22px 0}.recall-question>span{font-size:8px;letter-spacing:1.5px;color:#99a17e}.recall-question h3{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.recall-answer{background:#eef1e3;padding:19px;border-radius:4px;margin:18px 0}.recall-answer small{font-size:9px;color:#8fa075;letter-spacing:.5px}.recall-answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;margin-top:12px;color:#687c50}.recall-answer.mine{background:#f4f1e6}.recall-answer.mine small{color:#a59b78}.recall-answer.mine p{color:#8b866d}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.rating-grid button{border:1px solid #d3dcc1;border-radius:4px;padding:14px 5px;background:#f2f4e9;display:flex;flex-direction:column;gap:9px}.rating-grid button:hover{background:#e4ebd7}.rating-grid b{font-size:11px;font-weight:500;color:#5c7549}.rating-grid small{font-size:9px;color:#98a484}.rating-grid button:first-child{background:#f5ebe0;border-color:#e6d5c0}.rating-grid button:first-child b{color:#a4805c}dialog{border-radius:8px;background:#fcfbf7;border:1px solid #d9ddcd;padding:30px;box-shadow:0 25px 100px #142c2a30}dialog::backdrop{background:#172e266e;backdrop-filter:blur(8px)}.modal-heading h2{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.5}.modal-subtitle{font-size:11px;line-height:1.9;color:#919a80}.icon-button{border-radius:50%;width:30px;height:30px;background:#edf0e4;color:#829272;flex-shrink:0}.field{font-size:11px}.field label{font-weight:400;color:#6f7c5e}.field input,.field select,.field textarea,.ai-response{border-radius:4px;background:#f7f8f1;border-color:#dfe4d1;font-size:12px;padding:12px}.modal-actions .button{font-size:11px}.ai-help{border-radius:4px;font-size:11px;line-height:2;background:#edf1e1}.ai-result{border-radius:4px;background:#f2f5e9}.ai-result li{font-size:11px}.immersive{width:min(900px,calc(100% - 24px));background:#192c23 url('assets/reading-room-v2.png') center/cover no-repeat;border-color:#638061;color:#f2efd9;isolation:isolate;min-height:550px;padding:30px 37px}.immersive::before{content:"";position:absolute;inset:0;background:#0f271ec7;z-index:-1}.immersive .modal-heading h2{font-family:var(--serif);font-size:23px;letter-spacing:2px;font-weight:400}.immersive .icon-button{background:#ffffff0c;color:#d7ddc1;border:1px solid #b1bf9333}.immersive .modal-subtitle{color:#a8b79b;font-size:10px}.immersive .timer-ring{width:260px;height:260px;border:1px solid #beaa715c;outline:1px solid #bdae701b;outline-offset:12px;margin:44px auto 31px;background:#1e3526aa}.immersive .timer-display{font:68px Georgia,serif;color:#e9ddb7}.immersive .timer-ring small{font-size:10px;color:#a6b792;margin:12px 24px 0;line-height:1.8}.immersive .timer-modal p{color:#bfc7aa;font-size:11px}.immersive .timer-modal .info-note{color:#91a382;font-size:9px}.immersive .button{background:#c9b783;color:#2f4b34;min-width:120px}.immersive .button.outline{background:transparent;border:1px solid #92a27170;color:#bdc6a5}.immersive .modal-actions{margin-top:24px}footer{font-size:8px;letter-spacing:1.4px;color:#a7ad98;margin-top:33px}
@media(min-width:1500px){.home-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.atelier-hero{min-height:330px;padding:39px}.atelier-hero h2{font-size:39px}.atelier-hero p{font-size:12px}.hero-cta{font-size:11px}.focus-panel{min-height:338px}.task-card{padding:23px}.task-title{font-size:13px}}
@media(max-width:1200px){.sidebar{width:204px;padding-left:20px;padding-right:20px}.workspace{margin-left:204px}.home-grid{grid-template-columns:minmax(0,1fr) 235px;gap:19px}main{padding:28px}.topbar{padding:0 28px}.atelier-hero{padding:29px;min-height:285px}.atelier-hero h2{font-size:28px}.stat{padding:17px}.lab-grid{gap:18px}.lab-grid .panel{padding:22px}.diagnosis-numbers{gap:22px}.coverage-dial{width:120px;height:120px}.coverage-dial>span{width:105px;height:105px;font-size:34px}.diagnosis-metrics>div{flex-wrap:wrap;gap:3px}.diagnosis-summary .section-head h2{font-size:18px}.lab-grid h2{font-size:20px}}
@media(max-width:1000px){.sidebar{width:183px;padding:32px 14px}.workspace{margin-left:183px}.sidebar .brand{font-size:26px;gap:9px}.brand small{font-size:5px}.home-grid{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focus-panel{grid-row:span 2;min-height:300px}.atelier-hero{min-height:295px;background-position:center 58%}.atelier-hero h2{font-size:32px}.lab-grid{grid-template-columns:1fr}.diagnosis-numbers{gap:35px}.diagnosis-metrics>div{flex-wrap:nowrap}.coverage-dial{width:145px;height:145px}.coverage-dial>span{width:127px;height:127px;font-size:41px}.lab-grid .panel{padding:27px}.lab-grid h2,.diagnosis-summary .section-head h2{font-size:22px}.recall-grid{grid-template-columns:1fr}.recall-intro{padding:28px}.recall-counter{min-width:110px;padding-left:25px}.recall-counter b{font-size:54px}.recall-intro h2{font-size:23px}.recall-counter span{font-size:8px}.lab-method{display:none}}
@media(max-width:650px){.sidebar{width:100%;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#fafaf5f5;border-top:1px solid #dce1d1;color:#66795b}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:0}.sidebar nav button{color:#98a18b;min-height:45px;gap:5px;font-size:9px;box-shadow:none!important;border-radius:0;padding:4px 0}.sidebar nav button.active{background:transparent;color:#375b40}.sidebar nav button.active svg{fill:#dfe7d4}.sidebar nav button svg{width:20px;height:20px}.workspace{margin-left:0;padding-bottom:76px}.topbar{height:65px;padding:0 21px;background:#f8f6ef}.mobile-brand{font-family:var(--serif);font-weight:550;font-size:23px;letter-spacing:1px;gap:9px}.mobile-brand .brand-icon{width:31px;height:31px;border-radius:50%;color:#496c49;border:1px solid #aabb97;background:transparent}.mobile-brand .brand-icon svg{width:19px;height:19px}.topbar-right{font-size:9px;gap:11px}.avatar{font-size:8px;width:28px;height:28px;border-width:2px}main{padding:28px 19px 5px}h1{font-size:27px;letter-spacing:1px}.heading-row{margin-bottom:23px}.heading-row>.button{font-size:9px;padding:9px 11px;min-height:34px;border-radius:4px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:10px}.subtitle{font-size:10px;line-height:1.9;margin-top:9px}.demo-banner{font-size:9px;padding:9px 10px;gap:10px;margin-bottom:19px}.demo-banner button{font-size:9px;line-height:1.8}.home-grid{gap:22px}.atelier-hero{min-height:274px;border-radius:5px;padding:28px 24px;background-position:61% 60%;background-size:auto 130%}.atelier-hero::before{background:linear-gradient(90deg,#15271ee6,#15271e65 70%,#15271e22)}.atelier-hero .hero-copy{max-width:95%}.atelier-hero .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:19px}.atelier-hero h2{font-size:30px;line-height:1.55;letter-spacing:1px}.atelier-hero p{font-size:9px;line-height:1.9;margin-top:17px;max-width:none;color:#cbd0bb}.hero-cta{font-size:9px;margin-top:24px;gap:18px}.image-credit{font-size:5px;letter-spacing:.5px;right:9px;bottom:8px}.stats-row{margin:17px 0 19px;border-radius:4px}.stat{padding:16px 12px}.stat-label{font-size:8px;gap:5px}.stat-label svg{width:11px;height:11px}.stat-number{font-size:29px;margin-top:9px}.stat-number small{font-size:8px;margin-left:4px}.next-action{padding:16px 13px;gap:10px;margin-bottom:25px}.next-symbol svg{width:19px;height:19px}.next-action h3{font-size:11px;margin:5px 0;line-height:1.6}.next-action .eyebrow{font-size:6px;letter-spacing:1.2px}.next-action p{font-size:8px;line-height:1.9}.round-arrow{width:29px;height:29px}.round-arrow svg{width:12px;height:12px}.section-head h2{font-size:17px}.section-head h2 span{font-size:8px;margin-left:6px}.section-head .text-link{font-size:9px}.task-card{border-radius:4px;padding:18px 13px;gap:11px}.task-title{font-size:11px;line-height:1.75}.task-meta{font-size:8px;gap:6px;margin-top:8px}.tag{font-size:8px;padding:3px 5px}.check{width:19px;height:19px;border-radius:4px}.task-action{width:26px;height:26px}.task-action svg{width:12px;height:12px}.composer{padding:19px 17px;margin-top:24px;border-radius:5px}.composer h3{font-size:11px;line-height:1.6}.composer h3 svg{width:15px;height:15px}.composer p{font-size:9px;margin:8px 0 14px;line-height:1.8}.input-row{background:none;border:0}.input-row input{font-size:10px;padding:13px 10px;border-radius:3px;background:#f4f5ed}.input-row .button{font-size:9px;padding:10px 13px;min-height:34px}.rail{gap:12px}.panel{padding:17px;border-radius:5px}.focus-panel{min-height:282px}.focus-panel .panel-label{font-size:6px;letter-spacing:1.3px;white-space:nowrap}.focus-panel h3{font-size:13px;margin-top:30px;line-height:1.7;letter-spacing:0}.focus-panel .timer-display{font-size:39px;letter-spacing:-.7px;margin:19px 0 14px}.focus-panel p{font-size:8px;margin-bottom:20px;line-height:1.9}.focus-panel .button{font-size:8px;padding:10px 6px;gap:5px;min-height:35px}.focus-panel .button svg{width:12px;height:12px}.focus-hint{font-size:7px;line-height:1.8;margin-top:13px}.rail>.panel:not(.focus-panel) .section-head h2{font-size:11px}.mini-week{margin-top:17px;gap:0}.mini-day{font-size:7px}.mini-day b{font-size:8px;height:23px}.week-summary{font-size:8px;gap:8px;margin-top:15px;padding-top:14px}.recall-teaser{padding:18px 16px}.recall-teaser .eyebrow{font-size:5px;letter-spacing:.9px}.recall-teaser h3{font-size:13px;line-height:1.6;margin:12px 0 9px}.recall-teaser p{font-size:8px;line-height:1.6;margin-bottom:16px}.recall-teaser .text-link{font-size:8px;gap:9px}.recall-teaser .text-link svg{width:12px;height:12px}.recall-teaser::after{font-size:69px;bottom:-18px}.task-detail-card{padding:21px;border-radius:5px}.task-detail-card h3{font-size:18px;line-height:1.7}.step-list li{font-size:10px;line-height:1.7}.step-list small{font-size:9px}.task-detail-card .task-meta{font-size:9px}.card-footer .button{font-size:9px;min-height:34px}.filter-button{font-size:10px}.search{font-size:10px;padding:11px}.budget-panel{padding:19px 17px;gap:12px;align-items:flex-start}.budget-panel h3{font-size:16px;margin-bottom:9px}.budget-panel p{font-size:9px;line-height:1.95}.budget-panel .button{font-size:8px;padding:9px 10px;min-height:32px}.plan-days{gap:5px}.day-select{padding:13px 0;border-radius:4px}.day-select .weekday{font-size:8px}.day-select b{font-size:22px;margin:9px 0}.day-select small{font-size:7px}.day-load{margin-top:9px}.plan-block{padding:18px 13px;gap:12px}.block-number{font-size:13px;padding-right:12px}.plan-block h3{font-size:11px;line-height:1.7}.plan-block p{font-size:9px;line-height:1.8}.plan-block .button{font-size:8px;padding:9px 10px;min-height:32px}.plan-block .button svg{width:11px;height:11px}.plan-block .check{width:20px;height:20px}.alert{font-size:10px;line-height:1.95;padding:13px}.alert button{font-size:10px}.lab-tabs{gap:26px;margin-bottom:22px}.lab-tabs>button{font-size:11px;gap:8px;padding:9px 0 15px}.lab-tabs>button svg{width:16px;height:16px}.lab-tabs>button span{font-size:9px;margin-left:0}.lab-grid{gap:17px}.lab-grid .panel{padding:23px 20px}.lab-grid h2,.diagnosis-summary .section-head h2{font-size:20px;line-height:1.8}.diagnosis-summary .section-head{gap:9px}.diagnosis-summary .section-head .eyebrow{font-size:6px;letter-spacing:1.4px}.pill{font-size:8px;padding:4px 6px}.diagnosis-numbers{gap:25px;margin:23px 0}.coverage-dial{width:118px;height:118px}.coverage-dial>span{width:103px;height:103px;font-size:34px}.coverage-dial small{font-size:12px}.coverage-dial em{font-size:8px;margin-top:6px}.diagnosis-metrics{gap:17px}.diagnosis-metrics>div{gap:4px}.diagnosis-metrics span{font-size:8px}.diagnosis-metrics b{font-size:19px}.diagnosis-metrics small{font-size:7px;margin-left:3px}.info-note{font-size:9px;line-height:1.95}.diagnosis-line b{font-size:10px}.diagnosis-line p{font-size:9px}.diagnosis-line{margin:20px 0;padding:0 12px}.inline-actions{gap:7px;margin-top:21px}.inline-actions .button{font-size:9px;padding:10px 12px}.scenario-options{gap:8px;margin:22px 0}.scenario{padding:16px 5px}.scenario b{font-size:26px}.scenario span{font-size:8px}.simulation-placeholder{min-height:160px}.simulation-placeholder p{font-size:14px}.simulation-result{padding:18px}.simulation-result p{font-size:9px}.simulation-result>small{font-size:8px}.simulation-result .button{font-size:10px}.subject-panel .section-head h2{font-size:18px}.subject-row>div:first-child{font-size:10px}.subject-row b{font-size:11px}.method-panel h2{font-size:23px}.method-panel ol{font-size:10px;line-height:2.6}.method-index{font-size:22px}.method-panel .text-link{font-size:9px}.recall-intro{padding:25px 22px;gap:16px;margin-bottom:23px}.recall-intro .eyebrow{font-size:6px;letter-spacing:1.1px}.recall-intro h2{font-size:23px;line-height:1.7;letter-spacing:.5px}.recall-intro p{font-size:9px;line-height:2;margin-top:13px}.recall-counter{min-width:73px;padding-left:17px}.recall-counter b{font-size:45px}.recall-counter span{font-size:7px;line-height:1.8;max-width:65px;letter-spacing:0}.recall-actions .button{font-size:9px;padding:10px 12px;min-height:34px}.recall-actions .button svg{width:13px;height:13px}.recall-actions .filter-button{padding:8px 10px;font-size:9px}.recall-grid{gap:15px}.recall-card{padding:22px 20px}.recall-card h3{font-size:18px;line-height:1.9;margin:21px 0}.card-index{font-size:8px}.recall-card-meta{font-size:8px}.recall-card .card-footer .button{font-size:9px}.recall-card .text-link{font-size:9px}.recall-method{margin-top:23px;padding:20px 0}.recall-method b{font-size:10px}.recall-method p{font-size:9px;line-height:2}.growth-grid .panel{padding:23px 20px}.growth-grid .section-head h2{font-size:18px}.mini-stats b{font-size:31px}.mini-stats small{font-size:9px}.record b{font-size:10px}.record small{font-size:9px}.record>span{font-size:10px}.settings-actions .button{font-size:10px}dialog{padding:24px 20px;border-radius:7px}.modal-heading h2{font-size:21px}.modal-subtitle{font-size:10px;line-height:1.9}.field{font-size:10px}.field input,.field textarea,.field select{font-size:12px}.modal-actions .button{font-size:10px;padding:11px 13px}.recall-question h3{font-size:18px}.recall-answer p{font-size:11px}.rating-grid{gap:6px}.rating-grid b{font-size:10px}.rating-grid small{font-size:8px}.immersive{padding:26px 23px;min-height:550px;background-position:65% center}.immersive .modal-heading h2{font-size:23px}.immersive .modal-subtitle{font-size:9px}.immersive .timer-ring{width:218px;height:218px;margin:40px auto 30px}.immersive .timer-display{font-size:57px}.immersive .timer-ring small{font-size:9px}.immersive .timer-modal p{font-size:10px}.immersive .timer-modal .info-note{font-size:8px}.immersive .button{min-width:100px;font-size:10px}footer{font-size:7px;letter-spacing:1px}}
@media(max-width:360px){main{padding-left:15px;padding-right:15px}.diagnosis-numbers{gap:16px}.coverage-dial{width:100px;height:100px}.coverage-dial>span{width:88px;height:88px;font-size:29px}.diagnosis-metrics span{font-size:7px}.diagnosis-metrics b{font-size:17px}.lab-grid .panel{padding:22px 17px}.atelier-hero h2{font-size:28px}.sidebar nav button{font-size:8px}.next-action p{font-size:7px}.recall-intro h2{font-size:21px}.recall-intro{padding:24px 18px}.recall-counter{min-width:64px;padding-left:13px}}

/* 手机端重要信息保留可读字号，装饰性英文保持轻量。 */
@media(max-width:650px){.subtitle{font-size:11px;color:#737e69}.task-title,.next-action h3,.plan-block h3{font-size:12px}.task-meta,.plan-block p,.next-action p{font-size:10px;color:#788568}.tag{font-size:9px}.sidebar nav button{font-size:10px}.info-note,.diagnosis-line p,.simulation-result p,.recall-method p{font-size:11px;color:#728164}.diagnosis-line b,.diagnosis-metrics span{font-size:11px}.lab-grid .button,.recall-actions .button,.recall-card .card-footer .button{font-size:11px}.scenario span,.compare-numbers small{font-size:10px}.recall-card-meta{font-size:10px}.recall-intro p{font-size:11px;color:#728164}.recall-method b{font-size:12px}.modal-subtitle{font-size:11px;color:#738363}.field label{font-size:12px}.recall-answer p{font-size:13px}.rating-grid b{font-size:11px}.rating-grid small{font-size:10px}.demo-banner,.demo-banner button{font-size:10px}.budget-panel p{font-size:11px}.composer p{font-size:11px}.composer h3{font-size:12px}.input-row input{font-size:12px}.stat-label{font-size:9px}.lab-grid .panel{overflow-wrap:anywhere}.card-footer{flex-wrap:wrap}}
/* Learning coach & reflection: one visual language, readable on a phone. */
.coach-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin:22px 0;background:#ebe9df;border:1px solid #d9ded2;border-radius:16px}.coach-entry h3{font-size:20px;color:#183c32;margin:7px 0}.coach-entry p{font-size:13px;line-height:1.8;color:#647268}.coach-entry .button{flex-shrink:0;background:#214c3e;color:#fff}.journey{display:flex;gap:8px;justify-content:space-between;margin:20px 0;color:#77857a;font-size:11px}.journey span{padding:8px 3px;border-bottom:2px solid #e1e5da;flex:1;text-align:center}.journey .active{color:#214c3e;border-color:#b39154;font-weight:600}.coach-reason{background:#edf1e8;border-left:3px solid #af915c;padding:16px 19px;border-radius:5px}.coach-reason p{font-size:13px;line-height:1.85;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.draft-task{margin:20px 0;padding-bottom:18px;border-bottom:1px solid #e3e5dd}.draft-task h3{font-size:15px;margin-bottom:6px}.draft-task small{font-size:12px;color:#69796c}.draft-task ol{padding-left:21px}.draft-task li{font-size:13px;line-height:1.8;padding:6px 0;color:#4e6255;overflow-wrap:anywhere}.draft-task li span{display:inline-block;font-size:11px;color:#82704c;margin-left:10px}.adjust-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.adjust-summary>div{background:#f0f2eb;border:1px solid #dfe4d9;padding:18px 12px;border-radius:10px}.adjust-summary small{display:block;color:#657568;font-size:12px;margin-bottom:10px}.adjust-summary b{font-size:23px;font-weight:500;color:#234b3d}.adjust-summary em{display:block;font-style:normal;font-size:11px;margin-top:5px}.coach-external{margin-top:22px;padding:15px;border:1px solid #d4dfd0;border-radius:10px}.coach-external summary{cursor:pointer;font-size:13px;font-weight:600;color:#2b5943;padding:5px 0}.coach-external .button{margin-top:12px}.feedback-record{padding:19px 0;border-bottom:1px solid #e5e7df}.feedback-record:last-child{border-bottom:0}.feedback-record>div{display:flex;align-items:center;justify-content:space-between}.feedback-record small{font-size:11px;color:#758270}.feedback-record h3{margin-top:13px;font-size:14px}.feedback-record p{font-size:12px;line-height:1.85;color:#657464;margin-top:5px}.feedback-record blockquote{font-size:12px;line-height:1.8;margin:12px 0 0;border-left:2px solid #bb9b64;padding-left:12px;color:#5d684e;white-space:pre-wrap;overflow-wrap:anywhere}.recall-tools{display:flex;gap:8px;flex-wrap:wrap}.note-card{background:#f5f5ed;padding:17px;margin:15px 0;border:1px solid #dfe4d7;border-radius:10px}.note-card label{display:flex;gap:8px;font-size:12px;align-items:center}.note-card h3{font-size:14px;margin:13px 0}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;color:#5e705c}.card-footer{flex-wrap:wrap}#coach-form textarea{min-height:78px}#note-source{min-height:180px}button:focus-visible,summary:focus-visible{outline:3px solid #b39452;outline-offset:3px}
@media(max-width:650px){.coach-entry{flex-direction:column;align-items:flex-start;padding:21px;gap:16px}.coach-entry h3{font-size:19px}.coach-entry .button{align-self:stretch;justify-content:center}.recall-actions{align-items:flex-start;flex-direction:column;gap:14px}.recall-tools{width:100%}.recall-tools .button{flex:1;justify-content:center;font-size:12px;padding:11px 8px}.adjust-summary b{font-size:21px}.journey{font-size:10px}.coach-reason{padding:13px 15px}.draft-task li{font-size:13px}#modal input,#modal textarea,#modal select{font-size:16px}.card-footer .button{flex:1;justify-content:center;white-space:nowrap}.coach-external{padding:12px}}