:root{--color-bg: #f7f8f5;--color-surface: #ffffff;--color-surface-soft: #eef6f3;--color-border: #dfe7e3;--color-text: #172925;--color-text-muted: #5b6d68;--color-primary: #087666;--color-primary-hover: #055f53;--color-primary-light: #e3f4ef;--color-accent: #c78018;--color-success: #087666;--color-success-bg: #e7f7f1;--color-error: #b42318;--color-error-bg: #fff0ee;--font-display: "Bricolage Grotesque", "PingFang SC", sans-serif;--font-body: "Karla", "PingFang SC", sans-serif;--shadow: 0 16px 42px rgb(16 48 40 / 8%);--radius: 16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--color-primary)}img,svg{max-width:100%}h1,h2,h3,.site-logo-text{margin-top:0;font-family:var(--font-display);letter-spacing:-.025em}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.08}h2{font-size:clamp(1.4rem,4vw,2.1rem);line-height:1.2}h3{font-size:1.1rem}p,ul,ol,dl{margin-top:0}.site{min-height:100dvh;display:flex;flex-direction:column}.site-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:2rem 1.25rem 4rem}.page,.page-home,.page-catalog,.page-overview,.page-lesson,.hub-page,.vocab-list-page,.vocab-detail-page,.grammar-list-page,.reading-level-page,.register-page{width:100%}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);background:#f7f8f5f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--color-primary),#38a58e,var(--color-accent))}.site-header-inner{width:min(1180px,100%);min-height:68px;margin:0 auto;padding:.6rem 1.25rem;display:flex;align-items:center;gap:1.25rem}.site-logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--color-text);text-decoration:none;white-space:nowrap}.site-logo-text{font-size:1.2rem;font-weight:800}.site-nav{display:flex;align-items:center;gap:.2rem;margin-left:auto}.site-nav a,.mobile-nav a{padding:.45rem .75rem;border-radius:9px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:650}.site-nav a:hover,.site-nav a.is-active,.mobile-nav a:hover,.mobile-nav a.is-active{color:var(--color-primary);background:var(--color-primary-light)}.site-header-actions{display:flex;align-items:center;gap:.6rem}.lang-switch-btn,.mobile-menu-btn,.header-cta-btn,.btn-primary,.btn-secondary,.btn-hero-primary,.btn-hero-ghost,.btn,.link-btn,.tool-chip,.feature-mini,.catalog-card,.course-mini,.sidebar-tool-item,.qa-btn,.vocab-pinyin-toggle,.vocab-row-speak,.vocab-row-explain,.character-speak,.tts-play-btn,.order-answer button,.order-bank button{border:0;cursor:pointer}.lang-switch-btn,.mobile-menu-btn{min-width:42px;min-height:42px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.header-cta-btn,.btn-primary,.btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.1rem;border-radius:11px;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:750}.header-cta-btn:hover,.btn-primary:hover,.btn-hero-primary:hover{background:var(--color-primary-hover)}.btn-secondary,.btn-hero-ghost,.btn-secondary:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.1rem;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);color:var(--color-primary);text-decoration:none;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}.mobile-menu-btn,.mobile-nav{display:none}.mobile-nav{padding:.5rem 1rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.mobile-nav a{display:block}.skip-link{position:fixed;top:-100px;left:1rem;z-index:1000;padding:.75rem 1rem;border-radius:0 0 8px 8px;background:var(--color-primary);color:#fff}.skip-link:focus{top:0}.site-footer{border-top:1px solid var(--color-border);background:#f0f4f1}.footer-inner{width:min(1180px,100%);margin:0 auto;padding:2.5rem 1.25rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer-brand p,.footer-bottom{color:var(--color-text-muted)}.footer-col-title{margin-bottom:.6rem;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.footer-col a{display:block;padding:.2rem 0;color:var(--color-text-muted);text-decoration:none}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--color-border);text-align:center;font-size:.82rem}.footer-bottom p{margin:.2rem 0}.breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.4rem;color:var(--color-text-muted);font-size:.85rem}.breadcrumb a{text-decoration:none}.catalog-eyebrow,.hub-eyebrow,.overview-header-badge,.version-notice-badge{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-intro,.hero-desc,.overview-header-desc,.catalog-stage p,.tab-hint{max-width:760px;color:var(--color-text-muted);font-size:1.05rem}.hero-compact{padding:clamp(2rem,7vw,5rem) 0 2.5rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:3rem;align-items:center}.hero-badge{display:inline-flex;width:fit-content;padding:.35rem .75rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.text-gradient{color:var(--color-primary)}.hero-actions,.lesson-actions,.cta-section{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hero-actions{margin-top:1.4rem}.hero-streak{margin-top:1rem;color:var(--color-text-muted);font-size:.9rem}.quick-stats{margin:0 0 3rem;padding:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow)}.qs-item{min-width:0;padding:.7rem;display:grid;gap:.1rem;text-align:center}.qs-num{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.85rem);font-weight:800;color:var(--color-primary)}.qs-label{color:var(--color-text-muted);font-size:.78rem}.section-head{margin-bottom:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.section-head.center{justify-content:center;text-align:center}.section-head h2{margin-bottom:0}.link-btn{padding:0;background:transparent;color:var(--color-primary);font-weight:750}.course-grid-compact,.catalog-grid,.hub-grid,.features-grid-6,.trust-grid,.preview-vocab-grid,.vocab-grid,.characters-grid,.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.course-mini,.catalog-card,.hub-card,.feature-mini,.trust-card,.preview-vocab-card,.vocab-card,.character-card,.discover-card,.mode-card,.sidebar-card,.side-card,.grammar-card,.example-card,.question-card,.info-table-wrap,.quick-answer{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.course-mini,.catalog-card,.feature-mini,.sidebar-tool-item{width:100%;text-align:left}.course-mini,.catalog-card,.hub-card,.feature-mini,.trust-card,.preview-vocab-card,.vocab-card,.character-card,.discover-card,.mode-card,.sidebar-card,.side-card,.grammar-card,.example-card{padding:1rem}.course-mini:hover,.catalog-card:hover,.hub-card:hover,.feature-mini:hover,.preview-vocab-card:hover,.vocab-card:hover,.discover-card:hover{transform:translateY(-2px);border-color:#a8cfc4;box-shadow:var(--shadow)}.course-mini,.catalog-card,.feature-mini{transition:.18s ease}.course-mini span,.hub-card span,.preview-vocab-card span,.vocab-card span,.feature-mini span{display:block}.course-mini-level,.hub-card-level,.catalog-card-hsk{color:var(--color-primary);font-weight:800}.course-mini-name,.hub-card-title,.catalog-card-level-text,.preview-vocab-hanzi,.vocab-hanzi,.character-hanzi{font-family:var(--font-display);font-weight:750}.course-mini-name,.hub-card-title{margin:.3rem 0;font-size:1.05rem}.course-mini-words,.hub-card-meta,.catalog-card-words,.preview-vocab-pinyin,.preview-vocab-english,.vocab-pinyin,.vocab-english,.character-pinyin,.character-english{color:var(--color-text-muted);font-size:.86rem}.course-mini-badge,.hub-card-arrow{margin-top:.65rem;color:var(--color-primary);font-weight:800}.catalog-header,.overview-header-panel,.level-test-cta,.cta-final,.trust-section,.features-section,.faq-section{margin:0 0 2.5rem}.catalog-stage{margin-bottom:3rem}.catalog-card-top,.catalog-card-bottom,.overview-progress-header,.sidebar-fact-row,.side-card-head,.vocab-tab-header,.q-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}.catalog-card-active{padding:.2rem .45rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary);font-size:.68rem;font-weight:800}.catalog-card-bottom{margin-top:1.25rem;align-items:end}.catalog-card-title-group,.catalog-card-bottom>div,.sidebar-tool-info{display:grid;gap:.15rem}.catalog-card-num{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:#d7e7e2}.quick-answer{margin:1rem 0 1.5rem;padding:1rem 1.1rem;border-left:4px solid var(--color-primary);background:var(--color-primary-light)}.quick-answer p{margin:0}.version-notice{margin-bottom:1rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-radius:12px;background:var(--color-primary-light)}.version-notice p{margin:0}.overview-header-panel{padding:clamp(1.25rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:2rem;border:1px solid var(--color-border);border-radius:22px;background:linear-gradient(135deg,#fff,#edf7f3)}.overview-header-meta{display:flex;flex-wrap:wrap;gap:.75rem}.overview-meta-item{padding:.55rem .75rem;border-radius:10px;background:var(--color-surface)}.overview-header-progress{align-self:center}.overview-progress-track,.focus-area-track,.practice-progress{overflow:hidden;height:8px;border-radius:999px;background:#dbe7e3}.overview-progress-bar,.focus-area-bar,.practice-progress-bar{height:100%;border-radius:inherit;background:var(--color-primary)}.overview-start-btn{width:100%;margin-top:1rem}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:1.5rem}.overview-sidebar{display:grid;align-content:start;gap:1rem}.lesson-list{padding:0;display:grid;gap:.65rem;list-style:none}.lesson-item-btn{width:100%;min-height:68px;padding:.75rem .9rem;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.8rem;align-items:center;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);text-align:left;cursor:pointer}.lesson-item-btn:hover,.lesson-item-btn.is-current{border-color:#9fc9bd;background:#f6fbf9}.lesson-item-btn.is-completed .lesson-num{background:var(--color-primary);color:#fff}.lesson-num{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);font-weight:800}.lesson-info,.lesson-meta{display:block}.lesson-meta,.lesson-status,.curriculum-count{color:var(--color-text-muted);font-size:.8rem}.curriculum-count{margin-left:.6rem;font-family:var(--font-body);font-weight:500}.overview-preview{margin-top:2rem}.preview-vocab-card,.vocab-card,.hub-card,.discover-card{color:inherit;text-decoration:none}.preview-vocab-hanzi,.vocab-hanzi,.character-hanzi{font-size:1.65rem}.preview-vocab-pinyin,.vocab-pinyin,.character-pinyin{color:var(--color-primary);font-weight:700}.preview-grammar-list,.grammar-card-list,.example-list,.sidebar-tool-list,.choice-list,.challenge-list,.quick-actions{display:grid;gap:.75rem}.preview-grammar-card{padding:.85rem 0;border-bottom:1px solid var(--color-border)}.preview-grammar-card:last-child{border-bottom:0}.sidebar-tool-item{padding:.75rem;display:flex;justify-content:space-between;align-items:center;border-radius:10px;background:var(--color-surface-soft)}.sidebar-tool-label,.sidebar-fact-value{font-weight:750}.sidebar-tool-desc,.sidebar-fact-label{color:var(--color-text-muted);font-size:.8rem}.sidebar-fact-row{padding:.6rem 0;border-bottom:1px solid var(--color-border)}.lesson-tabs{margin:1.5rem 0;display:flex;gap:.4rem;overflow-x:auto;border-bottom:1px solid var(--color-border)}.lesson-tab{padding:.7rem .9rem;border:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap;cursor:pointer;font-weight:700}.lesson-tab.is-active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.lesson-tab-count,.q-type-badge,.vocab-lesson-badge,.vocab-row-pos{padding:.15rem .4rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary);font-size:.7rem;font-weight:750}.tab-panel{min-height:240px;margin-bottom:1.5rem}.vocab-list{display:grid}.vocab-row{min-height:58px;padding:.55rem 0;display:grid;grid-template-columns:38px 62px minmax(48px,.4fr) minmax(90px,.7fr) minmax(120px,1.4fr) auto;gap:.7rem;align-items:center;border-bottom:1px solid var(--color-border)}.vocab-row-num{color:#91a29d;font-size:.78rem}.vocab-row-speak,.vocab-row-explain,.character-speak,.vocab-speak-btn,.vocab-speak-btn-large,.tts-play-btn{padding:.4rem .55rem;border-radius:8px;background:var(--color-primary-light);color:var(--color-primary);font-size:.78rem;text-decoration:none}.vocab-row-hanzi{font-size:1.35rem;font-weight:700}.vocab-row-pinyin{color:var(--color-primary)}.vocab-row-english{color:var(--color-text-muted)}.vocab-search{margin:1rem 0;display:grid;gap:.4rem;font-weight:700}.vocab-search input,.fill-input,.match-grid select,.form-group input{width:100%;min-height:46px;padding:.65rem .8rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.vocab-stats{margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.stat{padding:.35rem .65rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary);font-size:.8rem}.vocab-card{position:relative;display:grid;gap:.2rem}.vocab-card>a{color:inherit;text-decoration:none}.vocab-speak-btn{width:fit-content;margin-top:.55rem}.vocab-pagination{margin:1.5rem 0;display:flex;justify-content:center;gap:.8rem;align-items:center}.vocab-hero{margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:22px;background:linear-gradient(135deg,#fff,#edf7f3)}.vocab-hero h1{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.vocab-hanzi-large{font-size:1.05em}.vocab-pinyin-large{color:var(--color-primary)}.vocab-english-large{color:var(--color-text-muted);font-size:1.25rem}.vocab-word-details dl{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);border-top:1px solid var(--color-border)}.vocab-word-details dt,.vocab-word-details dd{margin:0;padding:.7rem 0;border-bottom:1px solid var(--color-border)}.vocab-word-details dt{color:var(--color-text-muted)}.grammar-card code,.preview-grammar-structure{color:#85510d;background:#fff7e8}.grammar-card code{padding:.25rem .4rem;border-radius:6px}.example-card{background:#fbfcfb}.example-chinese{font-size:1.1rem;font-weight:700}.example-pinyin{color:var(--color-primary)}.example-english{color:var(--color-text-muted)}.question-card{padding:clamp(1rem,4vw,1.5rem)}.question-prompt{margin:1rem 0}.choice-option{min-height:52px;padding:.75rem;display:flex;gap:.7rem;align-items:center;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);cursor:pointer}.choice-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-light)}.feedback{margin-top:1rem;padding:.8rem 1rem;border-radius:10px}.feedback.is-correct{background:var(--color-success-bg);color:var(--color-success)}.feedback.is-wrong{background:var(--color-error-bg);color:var(--color-error)}.practice-progress{margin-bottom:.55rem}.practice-count{color:var(--color-text-muted);font-size:.8rem}.match-grid label{padding:.6rem;display:grid;grid-template-columns:minmax(100px,1fr) minmax(160px,1fr);gap:.75rem;align-items:center;border-bottom:1px solid var(--color-border)}.order-answer,.order-bank{min-height:54px;margin:.7rem 0;padding:.65rem;display:flex;flex-wrap:wrap;gap:.5rem;border:1px dashed #a7bdb6;border-radius:10px}.order-answer button,.order-bank button{padding:.45rem .65rem;border-radius:8px;background:var(--color-primary-light)}.lesson-nav-bottom{margin-top:2rem;display:flex;justify-content:space-between;gap:1rem}.faq-section details{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.faq-section summary{padding:.9rem 0;cursor:pointer;font-weight:750}.faq-section details p{padding:0 0 1rem;color:var(--color-text-muted)}.info-table,table{width:100%;border-collapse:collapse;background:var(--color-surface)}th,td{padding:.7rem;border:1px solid var(--color-border);text-align:left;vertical-align:top}th{background:var(--color-surface-soft)}.info-tip{padding:1rem;border-left:4px solid var(--color-primary);background:var(--color-primary-light)}.info-cta,.cta-final,.level-test-cta{padding:1.5rem;border-radius:20px;background:var(--color-primary-light)}.loading-spinner,.page-loading{min-height:240px;display:grid;place-items:center;color:var(--color-text-muted)}.spinner{width:34px;height:34px;border:4px solid #cae1da;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:1}@media(max-width:900px){.site-nav,.site-header-actions .header-cta-btn{display:none}.mobile-menu-btn{display:inline-grid;place-items:center;margin-left:auto}.mobile-nav{display:block}.hero-compact,.overview-header-panel,.overview-layout{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(3,1fr)}.course-grid-compact,.catalog-grid,.hub-grid,.features-grid-6,.trust-grid,.preview-vocab-grid,.vocab-grid,.characters-grid,.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-main{padding:1.25rem .9rem 3rem}.site-header-inner{padding-inline:.9rem}.site-version-badge{display:none}.hero-compact{padding-top:2rem}.quick-stats,.course-grid-compact,.catalog-grid,.hub-grid,.features-grid-6,.trust-grid,.preview-vocab-grid,.vocab-grid,.characters-grid,.discover-grid,.footer-inner{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.lesson-item-btn{grid-template-columns:38px minmax(0,1fr)}.lesson-status{grid-column:2}.vocab-row{grid-template-columns:32px 54px minmax(42px,.5fr) minmax(80px,.8fr)}.vocab-row-english{grid-column:3 / -1}.vocab-row-explain{grid-column:4}.match-grid label{grid-template-columns:1fr}.lesson-nav-bottom,.vocab-pagination{align-items:stretch}.vocab-pagination{flex-direction:column}}.site-logo-mark{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:var(--color-primary);color:#fff;font-weight:800}.site-version-badge,.hero-standard-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-version-badge{padding:.18rem .45rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-primary);background:var(--color-primary-light)}.hero-standard-card{min-width:min(100%,24rem);padding:1.5rem;border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-surface);box-shadow:0 18px 50px #0f172a14}.hero-standard-card>strong{display:block;margin:.45rem 0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.1;color:var(--color-primary)}.hero-standard-card>p,.page-intro,.info-page p{color:var(--color-text-muted)}.catalog-stage+.catalog-stage{margin-top:3rem}.lesson-done .done-score{display:grid;width:10rem;height:10rem;margin:1.5rem auto;place-items:center;border:.75rem solid var(--color-primary-light);border-radius:50%}.lesson-done .done-score-inner{display:grid;text-align:center}.lesson-done .done-score-value{font-size:2rem;font-weight:800;color:var(--color-primary)}.match-grid{display:grid;gap:.75rem}.vocab-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,14rem);gap:1rem;align-items:end;margin:1.5rem 0}.vocab-lesson-filter,.vocab-search{display:grid;gap:.45rem;font-weight:700}.vocab-lesson-filter select,.vocab-search input{width:100%;min-height:44px;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-text);font:inherit}.external-links,.related-links ul{display:grid;gap:.55rem;padding-left:1.25rem}.external-links a,.related-links a{color:var(--color-primary);font-weight:700;text-transform:capitalize}.related-links{margin:2.5rem 0;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-primary-light)}.info-tip{margin:1.25rem 0;padding:1rem 1.1rem;border-left:4px solid var(--color-accent);border-radius:.5rem;background:#fff8e7;color:var(--color-text)}.info-table-wrap{overflow-x:auto;margin:1.25rem 0}.info-table{width:100%;border-collapse:collapse}.info-table th,.info-table td{padding:.75rem;border:1px solid var(--color-border);text-align:left;vertical-align:top}.info-table th{background:var(--color-primary-light)}@media(max-width:760px){.site-version-badge{display:none}.vocab-filter-bar{grid-template-columns:1fr}}