/* Approved A: a quiet publishing identity around the existing learning tools. */
@font-face{font-family:Qiming;src:url('/design-assets/qiming-sans.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:QimingSerif;src:url('/design-assets/qiming-serif-edition.woff2') format('woff2');font-display:swap;font-weight:600 700}
:root{--edition-paper:#f7f6ef;--edition-surface:#fffef9;--edition-ink:#193d30;--edition-muted:#4c665b;--edition-quiet:#e9eee5;--edition-action:#225c43;--edition-gold:#f4d77a;--edition-focus:#b25917;--font:Qiming,'PingFang SC','Microsoft YaHei',sans-serif;--paper:var(--edition-paper);--bg:var(--edition-paper);--surface:var(--edition-surface);--ink:var(--edition-ink);--muted:var(--edition-muted);--radius:12px;--brand:#225c43;--green:#225c43;--line:#d9dfd1;color-scheme:light}
:root[data-theme=dark]{--edition-paper:#14271f;--edition-surface:#20392d;--edition-ink:#edf1e5;--edition-muted:#c0d1c2;--edition-quiet:#2b4737;--edition-action:#326d4d;--edition-gold:#efd682;--paper:var(--edition-paper);--bg:var(--edition-paper);--bg-2:#1b3026;--surface:var(--edition-surface);--surface-2:#2b4737;--surface-3:#294b35;--ink:var(--edition-ink);--ink-2:var(--edition-muted);--ink-3:var(--edition-muted);--ink-4:#b4c8b6;--muted:var(--edition-muted);--green:#afcfab;--brand:#afcfab;--brand-deep:#c4ddbb;--line:#3c5746;--soft:#2b4737;color-scheme:dark}
html{scroll-padding-top:96px;scrollbar-color:#a5b4a6 var(--edition-paper)}body{background:var(--edition-paper);color:var(--edition-ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button,a,input,summary{touch-action:manipulation}input,textarea{caret-color:var(--edition-action)}::selection{background:var(--edition-gold);color:#163a2c}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#a5b4a6;border-radius:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--edition-focus);outline-offset:4px}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.025em}h1:not(.practice-heading h1):not(.detail-title),.qm-brand strong,.quiz-header .brand strong{font-family:QimingSerif,SimSun,serif}p{overflow-wrap:break-word}.qm-icon{stroke-width:1.65}
.qm-header{position:relative;background:var(--edition-paper);border:0;box-shadow:none;backdrop-filter:none}.qm-header .qm-header-inner{max-width:1160px;width:calc(100% - 80px);height:88px;min-height:88px;margin:auto;padding:0;display:flex;align-items:center;gap:30px}.qm-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--edition-ink)}.qm-brand .qm-brand-mark{width:44px;height:40px;object-fit:contain}.qm-brand strong{display:block;font-size:27px;font-weight:650;line-height:1.2;letter-spacing:.04em}.qm-brand small{display:block;margin-top:5px;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--edition-muted)}.qm-nav{margin-left:auto;gap:26px;display:flex;align-items:center}.qm-nav a{display:flex;align-items:center;min-height:44px;padding:0;font-size:14px;font-weight:600;color:var(--edition-ink);border:0;background:none;border-radius:0}.qm-nav a[aria-current=page],.qm-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:7px}.qm-nav a[aria-current=page]:after{display:none}.qm-theme{border:0;box-shadow:none;background:var(--edition-quiet);color:var(--edition-ink);width:44px;height:44px;min-width:44px;border-radius:50%;display:grid;place-items:center}.qm-theme:hover{background:var(--edition-gold);color:#193d30}.qm-theme .qm-icon{width:24px;height:24px}.qm-mobile-nav{background:var(--edition-surface);border:0;box-shadow:none;padding:6px 10px max(6px,env(safe-area-inset-bottom));gap:2px}.qm-mobile-nav a{min-height:54px;font-size:13px;line-height:1.3;border-radius:8px;color:var(--edition-muted);gap:4px}.qm-mobile-nav .qm-icon{width:23px;height:23px}.qm-mobile-nav a[aria-current=page]{background:var(--edition-quiet);color:var(--edition-ink)}.qm-mobile-nav a:hover{background:var(--edition-quiet);color:var(--edition-ink)}
.garden-wrap:not(.practice-main),.animation-main,.shelf-tools,.shelf-hero{max-width:1160px}.shelf-hero,.animation-main>h1,.sg-hero h1,.standalone-guide>h1,.free-resource-page>h1{font-family:var(--font)}.shelf-hero h1,.sg-hero h1,.animation-main>h1,.standalone-guide>h1,.free-resource-page>h1{font-family:QimingSerif,SimSun,serif;font-size:42px;line-height:1.3;font-weight:650}.shelf-hero{padding-block:30px 24px}.shelf-hero p,.animation-main>p{font-size:16px;color:var(--edition-muted)}.shelf-tools{padding-block:20px}.shelf-tabs button,.shelf-tabs a,.filter-bar button{min-height:44px}.book-card,.song-card,.animation-card,.world-card{box-shadow:none;border-radius:12px}.book-card:hover,.song-card:hover,.animation-card:hover,.world-card:hover{box-shadow:none}.shelf-card,.book-card,.song-card,.animation-card{border-color:transparent;background:var(--edition-surface)}.book-card h3,.song-card h3{font-size:16px}.empty-state{border:0;background:var(--edition-quiet);border-radius:12px}.button.primary,.quiz-page .primary,.practice-main .button.primary{background:var(--edition-action);color:#fffef9;border-color:transparent;border-radius:8px;box-shadow:none}.button.primary:hover,.quiz-page .primary:hover,.practice-main .button.primary:hover{background:#17462f}.button.secondary,.secondary{border-radius:8px}.button{min-height:48px;font-size:16px}.qm-footer,.garden-footer{max-width:1160px;border-top:0;font-size:13px;color:var(--edition-muted)}.garden-footer b{font-size:16px;color:var(--edition-ink)}
/* Resource pages remain content-first. Keep search, categories and reader controls intact. */
.sg-hero{padding-block:28px 24px!important;gap:24px!important}.sg-hero .sg-intro{padding:0!important}.sg-hero h1{margin-bottom:14px}.sg-main{padding-top:16px!important}.sg-tabs button,.sg-tabs a,.sg-cat button{min-height:44px}.sg-hero .sg-stats{gap:24px}.sg-aside{background:var(--edition-quiet);border-radius:12px;box-shadow:none}.sg-hero details{font-size:14px}.word-browser main>.intro{padding-block:28px 20px}.word-browser main>.intro h1{font-family:QimingSerif,SimSun,serif;font-size:42px;line-height:1.3}.word-browser .daily-entry{background:var(--edition-quiet);border:0;border-radius:12px;padding:20px 24px;min-height:96px}.word-browser .world-card{background:var(--edition-surface)}.word-browser .world-page{padding-top:24px}.word-browser .detail-info .button{border-radius:8px}.word-browser .detail-info .detail-actions{gap:10px}.word-browser .detail-info .detail-actions a,.word-browser .detail-info .detail-actions button{min-height:46px}.word-browser .detail-info h2{font-family:var(--font)}
/* Learning center keeps every existing data binding; only the hierarchy changes. */
.center-refined{width:min(920px,calc(100% - 80px));max-width:920px;margin-inline:auto;padding-top:32px}.center-refined>h1{font-size:40px;line-height:1.3;margin:0 0 12px}.center-refined>.learning-lead{font-size:16px;margin:0;color:var(--edition-muted)}.center-refined .learning-summary{margin:0;padding:28px 0;border:0}.center-refined .learning-counts{display:flex;gap:70px;max-width:none;text-align:left}.center-refined .learning-counts strong{font-size:40px;color:var(--edition-ink)}.center-refined .learning-counts span{font-size:14px;margin-top:6px}.center-refined .center-primary{padding:26px 28px;background:var(--edition-quiet);border:0;border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;margin:0}.center-primary h2{font-size:24px;margin:0}.center-primary p{font-size:15px;color:var(--edition-muted);margin:0;grid-column:1}.center-primary .button{grid-column:2;grid-row:1 / 3;min-width:220px}.center-refined .assessment-section{padding:28px 0 0;margin:0;border:0}.center-refined .assessment-section>h2{font-size:24px;line-height:1.4;margin:0 0 12px}.center-refined .assessment-section>p{font-size:15px;line-height:1.7;color:var(--edition-muted);margin:0 0 16px}.center-refined #startAssessment{font-weight:600}.center-refined #startAssessment:disabled{background:#dee5da;border-color:transparent;color:#536355;opacity:1}.center-refined .assessment-note{margin-top:10px;font-size:14px}.center-refined .assessment-buckets{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.center-refined .assessment-buckets details{background:var(--edition-surface);border:0;border-radius:10px;padding:10px 18px}.center-refined .assessment-buckets summary{min-height:44px;gap:12px;font-size:16px;padding:0;display:flex;align-items:center;cursor:pointer}.center-refined .assessment-buckets summary strong{font-size:22px;margin-left:auto;font-variant-numeric:tabular-nums}.center-refined .assessment-buckets summary span{font-size:13px}.center-refined .assessment-buckets details p{font-size:14px;color:var(--edition-muted);padding-top:10px}.center-refined .assessment-definition{font-size:13px!important;margin-top:14px!important}.center-refined .center-links{display:block;margin:24px 0 0;padding:0;border:0}.center-refined .center-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;background:none;border:0;border-radius:0;font-size:16px}.center-refined .edition-more-records{margin-top:0;border:0;padding:0}.center-refined .edition-more-records>summary{min-height:56px;padding:12px 0;cursor:pointer;font-size:16px}.edition-more-records>details{margin:8px 0;background:var(--edition-surface);border:0;border-radius:10px;padding:10px 16px}.edition-more-records>details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.edition-more-records .study-sync{margin:10px 0 16px;border:0;padding:10px 0}.edition-more-records .study-sync .button{margin:6px 8px 6px 0}.center-refined .learning-list{margin-top:14px}.center-refined details p{font-size:14px;line-height:1.8}.center-refined .learning-empty{margin-top:12px}
/* Public guide is reading material; course/player screens are focused tools. */
.standalone-guide,.free-resource-page{max-width:1160px}.standalone-guide>h1,.free-resource-page>h1{margin-bottom:16px}.standalone-guide .parent-guide h2{font-size:34px;line-height:1.4;letter-spacing:-.02em}.standalone-guide .guide-value,.standalone-guide .guide-route{border:0;background:var(--edition-quiet);border-radius:12px}.standalone-guide .guide-value h2,.standalone-guide .guide-route h2{font-size:25px}.quiz-page{font-family:var(--font);max-width:800px}.quiz-page .quiz-header{border:0;height:88px}.quiz-page .brand strong{font-size:24px}.quiz-page main{padding-top:28px}.quiz-page h1{font-size:34px;line-height:1.35}.quiz-page .question,.quiz-page .lesson-card{border:0;border-radius:12px;background:var(--edition-surface);box-shadow:none}.quiz-page .question h2,.quiz-page .lesson-heading h2{font-family:var(--font)}.quiz-page .question{padding:26px}.quiz-page .lesson-heading{padding:16px 22px}.quiz-page .plan-words li{background:var(--edition-quiet);border-color:transparent;border-radius:8px}.quiz-page .plan-words [aria-current]{background:var(--edition-action);color:#fff}.quiz-page footer{border:0;font-size:13px;line-height:1.7}.practice-main{font-family:var(--font)}.practice-heading h1,.practice-heading #practiceWord{font-family:var(--font)}.practice-tabs button,.practice-row button{min-height:44px}.practice-player,.practice-listening{box-shadow:none;border-radius:12px}.plan-guided .guided-context{border:0}.plan-guided .guided-context h2{font-size:24px}.plan-guided .practice-player{margin-top:16px}.plan-guided .practice-main{padding-bottom:110px}:root[data-theme=dark] .center-refined #startAssessment:disabled{background:#344e3c;color:#c0d1c2}:root[data-theme=dark] .quiz-page .choice.correct{background:#2c5139;color:#eef5e6}:root[data-theme=dark] .quiz-page .choice.incorrect{background:#623c31;color:#ffe7d9}
@media(max-width:1050px){.qm-header .qm-header-inner{width:calc(100% - 48px);gap:18px}.qm-nav{gap:16px}.qm-brand strong{font-size:24px}.qm-brand small{font-size:12px}}
@media(max-width:800px){.qm-header .qm-header-inner{height:76px;min-height:76px;width:calc(100% - 48px)}.qm-nav{display:none}.qm-theme{margin-left:auto}.qm-mobile-nav{display:flex}.qm-brand .qm-brand-mark{width:38px;height:36px}body:not(.plan-guided){padding-bottom:74px}.qm-footer,.garden-footer{padding-bottom:32px}.center-refined{width:calc(100% - 48px)}.center-primary .button{min-width:190px}.shelf-hero h1,.sg-hero h1,.animation-main>h1,.standalone-guide>h1,.free-resource-page>h1,.word-browser main>.intro h1{font-size:34px}.center-refined>h1{font-size:34px}}
@media(max-width:600px){.qm-header .qm-header-inner{width:calc(100% - 40px);height:72px;min-height:72px;gap:10px}.qm-brand{gap:10px}.qm-brand strong{font-size:23px}.qm-brand small{font-size:13px;margin-top:3px}.qm-brand .qm-brand-mark{width:36px;height:34px}.qm-mobile-nav a{font-size:13px}.garden-wrap:not(.practice-main){width:calc(100% - 40px)}.shelf-hero{padding-block:22px 18px}.shelf-hero h1,.sg-hero h1,.animation-main>h1,.standalone-guide>h1,.free-resource-page>h1,.word-browser main>.intro h1{font-size:32px}.shelf-tools{padding-block:16px}.shelf-hero p{font-size:15px}.center-refined{width:calc(100% - 40px);padding-top:24px}.center-refined>h1{font-size:32px}.center-refined .learning-summary{padding-block:24px}.center-refined .learning-counts{gap:60px}.center-refined .learning-counts strong{font-size:36px}.center-refined .center-primary{display:block;padding:22px}.center-primary h2,.center-refined .assessment-section>h2{font-size:22px}.center-primary p{margin-top:8px}.center-primary .button{display:flex;width:100%;margin-top:18px}.center-refined .assessment-buckets{gap:10px}.center-refined .assessment-buckets details{padding:10px 14px}.center-refined .assessment-buckets summary{font-size:15px}.center-refined .assessment-buckets summary span{display:none}.center-refined .center-links a,.center-refined .edition-more-records>summary{min-height:54px}.center-refined .assessment-definition{font-size:13px!important}.standalone-guide .parent-guide h2{font-size:28px}.standalone-guide .guide-value h2,.standalone-guide .guide-route h2{font-size:23px}.quiz-page .quiz-header{height:72px}.quiz-page .brand strong{font-size:22px}.quiz-page h1{font-size:30px}.quiz-page main{padding-top:22px}.quiz-page .question{padding:22px 18px}.quiz-page .lesson-heading{padding:14px 18px}.quiz-page .lesson-heading h2{font-size:29px}.word-browser main>.intro{padding-top:22px}.word-browser .daily-entry{padding:18px}.sg-hero{padding-block:22px 18px!important}.sg-hero .sg-stats{gap:18px}}
@media(max-width:360px){.qm-brand strong{font-size:21px}.qm-brand small{font-size:12px}.qm-header .qm-header-inner{width:calc(100% - 32px)}.center-refined,.garden-wrap:not(.practice-main){width:calc(100% - 32px)}.qm-mobile-nav{padding-inline:6px}.qm-mobile-nav a{font-size:12px}}
@media(min-width:801px){.qm-mobile-nav{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Resolve legacy selector specificity at the shared shell boundary. */
.qm-header .qm-nav a[aria-current=page]{background:transparent;color:var(--green);text-decoration:underline;text-underline-offset:7px}
.qm-mobile-nav a{flex:1;min-width:0}
.center-refined{padding-inline:0}
.center-refined .learning-counts>div{padding:0;border:0;flex:0 0 auto;min-width:105px}
.center-refined .learning-counts>div+div{border:0}
.center-refined .learning-counts strong{font-family:Qiming,sans-serif;font-weight:650}
.sg-chip,.sg-topic,.sg-topics button,.sg-topic-chip,.sg-pbtn{min-height:44px}
.word-browser button[aria-label="关闭"],.word-browser .detail-close{min-width:44px;min-height:44px}
.edition-song-intro{margin-top:14px}
.edition-song-intro>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:15px;color:var(--edition-muted)}
.edition-song-intro .sg-hero__facts{margin-block:16px}
.edition-song-intro .sg-card{box-shadow:none;border-radius:12px;padding:20px}
.edition-song-intro .sg-tips{margin-top:20px}
@media(max-width:600px){.edition-song-intro .sg-cards{display:block}.edition-song-intro .sg-card{margin-block:10px;width:100%}.sg-hero__lede{font-size:16px}.center-refined .learning-counts{gap:50px}}
.sg-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:6px;scrollbar-width:thin}
.sg-chips .sg-chip{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){.sg-intro{display:block;padding:16px 18px}.sg-intro p{display:none}.sg-intro__when{margin-top:8px;font-size:13px}.sg-intro h2{font-size:20px}.sg-main .sg-bar{top:0}}
.word-browser .search-clear,.word-browser #clearSearch{width:44px;min-width:44px;min-height:44px}

/* Sixth destination retains legible labels and 44px touch targets. */
@media(max-width:800px){.qm-mobile-nav{padding-inline:4px;gap:0}.qm-mobile-nav a{flex:1;min-width:0;padding-inline:0;font-size:12px;white-space:nowrap}.qm-mobile-nav .qm-icon{width:22px;height:22px}}

/* Seven distinct destinations, with 44px or wider targets at 320px. */
@media(max-width:800px){.qm-mobile-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-inline:4px;gap:0}.qm-mobile-nav a{min-width:0;min-height:56px;font-size:12px;line-height:1.35;letter-spacing:0;padding:4px 0;white-space:nowrap}.qm-mobile-nav .qm-icon{width:22px;height:22px}}
@media(max-width:360px){.qm-mobile-nav a{font-size:11px}.qm-mobile-nav .qm-icon{width:21px;height:21px}}

/* Three-subject shell: retain the incumbent reading identity. */
.qm-mobile-nav{position:fixed;inset:auto 0 0;z-index:50;grid-template-columns:repeat(var(--nav-count,5),minmax(0,1fr))}
.qm-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.qm-quicklinks{display:none}
.qm-subject-local{margin-left:auto;display:flex;align-items:center;gap:26px}.qm-subject-local a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;font-weight:600}
.qm-record-scope{color:var(--edition-muted);font-size:14px;margin-top:8px}
.qm-subject-trail{max-width:1160px;width:calc(100% - 80px);margin:8px auto 0;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--edition-muted);min-height:44px}
.qm-subject-trail a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.qm-subject-trail a:hover{text-decoration:underline;text-underline-offset:5px}
.qm-switch-subject{display:none!important;margin-left:auto;gap:8px}.qm-switch-subject .qm-icon{width:17px;height:17px}
@media(max-width:1050px){.qm-subject-trail{width:calc(100% - 48px)}}
@media(max-width:800px){.qm-mobile-nav{grid-template-columns:repeat(var(--nav-count,5),minmax(0,1fr))}.qm-mobile-nav a{font-size:12px;min-height:56px}.qm-subject-trail{margin-top:0}.qm-subject-local{display:none}.qm-switch-subject{display:inline-flex!important}.qm-quicklinks{display:flex;margin-left:auto;gap:2px}.qm-quicklinks a{display:grid;place-items:center;width:38px;min-height:44px;color:var(--edition-muted)}.qm-quicklinks+.qm-theme{margin-left:0}body:not(.plan-guided){padding-bottom:calc(78px + env(safe-area-inset-bottom))}.qm-mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:600px){.qm-subject-trail{width:calc(100% - 40px);font-size:13px}.qm-quicklinks .qm-icon{width:21px;height:21px}.qm-quicklinks a{width:32px}.qm-header .qm-header-inner{gap:6px}.qm-brand{gap:8px}.qm-brand small{font-size:12px}.qm-brand strong{font-size:23px}.qm-theme{min-width:40px;width:40px;height:40px}}
@media(max-width:360px){.qm-subject-trail{width:calc(100% - 32px)}.qm-brand strong{font-size:21px}.qm-brand .qm-brand-mark{width:30px}.qm-brand small{font-size:11px}.qm-quicklinks a{width:30px}.qm-mobile-nav a{font-size:11px}}