:root{--ink:#14181f;--ink-deep:#0a0e17;--bg:#faf8f5;--surface:#fff;--accent:#e2483d;--accent-deep:#b8322a;--accent-soft:#fdeeec;--gold:#ffc94d;--jade:#1f9166;--line:#e3e7ed;--line-on-ink:#ffffff24;--muted:#64707e;--danger:#d64545;--radius:6px;--radius-lg:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;line-height:1.5;overflow-x:clip}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 .5em;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:700}main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.page h1{margin-bottom:.3em;font-size:1.9rem}.page-lede{color:var(--muted);max-width:42rem;margin-bottom:1.5rem}.navbar{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.navbar .brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{align-items:center;gap:.5rem;display:inline-flex}.brand-mark img{width:32px;height:32px;display:block}.brand-name{letter-spacing:-.02em;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-size:1.3rem;font-weight:700}.brand-name span{color:var(--accent)}.brand-mark-lg img{width:40px;height:40px}.site-footer .brand-name{color:#fff}.navbar nav a.active{color:var(--accent)}.navbar nav,.navbar-group{align-items:center;gap:1.25rem;display:flex}.navbar-marketing-links{gap:1.1rem}@media (width<=900px){.navbar-marketing-links{display:none}}@media (width<=640px){.navbar{flex-wrap:wrap;gap:.6rem;padding:.8rem 1rem}.navbar nav{flex-wrap:wrap;gap:.6rem 1rem}.navbar-divider{display:none}.lang-switcher{flex-wrap:wrap}}.navbar-divider{background:var(--line);align-self:stretch;width:1px}.navbar nav a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none}.navbar nav a:hover{color:var(--ink)}.account-menu{position:relative}.account-menu-trigger{font-weight:600}.account-menu-dropdown{background:var(--surface);min-width:12rem;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);z-index:20;flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 8px 24px #0a14242e}.account-menu-dropdown a,.account-menu-dropdown .link-button{color:var(--ink);opacity:1;font-size:.9rem;text-decoration:none}.account-menu-dropdown a:hover,.account-menu-dropdown .link-button:hover{color:var(--accent)}.account-menu-email{opacity:.65;border-bottom:1px solid var(--line);word-break:break-all;margin:0 0 .15rem;padding-bottom:.5rem;font-size:.82rem}.lang-switcher{gap:.15rem;display:flex}.lang-switcher button{cursor:pointer;opacity:.5;filter:grayscale(60%);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:3px;align-items:center;padding:.3rem;font-family:inherit;display:inline-flex}.lang-switcher-flag{object-fit:cover;border-radius:2px;width:1.4em;height:1.05em;font-size:1rem;display:block;box-shadow:0 0 0 1px #0a14241f}.lang-switcher button:hover{opacity:.85;filter:grayscale(0%)}.lang-switcher button.active{opacity:1;filter:grayscale(0%);border-bottom-color:var(--accent)}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.icon-button-group{gap:.35rem;display:flex}.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1rem;line-height:1;display:inline-flex}.icon-button:hover{background:var(--accent-soft);border-color:var(--accent)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.link-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.form{flex-direction:column;gap:1rem;max-width:30rem;display:flex}.form label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.form input,.form select,.form textarea{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.55rem .7rem}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent-deep);outline-offset:1px}.form-row{gap:.75rem;display:flex}.form-row>*{flex:1}.form-actions{gap:.75rem;display:flex}.checkbox-group,.radio-group{flex-direction:column;gap:.5rem;font-weight:400;display:flex}.checkbox-option,.radio-option{align-items:center;gap:.5rem;font-weight:400;display:flex}.error{color:var(--danger);font-size:.9rem}.success{color:var(--jade);font-size:.9rem}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.list-search-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.list-search-bar input[type=search]{flex:1;min-width:12rem}.pagination{align-items:center;gap:1rem;margin-top:1rem;display:flex}.pagination-label{color:var(--ink);opacity:.75;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #14213d0d}.table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .75rem;font-size:.92rem}.table th{color:var(--muted);font-size:.8rem;font-weight:600}.badge{align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--muted);border-radius:50%;width:7px;height:7px}.badge-active:before,.badge-paid:before{background:var(--jade)}.badge-pending:before,.badge-pending_verification:before{background:var(--accent-deep)}.badge-suspended:before,.badge-refunded:before,.badge-cancelled:before{background:var(--danger)}.modal-backdrop{z-index:10;background:#0a14248c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:28rem;padding:1.5rem}.modal h3{margin-top:0}.modal-close-row{justify-content:flex-end;margin-top:1.25rem;display:flex}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:.4rem 0;font-size:.92rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--muted)}.detail-row dd{text-align:right;margin:0;font-weight:600}.notice{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:1rem;padding:.9rem 1.1rem;font-size:.9rem}.tabs{border-bottom:1px solid var(--line);gap:.5rem;margin-bottom:1.5rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-right:1.25rem;padding:.6rem .2rem;font-size:.92rem;font-weight:600;text-decoration:none}.tabs a.active{color:var(--ink);border-bottom-color:var(--accent-deep)}.site-footer{background:var(--ink-deep);color:#f6f7fabf;margin-top:2rem}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex}.site-footer-brand{letter-spacing:-.01em;color:#fff;flex-direction:column;gap:.2rem;font-size:1.05rem;font-weight:700;display:flex}.site-footer-tagline{max-width:22rem;margin:.75rem 0 0;font-size:.9rem}.site-footer-links{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.site-footer-heading{color:#fff;margin-bottom:.2rem;font-weight:700}.site-footer-links a{color:#f6f7fabf;text-decoration:none}.site-footer-links a:hover{color:var(--accent)}.site-footer-bottom{border-top:1px solid var(--line-on-ink);text-align:center;padding:1rem 1.5rem;font-size:.8rem}.paypal-buttons{max-width:420px;min-height:110px;margin-top:1rem}.site-footer-disclaimer{opacity:.7;max-width:44rem;margin:.5rem auto 0;font-size:.72rem}.seo-prerender{max-width:960px;margin:2rem auto;padding:0 1.5rem}.home{flex-direction:column;gap:4.5rem;padding-top:1rem;display:flex}.home h1,.home h2{letter-spacing:-.02em}.home-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.home-eyebrow{color:var(--accent);margin:0 0 .6rem;font-weight:600}.home-hero h1{margin-bottom:.4em;font-size:clamp(2.2rem,5vw,3.3rem);line-height:1.08}.home-lede{color:var(--muted);max-width:34rem;margin:0 0 1.6rem;font-size:1.12rem}.home-cta{flex-wrap:wrap;gap:.75rem;display:flex}.btn-lg{padding:.8rem 1.4rem;font-size:1rem}.home-note{color:var(--muted);margin-top:.9rem;font-size:.9rem}.home-hero-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem;transform:rotate(1.5deg);box-shadow:0 18px 40px -20px #14181f40}.hero-card-top{justify-content:space-between;align-items:center;display:flex}.hero-card-tag{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:600}.hero-card-play{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:.8rem;display:grid}.hero-card-hanzi{justify-content:center;gap:.6rem;margin:1.2rem 0 .2rem;font-family:Noto Serif SC,serif;font-size:4.2rem;font-weight:700;display:flex}.hero-card-hanzi rt{color:var(--muted);font-family:Inter,sans-serif;font-size:1rem;font-weight:500}.hero-card-en{text-align:center;color:var(--muted);margin-bottom:1.2rem}.hero-card-quiz{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.hero-card-quiz span{border:1px solid var(--line);text-align:center;border-radius:10px;padding:.5rem;font-size:.9rem}.hero-card-quiz .ok{border-color:var(--jade);color:var(--jade);background:#e8f6ef;font-weight:600}.home-section-head{margin-bottom:1.5rem}.home-section-head h2{margin-bottom:.2em;font-size:1.9rem}.home-section-head p{color:var(--muted);margin:0}.home-levels{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.home-level{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:.2rem;padding:1.3rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.home-level:hover{transform:translateY(-3px);box-shadow:0 12px 28px -18px #14181f66}.home-level-hanzi{color:var(--accent);font-family:Noto Serif SC,serif;font-size:2.2rem;font-weight:700;line-height:1.2}.home-level-title{font-size:1.15rem;font-weight:700}.home-level-sub{color:var(--muted);font-size:.92rem}.home-level-meta{margin-top:.6rem;font-size:.85rem;font-weight:600}.home-features{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.home-feature h3{font-size:1.05rem}.home-feature p{color:var(--muted);margin:0;font-size:.95rem}.home-exam{background:var(--ink);color:#fff;border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem;padding:2.5rem;display:grid}.home-exam h2{color:#fff;font-size:1.9rem}.home-exam p{color:#ffffffbf}.home-exam ul{color:#ffffffe6;margin:0 0 1.5rem;padding-left:1.2rem}.home-exam li{margin-bottom:.35rem}.home-exam-list{flex-direction:column;gap:.6rem;display:flex}.home-exam-item{border:1px solid var(--line-on-ink);background:#ffffff12;border-radius:12px;justify-content:space-between;padding:.9rem 1.1rem;display:flex}.home-exam-score{color:#fff9}.home-exam-score b{color:var(--gold)}.home-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.home-step-no{background:var(--accent-soft);width:2.2rem;height:2.2rem;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:.7rem;font-weight:700;display:inline-grid}.home-steps h3{font-size:1.1rem}.home-steps p{color:var(--muted);margin:0}.home-final{text-align:center;background:var(--accent-soft);border-radius:24px;padding:3rem 1rem}.home-final h2{margin-bottom:1.2rem;font-size:1.8rem}@media (width<=860px){.home-hero,.home-exam{grid-template-columns:1fr}.home-hero-card{transform:none}.home-levels,.home-features{grid-template-columns:repeat(2,1fr)}.home-steps{grid-template-columns:1fr}.home-exam{padding:1.6rem}}@media (width<=480px){.home-levels,.home-features{grid-template-columns:1fr}}.shop-pill{white-space:nowrap;background:var(--bg);color:var(--muted);border-radius:999px;padding:.15rem .65rem;font-size:.78rem;font-weight:600;display:inline-block}.shop-pill.free{color:var(--jade);background:#e8f6ef}.shop-pill.owned,.shop-pill.open{background:var(--accent-soft);color:var(--accent-deep)}.shop-more{margin-top:1rem}.shop-course-list{flex-direction:column;gap:.8rem;display:flex}.shop-course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.shop-course:hover{border-color:var(--accent);box-shadow:0 10px 24px -18px #14181f73}.shop-course-exam{background:var(--ink);color:#fff;border-color:var(--ink)}.shop-course-exam h2{color:#fff}.shop-course-exam p{color:#ffffffb3}.shop-course h2{margin:0;font-size:1.3rem}.shop-course p{color:var(--muted);margin:.15rem 0 .5rem}.shop-course-meta{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.shop-course-price{align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700;display:flex}.shop-course-go{color:var(--muted);font-size:1.6rem}.shop-detail{grid-template-columns:1fr 300px;align-items:start;gap:1.5rem;display:grid}.shop-lessons{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.shop-lesson{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;text-decoration:none;display:flex}.shop-lesson:last-child{border-bottom:0}a.shop-lesson:hover{background:var(--accent-soft)}.shop-lesson.locked{color:var(--muted)}.shop-lesson-title{font-weight:600}.shop-lesson-sub,.shop-lesson-progress{color:var(--muted);font-size:.85rem}.shop-buy{flex-direction:column;gap:.8rem;display:flex;position:sticky;top:1rem}.shop-buy h3{margin:0}.shop-group{margin-bottom:2.2rem}.shop-group h2{font-size:1.3rem}.shop-product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.shop-product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:1.2rem;display:flex;position:relative}.shop-product.bundle{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.shop-product.compact{padding:1rem}.shop-product h3{margin:0 0 .3rem;font-size:1.05rem}.shop-product-tag{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--accent);border-radius:999px;align-self:flex-start;margin-bottom:.5rem;padding:.1rem .6rem;font-size:.72rem;font-weight:700}.shop-product-desc{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.shop-product-items{margin:0 0 1rem;padding-left:1.1rem;font-size:.9rem}.shop-product-foot{justify-content:space-between;align-items:center;gap:.8rem;margin-top:auto;display:flex}.shop-product-price{font-size:1.35rem;font-weight:700}.shop-checkout{max-width:560px}.shop-checkout-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:.8rem;font-size:1.1rem;display:flex}.shop-checkout-total b{font-size:1.6rem}.success-notice{border-color:var(--jade);background:#e8f6ef}.my-course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:1.2rem;padding:1.3rem 1.4rem}.my-course-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.my-course-head h2{margin:0;font-size:1.3rem}.my-course-head p{margin:.2rem 0 0}.my-bar{background:var(--bg);border-radius:999px;height:6px;margin:.9rem 0 .4rem;overflow:hidden}.my-bar span{background:var(--jade);height:100%;display:block}.my-lessons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:.9rem;display:grid}.my-lesson{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;padding:.6rem .75rem;font-size:.9rem;text-decoration:none;display:flex}.my-lesson:hover{border-color:var(--accent)}.my-lesson-no{font-weight:600}.my-lesson-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.my-lesson-stat{color:var(--jade);font-size:.78rem}@media (width<=760px){.shop-detail{grid-template-columns:1fr}.shop-buy{position:static}.table{display:block;overflow-x:auto}}