.platform-page{min-height:100vh;background:#f5f6fb;color:#20243a;font-family:DM Sans,Inter,Noto Sans SC,sans-serif}.platform-header{height:86px;max-width:1320px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.platform-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.platform-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#5d46cd;color:#fff;font-size:29px;font-weight:800;line-height:1}.platform-brand-mark span{color:#c9bcff}.platform-brand strong{font-size:23px;letter-spacing:-1.2px}.platform-brand small{margin-left:13px;padding-left:16px;border-left:1px solid #c8cde0;color:#69718b;font-size:10px;letter-spacing:1.4px;font-weight:800}.platform-actions{display:flex;align-items:center;gap:10px}.platform-actions button,.platform-actions a{border:1px solid #d7dbea;border-radius:12px;background:#fff;color:#343a55;min-height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:700 13px inherit;text-decoration:none;cursor:pointer}.platform-actions button:hover,.platform-actions a:hover{border-color:#7661dc;color:#5d46cd}.platform-actions .platform-signin{background:#5d46cd;color:#fff;border-color:#5d46cd;padding:0 18px}.platform-user{font-size:13px;font-weight:700;color:#5a627d}.platform-main{max-width:1240px;margin:auto;padding:80px 34px 95px}.platform-eyebrow{display:flex;align-items:center;gap:8px;color:#705bd0;font-size:12px;font-weight:800;letter-spacing:1.9px}.platform-main h1{max-width:850px;margin:18px 0 14px;font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-3.8px;font-weight:800}.platform-intro{max-width:680px;font-size:18px;line-height:1.7;color:#606983;margin:0 0 48px}.platform-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.platform-product{position:relative;min-width:0;min-height:510px;border-radius:26px;overflow:hidden;border:1px solid #e0e3ee;background:#fff;text-decoration:none;color:#20243a;box-shadow:0 16px 45px #2830500c;transition:transform .2s ease,box-shadow .2s ease}.platform-product:hover{transform:translateY(-5px);box-shadow:0 24px 54px #28305020}.platform-product-top{height:70px;padding:18px 28px;display:flex;align-items:center;gap:13px}.platform-product-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#5d46cd;background:#eeeaff}.platform-product-label{color:#6a718b;font-size:11px;font-weight:800;letter-spacing:1.5px}.platform-product-art{height:213px;margin:0 18px;border-radius:18px;background:linear-gradient(135deg,#6651db,#b9aaf6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden;position:relative}.platform-product-art:before,.platform-product-art:after{content:"";position:absolute;border:1px solid #ffffff50;border-radius:50%;width:280px;height:280px;right:-65px;top:-110px}.platform-product-art:after{width:380px;height:380px;inset:auto auto -270px -130px}.platform-product-art span{font-size:14px;letter-spacing:4px;font-weight:700;z-index:1}.platform-product-art strong{font-size:82px;line-height:1.2;letter-spacing:8px;z-index:1}.platform-product-art i{font-size:10px;letter-spacing:3px;font-style:normal;opacity:.82;z-index:1}.platform-mahjong .platform-product-icon{color:#167960;background:#e7f6f0}.platform-mahjong .platform-product-art{background:linear-gradient(135deg,#0c6455,#3b9f82)}.platform-mahjong .platform-product-art strong{font-size:62px}.platform-product-copy{padding:27px 30px 30px}.platform-product-copy h2{font-size:30px;letter-spacing:-1px;margin:0 0 10px;font-weight:800}.platform-product-copy p{color:#606983;line-height:1.65;margin:0;min-height:55px;font-size:15px}.platform-product-cta{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:800;color:#5d46cd}.platform-mahjong .platform-product-cta{color:#17745d}.platform-footer{max-width:1320px;margin:auto;padding:22px 34px 32px;display:flex;justify-content:space-between;border-top:1px solid #e4e7ef;color:#788097;font-size:12px}html[data-theme=dark] .platform-page{background:#0b1020;color:#f3f4fb}html[data-theme=dark] .platform-brand small,html[data-theme=dark] .platform-intro,html[data-theme=dark] .platform-product-copy p{color:#a6afc7}html[data-theme=dark] .platform-actions button,html[data-theme=dark] .platform-actions a:not(.platform-signin){background:#1c2439;color:#e8ebf5;border-color:#38415a}html[data-theme=dark] .platform-product{background:#171f32;color:#f3f4fb;border-color:#303a54}html[data-theme=dark] .platform-product-label{color:#a6afc7}html[data-theme=dark] .platform-footer{border-color:#303a54}@media(max-width:760px){.platform-header{height:auto;padding:18px 20px;align-items:flex-start}.platform-brand small,.platform-user{display:none}.platform-actions{gap:5px}.platform-actions button,.platform-actions a{padding:0 9px}.platform-main{padding:52px 20px 70px}.platform-main h1{letter-spacing:-2px}.platform-intro{font-size:16px;margin-bottom:32px}.platform-products{grid-template-columns:1fr;gap:18px}.platform-product{min-height:0}.platform-product-art{height:190px}.platform-product-copy{padding:23px}.platform-footer{padding:20px;gap:12px}}.platform-actions button,.platform-actions a{font-family:inherit;font-size:13px;font-weight:700}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#f3f4f6;background:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.6px}p{line-height:1.7;color:#9ca3af}button:focus-visible,a:focus-visible{outline:3px solid #374151;outline-offset:3px}::selection{background:#1f2937}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#111827;display:flex;flex-direction:column;border-right:1px solid #374151;z-index:30}.brand{height:102px;flex-shrink:0;padding:29px 25px;display:flex;align-items:center;gap:10px}.brand-mark{background:#1c2536;color:#f3f4f6;font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:25px;line-height:39px;width:40px;height:42px;border-radius:11px;text-align:center;position:relative}.brand-mark>span{position:absolute;color:#c4b5fd;font-size:16px;bottom:-4px;right:-1px}.brand b{font-size:24px;letter-spacing:-1px}.brand b span{font-size:9px;vertical-align:super;letter-spacing:0;margin-left:2px}.brand small{font-size:8.5px;display:block;letter-spacing:.3px;color:#9ca3af;margin-top:3px}.sidebar-scroll{padding:2px 16px;flex:1;overflow:auto}.nav-group{margin-bottom:25px}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#9ca3af;margin:7px 13px 10px}.nav-group a,.admin-link{height:40px;display:flex;align-items:center;gap:12px;padding:0 13px;margin-bottom:4px;color:#9ca3af;font-size:12px;border-radius:7px;transition:.16s}.nav-group a:hover,.admin-link:hover{background:#141d2d;color:#f3f4f6}.nav-group a.active{background:#1f2937;color:#f3f4f6;font-weight:600}.nav-group a.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:#1c2536;border-radius:0 3px 3px 0}.new-dot{width:5px;height:5px;background:#443054;border-radius:50%;margin-left:auto}.admin-link{margin:0 0 16px;border:1px dashed #374151}.sidebar-bottom{padding:15px 18px;flex-shrink:0}.grow-note{background:#141d2d;border:1px solid #374151;border-radius:9px;padding:14px 11px;display:flex;gap:8px;align-items:center;font-size:10px;color:#9ca3af;margin-bottom:18px}.profile,.sidebar-login{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:5px 3px}.profile>span:nth-child(2),.sidebar-login>span:nth-child(2){flex:1}.profile strong,.sidebar-login strong{font-size:12px;display:block;font-weight:500}.profile small,.sidebar-login small{display:block;font-size:9px;color:#9ca3af;margin-top:3px}.guest-avatar{width:35px;height:35px;background:#1f2937;border-radius:50%;display:grid;place-items:center;color:#f3f4f6;font-size:22px}.main-shell{margin-left:240px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#111827;gap:15px}.breadcrumb{font-size:11px;color:#9ca3af;display:flex;gap:14px;align-items:center;white-space:nowrap}.breadcrumb>span{color:#9ca3af}.breadcrumb strong{font-weight:500;color:#9ca3af}.topbar-right{display:flex;gap:15px;align-items:center}.search-trigger{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#9ca3af;font-size:10px}.search-trigger kbd{border:1px solid #374151;border-radius:4px;width:19px;font-size:12px;margin-left:18px;line-height:18px;background:#111827}.top-divider{height:20px;width:1px;background:#1f2937}.language-switch.ant-btn{font-size:11px;height:30px;color:#f3f4f6;padding:3px 5px}.local-badge{font-size:9px;border:1px solid #374151;border-radius:5px;padding:6px 8px;display:flex;align-items:center;gap:5px;color:#9ca3af}.local-badge i{width:5px;height:5px;border-radius:50%;background:#1c2536}.mobile-menu.ant-btn{display:none}.page{padding:36px 40px 28px;max-width:1550px;width:100%;margin:0 auto;flex:1}.page-heading{margin-bottom:30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#9ca3af;text-transform:uppercase;display:flex;align-items:center;gap:8px}.tiny-line{width:17px;height:1px;background:#1c2536}.page-heading h1{font-size:30px;font-weight:500;line-height:1.35;margin:11px 0 9px;letter-spacing:-1.1px}.page-heading p{font-size:12px;margin:0;color:#9ca3af}.home-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.home-heading h1{font-size:29px}.heading-dot{color:#c4b5fd;font-size:22px;display:inline-block;vertical-align:middle;margin-left:13px}.date-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#9ca3af;white-space:nowrap;margin-top:24px}.home-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:22px}.hero{background:#1f2937;border:1px solid #374151;border-radius:14px;position:relative;min-height:325px;overflow:hidden;display:flex;align-items:center}.hero-copy{padding:30px 0 26px 30px;position:relative;width:58%;z-index:2}.hero-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:600;letter-spacing:1.1px;color:#9ca3af;white-space:nowrap}.hero-label>span{width:5px;height:5px;background:#1c2536;border-radius:50%}.hero h2{font-size:33px;line-height:1.24;font-weight:500;letter-spacing:-1.1px;margin:17px 0 13px;color:#f3f4f6}.hero p{font-size:10px;color:#9ca3af;line-height:1.9;max-width:280px;margin-bottom:19px}.hero .ant-btn{font-size:11px;height:39px;padding:0 17px;border-radius:7px}.hero-bottom{display:flex;align-items:center;gap:8px;margin-top:21px;font-size:8px;color:#9ca3af;white-space:nowrap}.avatars{display:flex;padding-left:4px}.avatars i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#342747;color:#c4b5fd;border:2px solid #374151;font-size:8px;margin-left:-4px}.avatars i:nth-child(2){background:#342b53;color:#f3f4f6}.avatars i:nth-child(3){background:#1f2937;color:#c4b5fd}.hero-art{position:absolute;inset:0 0 0 53%;display:flex;align-items:center;justify-content:center;pointer-events:none}.art-sun{position:absolute;right:22px;top:31px;width:96px;height:96px;background:#1f2937;border-radius:50%;opacity:.65}.hero-dotted{position:absolute;bottom:-90px;right:-60px;width:290px;height:290px;border:1px solid #374151;border-radius:50%}.hero-dotted:before{content:"";position:absolute;inset:18px;border:1px dashed #374151;border-radius:50%}.han-card{position:absolute;width:149px;height:191px;border-radius:9px;background:#111827;border:1px solid #374151;box-shadow:0 13px 23px #0000000b;display:flex;align-items:center;flex-direction:column}.han-card.back{transform:rotate(-13deg);margin-left:-40px;margin-top:-7px;background:#282440;border-color:#374151}.han-card.back>span{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:83px;opacity:.1;line-height:170px}.han-card.front{transform:rotate(9deg);margin-left:22px;margin-top:7px}.han-card.front small{font-size:12px;letter-spacing:3px;color:#9ca3af;margin-top:34px}.han-card.front b{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:55px;color:#f3f4f6;font-weight:400;line-height:1.4;margin:4px 0}.han-card.front>span{font-size:8px;color:#9ca3af;font-style:italic}.han-card.front i{border:1px solid #374151;color:#c4b5fd;font-size:8px;font-style:normal;position:absolute;right:11px;bottom:12px;padding:1px 2px}.art-spark{position:absolute;right:25px;top:151px;font-size:35px;color:#9ca3af;font-weight:300}.floating-caption{position:absolute;bottom:36px;left:9px;background:#111827e8;border:1px solid #374151;border-radius:18px;box-shadow:0 4px 10px #00000008;padding:9px 14px;display:flex;gap:8px;align-items:center;color:#9ca3af;font-size:9px;transform:rotate(-5deg)}.daily-card{border:1px solid #374151;border-radius:13px;background:#111827;padding:23px 23px 19px;position:relative;overflow:hidden}.daily-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid #374151;right:-70px;top:86px}.card-top-label{font-size:8px;letter-spacing:.8px;font-weight:600;color:#c4b5fd;display:flex;align-items:center;gap:6px;white-space:nowrap}.card-top-label>span{margin-left:auto;color:#9ca3af;font-size:11px}.daily-pinyin{text-align:center;margin-top:25px;font-size:12px;letter-spacing:3px;color:#9ca3af}.daily-card h2{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:43px;text-align:center;letter-spacing:8px;margin:5px 0 2px}.daily-meaning{font-size:10px;text-align:center;color:#9ca3af;margin-bottom:17px}.daily-rule{height:1px;background:#1f2937}.daily-example{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:12px;color:#9ca3af;margin:17px 0 4px}.daily-translation{font-size:9px;color:#9ca3af;line-height:1.6;display:block}.daily-card>a{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#9ca3af;margin-top:19px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #374151;background:#111827;border-radius:11px;margin-top:22px;padding:22px 0}.stat-item{display:flex;align-items:flex-start;gap:13px;padding:0 23px;border-right:1px solid #374151}.stat-item:last-child{border-right:0}.stat-icon{width:35px;height:35px;border-radius:9px;background:#141d2d;display:grid;place-items:center;color:#9ca3af;flex-shrink:0}.stat-1{background:#141d2d;color:#c4b5fd}.stat-2{background:#141d2d;color:#9ca3af}.stat-3{background:#141d2d;color:#c4b5fd}.stat-item>div>span{font-size:9px;color:#9ca3af;display:block}.stat-item strong{font-size:23px;font-weight:500;display:block;line-height:1.5;letter-spacing:-.5px}.stat-item small{font-size:8px;color:#9ca3af;display:block}.section-title{display:flex;align-items:center;justify-content:space-between;margin:31px 0 18px;gap:16px}.section-title .eyebrow{font-size:8px}.section-title h2{font-size:20px;font-weight:500;margin:7px 0 0;letter-spacing:-.5px}.section-title>a{display:flex;gap:7px;align-items:center;color:#9ca3af;font-size:10px;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{background:#111827;border:1px solid #374151;border-radius:11px;overflow:hidden;transition:.2s;display:block}.course-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #00000010;border-color:#374151}.course-art{height:155px;position:relative;overflow:hidden;text-align:center;padding-top:40px;background:#1f2937}.course-art.peach{background:#1f2937}.course-art.blue{background:#141d2d}.course-ordinal{position:absolute;left:17px;top:14px;font-size:7px;letter-spacing:1.4px;color:#9ca3af}.peach .course-ordinal{color:#c4b5fd}.blue .course-ordinal{color:#9ca3af}.art-word{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:43px;letter-spacing:12px;padding-left:12px;color:#f3f4f6;font-weight:400;position:relative;z-index:1}.peach .art-word{color:#c4b5fd}.blue .art-word{color:#9ca3af}.art-small{letter-spacing:3px;font-size:9px;color:#9ca3af;margin-top:3px;position:relative;z-index:1}.peach .art-small,.blue .art-small{color:#9ca3af}.art-seal{position:absolute;font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:8px;padding:4px 3px;border:1px solid #374151;color:#9ca3af;right:18px;bottom:17px}.art-orbit{width:140px;height:140px;position:absolute;right:-17px;top:42px;border:1px solid #374151;border-radius:50%}.art-orbit:before{content:"";position:absolute;inset:13px;border:1px solid #374151;border-radius:50%}.peach .art-orbit,.peach .art-orbit:before{border-color:#374151}.blue .art-orbit,.blue .art-orbit:before{border-color:#374151}.course-body{padding:18px 19px 14px}.tags{display:flex;gap:6px;align-items:center}.level-tag,.demo-tag{font-size:8px;padding:3px 6px;background:#141d2d;color:#9ca3af;border-radius:4px;line-height:1.3;display:inline-block}.elementary,.intermediate{background:#141d2d;color:#9ca3af}.demo-tag{background:#111827;color:#9ca3af}.course-body h3{font-size:15px;margin:12px 0 7px;font-weight:500;letter-spacing:-.3px}.course-body>p{font-size:10px;line-height:1.7;margin-bottom:15px;min-height:34px;color:#9ca3af}.course-meta{display:flex;gap:15px;font-size:8px;color:#9ca3af}.course-meta>span{display:flex;gap:5px;align-items:center}.course-bottom{border-top:1px solid #374151;margin-top:15px;padding-top:13px;display:flex;gap:8px;align-items:center;color:#9ca3af;font-size:8px}.mini-progress{height:3px;background:#1f2937;border-radius:3px;flex:1;overflow:hidden}.mini-progress>i{background:#1c2536;height:100%;display:block}.course-bottom>svg{margin-left:35px;color:#9ca3af}.discovery-banner{display:flex;gap:17px;align-items:center;padding:23px 25px;border:1px solid #374151;border-radius:10px;background:#141d2d;margin-top:28px}.discovery-symbol{height:48px;width:48px;display:grid;place-items:center;background:#1f2937;color:#9ca3af;border-radius:11px;flex-shrink:0}.discovery-banner .eyebrow{font-size:7px;letter-spacing:1px}.discovery-banner h3{font-size:15px;font-weight:500;margin:6px 0 5px}.discovery-banner p{font-size:10px;margin:0;color:#9ca3af}.discovery-banner>a{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:#f3f4f6;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:15px;color:#9ca3af;font-size:8px;padding:22px 40px;border-top:1px solid #374151;max-width:1550px;width:100%;margin:0 auto}.footer>span{display:flex;gap:8px;align-items:center}.footer>span>span{color:#9ca3af}.catalog-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.catalog-toolbar .ant-input-search{max-width:480px}.catalog-toolbar>.ant-select{min-width:140px}.result-count{margin-left:auto;color:#9ca3af;font-size:11px;white-space:nowrap}.catalog-empty{min-height:290px;padding:48px 24px;border:1px solid #374151;border-radius:13px;background:#111827;text-align:center}.catalog-empty-icon{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#f3f4f6;background:#141d2d}.catalog-empty h2{margin:0 0 9px;font-size:19px}.catalog-empty p{margin:0 0 20px;color:#9ca3af;font-size:13px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.catalog-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.kind-tag{border:1px solid #374151;border-radius:999px;padding:3px 8px;color:#f3f4f6;background:#111827;font-size:10px;line-height:1.2}.small-content{display:flex;flex-direction:column;border:1px solid #374151;background:#111827;border-radius:11px;padding:24px;transition:.2s;min-height:235px}.small-content:hover{border-color:#374151;box-shadow:0 5px 15px #00000008}.small-content .tags{margin-bottom:22px}.small-content h3{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:31px;margin:4px 0 7px;line-height:1.6;word-break:break-word}.small-content.character h3{font-size:64px;line-height:1.2;margin:5px 0 13px}.small-content.sentence h3{font-size:23px}.small-content p{font-size:12px;color:#9ca3af;margin-bottom:20px}.card-pinyin{font-size:12px;letter-spacing:1px;color:#9ca3af}.small-content-foot{margin-top:auto;border-top:1px solid #374151;display:flex;align-items:center;justify-content:space-between;padding-top:13px;font-size:10px;color:#9ca3af}.small-content.textbook{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151}.small-content.textbook h3{font-family:inherit;font-size:22px;line-height:1.5}.video-card{background:#111827;border:1px solid #374151;border-radius:12px;overflow:hidden}.video-poster{height:190px;background:#1f2937;position:relative;display:grid;place-items:center;color:#9ca3af}.video-poster>img{width:100%;height:100%;object-fit:cover}.video-poster>span{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.film-series-badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:7px;background:#111827d6;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.film-source-note{padding:14px 18px;border-top:1px solid var(--hp-line);color:var(--hp-ink);font-size:12px}.film-source-note strong{display:block;margin-bottom:4px}.film-source-note p{margin:0 0 5px;font-size:12px}.film-source-note a{color:var(--hp-primary);text-decoration:underline;text-underline-offset:3px}.film-series-hero{display:grid;grid-template-columns:minmax(210px,34%) 1fr;gap:28px;align-items:center;overflow:hidden;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-surface);margin:0 0 24px;min-height:240px}.film-series-hero>img{width:100%;height:100%;min-height:240px;object-fit:cover}.film-series-hero>div{padding:24px 30px 24px 0}.film-series-hero .eyebrow{color:var(--hp-primary);font-weight:800}.film-series-hero h2{font-size:clamp(22px,2.6vw,34px);margin:10px 0}.film-series-hero p{max-width:62ch;margin-bottom:18px}.film-series-hero .ant-btn{display:inline-flex;align-items:center;gap:8px}.film-series-hero-secondary{margin-top:18px}@media(max-width:700px){.film-series-hero{grid-template-columns:1fr;gap:0}.film-series-hero>img{height:185px;min-height:0}.film-series-hero>div{padding:22px}}.film-series-nav{margin:30px 0 12px;padding:24px;border:1px solid var(--hp-line);border-radius:14px;background:var(--hp-surface)}.film-series-nav h2{margin:7px 0 18px}.film-series-nav-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.film-series-nav-list a{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid var(--hp-line);border-radius:9px;line-height:1.3}.film-series-nav-list a[aria-current=page]{border-color:var(--hp-primary);color:var(--hp-primary);background:color-mix(in srgb,var(--hp-primary) 8%,transparent)}.film-series-nav-list span{color:var(--hp-primary);font-weight:800}.film-series-nav-list strong{font-size:12px}@media(max-width:850px){.film-series-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.film-series-nav-list{grid-template-columns:1fr}}.play-circle{width:32px;height:32px;background:#11182799;border-radius:50%;display:grid;place-items:center;font-size:24px}.loading{padding:80px 20px;text-align:center}.loading p{font-size:12px;margin-top:15px}.empty-state{background:#111827;border:1px solid #374151;border-radius:12px;padding:60px 24px}.empty-state h3{font-size:17px;margin:15px 0 6px}.empty-state p{font-size:12px}.white-panel{background:#111827;border:1px solid #374151;border-radius:12px;padding:28px}.narrow{max-width:550px}.back-link{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af;margin-bottom:25px}.detail-heading{margin-bottom:25px}.detail-heading>div:not(.tags){display:flex;gap:15px;align-items:center}.detail-heading h1{font-size:32px;font-weight:500;margin:12px 0}.detail-kind{border:1px solid #374151;color:#9ca3af;border-radius:4px;padding:3px 7px;font-size:10px}.detail-heading>p{font-size:13px;margin:0}.word-lesson{display:grid;grid-template-columns:1fr 1.2fr;gap:23px}.character-panel{border:1px solid #374151;border-radius:12px;background:#1f2937;display:flex;flex-direction:column;min-height:370px;padding:23px}.lesson-display-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9ca3af;letter-spacing:.8px}.lesson-display-controls button,.display-bottom>button:not(.ant-btn){background:transparent;border:0;font-size:10px;display:flex;gap:6px;align-items:center;color:#9ca3af}.hanzi-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.hanzi-pinyin{font-size:19px;letter-spacing:3px;color:#9ca3af;margin-bottom:18px}.pronunciation-example{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:12px 16px;margin:14px 0;background:#141d2d;border-radius:12px;color:#f3f4f6}.pronunciation-example strong{font-size:22px;color:#f3f4f6}.pronunciation-example b{font-weight:500}.pronunciation-example small{width:100%;font-size:11px;color:#9ca3af}.pronunciation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pronunciation-controls>span{font-size:12px;color:#9ca3af}.pinyin-level-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 26px}.pinyin-level-nav button{text-align:left;border:1px solid #374151;border-radius:14px;background:#111827;padding:17px 19px;color:#f3f4f6;cursor:pointer;display:flex;flex-direction:column;gap:7px}.pinyin-level-nav button.active{border-color:#66558e;background:#141d2d;box-shadow:0 0 0 2px #000 inset}.pinyin-level-nav strong{font-size:17px}.pinyin-level-nav span{font-size:12px;color:#9ca3af}.pinyin-level-nav small{font-size:11px;color:#9ca3af}@media(max-width:680px){.pinyin-level-nav{grid-template-columns:1fr}}.hanzi-display strong{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:74px;letter-spacing:8px;text-align:center;line-height:1.6}.hanzi-display strong.sentence-display{font-size:32px;letter-spacing:2px;line-height:1.8}.hanzi-display strong.hanzi-long{font-size:clamp(32px,4vw,54px);letter-spacing:2px;overflow-wrap:anywhere}.hanzi-display p{font-size:14px;color:#9ca3af;margin-top:8px;margin-bottom:0}.display-bottom{display:flex;align-items:center;justify-content:space-between}.audio-button.ant-btn{background:#11182799;color:#f3f4f6;border-color:#374151;font-size:11px}.meaning-panel h2{font-size:20px;margin:20px 0 12px}.meaning-text{font-size:17px;color:#f3f4f6}.character-facts{display:flex;gap:24px;margin:25px 0}.character-facts>div>span{display:block;color:#9ca3af;font-size:10px;margin-bottom:8px}.character-facts b{font-weight:500;font-size:15px}.example-box{background:#111827;border:1px solid #374151;border-radius:8px;padding:17px;margin-top:25px}.example-box>span{font-size:10px;color:#9ca3af}.example-box h3{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:19px;margin:12px 0 7px}.example-box p{font-size:12px;margin-bottom:0;color:#9ca3af}.language-note{margin-top:25px;border-left:2px solid #374151;padding-left:14px}.language-note>span{font-size:11px;color:#c4b5fd}.language-note p{font-size:12px;margin:7px 0 0}.learning-actions{display:flex;gap:9px;align-items:center;margin-top:25px;flex-wrap:wrap}.learning-actions>.ant-btn{font-size:11px}.tone-diagram{display:flex;justify-content:space-between;margin:35px 0 20px}.tone-diagram>div{width:20%;text-align:center}.tone-diagram i{height:2px;background:#1c2536;display:block;width:30px;margin:0 auto 16px}.tone-diagram span{font-size:12px;color:#9ca3af}.recorder{background:#141d2d;border:1px solid #374151;border-radius:10px;display:flex;align-items:center;gap:15px;padding:20px 24px;margin:24px 0;flex-wrap:wrap}.recorder>div{display:flex;align-items:center;gap:10px;flex:1}.recorder strong{font-size:12px;font-weight:500}.recorder span{font-size:10px;color:#9ca3af}.recorder audio{height:35px;max-width:250px}.writing-panel{margin-top:24px;display:flex;gap:30px;align-items:center;justify-content:space-around}.writing-panel h2{font-size:23px;margin-top:13px}.writing-panel p{font-size:12px}.writing-panel .ant-btn{margin-right:8px}.writing-canvas{width:250px;height:250px;border:1px solid #374151;position:relative;background:linear-gradient(transparent 49.7%,#1f2937 49.7%,#1f2937 50.3%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,#1f2937 49.7%,#1f2937 50.3%,transparent 50.3%)}.writing-canvas>span{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;position:absolute;inset:0;display:grid;place-items:center;font-size:185px;color:#f3f4f6;pointer-events:none}.writing-canvas>canvas,.writing-canvas>svg{width:100%;height:100%;position:absolute;inset:0;touch-action:none}.writing-canvas svg{transform:scaleY(-1);pointer-events:none}.muted{color:#9ca3af;font-size:12px}.course-summary{margin-bottom:20px;display:flex;gap:30px;align-items:center}.course-summary>div:first-child{display:flex;gap:15px;align-items:center;min-width:240px}.course-summary h3{font-size:15px;margin:0 0 8px}.course-summary p{font-size:11px;margin:0}.course-summary>.ant-progress{max-width:200px}.course-summary>.learning-actions{margin-top:0;margin-left:auto}.lesson-list{border:1px solid #374151;background:#111827;border-radius:12px;overflow:hidden}.lesson-list>a{display:flex;gap:20px;align-items:center;padding:22px 26px;border-bottom:1px solid #374151}.lesson-list>a:last-child{border-bottom:0}.lesson-list>a:hover{background:#111827}.lesson-number{height:40px;width:40px;display:grid;place-items:center;border:1px solid #374151;border-radius:50%;color:#9ca3af;font-size:13px}.lesson-number.done{background:#1f2937;border-color:#374151;color:#f3f4f6}.lesson-list h3{font-size:17px;margin:5px 0;font-weight:500}.lesson-list p{font-size:11px;margin:0}.lesson-list small{font-size:9px;color:#9ca3af}.lesson-status{margin-left:auto;font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:15px}.textbook-meta{display:flex;align-items:center;gap:20px;color:#9ca3af;font-size:12px;margin-bottom:25px}.video-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}.video-lesson-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:18px;border-radius:14px;background:linear-gradient(120deg,#1f2937,#141d2d 78%);border:1px solid #374151}.video-lesson-intro h2{margin:10px 0 7px;font-size:23px;line-height:1.35}.video-lesson-intro p{margin:0;color:#9ca3af;font-size:12px;line-height:1.7}.video-lesson-stats{display:flex;gap:12px;flex-shrink:0}.video-lesson-stats>span{display:flex;flex-direction:column;min-width:93px;padding:12px 15px;border-radius:9px;background:#111827b8;color:#9ca3af;font-size:10px}.video-lesson-stats strong{color:#f3f4f6;font-size:20px;line-height:1.25}.video-player-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#1c2536;color:#9ca3af;font-size:11px;letter-spacing:.05em}.video-player-heading>span:first-child{display:flex;align-items:center;gap:8px}.video-player{min-width:0;background:#111827;border:1px solid #374151;border-radius:12px;overflow:hidden;align-self:start}.video-surface>video{width:100%;background:#1c2536;display:block;aspect-ratio:16/9}.video-start-overlay{position:absolute;z-index:2;inset:0;width:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#1c2536;color:#f3f4f6;cursor:pointer}.video-start-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-start-play{z-index:1;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#141d2d;color:#f3f4f6;box-shadow:0 12px 40px #000a;transition:transform .2s}.video-start-overlay:hover .video-start-play{transform:scale(1.08)}.video-start-overlay strong,.video-start-overlay small{z-index:1}.video-start-overlay strong{font-size:14px;font-weight:500;background:#1c2536b8;padding:5px 10px;border-radius:5px}.video-start-overlay small{color:#9ca3af;font-size:11px}@media(max-width:820px){.video-lesson-intro{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.video-lesson-intro{padding:20px}.video-lesson-intro h2{font-size:19px}.video-lesson-stats{width:100%}.video-lesson-stats>span{flex:1;min-width:0}.video-start-play{width:54px;height:54px}.video-start-overlay strong{font-size:15px}.video-current-copy strong{font-size:19px}}.player-toolbar{display:flex;gap:8px;align-items:center;padding:15px;flex-wrap:wrap}.player-toolbar>span{font-size:10px;color:#9ca3af}.player-toolbar>.ant-btn{width:32px;padding:0;height:32px}.player-toolbar .ant-select{font-size:11px}.video-current-sentence{margin:0 15px 16px;padding:17px 19px;border:1px solid #374151;border-radius:10px;background:#141d2d}.video-current-label,.video-current-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.video-current-label{color:#9ca3af;font-size:10px;letter-spacing:.07em}.video-current-copy{margin-top:12px}.video-current-copy small,.video-current-copy strong{display:block}.video-current-copy small{color:#9ca3af;font-size:12px;margin-bottom:5px}.video-current-copy strong{color:#f3f4f6;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:23px;font-weight:500;line-height:1.4}.video-current-copy p{color:#9ca3af;font-size:12px;margin:6px 0 0}.video-current-hidden{display:flex;align-items:center;gap:9px;color:#9ca3af;font-size:12px;margin:16px 0}.video-current-actions{justify-content:flex-start;margin-top:16px}.video-current-actions .ant-btn{display:inline-flex;align-items:center;gap:5px}.subtitle-panel{background:#111827;border:1px solid #374151;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:680px}.subtitle-toolbar{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151}.subtitle-toolbar h3{font-size:17px;margin:4px 0 0}.subtitle-toolbar label,.subtitle-options{display:flex;gap:8px;align-items:center;font-size:10px;color:#9ca3af}.subtitle-options{padding:12px 18px;gap:18px}.subtitle-list{overflow:auto;flex:1}.subtitle-list>button{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid #374151;background:#111827;padding:16px}.subtitle-list>button.active{background:#1f2937;box-shadow:inset 4px 0 #000}.subtitle-index{font-size:9px;color:#9ca3af;padding-top:3px}.subtitle-list>button>div{flex:1}.subtitle-list small{font-size:10px;letter-spacing:.5px;color:#9ca3af;display:block;margin-bottom:7px}.subtitle-list strong{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.7}.subtitle-list p{font-size:10px;margin:5px 0;color:#9ca3af}.subtitle-time{display:block;font-size:8px;color:#9ca3af;margin-top:8px}.subtitle-list svg{color:#9ca3af}.dictation-panel{margin-top:24px}.dictation-panel h2{font-size:20px;margin:10px 0 20px}.dictation-panel>div:first-child p{color:#9ca3af;font-size:12px;margin:-9px 0 19px}.dictation-input{width:100%;padding:15px;border:1px solid #374151;background:#111827;border-radius:9px;min-height:100px;resize:vertical;outline:none}.dictation-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.dictation-actions .ant-btn{display:inline-flex;align-items:center;gap:7px}.listening-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}.listening-tools .ant-btn{display:inline-flex;align-items:center;gap:6px}.listening-tools .ant-select{min-width:82px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.question-panel{padding:30px}.question-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9ca3af;margin-bottom:12px}.question-type{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#9ca3af;margin-top:28px}.question-panel h2{font-size:24px;line-height:1.6;font-weight:500;margin:17px 0 25px}.answer-options{width:100%;display:flex;flex-direction:column;gap:12px}.answer-options .ant-radio-wrapper,.answer-options .ant-checkbox-wrapper{margin:0;width:100%;border:1px solid #374151;background:#111827;border-radius:8px;padding:15px;align-items:center;min-height:56px}.answer-options .ant-radio-wrapper-checked,.answer-options .ant-checkbox-wrapper-checked{border-color:#374151;background:#141d2d}.answer-options .ant-radio,.answer-options .ant-checkbox{order:2;margin-left:auto}.answer-options .ant-radio+span,.answer-options .ant-checkbox+span{display:flex;gap:13px;align-items:center;flex:1;font-size:14px}.option-letter{width:25px;height:25px;background:#141d2d;border:1px solid #374151;border-radius:5px;display:grid;place-items:center;font-size:11px;color:#9ca3af;flex-shrink:0}.question-bottom{display:flex;justify-content:space-between;border-top:1px solid #374151;padding-top:23px;margin-top:28px}.question-bottom .ant-btn{font-size:12px}.practice-aside>.white-panel{padding:25px}.practice-aside h3{font-size:16px;margin:15px 0 19px}.practice-aside .eyebrow{font-size:8px;letter-spacing:1px}.practice-round-note{margin:14px 0 2px;color:#f3f4f6;font-size:12px;line-height:1.6}.practice-tip{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:26px;margin-top:20px}.practice-tip>span{font-size:29px;color:#9ca3af}.practice-tip h3{font-size:19px;font-weight:500;line-height:1.5;margin:12px 0}.practice-tip p{font-size:11px;color:#9ca3af}.practice-tip a{display:flex;gap:6px;align-items:center;color:#9ca3af;font-size:10px;margin-top:20px}.listening-audio{padding:20px;background:#141d2d;border-radius:10px;margin-bottom:25px;text-align:center}.listening-audio audio{width:100%}.listening-audio p{font-size:10px;color:#9ca3af;margin:10px 0 0}.fill-answers{display:flex;gap:14px;flex-wrap:wrap}.fill-answers>.ant-input{max-width:150px}.order-answers{display:flex;flex-direction:column;gap:8px}.order-answers>div{display:flex;align-items:center;gap:12px;border:1px solid #374151;border-radius:8px;padding:9px 12px}.order-answers>div>span{font-size:10px;color:#9ca3af;width:20px}.order-answers strong{font-size:18px;font-weight:400;flex:1}.order-answers .ant-btn{height:30px;width:30px;padding:0}.answer-feedback{border-radius:9px;padding:20px;margin-top:22px;background:#141d2d;border:1px solid #374151}.answer-feedback.incorrect{background:#141d2d;border-color:#374151}.answer-feedback h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#f3f4f6;margin-bottom:10px}.answer-feedback.incorrect h3{color:#c4b5fd}.answer-feedback p{font-size:12px;margin:7px 0;color:#9ca3af}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.test-card .test-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:12px;background:#1f2937;color:#9ca3af;margin-bottom:22px}.test-card h2{font-size:23px;font-weight:500;margin:16px 0 10px}.test-card>p{font-size:12px}.test-meta{display:flex;gap:18px;align-items:center;font-size:11px;color:#9ca3af;margin:23px 0}.test-meta>span{display:flex;align-items:center;gap:6px}.test-card .muted{font-size:10px;color:#9ca3af}.test-card>.ant-btn{margin-top:10px}.exam-heading{display:flex;justify-content:space-between;align-items:center}.exam-clock{font-size:26px;color:#f3f4f6;display:flex;gap:12px;align-items:center;font-variant-numeric:tabular-nums;background:#1f2937;padding:12px 20px;border-radius:10px}.exam-clock.urgent{background:#141d2d;color:#c4b5fd}.exam-nav{padding:25px}.exam-nav h3{font-size:16px}.exam-nav>div{display:flex;gap:8px;flex-wrap:wrap}.exam-nav>div>button{width:36px;height:36px;border:1px solid #374151;background:#111827;border-radius:7px;color:#9ca3af;font-size:12px}.exam-nav>div>button.active{border-color:#66558e;background:#141d2d}.exam-nav>div>button.answered{background:#282440;color:#f3f4f6}.exam-nav p{font-size:10px;margin:20px 0}.result-hero{text-align:center;padding:45px 20px;background:#1f2937;border:1px solid #374151;border-radius:14px;margin-bottom:30px}.result-hero .eyebrow{justify-content:center}.result-hero h1{font-weight:500;font-size:30px;margin-top:17px}.result-score{font-size:70px;color:#f3f4f6;letter-spacing:-3px;font-weight:400}.result-score>span{font-size:28px;color:#9ca3af;margin-left:12px;letter-spacing:-1px}.result-hero p{font-size:12px;color:#9ca3af}.result-item{margin-bottom:14px;position:relative}.result-item h3{font-size:17px;padding-right:60px}.result-item>p{font-size:12px}.result-item>strong{position:absolute;right:25px;top:28px;font-size:12px;color:#9ca3af}.result-correct,.result-wrong{color:#c4b5fd}.auth-layout{display:grid;grid-template-columns:1fr 1.2fr;max-width:1000px;margin:25px auto;background:#111827;border:1px solid #374151;border-radius:18px;overflow:hidden;min-height:590px}.auth-story{background:#1f2937;padding:50px 40px;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #374151;border-radius:50%;right:-120px;bottom:-130px}.auth-hanzi{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:85px;margin:80px 0 0;white-space:nowrap;color:#f3f4f6;letter-spacing:5px}.auth-hanzi>span{color:#c4b5fd;font-size:60px}.auth-pinyin{font-size:15px;letter-spacing:7px;color:#9ca3af;margin:10px 0 35px}.auth-story h2{font-size:28px;font-weight:400;line-height:1.4}.auth-story>p{font-size:11px;color:#9ca3af}.auth-form{padding:55px 45px}.auth-form h1{font-size:26px;line-height:1.4;margin-top:20px;font-weight:500}.auth-form>p{font-size:12px}.auth-form .ant-form{margin-top:30px}.auth-form .ant-form-item-label label{font-size:12px;color:#9ca3af}.auth-form .ant-alert{margin-top:20px}.auth-form .ant-btn-primary{font-size:13px;margin-top:8px}.forgot-link{font-size:10px;color:#9ca3af;display:block;text-align:right;margin:-5px 0 20px}.auth-switch{margin-top:22px;text-align:center}.auth-switch>a{color:#f3f4f6;margin-left:5px}.auth-footnote{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ca3af;justify-content:center;margin-top:40px}.login-auth-layout{max-width:1060px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:660px;background:#111827}.login-auth-layout .auth-story{background:linear-gradient(145deg,#1f2937,#1f2937)}.login-auth-panel{display:grid;place-items:center;padding:35px 42px}@media(max-width:1000px){.login-auth-layout{grid-template-columns:1fr}.login-auth-layout .auth-story{display:none}.login-auth-panel{padding:38px 25px}}@media(max-width:520px){.login-auth-layout{min-height:0;margin:0;border-radius:12px}.login-auth-panel{padding:18px 12px}}.filter-chips{display:flex;gap:10px;margin-bottom:25px}.filter-chips>button{background:#111827;border:1px solid #374151;padding:8px 18px;border-radius:20px;font-size:11px;color:#9ca3af}.filter-chips>button.selected{background:#1f2937;border-color:#374151;color:#f3f4f6}.review-wrap>.small-content{border-bottom-left-radius:0;border-bottom-right-radius:0}.review-footer{border:1px solid #374151;border-top:0;border-radius:0 0 11px 11px;background:#111827;padding:15px}.review-footer small{font-size:9px;color:#9ca3af}.review-footer>div{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}.recording-row{display:flex;gap:20px;align-items:center;padding:17px 22px;background:#111827;border:1px solid #374151;border-radius:10px;margin-bottom:12px;font-size:12px;color:#9ca3af}.recording-row audio{height:35px;flex:1}.admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.admin-stats>.white-panel{padding:22px;display:grid;grid-template-columns:1fr auto;gap:14px}.admin-stats svg{color:#9ca3af;grid-column:2;grid-row:1/3;align-self:center}.admin-stats span{font-size:11px;color:#9ca3af}.admin-stats strong{font-size:29px;font-weight:500;grid-column:1;line-height:1}.admin-table{padding:22px}.admin-filters{display:flex;gap:16px;margin-bottom:20px}.admin-filters>.ant-input-search{max-width:420px}.admin-filters>.ant-select{min-width:160px}.admin-content-name strong{font-weight:500;font-size:13px;display:block}.admin-content-name small{display:block;font-size:10px;color:#9ca3af;margin-top:3px}.admin-table .ant-table{font-size:12px}.admin-table .ant-table-thead>tr>th{font-size:11px;color:#9ca3af;background:#111827}.admin-table .ant-table-cell{padding:14px 10px}.upload-banner{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:25px;display:flex;align-items:center;gap:22px;margin-bottom:24px;color:#9ca3af}.upload-banner>div{flex:1}.upload-banner h3{font-size:17px;margin:0 0 7px;color:#f3f4f6}.upload-banner p{font-size:11px;margin:0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.media-card{padding:20px;min-width:0}.media-preview{height:155px;background:#141d2d;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:16px;overflow:hidden}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:contain}.media-preview audio{max-width:95%}.media-card>strong{font-size:12px;word-break:break-all;font-weight:500}.media-card>p{font-size:10px;margin:6px 0 0;color:#9ca3af}.content-editor{padding-top:15px}.content-editor>.ant-alert{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.content-editor .ant-form-item{margin-bottom:20px}.content-editor .ant-form-item-label label{font-size:12px;color:#9ca3af}.content-editor .ant-input-number{width:100%}.editor-unit{padding:17px;background:#111827;border:1px solid #374151;border-radius:9px;margin:15px 0}.editor-unit>strong{font-size:12px;color:#9ca3af;display:block;margin-bottom:15px}.editor-upload{padding:22px 0;display:flex;gap:15px;align-items:center}.editor-upload>span{font-size:10px;color:#9ca3af}.option-editor{display:flex;gap:12px;align-items:center;margin-top:10px}.option-editor>.ant-form-item{margin-bottom:0}.option-editor>.ant-form-item:first-child{width:75px;flex-shrink:0}.option-editor>.ant-form-item:nth-child(2){flex:1}.option-editor:last-of-type{margin-bottom:13px}.editor-footer{display:flex;align-items:flex-end;gap:12px;justify-content:flex-end;margin-top:23px;padding-top:18px;border-top:1px solid #374151}.editor-footer .ant-form-item{margin:0 auto 0 0}.ant-modal .ant-modal-title{font-weight:500}.ant-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}.ant-pagination{margin-top:25px}.ant-select-dropdown{font-size:12px}.ant-form-item-explain-error{font-size:11px}.ant-alert{font-size:12px}.ant-alert-message{font-size:13px!important}@media(min-width:1500px){.page{padding-top:43px}.hero{min-height:350px}.hero-copy{padding-left:40px}.hero h2{font-size:40px}.hero p{font-size:12px;max-width:340px}.hero-label,.hero-bottom{font-size:9px}.han-card{width:170px;height:215px}.han-card.front b{font-size:64px}.han-card.front small{margin-top:40px}.daily-card{padding:27px}.home-top-grid{grid-template-columns:minmax(0,1fr) 270px}.daily-pinyin{margin-top:30px}.daily-card h2{font-size:48px}.course-art{height:175px;padding-top:45px}.art-word{font-size:50px}.course-body{padding:22px}.course-body h3{font-size:18px}.course-body>p{font-size:12px;min-height:42px}.course-meta{font-size:10px}.stat-item>div>span{font-size:11px}.stat-item small{font-size:10px}.stat-item strong{font-size:25px}}@media(max-width:1200px){.sidebar{width:215px}.main-shell{margin-left:215px}.brand{padding:28px 19px}.page{padding:30px 28px}.topbar{padding:0 28px}.home-heading h1{font-size:25px}.date-note{display:none}.hero-art{left:51%}.hero h2{font-size:27px}.hero-label{font-size:7px}.hero-copy{padding-left:23px;width:60%}.hero p{font-size:10px;max-width:210px}.hero-bottom{font-size:7px}.hero-bottom .avatars{display:none}.han-card{width:115px;height:155px}.han-card.front b{font-size:42px}.han-card.front small{font-size:10px;margin-top:25px}.han-card.front>span{font-size:6px}.art-sun{width:80px;height:80px;right:10px}.art-spark{right:7px;font-size:28px}.floating-caption{font-size:7px;padding:7px 10px;left:0;bottom:53px}.home-top-grid{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.daily-card{padding:23px 18px}.card-top-label{font-size:7px;letter-spacing:.5px}.stats-strip{padding:18px 0}.stat-item{padding:0 15px;gap:9px}.stat-icon{width:28px;height:28px}.stat-item small{font-size:7px}.stat-item>div>span{font-size:8px}.course-grid{gap:15px}.course-body{padding:16px}.course-body h3{font-size:14px}.discovery-banner>a{font-size:9px}.discovery-banner p{font-size:9px}.search-trigger span,.search-trigger kbd,.local-badge{display:none}.course-summary{flex-wrap:wrap}.course-summary>.learning-actions{margin-left:0}.practice-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.practice-tip{padding:20px}.practice-aside>.white-panel{padding:20px}.video-workspace{grid-template-columns:1fr}.subtitle-panel{max-height:350px}.recorder>div{flex-wrap:wrap}.recorder>div>span{width:100%;margin-left:28px}.footer{padding-left:28px;padding-right:28px}.content-grid{gap:15px}}@media(max-width:960px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{padding-left:16px;gap:7px}.brand b{font-size:21px}.brand small{font-size:7px}.brand-mark{width:34px;height:37px;line-height:35px;font-size:23px}.sidebar-scroll{padding:0 10px}.nav-group a{font-size:10px;gap:10px;padding:0 10px}.nav-label{font-size:8px;margin-left:10px}.grow-note{font-size:8px;padding:11px 8px}.sidebar-bottom{padding:10px 13px}.page{padding:28px 24px}.topbar{padding:0 24px;height:67px}.home-heading h1{font-size:23px}.home-top-grid{grid-template-columns:1fr}.hero{min-height:300px}.hero-copy{padding:28px;width:58%}.hero h2{font-size:34px}.hero p{font-size:11px;max-width:300px}.hero-label,.hero-bottom{font-size:8px}.hero-art{left:55%;right:15px}.han-card{width:145px;height:185px}.han-card.front b{font-size:55px}.han-card.front small{margin-top:30px}.han-card.front>span{font-size:8px}.daily-card{display:none}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}.stat-item:nth-child(2){border-right:0}.stat-item>div>span{font-size:10px}.stat-item small{font-size:8px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid>.course-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.course-grid>.course-card:nth-child(3) .course-art{height:100%;min-height:200px;padding-top:65px}.course-meta{gap:10px}.discovery-banner{padding:20px;gap:13px;flex-wrap:wrap}.discovery-banner>a{margin-left:60px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .ant-input-search{max-width:100%}.catalog-toolbar>.ant-select{flex:1;min-width:120px}.result-count{font-size:9px}.word-lesson{grid-template-columns:1fr}.character-panel{min-height:320px}.hanzi-display strong{font-size:65px}.practice-layout{grid-template-columns:1fr}.practice-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.practice-tip{margin-top:0}.test-grid,.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-form{padding:35px;max-width:530px;width:100%;margin:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats .white-panel{padding:17px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:28px}.media-grid{grid-template-columns:1fr}.upload-banner{flex-wrap:wrap}.footer{font-size:7px;flex-wrap:wrap}.recording-row{flex-wrap:wrap}.recording-row audio{width:100%}.writing-panel{flex-direction:column}.course-summary>.ant-progress{max-width:none;flex:1}.exam-nav>div{margin-bottom:20px}}@media(max-width:700px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:62px;padding:0 18px;gap:8px;position:sticky;top:0;z-index:20;background:#111827ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu.ant-btn{display:inline-flex;margin-left:-5px}.breadcrumb{font-size:10px;gap:8px;margin-right:auto}.breadcrumb>strong{max-width:125px;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:5px}.top-divider{display:none}.search-trigger{padding:6px}.language-switch.ant-btn{font-size:10px}.page{padding:27px 20px}.eyebrow{font-size:8px;letter-spacing:1.1px}.home-heading h1{font-size:26px;line-height:1.4}.heading-dot{font-size:17px;margin-left:7px}.page-heading p{font-size:11px;line-height:1.8}.hero{min-height:320px}.hero-copy{width:64%;padding:24px}.hero-label{font-size:6px;letter-spacing:.6px}.hero h2{font-size:27px;line-height:1.35}.hero p{font-size:10px;max-width:210px;margin-bottom:20px}.hero .ant-btn{font-size:10px;padding:0 13px;height:37px}.hero-bottom{font-size:7px;white-space:normal;max-width:150px;line-height:1.7}.hero-art{left:59%;right:-20px}.han-card{width:110px;height:150px}.han-card.front{margin-left:0;transform:rotate(10deg)}.han-card.back{margin-left:-15px;transform:rotate(-12deg)}.han-card.front b{font-size:38px}.han-card.front small{font-size:9px;margin-top:23px}.han-card.front>span{font-size:6px}.han-card.front i{font-size:6px}.art-sun{right:24px;top:48px;width:70px;height:70px}.art-spark{right:30px;top:213px;font-size:23px}.floating-caption{left:-20px;bottom:45px;font-size:6px;padding:7px;gap:4px}.floating-caption svg{width:12px}.stats-strip{margin-top:18px;padding:20px 0;border-radius:10px}.stat-item{padding:0 14px;gap:10px}.stat-item strong{font-size:22px}.stat-item small{font-size:7px}.stat-item>div>span{font-size:8px}.stat-icon{width:30px;height:30px}.section-title{margin-top:28px}.section-title h2{font-size:20px;line-height:1.4}.section-title>a{font-size:9px;gap:5px}.section-title .eyebrow{font-size:7px}.course-grid{grid-template-columns:1fr;gap:17px}.course-art{height:155px;padding-top:40px}.art-word{font-size:45px}.course-grid>.course-card:nth-child(3){display:block;grid-column:auto}.course-grid>.course-card:nth-child(3) .course-art{height:155px;min-height:0;padding-top:40px}.course-body{padding:20px}.course-body h3{font-size:19px;margin:14px 0 9px}.course-body>p{font-size:11px;min-height:0;line-height:1.8}.course-meta{font-size:10px}.level-tag,.demo-tag{font-size:9px}.course-bottom{font-size:10px}.discovery-banner{padding:20px 17px}.discovery-symbol{width:39px;height:39px}.discovery-banner>div:nth-child(2){flex:1}.discovery-banner h3{font-size:15px;line-height:1.6}.discovery-banner p{font-size:10px}.discovery-banner .eyebrow{font-size:6px;line-height:1.8}.discovery-banner>a{margin-left:52px;font-size:10px}.footer{padding:20px;font-size:8px;gap:10px}.footer>span:nth-child(2){display:none}.content-grid{gap:13px}.small-content{padding:17px;min-height:220px}.small-content .tags{flex-wrap:wrap;margin-bottom:20px}.small-content .demo-tag{font-size:7px}.small-content h3{font-size:25px}.small-content.character h3{font-size:55px}.small-content.sentence h3{font-size:19px}.small-content p{font-size:10px}.small-content-foot{font-size:8px}.card-pinyin{font-size:10px}.small-content.textbook h3{font-size:18px}.catalog-toolbar{gap:9px}.catalog-toolbar .result-count{font-size:9px}.page-heading h1{font-size:27px}.detail-heading h1{font-size:26px;line-height:1.5}.detail-heading>div:not(.tags){align-items:flex-start}.detail-kind{white-space:nowrap;margin-top:20px}.character-panel{padding:22px;min-height:320px}.hanzi-display strong{font-size:62px;letter-spacing:5px}.hanzi-display strong.hanzi-long{font-size:34px;letter-spacing:1px}.hanzi-display .sentence-display{font-size:26px!important}.hanzi-display p{font-size:12px}.meaning-panel{padding:25px}.meaning-text{font-size:16px}.character-facts{gap:20px;flex-wrap:wrap}.character-facts b{font-size:13px}.learning-actions{gap:7px}.learning-actions .ant-btn{font-size:10px;padding:0 10px}.recorder{padding:20px;gap:16px}.recorder>div{min-width:100%}.recorder audio{max-width:100%;width:100%}.recorder strong{font-size:12px}.course-summary{padding:22px;gap:20px}.course-summary>div:first-child{min-width:0;width:100%}.course-summary>.ant-progress{max-width:none;width:100%;flex:auto}.course-summary>.learning-actions{margin-top:0}.lesson-list>a{padding:18px;gap:14px}.lesson-list h3{font-size:15px}.lesson-number{width:33px;height:33px;flex-shrink:0}.lesson-status{font-size:0;gap:0}.lesson-status svg{width:16px}.textbook-meta{flex-wrap:wrap;gap:15px;font-size:11px}.player-toolbar{gap:6px;padding:12px}.player-toolbar>span{font-size:9px}.subtitle-toolbar h3{font-size:13px}.question-panel{padding:23px 20px}.question-panel h2{font-size:21px}.question-type{font-size:8px}.question-top{font-size:9px}.answer-options .ant-radio-wrapper,.answer-options .ant-checkbox-wrapper{padding:12px}.answer-options .ant-radio+span,.answer-options .ant-checkbox+span{font-size:13px}.practice-aside{grid-template-columns:1fr}.practice-aside>.practice-tip{display:none}.question-bottom{gap:12px}.question-bottom .ant-btn{font-size:11px}.test-card{padding:25px}.test-card h2{font-size:22px}.test-meta{gap:13px;font-size:10px}.auth-layout{margin:0;min-height:0;border-radius:12px}.auth-form{padding:32px 23px}.auth-form h1{font-size:25px}.admin-heading{flex-wrap:wrap}.admin-stats{gap:12px}.admin-stats>.white-panel{padding:16px;gap:10px}.admin-stats span{font-size:10px}.admin-stats strong{font-size:25px}.admin-filters{flex-wrap:wrap;gap:12px}.admin-filters>.ant-select{width:100%}.admin-table{padding:13px}.admin-content-name strong{font-size:12px}.admin-content-name small{font-size:9px}.upload-banner{padding:22px}.upload-banner>div{flex:auto;width:100%}.form-grid{grid-template-columns:1fr;gap:0}.editor-upload{flex-wrap:wrap;gap:10px}.editor-footer{gap:8px}.editor-footer .ant-select{width:120px!important}.editor-footer .ant-btn{font-size:11px}.editor-footer>.ant-form-item{max-width:130px}.ant-modal{max-width:calc(100vw - 24px)!important;margin:0 auto}.ant-modal .ant-modal-content{padding:22px 18px}.exam-clock{font-size:20px;padding:10px 13px}.exam-clock>svg{width:17px}.result-hero{padding:30px 15px}.result-hero h1{font-size:24px;line-height:1.5}.result-score{font-size:60px}.result-item{padding:22px}.filter-chips{gap:7px}.filter-chips>button{font-size:10px;padding:8px 12px}.review-footer{padding:13px}.review-footer .ant-btn{font-size:10px}.writing-canvas{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}.video-surface{position:relative;background:#1c2536;aspect-ratio:16/9}.video-surface>video{height:100%}.blind-video{visibility:hidden}.blind-overlay{position:absolute;inset:0;background:#1c2536;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#9ca3af}.blind-overlay strong{font-size:15px;font-weight:400}.blind-overlay .ant-btn{background:#11182712;color:#9ca3af;border-color:#66558e}@media(max-width:700px){.heading-dot{display:none}}.home-action-section{margin:42px 0 48px}.daily-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:0;margin:26px 0 38px;border:1px solid #374151;background:#111827;border-radius:16px;overflow:hidden}.daily-progress-goal,.daily-progress-week{padding:26px 30px}.daily-progress-goal{border-right:1px solid #374151}.daily-progress .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#9ca3af}.daily-progress-headline{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 14px}.daily-progress-headline strong{font-size:32px;letter-spacing:-1px;line-height:1}.daily-progress-headline small{font-size:13px;font-weight:500;color:#9ca3af;letter-spacing:0}.daily-progress-headline>span{color:#f3f4f6;font-weight:700}.daily-progress-track{height:9px;background:#141d2d;border-radius:99px;overflow:hidden}.daily-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#342b53,#1c2536);border-radius:inherit;transition:width .3s}.daily-progress-goal p{margin:11px 0 0;font-size:11px}.daily-progress-week>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}.daily-progress-week strong{display:inline-flex;align-items:center;gap:6px;color:#c4b5fd;font-size:14px}.daily-progress-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:19px;text-align:center}.daily-progress-days>div{display:flex;flex-direction:column;align-items:center;gap:7px}.daily-progress-days span{width:32px;height:32px;border:1px solid #374151;border-radius:50%;display:grid;place-items:center;color:#9ca3af;background:#111827;font-size:20px;line-height:1}.daily-progress-days span.active{background:#1c2536;border-color:#66558e;color:#f3f4f6}.daily-progress-days small{color:#9ca3af;font-size:10px}.home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-action-card{position:relative;min-height:184px;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;border:1px solid #374151;border-radius:15px;background:#111827;transition:transform .2s,box-shadow .2s,border-color .2s}.home-action-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000012;border-color:#374151}.home-action-primary{background:#1f2937;border-color:#374151}.home-action-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#141d2d;color:#f3f4f6;margin-bottom:18px}.home-action-primary .home-action-icon{background:#111827}.home-action-kicker{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#9ca3af;margin-bottom:7px}.home-action-card strong{font-size:17px;line-height:1.35;color:#f3f4f6;padding-right:20px}.home-action-card small{color:#9ca3af;font-size:11px;margin-top:7px}.home-action-arrow{position:absolute;right:22px;bottom:22px;color:#f3f4f6}.path-heading{margin-bottom:34px}.path-overview{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;border-radius:20px;min-height:265px;background:#1c2536;color:#f3f4f6;box-shadow:0 20px 45px #00000020}.path-overview-main{padding:38px 44px;position:relative;background:radial-gradient(circle at 95% 85%,#1118270c 0 16%,transparent 16.2% 100%)}.path-overview .eyebrow{display:flex;align-items:center;gap:8px;color:#9ca3af}.path-overview h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(24px,3vw,34px);margin:20px 0 10px;letter-spacing:-.8px}.path-overview p{color:#9ca3af;margin-bottom:24px}.path-primary-link{display:inline-flex;align-items:center;gap:18px;background:#342747;color:#f3f4f6;font-weight:700;border-radius:9px;padding:12px 17px;transition:transform .2s,background .2s}.path-primary-link:hover{transform:translateY(-2px);background:#342747}.path-overview-progress{border-left:1px solid #37415120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#11182708}.path-progress-ring{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#342747 var(--progress),#11182725 0);position:relative}.path-progress-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#1c2536}.path-progress-ring span{position:relative;font-size:29px;font-weight:700;letter-spacing:-1px}.path-overview-progress>div:last-child{display:flex;gap:8px;align-items:baseline;color:#9ca3af}.path-overview-progress strong{color:#f3f4f6;font-size:24px}.path-overview-progress>div:last-child span{font-size:11px}.path-stage-nav{margin:27px 0 52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-stage-nav a{display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:center;padding:18px 20px;border:1px solid #374151;border-radius:12px;background:#111827;transition:.2s}.path-stage-nav a:hover{border-color:#374151;transform:translateY(-2px)}.path-stage-nav a>span{grid-row:span 2;color:#c4b5fd;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:27px}.path-stage-nav strong{font-size:13px}.path-stage-nav small{grid-column:2;font-size:10px;color:#9ca3af}.path-stage-nav svg{grid-column:3;grid-row:1 / span 2;color:#9ca3af}.path-stage{scroll-margin-top:24px;margin-bottom:60px}.path-stage-heading{display:flex;align-items:center;gap:20px;margin-bottom:22px}.path-stage-marker{flex:0 0 70px;height:70px;border-radius:50%;border:1px solid #374151;background:#141d2d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#f3f4f6}.path-stage-marker span{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:22px;line-height:1}.path-stage-heading h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:25px;margin:5px 0 3px}.path-stage-heading p{margin:0;font-size:12px}.path-stage-count{margin-left:auto;white-space:nowrap;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af;background:#1f2937;border-radius:100px;padding:8px 11px}.path-course-grid{margin-left:90px}.practice-finish{max-width:760px;margin:10px auto 60px;padding:58px;text-align:center}.practice-filter-heading{margin:18px 0 10px;font-size:13px;color:#f3f4f6}.practice-finish-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 23px;border-radius:50%;background:#1f2937;color:#f3f4f6}.practice-finish h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:28px;margin:14px 0 8px}.practice-finish-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px}.practice-finish-actions a{display:inline-flex;align-items:center;gap:8px;color:#f3f4f6;font-weight:600}.course-summary{flex-wrap:wrap}.course-summary>.learning-actions{width:100%;margin-left:0;padding-top:15px;border-top:1px solid #374151}.course-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;padding:11px 15px;border-radius:8px;background:#1c2536;color:#f3f4f6;font-size:12px;font-weight:600;white-space:nowrap}.course-continue:hover{background:#1c2536;color:#f3f4f6}.course-journey{margin:34px 0 18px;padding:26px 30px;border:1px solid #374151;border-radius:16px;background:linear-gradient(130deg,#141d2d,#111827)}.course-journey-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.course-journey h2{margin:8px 0 3px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:21px}.course-journey p{margin:0;font-size:11px}.course-journey-top>a{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#f3f4f6;white-space:nowrap}.course-journey-track{height:5px;background:#1f2937;border-radius:99px;overflow:hidden;margin:22px 0}.course-journey-track span{display:block;height:100%;background:#1c2536;border-radius:inherit}.course-journey-links{display:flex;justify-content:space-between;align-items:center;gap:15px}.course-journey-links a{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#f3f4f6;font-weight:600}.course-journey-links a.next{padding:10px 14px;border-radius:8px;background:#1c2536;color:#f3f4f6}.course-journey-links a.next:hover{background:#1c2536}.practice-mistakes{margin:24px auto 0;padding:17px 20px;border-radius:11px;background:#141d2d;text-align:left;max-width:560px}.practice-mistakes strong{color:#c4b5fd;font-size:12px}.practice-mistakes>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.practice-mistakes span{display:inline-block;padding:6px 9px;border-radius:6px;background:#111827;border:1px solid #374151;color:#f3f4f6;font-size:11px}.practice-finish-actions{flex-wrap:wrap;gap:12px}@media(max-width:960px){.daily-progress{grid-template-columns:1fr}.daily-progress-goal{border-right:0;border-bottom:1px solid #374151}.home-action-grid{grid-template-columns:1fr 1fr}.home-action-card:last-child{grid-column:1 / -1;min-height:150px}.path-course-grid{margin-left:0}}@media(max-width:700px){.course-summary{gap:16px}.course-continue{width:100%;margin-left:0}.course-journey{padding:22px 18px}.course-journey-top{flex-direction:column;gap:12px}.course-journey h2{font-size:19px}.course-journey-links a.next{text-align:center}.daily-progress{margin:22px 0 30px}.daily-progress-goal,.daily-progress-week{padding:22px}.home-action-section{margin:32px 0}.home-action-grid,.path-stage-nav{grid-template-columns:1fr}.home-action-card,.home-action-card:last-child{grid-column:auto;min-height:155px}.path-overview{grid-template-columns:1fr}.path-overview-main{padding:30px 24px}.path-overview-progress{border-left:0;border-top:1px solid #37415120;flex-direction:row;padding:22px}.path-progress-ring{width:82px;height:82px}.path-progress-ring:before{inset:8px}.path-progress-ring span{font-size:20px}.path-stage-nav{margin:20px 0 38px}.path-stage-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.path-stage-marker{flex-basis:48px;height:48px}.path-stage-marker span{font-size:16px}.path-stage-marker svg{display:none}.path-stage-heading>div:nth-child(2){flex:1}.path-stage-heading h2{font-size:21px}.path-stage-count{margin-left:60px}.path-course-grid>.course-card:nth-child(3){display:block}.practice-finish{padding:34px 20px}.practice-finish h2{font-size:22px}.practice-finish-actions{flex-direction:column;gap:17px}}.lesson-next-step{margin-top:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#141d2d,#111827)}.lesson-next-step h2{margin:8px 0}.lesson-next-step p{margin:0;color:#9ca3af}.learning-report{margin-top:28px;padding:28px 32px}.learning-report h2{margin:8px 0}.learning-report p{color:#9ca3af}.learning-report-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.learning-report-list a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:18px;border:1px solid #374151;border-radius:14px;color:inherit;text-decoration:none}.learning-report-list a:hover{border-color:#374151;background:#111827}.learning-report-list span{color:#9ca3af;font-size:13px}.learning-report-track{grid-column:1 / 3;height:6px;background:#1f2937;border-radius:8px;overflow:hidden}.learning-report-track i{display:block;height:100%;background:#1c2536;border-radius:inherit}@media(max-width:680px){.lesson-next-step{flex-direction:column;align-items:flex-start;padding:24px}}.today-plan{margin-top:28px;padding:28px 32px}.today-plan-heading h2{margin:8px 0 18px}.today-plan-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.today-plan-items a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #374151;border-radius:14px;text-decoration:none;color:inherit}.today-plan-items a:hover{border-color:#374151;background:#111827}.today-plan-items a>span:nth-child(2){flex:1;min-width:0}.today-plan-items strong,.today-plan-items small{display:block}.today-plan-items small{margin-top:3px;color:#9ca3af}.today-plan-check{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#141d2d;color:#f3f4f6}.today-plan-items a.done .today-plan-check{background:#1f2937}@media(max-width:820px){.today-plan-items{grid-template-columns:1fr}}.textbook-overview{display:grid;gap:15px;padding:28px 32px;margin-bottom:34px;background:linear-gradient(120deg,#111827,#111827)}.textbook-overview h2{margin:9px 0 5px}.textbook-overview p{margin:0;color:#9ca3af}.textbook-overview .ant-progress{max-width:560px}.textbook-overview a{width:fit-content}.textbook-unit{margin:34px 0 42px}.textbook-unit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.textbook-unit-heading h2{margin:7px 0 5px}.textbook-unit-heading p{margin:0;color:#9ca3af}.textbook-unit-percent{font-size:24px;font-weight:700;color:#f3f4f6}.textbook-unit-track{height:7px;margin:17px 0 22px;border-radius:8px;background:#1f2937;overflow:hidden}.textbook-unit-track i{display:block;height:100%;border-radius:inherit;background:#1c2536}@media(max-width:680px){.textbook-overview{padding:22px}.textbook-unit{margin:28px 0 34px}}.textbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.textbook-card{display:grid;grid-template-columns:34% 1fr;min-height:250px;overflow:hidden;border:1px solid #374151;border-radius:13px;background:#111827;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.textbook-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2346301a}.textbook-cover{display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(145deg,#282440,#1f2937 64%,#1f2937);border-right:1px solid #374151}.textbook-cover>span{font-size:11px;color:#f3f4f6}.textbook-cover strong{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(32px,4vw,54px);color:#f3f4f6;letter-spacing:-.06em}.textbook-cover strong span{color:#c4b5fd}.textbook-cover small{color:#f3f4f6}.textbook-card-body{display:flex;flex-direction:column;padding:24px;min-width:0}.textbook-card-body h3{margin:16px 0 8px;font-size:19px}.textbook-card-body p{color:#9ca3af;line-height:1.55;margin:0 0 20px}.textbook-card-body>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;color:#f3f4f6}.textbook-card-body>div:last-child span{display:inline-flex;align-items:center;gap:5px}@media(max-width:520px){.textbook-grid{grid-template-columns:1fr}.textbook-card{grid-template-columns:32% 1fr;min-height:220px}.textbook-cover,.textbook-card-body{padding:16px}}@media(min-width:701px){.page:has(.guided-video-workspace){padding-top:18px}}.video-detail-heading{margin-bottom:24px}.video-detail-heading h1{font-size:clamp(29px,2.5vw,38px);line-height:1.2}.guided-video-workspace{grid-template-columns:minmax(0,1.48fr) minmax(315px,1fr);gap:16px;align-items:stretch}.guided-video-workspace .video-player,.guided-video-coach,.guided-sentence-section,.guided-dictation-panel{border:1px solid #374151;border-radius:14px;box-shadow:0 5px 22px #1d3e2b09}.guided-video-workspace .video-player{display:flex;flex-direction:column}.guided-video-workspace .video-surface{flex:1;min-height:0}.guided-video-workspace .video-surface>video{object-fit:cover}.guided-video-workspace .video-start-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,32,24,.43))}.guided-video-workspace .video-start-overlay strong{border-radius:20px;padding:7px 15px;font-size:12px;font-weight:600;letter-spacing:.06em}.guided-video-workspace .player-toolbar{min-height:62px;margin-top:auto;padding:10px 16px;border-top:1px solid #374151;background:#111827}.guided-video-workspace .player-toolbar>span{margin-left:8px;color:#f3f4f6;font-size:12px}.guided-video-workspace .player-toolbar>.ant-btn{border-radius:8px;border-color:#374151}.guided-video-coach{max-height:none;min-width:0}.guided-video-coach .subtitle-toolbar{padding:22px 23px 16px;border:0;align-items:flex-start;gap:12px}.guided-video-coach .subtitle-toolbar h3{margin-top:6px;color:#f3f4f6;font-size:20px;font-weight:650}.guided-video-coach .subtitle-toolbar label{white-space:nowrap;margin-top:6px;color:#9ca3af;font-size:11px}.video-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 20px 19px}.video-learning-steps button{min-width:0;min-height:82px;padding:8px 7px;border:1px solid #374151;border-radius:10px;background:#111827;color:#9ca3af;text-align:center;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.video-learning-steps button:hover{transform:translateY(-2px);border-color:#374151}.video-learning-steps button.active{border-color:#374151;background:#141d2d;color:#f3f4f6}.video-learning-steps button>span{display:grid;place-items:center;width:23px;height:23px;margin:0 auto 5px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:700}.video-learning-steps strong,.video-learning-steps small{display:block}.video-learning-steps strong{font-size:12px;line-height:1.35}.video-learning-steps small{margin-top:3px;font-size:9px;opacity:.8}.guided-video-coach .video-current-sentence{margin:0 20px;padding:18px 19px;border-color:#374151;background:#141d2d}.guided-video-coach .video-current-copy{margin:0}.guided-video-coach .video-current-copy strong{font-size:clamp(22px,2vw,27px);font-weight:600}.guided-video-coach .video-current-copy small{margin:8px 0 0;font-size:12px}.guided-video-coach .video-current-copy p{margin-top:8px}.video-learning-tip{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:8px 10px;border:1px solid #374151;border-radius:8px;background:#111827;color:#f3f4f6}.video-learning-tip>svg{flex:0 0 auto;color:#c4b5fd}.video-learning-tip b{display:block;font-size:10px}.video-learning-tip p{margin:3px 0 0!important;font-size:10px!important;line-height:1.5}.guided-video-coach .video-current-actions{flex-wrap:wrap;gap:8px;margin-top:18px}.guided-video-coach .video-current-actions .ant-btn{min-height:34px;border-radius:7px;font-size:11px}.guided-video-coach .video-current-actions .ant-btn-primary{flex:1 1 50%;background:#1c2536}.guided-video-coach .video-current-actions .ant-btn:not(.ant-btn-primary){flex:1 1 30%}.pinyin-page-heading{margin-bottom:21px}.pinyin-page-heading h1{font-size:clamp(30px,3vw,42px)}.pinyin-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);min-height:248px;overflow:hidden;border-radius:18px;background:#1c2536;color:#f3f4f6}.pinyin-hero-copy{padding:33px 38px}.pinyin-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.11em}.pinyin-hero h2{max-width:620px;margin:15px 0 8px;color:#f3f4f6;font-size:clamp(24px,2.5vw,35px);line-height:1.35}.pinyin-hero p{max-width:530px;margin:0 0 18px;color:#9ca3af;font-size:12px}.pinyin-hero a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:7px;background:#1f2937;color:#f3f4f6;font-size:12px;font-weight:700}.pinyin-hero-visual{position:relative;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;justify-items:center;gap:8px;padding:25px 35px 48px;background:radial-gradient(circle at 50% 45%,#1c2536,#1c2536 64%,#1c2536)}.pinyin-hero-visual>span{display:grid;place-items:center;width:90px;height:75px;border:1px solid #37415130;border-radius:11px;background:#11182713;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:31px;color:#f3f4f6}.pinyin-hero-visual>span:nth-child(2),.pinyin-hero-visual>span:nth-child(3){transform:translateY(8px)}.pinyin-hero-visual small{position:absolute;bottom:20px;color:#9ca3af;font-size:9px;letter-spacing:.13em}.pinyin-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:32px 0 14px}.pinyin-section-heading h2{margin:5px 0 0;font-size:22px}.pinyin-section-heading>span{color:#9ca3af;font-size:11px}.pinyin-level-nav{margin:0;gap:13px}.pinyin-level-nav button{position:relative;min-height:150px;gap:5px;padding:20px 22px;border-radius:13px;transition:transform .18s,box-shadow .18s,border-color .18s}.pinyin-level-nav button:hover{transform:translateY(-3px);border-color:#374151;box-shadow:0 10px 25px #00000018}.pinyin-level-nav button.active{border-color:#66558e;background:#141d2d;box-shadow:inset 0 3px #000}.pinyin-stage-number{color:#9ca3af!important;font-size:11px!important;letter-spacing:.14em}.pinyin-level-nav strong{margin-top:4px;color:#f3f4f6;font-size:21px}.pinyin-level-nav span:not(.pinyin-stage-number){max-width:230px;line-height:1.5}.pinyin-level-nav small{margin-top:auto}.pinyin-stage-arrow{position:absolute;top:20px;right:20px;color:#9ca3af}.pinyin-library-heading{margin-top:36px;scroll-margin-top:90px}.pinyin-group-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pinyin-group-tabs button{padding:8px 14px;border:1px solid #374151;border-radius:999px;background:#111827;color:#f3f4f6;font-size:11px}.pinyin-group-tabs button:hover{border-color:#374151}.pinyin-group-tabs button.active{border-color:#66558e;background:#1c2536;color:#f3f4f6}.pinyin-catalog-toolbar{margin-bottom:18px;padding:13px 16px;border:1px solid #374151;border-radius:12px;background:#111827}.pinyin-catalog-toolbar .ant-input-search{max-width:420px}.pinyin-catalog-toolbar .result-count{margin-left:auto}.pinyin-content-grid{gap:14px}.pinyin-sound-card{display:flex;flex-direction:column;min-width:0;min-height:196px;padding:20px 22px 17px;border:1px solid #374151;border-radius:13px;background:#111827;transition:transform .18s,border-color .18s,box-shadow .18s}.pinyin-sound-card:hover{transform:translateY(-3px);border-color:#374151;box-shadow:0 12px 26px #00000014}.pinyin-sound-card-top,.pinyin-sound-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.pinyin-sound-card-top{color:#9ca3af;font-size:10px;letter-spacing:.08em}.pinyin-sound-card-top span:last-child{padding:4px 9px;border-radius:999px;background:#141d2d;color:#f3f4f6;letter-spacing:0}.pinyin-sound-card-main{display:flex;flex-direction:column;justify-content:center;min-height:99px}.pinyin-sound-card-main strong{color:#f3f4f6;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(25px,2.5vw,37px);font-weight:600;line-height:1.28;overflow-wrap:anywhere}.pinyin-sound-card-main>span{margin-top:4px;color:#9ca3af;font-size:12px;letter-spacing:.05em}.pinyin-sound-card-foot{margin-top:auto;padding-top:11px;border-top:1px solid #374151;color:#9ca3af;font-size:11px}.pinyin-sound-card-foot svg{color:#f3f4f6}.pinyin-detail-heading{margin-bottom:18px}.pinyin-detail-heading h1{font-size:clamp(27px,2.6vw,37px)}.pinyin-detail-overline{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.12em}.pinyin-detail-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:stretch}.pinyin-sound-stage,.pinyin-guide-panel{min-width:0;overflow:hidden;border:1px solid #374151;border-radius:16px}.pinyin-sound-stage{display:flex;flex-direction:column;min-height:470px;background:#141d2d}.pinyin-stage-top,.pinyin-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px}.pinyin-stage-top{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.1em}.pinyin-stage-top button,.pinyin-stage-bottom>button{display:flex;align-items:center;gap:7px;padding:5px;border:0;background:transparent;color:#9ca3af;font-size:11px;letter-spacing:0}.pinyin-stage-display{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:15px 22px;text-align:center}.pinyin-target-label{margin-bottom:16px;color:#9ca3af;font-size:9px;font-weight:700;letter-spacing:.2em}.pinyin-stage-roman{color:#9ca3af;font-size:clamp(22px,2.5vw,31px);letter-spacing:.13em}.pinyin-stage-display strong{margin:15px 0 4px;color:#f3f4f6;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(46px,6vw,83px);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.pinyin-stage-display strong.long{font-size:clamp(29px,4vw,55px)}.pinyin-stage-display p{margin:0;font-size:14px}.pinyin-stage-bottom{border-top:1px solid #374151}.pinyin-stage-audio{display:flex;flex-wrap:wrap;gap:8px}.pinyin-stage-audio>span{color:#9ca3af;font-size:11px}.pinyin-stage-audio .ant-btn{min-height:36px;border-radius:8px}.pinyin-guide-panel{display:flex;flex-direction:column;gap:14px;padding:24px;background:#111827}.pinyin-guide-heading h2{margin:7px 0 0;color:#f3f4f6;font-size:22px}.pinyin-guide-text{padding:18px;border-radius:10px;background:#111827}.pinyin-guide-text>span,.pinyin-recording-note>div,.pinyin-guide-note b{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.08em}.pinyin-guide-text p{margin:8px 0 0;color:#f3f4f6;font-size:14px;line-height:1.8}.pinyin-recording-note{display:flex;flex-direction:column;align-items:flex-start;padding:17px 18px;border:1px solid #374151;border-radius:10px;background:#111827}.pinyin-recording-note>div{display:flex;align-items:center;gap:8px}.pinyin-recording-note strong{margin-top:12px;color:#f3f4f6;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:29px;font-weight:500}.pinyin-recording-note>span{color:#9ca3af;font-size:13px}.pinyin-recording-note small{margin-top:10px;color:#9ca3af;font-size:10px}.pinyin-guide-note{padding:0 2px}.pinyin-guide-note strong{display:block;margin-top:7px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:23px}.pinyin-guide-note p{margin:6px 0 0;font-size:12px}.pinyin-tone-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}.pinyin-tone-strip>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:17px 20px;border:1px solid #374151;border-radius:11px;background:#111827}.pinyin-tone-strip span{color:#9ca3af;font-size:10px}.pinyin-tone-strip b{color:#9ca3af;font-size:26px;line-height:1}.pinyin-tone-strip strong{color:#f3f4f6;font-size:21px}.pinyin-tone-strip small{justify-self:end;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:22px}.pinyin-practice-heading{margin:34px 0 15px}.pinyin-practice-heading h2{margin:7px 0 0;font-size:22px}.pinyin-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pinyin-practice-grid>div{min-height:156px;padding:19px;border:1px solid #374151;border-radius:11px;background:#111827}.pinyin-practice-grid>div>span{float:right;color:#9ca3af;font-size:10px}.pinyin-practice-grid svg{color:#f3f4f6}.pinyin-practice-grid h3{margin:13px 0 4px;font-size:16px}.pinyin-practice-grid p{margin:0;font-size:11px}.pinyin-detail .recorder{margin-top:16px}.pinyin-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 35px}.pinyin-detail-actions>.ant-btn,.pinyin-detail-actions>div{min-width:0}.pinyin-detail-actions>a .ant-btn{display:flex;align-items:center;gap:7px}@media(max-width:1000px){.pinyin-detail-workspace{grid-template-columns:1fr}.pinyin-sound-stage{min-height:390px}}@media(max-width:700px){.pinyin-hero{grid-template-columns:1fr}.pinyin-hero-copy{padding:26px}.pinyin-hero h2{font-size:26px}.pinyin-hero-visual{min-height:160px;grid-template-columns:repeat(4,1fr);padding:20px 16px 44px}.pinyin-hero-visual>span{width:63px;height:57px;font-size:22px}.pinyin-hero-visual>span:nth-child(2),.pinyin-hero-visual>span:nth-child(3){transform:none}.pinyin-section-heading>span{display:none}.pinyin-level-nav{grid-template-columns:1fr}.pinyin-level-nav button{min-height:125px}.pinyin-group-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.pinyin-group-tabs button{flex:0 0 auto}.pinyin-catalog-toolbar{flex-wrap:wrap}.pinyin-catalog-toolbar .ant-input-search{max-width:none}.pinyin-content-grid{grid-template-columns:1fr}.pinyin-sound-card{min-height:170px}.pinyin-sound-stage{min-height:350px}.pinyin-stage-top,.pinyin-stage-bottom{padding:15px}.pinyin-stage-audio .ant-btn{font-size:10px}.pinyin-guide-panel{padding:20px}.pinyin-tone-strip{grid-template-columns:repeat(2,1fr)}.pinyin-practice-grid{grid-template-columns:1fr}.pinyin-practice-grid>div{min-height:0}.pinyin-detail-actions{align-items:stretch;flex-direction:column}}.guided-video-coach .subtitle-options{margin-top:auto;padding:15px 22px;border-top:1px solid #374151;color:#9ca3af;font-size:11px}.guided-sentence-section{margin-top:19px;overflow:hidden;background:#111827}.guided-sentence-section .subtitle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.guided-sentence-section .subtitle-list>button{min-width:0;min-height:126px;padding:21px 18px;border-top:0;border-right:1px solid #374151;cursor:pointer}.guided-sentence-section .subtitle-list>button:last-child{border-right:0}.guided-sentence-section .subtitle-list>button.active{box-shadow:inset 0 4px #000}.guided-sentence-section .subtitle-index{min-width:21px;font-size:11px;color:#9ca3af}.guided-sentence-section .subtitle-list strong{color:#f3f4f6;font-size:18px;font-weight:600}.guided-sentence-section .subtitle-list small,.guided-sentence-section .subtitle-list p{font-size:11px}.guided-sentence-section .subtitle-time{margin-top:10px;font-size:9px}.guided-dictation-panel{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(300px,1.3fr) auto;align-items:center;gap:18px;margin-top:19px;padding:22px 24px}.guided-dictation-panel h2{margin:7px 0 11px;color:#f3f4f6;font-size:18px}.guided-dictation-panel>div:first-child p{margin:0;font-size:11px}.guided-dictation-panel .dictation-input{min-height:76px;padding:13px 15px;background:#111827}.guided-dictation-panel .dictation-actions{flex-direction:column;margin:0}.guided-dictation-panel .dictation-actions .ant-btn{justify-content:center;white-space:nowrap}.guided-dictation-panel>.ant-alert{grid-column:1 / -1}.guided-recorder-panel{scroll-margin-top:80px}@media(max-width:1180px){.guided-video-workspace{grid-template-columns:1fr}.guided-video-coach{max-height:none}.guided-dictation-panel{grid-template-columns:1fr auto}.guided-dictation-panel>div:first-child{grid-column:1 / -1}}@media(max-width:700px){.video-detail-heading{margin-bottom:18px}.guided-video-coach .subtitle-toolbar{padding:20px 18px 15px}.video-learning-steps,.guided-video-coach .video-current-sentence{margin-inline:16px}.guided-sentence-section .subtitle-list{grid-template-columns:1fr}.guided-sentence-section .subtitle-list>button{min-height:0;border-right:0;border-bottom:1px solid #374151}.guided-dictation-panel{grid-template-columns:1fr;padding:21px}.guided-dictation-panel>div:first-child,.guided-dictation-panel>.ant-alert{grid-column:auto}.guided-dictation-panel .dictation-actions{flex-direction:row}}@media(max-width:420px){.guided-video-workspace .player-toolbar{gap:6px;padding:10px}.guided-video-workspace .player-toolbar>span{margin-left:2px}.guided-video-coach .subtitle-toolbar{flex-direction:column}.video-learning-steps button{min-height:86px}.video-learning-steps small{display:none}}:root{--hp-ink: #f3f4f6;--hp-muted: #9ca3af;--hp-primary: #a78bfa;--hp-primary-dark: #8b5cf6;--hp-line: #374151;--hp-surface: #111827;--hp-canvas: #0b1020;--hp-coral: #c4b5fd;font-family:DM Sans,Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--hp-ink);background:var(--hp-canvas)}body{background:var(--hp-canvas)}p{color:var(--hp-muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #374151;outline-offset:3px}::selection{background:#282440}.sidebar{background:#111827;border-right:1px solid var(--hp-line)}.brand{height:86px;padding:21px 23px}.brand-mark{width:42px;height:42px;line-height:39px;background:var(--hp-primary);border-radius:13px;font:800 30px/42px DM Sans,sans-serif;letter-spacing:-3px;box-shadow:0 7px 18px #00000031}.brand-mark>span{color:var(--hp-coral);right:7px;bottom:-4px;font-size:24px}.brand b{color:#f3f4f6;font-size:22px;font-weight:800;letter-spacing:-1.2px}.brand b span{color:var(--hp-primary)}.brand small{color:#9ca3af;font-size:9px}.nav-group{margin-bottom:19px}.nav-label{color:#9ca3af;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:11px}.nav-group a,.admin-link{min-height:42px;height:auto;font-size:12px;font-weight:600;border-radius:10px;color:#9ca3af}.nav-group a:hover,.admin-link:hover{background:#111827;color:var(--hp-primary-dark)}.nav-group a.active{background:#141d2d;color:#c4b5fd;font-weight:800}.nav-group a.active:before{background:var(--hp-primary);width:3px;border-radius:3px}.new-dot{background:var(--hp-coral);width:6px;height:6px}.grow-note{background:#111827;border-color:#374151;color:#9ca3af;font-size:11px}.guest-avatar{background:#141d2d;color:var(--hp-primary)}.sidebar-bottom{border-top:1px solid var(--hp-line)}.topbar{background:#111827;border-bottom-color:var(--hp-line);height:72px}.breadcrumb{color:#9ca3af;font-size:12px}.breadcrumb strong{color:var(--hp-ink);font-weight:700}.search-trigger{color:#9ca3af;font-size:12px}.search-trigger:hover,.language-switch.ant-btn:hover{color:var(--hp-primary)}.search-trigger kbd{color:#9ca3af;border-color:var(--hp-line)}.language-switch.ant-btn{color:#f3f4f6;font-size:12px;font-weight:700}.local-badge{color:#f3f4f6;border-color:var(--hp-line);border-radius:8px;font-size:10px}.local-badge i{background:#273349}.page{max-width:1540px;padding-top:40px}.page-heading h1{font-size:clamp(28px,2.4vw,38px);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:var(--hp-ink)}.page-heading p{color:var(--hp-muted);font-size:13px;line-height:1.65}.eyebrow{color:var(--hp-primary);font-size:10px;font-weight:800;letter-spacing:.12em}.tiny-line{height:2px;background:var(--hp-primary)}.heading-dot{color:var(--hp-coral);font-size:38px;line-height:0;margin-left:3px}.date-note{color:#9ca3af;font-size:11px}.date-note svg{color:#c4b5fd}.hero{min-height:352px;border-radius:22px;border-color:#374151;background:radial-gradient(circle at 100% 0%,#282440 0,transparent 42%),linear-gradient(115deg,#141d2d,#111827)}.hero-copy{padding:36px 0 36px 38px;width:55%}.hero-label{color:#c4b5fd;font-size:10px;font-weight:800;letter-spacing:.08em}.hero-label>span{background:var(--hp-coral);width:7px;height:7px}.hero h2{color:#f3f4f6;font-size:clamp(30px,2.6vw,42px);font-weight:800;line-height:1.16;letter-spacing:-.045em}.hero p{color:#9ca3af;font-size:12px;line-height:1.7;max-width:330px}.hero .ant-btn{height:43px;padding:0 20px;font-size:12px;font-weight:700;border-radius:10px}.hero-bottom{color:#9ca3af;font-size:10px}.hero-art{inset:0 10px 0 55%}.hero-lesson-preview{position:relative;display:flex;flex-direction:column;align-items:center;width:min(90%,260px);min-height:276px;padding:20px 25px 18px;border:1px solid #374151;border-radius:20px;background:#111827;box-shadow:0 18px 45px #00000024;transform:rotate(3deg)}.preview-eyebrow{align-self:flex-start;color:#9ca3af;font-size:9px;font-weight:800;letter-spacing:.12em}.preview-icon{display:grid;place-items:center;width:38px;height:38px;margin-top:8px;border-radius:12px;background:#141d2d;color:var(--hp-primary)}.hero-lesson-preview small{margin-top:10px;color:#c4b5fd;font-size:13px;letter-spacing:.13em}.hero-lesson-preview strong{color:#f3f4f6;font-size:49px;line-height:1.2;font-weight:700}.preview-translation{color:#9ca3af;font-size:11px}.preview-wave{display:flex;height:22px;align-items:center;gap:4px;margin-top:13px}.preview-wave i{width:3px;height:8px;border-radius:3px;background:#a78bfa}.preview-wave i:nth-child(3n){height:18px}.preview-wave i:nth-child(4n){height:13px;background:var(--hp-coral)}.preview-progress{width:100%;height:5px;margin-top:12px;border-radius:10px;background:#141d2d;overflow:hidden}.preview-progress span{display:block;width:40%;height:100%;border-radius:inherit;background:var(--hp-primary)}.preview-caption{align-self:flex-end;margin-top:8px;font-size:8px;font-weight:800;color:#9ca3af;letter-spacing:.08em}.daily-card,.course-card,.white-panel,.test-card,.video-card,.question-panel,.practice-tip,.pinyin-sound-card,.path-stage,.textbook-card{border-color:var(--hp-line);border-radius:16px;box-shadow:0 6px 22px #00000008}.daily-card{background:#111827}.daily-card h2{font-weight:700}.card-top-label{color:var(--hp-primary);font-size:9px;font-weight:800}.course-card:hover,.video-card:hover,.pinyin-sound-card:hover,.textbook-card:hover{border-color:#374151;box-shadow:0 14px 30px #0000001c}.course-art,.course-art.peach,.course-art.blue{background:#141d2d}.art-word{color:#c4b5fd;font-weight:700;letter-spacing:.02em;padding-left:0}.peach .art-word,.blue .art-word{color:#c4b5fd}.art-orbit{width:170px;height:170px;right:-90px;top:40px;border-width:2px;border-color:#374151}.art-orbit:before{border-color:#374151}.art-seal{border:0;border-radius:7px;padding:5px 7px;background:#11182799;font-size:10px;font-weight:800}.course-body h3,.section-title h2{font-weight:800;color:var(--hp-ink)}.course-body>p,.course-meta,.course-bottom{color:var(--hp-muted)}.auth-layout{border-radius:22px;border-color:var(--hp-line);box-shadow:0 20px 50px #00000020}.auth-story,.login-auth-layout .auth-story{background:radial-gradient(circle at 95% 85%,#a78bfa,transparent 35%),linear-gradient(155deg,#1c2536,#a78bfa);color:#f3f4f6}.auth-story:after{border-color:#37415144}.auth-story .eyebrow,.auth-hanzi,.auth-pinyin,.auth-story h2,.auth-story>p{color:#f3f4f6}.auth-story .eyebrow{opacity:.75}.auth-hanzi{font-weight:800;letter-spacing:-.07em}.auth-hanzi>span{color:#c4b5fd}.auth-pinyin{opacity:.75;letter-spacing:.2em}.auth-story h2{font-weight:800;font-size:30px}.auth-story>p{opacity:.76;font-size:12px}.auth-form h1{font-weight:800}.login-auth-layout{background:#111827}.login-auth-panel>div .form-container{border-color:#374151;border-radius:20px;box-shadow:0 16px 40px #0000001c}.login-auth-panel>div .form-btn{background:var(--hp-primary);border-radius:11px;box-shadow:0 9px 20px #00000034}.login-auth-panel>div .form-btn:hover:not(:disabled){background:var(--hp-primary-dark)}.login-auth-panel>div .input{border-radius:10px;background:#111827}.login-auth-panel>div .input:focus{border-color:var(--hp-primary);box-shadow:0 0 0 3px #000}.login-auth-panel>div .sign-up-link,.login-auth-panel>div .page-link-label{color:var(--hp-primary-dark)}.ant-btn-primary{font-weight:700;box-shadow:none}.ant-btn-default{border-color:#374151;color:#f3f4f6}.ant-btn-default:hover,.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-color:#374151}.footer{color:#9ca3af}@media(max-width:700px){.page{padding:22px 17px 30px}.page-heading h1{font-size:29px}.hero{min-height:0;padding-bottom:15px;flex-direction:column;align-items:stretch}.hero-copy{padding:27px;width:100%}.hero h2{font-size:31px}.hero p{max-width:100%}.hero-art{position:relative;inset:auto;width:100%;padding:0 20px 15px}.hero-lesson-preview{min-height:220px;width:100%;transform:none;padding:15px 20px}.hero-lesson-preview strong{font-size:36px}.preview-icon{margin-top:3px}}:root{color-scheme:dark}.hero,.auth-story,.login-auth-layout .auth-story{background:linear-gradient(135deg,#172033,#211d35)}.auth-story,.login-auth-layout .auth-story{background:linear-gradient(145deg,#28283e,#63518d 68%,#a78bfa)}.path-primary-link,.path-primary-link:hover{background:var(--hp-primary);color:#111827}.path-progress-ring{background:conic-gradient(var(--hp-primary) var(--progress),#374151 0)}.path-overview-progress{background:#1a2435;border-left-color:var(--hp-line)}.path-overview,.pinyin-catalog-hero,.video-catalog-hero{border:1px solid var(--hp-line)}.daily-progress-track span{background:var(--hp-primary)}.brand-mark{box-shadow:0 8px 20px #0004}.nav-group a.active{color:#ddd6fe}.nav-group a.active:before{background:var(--hp-primary)}.hero .ant-btn-primary,.ant-btn-primary,.ant-btn-primary:hover{color:#111827}.ant-btn-primary:disabled{color:#6b7280}.ant-btn-default:hover{border-color:var(--hp-primary);color:#ddd6fe}.ant-input::placeholder,.ant-input-affix-wrapper input::placeholder,input::placeholder,textarea::placeholder{color:#808899}.ant-table-wrapper .ant-table,.ant-modal .ant-modal-content,.ant-drawer .ant-drawer-content{background:#111827;color:#f3f4f6}.ant-table-wrapper .ant-table-thead>tr>th{background:#1f2937;color:#d1d5db}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom-color:#374151}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#1f2937}.answer-feedback.incorrect{color:#fda4af}.answer-feedback.correct{color:#86efac}.pinyin-mouth-guide{margin-top:18px;padding:16px;border:1px solid #374151;border-radius:16px;background:#1b2638}.pinyin-mouth-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.pinyin-mouth-head>div{display:grid;gap:5px}.pinyin-mouth-head strong{font-size:17px;color:#fff}.pinyin-mouth-head button{padding:6px 12px;border:1px solid #53617a;border-radius:9px;background:transparent;color:#e5e7eb;cursor:pointer}.pinyin-mouth-guide video{display:block;width:100%;max-height:230px;object-fit:cover;object-position:center 48%;border-radius:11px}.pinyin-mouth-guide p{margin:11px 0 4px;color:#f3f4f6;font-weight:700}.pinyin-mouth-guide small{display:block;color:#b9c3d2;line-height:1.5}@media(max-width:700px){.login-auth-layout .auth-story{background:#1f2937}}html[data-theme=light]{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#202744;background:#f3f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px}html[data-theme=light] *{box-sizing:border-box}html[data-theme=light] body{margin:0}html[data-theme=light] a{color:inherit;text-decoration:none}html[data-theme=light] button,html[data-theme=light] input,html[data-theme=light] textarea{font:inherit}html[data-theme=light] button{cursor:pointer}html[data-theme=light] button:disabled{cursor:default}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] p{margin-top:0}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{font-weight:600;letter-spacing:-.6px}html[data-theme=light] p{line-height:1.7;color:#7a857c}html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible{outline:3px solid #c58367;outline-offset:3px}html[data-theme=light] ::selection{background:#d9dfec}html[data-theme=light] .app-shell{display:flex;min-height:100vh}html[data-theme=light] .sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;display:flex;flex-direction:column;border-right:1px solid #dfe3ed;z-index:30}html[data-theme=light] .brand{height:102px;flex-shrink:0;padding:29px 25px;display:flex;align-items:center;gap:10px}html[data-theme=light] .brand-mark{background:#1d2b62;color:#fff;font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:25px;line-height:39px;width:40px;height:42px;border-radius:11px;text-align:center;position:relative}html[data-theme=light] .brand-mark>span{position:absolute;color:#d99477;font-size:16px;bottom:-4px;right:-1px}html[data-theme=light] .brand b{font-size:24px;letter-spacing:-1px}html[data-theme=light] .brand b span{font-size:9px;vertical-align:super;letter-spacing:0;margin-left:2px}html[data-theme=light] .brand small{font-size:8.5px;display:block;letter-spacing:.3px;color:#949e96;margin-top:3px}html[data-theme=light] .sidebar-scroll{padding:2px 16px;flex:1;overflow:auto}html[data-theme=light] .nav-group{margin-bottom:25px}html[data-theme=light] .nav-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#a0a99f;margin:7px 13px 10px}html[data-theme=light] .nav-group a,html[data-theme=light] .admin-link{height:40px;display:flex;align-items:center;gap:12px;padding:0 13px;margin-bottom:4px;color:#788176;font-size:12px;border-radius:7px;transition:.16s}html[data-theme=light] .nav-group a:hover,html[data-theme=light] .admin-link:hover{background:#eff1f7;color:#1d2b62}html[data-theme=light] .nav-group a.active{background:#e5e9f3;color:#202c5c;font-weight:600}html[data-theme=light] .nav-group a.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:#293566;border-radius:0 3px 3px 0}html[data-theme=light] .new-dot{width:5px;height:5px;background:#c57e5f;border-radius:50%;margin-left:auto}html[data-theme=light] .admin-link{margin:0 0 16px;border:1px dashed #d6dcea}html[data-theme=light] .sidebar-bottom{padding:15px 18px;flex-shrink:0}html[data-theme=light] .grow-note{background:#eef1f8;border:1px solid #dee3f0;border-radius:9px;padding:14px 11px;display:flex;gap:8px;align-items:center;font-size:10px;color:#596596;margin-bottom:18px}html[data-theme=light] .profile,html[data-theme=light] .sidebar-login{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;padding:5px 3px}html[data-theme=light] .profile>span:nth-child(2),html[data-theme=light] .sidebar-login>span:nth-child(2){flex:1}html[data-theme=light] .profile strong,html[data-theme=light] .sidebar-login strong{font-size:12px;display:block;font-weight:500}html[data-theme=light] .profile small,html[data-theme=light] .sidebar-login small{display:block;font-size:9px;color:#929b91;margin-top:3px}html[data-theme=light] .guest-avatar{width:35px;height:35px;background:#e2e7f2;border-radius:50%;display:grid;place-items:center;color:#424e7f;font-size:22px}html[data-theme=light] .main-shell{margin-left:240px;flex:1;min-width:0;display:flex;flex-direction:column}html[data-theme=light] .topbar{height:76px;border-bottom:1px solid #dee2ec;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fafafc;gap:15px}html[data-theme=light] .breadcrumb{font-size:11px;color:#a0a79f;display:flex;gap:14px;align-items:center;white-space:nowrap}html[data-theme=light] .breadcrumb>span{color:#ccd2df}html[data-theme=light] .breadcrumb strong{font-weight:500;color:#657264}html[data-theme=light] .topbar-right{display:flex;gap:15px;align-items:center}html[data-theme=light] .search-trigger{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#9aa296;font-size:10px}html[data-theme=light] .search-trigger kbd{border:1px solid #d7dce9;border-radius:4px;width:19px;font-size:12px;margin-left:18px;line-height:18px;background:#fff}html[data-theme=light] .top-divider{height:20px;width:1px;background:#dce0eb}html[data-theme=light] .language-switch.ant-btn{font-size:11px;height:30px;color:#555f86;padding:3px 5px}html[data-theme=light] .local-badge{font-size:9px;border:1px solid #d5dbea;border-radius:5px;padding:6px 8px;display:flex;align-items:center;gap:5px;color:#64709d}html[data-theme=light] .local-badge i{width:5px;height:5px;border-radius:50%;background:#6d7cb7}html[data-theme=light] .mobile-menu.ant-btn{display:none}html[data-theme=light] .page{padding:36px 40px 28px;max-width:1550px;width:100%;margin:0 auto;flex:1}html[data-theme=light] .page-heading{margin-bottom:30px}html[data-theme=light] .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#6e79a4;text-transform:uppercase;display:flex;align-items:center;gap:8px}html[data-theme=light] .tiny-line{width:17px;height:1px;background:#747fac}html[data-theme=light] .page-heading h1{font-size:30px;font-weight:500;line-height:1.35;margin:11px 0 9px;letter-spacing:-1.1px}html[data-theme=light] .page-heading p{font-size:12px;margin:0;color:#8a9387}html[data-theme=light] .home-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}html[data-theme=light] .home-heading h1{font-size:29px}html[data-theme=light] .heading-dot{color:#bc8066;font-size:22px;display:inline-block;vertical-align:middle;margin-left:13px}html[data-theme=light] .date-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f7aa3;white-space:nowrap;margin-top:24px}html[data-theme=light] .date-note svg{color:#b67d65}html[data-theme=light] .home-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:22px}html[data-theme=light] .hero{background:#e3e7f2;border:1px solid #d5dcec;border-radius:14px;position:relative;min-height:325px;overflow:hidden;display:flex;align-items:center}html[data-theme=light] .hero-copy{padding:30px 0 26px 30px;position:relative;width:58%;z-index:2}html[data-theme=light] .hero-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:600;letter-spacing:1.1px;color:#5d699a;white-space:nowrap}html[data-theme=light] .hero-label>span{width:5px;height:5px;background:#6b79af;border-radius:50%}html[data-theme=light] .hero h2{font-size:33px;line-height:1.24;font-weight:500;letter-spacing:-1.1px;margin:17px 0 13px;color:#293154}html[data-theme=light] .hero p{font-size:10px;color:#707ba5;line-height:1.9;max-width:280px;margin-bottom:19px}html[data-theme=light] .hero .ant-btn{font-size:11px;height:39px;padding:0 17px;border-radius:7px}html[data-theme=light] .hero-bottom{display:flex;align-items:center;gap:8px;margin-top:21px;font-size:8px;color:#8089af;white-space:nowrap}html[data-theme=light] .avatars{display:flex;padding-left:4px}html[data-theme=light] .avatars i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dbac98;color:#744b39;border:2px solid #e6eaf4;font-size:8px;margin-left:-4px}html[data-theme=light] .avatars i:nth-child(2){background:#acb8d3;color:#434c73}html[data-theme=light] .avatars i:nth-child(3){background:#ddc4ba;color:#885f4e}html[data-theme=light] .hero-art{position:absolute;inset:0 0 0 53%;display:flex;align-items:center;justify-content:center;pointer-events:none}html[data-theme=light] .art-sun{position:absolute;right:22px;top:31px;width:96px;height:96px;background:#dfc2b5;border-radius:50%;opacity:.65}html[data-theme=light] .hero-dotted{position:absolute;bottom:-90px;right:-60px;width:290px;height:290px;border:1px solid #c7d0e5;border-radius:50%}html[data-theme=light] .hero-dotted:before{content:"";position:absolute;inset:18px;border:1px dashed #bac5de;border-radius:50%}html[data-theme=light] .han-card{position:absolute;width:149px;height:191px;border-radius:9px;background:#fefaf9;border:1px solid #dfe5f2;box-shadow:0 13px 23px #4053300b;display:flex;align-items:center;flex-direction:column}html[data-theme=light] .han-card.back{transform:rotate(-13deg);margin-left:-40px;margin-top:-7px;background:#c7d0e4;border-color:#c1cbe2}html[data-theme=light] .han-card.back>span{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:83px;opacity:.1;line-height:170px}html[data-theme=light] .han-card.front{transform:rotate(9deg);margin-left:22px;margin-top:7px}html[data-theme=light] .han-card.front small{font-size:12px;letter-spacing:3px;color:#7782ae;margin-top:34px}html[data-theme=light] .han-card.front b{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:55px;color:#323c64;font-weight:400;line-height:1.4;margin:4px 0}html[data-theme=light] .han-card.front>span{font-size:8px;color:#b09387;font-style:italic}html[data-theme=light] .han-card.front i{border:1px solid #bc7759;color:#b47154;font-size:8px;font-style:normal;position:absolute;right:11px;bottom:12px;padding:1px 2px}html[data-theme=light] .art-spark{position:absolute;right:25px;top:151px;font-size:35px;color:#8c9cc3;font-weight:300}html[data-theme=light] .floating-caption{position:absolute;bottom:36px;left:9px;background:#fffef9e8;border:1px solid #d5dcec;border-radius:18px;box-shadow:0 4px 10px #61794c08;padding:9px 14px;display:flex;gap:8px;align-items:center;color:#59679f;font-size:9px;transform:rotate(-5deg)}html[data-theme=light] .daily-card{border:1px solid #eaddd8;border-radius:13px;background:#fcf6f3;padding:23px 23px 19px;position:relative;overflow:hidden}html[data-theme=light] .daily-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid #ebded8;right:-70px;top:86px}html[data-theme=light] .card-top-label{font-size:8px;letter-spacing:.8px;font-weight:600;color:#af8776;display:flex;align-items:center;gap:6px;white-space:nowrap}html[data-theme=light] .card-top-label>span{margin-left:auto;color:#c8ada1;font-size:11px}html[data-theme=light] .daily-pinyin{text-align:center;margin-top:25px;font-size:12px;letter-spacing:3px;color:#ac8879}html[data-theme=light] .daily-card h2{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:43px;text-align:center;letter-spacing:8px;margin:5px 0 2px}html[data-theme=light] .daily-meaning{font-size:10px;text-align:center;color:#a37f70;margin-bottom:17px}html[data-theme=light] .daily-rule{height:1px;background:#eadcd6}html[data-theme=light] .daily-example{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:12px;color:#57618a;margin:17px 0 4px}html[data-theme=light] .daily-translation{font-size:9px;color:#b09589;line-height:1.6;display:block}html[data-theme=light] .daily-card>a{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#927264;margin-top:19px}html[data-theme=light] .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dadfeb;background:#fff;border-radius:11px;margin-top:22px;padding:22px 0}html[data-theme=light] .stat-item{display:flex;align-items:flex-start;gap:13px;padding:0 23px;border-right:1px solid #e3e7f1}html[data-theme=light] .stat-item:last-child{border-right:0}html[data-theme=light] .stat-icon{width:35px;height:35px;border-radius:9px;background:#e9edf6;display:grid;place-items:center;color:#6874a3;flex-shrink:0}html[data-theme=light] .stat-1{background:#f7eae5;color:#b6846f}html[data-theme=light] .stat-2{background:#eef2f4;color:#8ba1aa}html[data-theme=light] .stat-3{background:#f5edea;color:#b08775}html[data-theme=light] .stat-item>div>span{font-size:9px;color:#828baf;display:block}html[data-theme=light] .stat-item strong{font-size:23px;font-weight:500;display:block;line-height:1.5;letter-spacing:-.5px}html[data-theme=light] .stat-item small{font-size:8px;color:#9da7c0;display:block}html[data-theme=light] .section-title{display:flex;align-items:center;justify-content:space-between;margin:31px 0 18px;gap:16px}html[data-theme=light] .section-title .eyebrow{font-size:8px}html[data-theme=light] .section-title h2{font-size:20px;font-weight:500;margin:7px 0 0;letter-spacing:-.5px}html[data-theme=light] .section-title>a{display:flex;gap:7px;align-items:center;color:#606c9b;font-size:10px;white-space:nowrap}html[data-theme=light] .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}html[data-theme=light] .course-card{background:#fff;border:1px solid #dce1ec;border-radius:11px;overflow:hidden;transition:.2s;display:block}html[data-theme=light] .course-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #405b3010;border-color:#b4c0db}html[data-theme=light] .course-art{height:155px;position:relative;overflow:hidden;text-align:center;padding-top:40px;background:#e2e7f2}html[data-theme=light] .course-art.peach{background:#f4e7e1}html[data-theme=light] .course-art.blue{background:#e8eef0}html[data-theme=light] .course-ordinal{position:absolute;left:17px;top:14px;font-size:7px;letter-spacing:1.4px;color:#828cb4}html[data-theme=light] .peach .course-ordinal{color:#b7907f}html[data-theme=light] .blue .course-ordinal{color:#94a6a8}html[data-theme=light] .art-word{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:43px;letter-spacing:12px;padding-left:12px;color:#404d82;font-weight:400;position:relative;z-index:1}html[data-theme=light] .peach .art-word{color:#ab7b66}html[data-theme=light] .blue .art-word{color:#6f9296}html[data-theme=light] .art-small{letter-spacing:3px;font-size:9px;color:#717dab;margin-top:3px;position:relative;z-index:1}html[data-theme=light] .peach .art-small{color:#b79283}html[data-theme=light] .blue .art-small{color:#8ea8ab}html[data-theme=light] .art-seal{position:absolute;font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:8px;padding:4px 3px;border:1px solid #8d9cc0;color:#6d7bb0;right:18px;bottom:17px}html[data-theme=light] .art-orbit{width:140px;height:140px;position:absolute;right:-17px;top:42px;border:1px solid #c9d2e7;border-radius:50%}html[data-theme=light] .art-orbit:before{content:"";position:absolute;inset:13px;border:1px solid #cfd6e8;border-radius:50%}html[data-theme=light] .peach .art-orbit,html[data-theme=light] .peach .art-orbit:before{border-color:#ecd6cc}html[data-theme=light] .blue .art-orbit,html[data-theme=light] .blue .art-orbit:before{border-color:#d7e3e6}html[data-theme=light] .course-body{padding:18px 19px 14px}html[data-theme=light] .tags{display:flex;gap:6px;align-items:center}html[data-theme=light] .level-tag,html[data-theme=light] .demo-tag{font-size:8px;padding:3px 6px;background:#e6ebf5;color:#606ea5;border-radius:4px;line-height:1.3;display:inline-block}html[data-theme=light] .elementary{background:#edf1f5;color:#8094a4}html[data-theme=light] .intermediate{background:#f3ebf4;color:#a28ba8}html[data-theme=light] .demo-tag{background:#f8f3f0;color:#b2978c}html[data-theme=light] .course-body h3{font-size:15px;margin:12px 0 7px;font-weight:500;letter-spacing:-.3px}html[data-theme=light] .course-body>p{font-size:10px;line-height:1.7;margin-bottom:15px;min-height:34px;color:#828bad}html[data-theme=light] .course-meta{display:flex;gap:15px;font-size:8px;color:#8c99b6}html[data-theme=light] .course-meta>span{display:flex;gap:5px;align-items:center}html[data-theme=light] .course-bottom{border-top:1px solid #e7ebf3;margin-top:15px;padding-top:13px;display:flex;gap:8px;align-items:center;color:#7e88b0;font-size:8px}html[data-theme=light] .mini-progress{height:3px;background:#e5e9f2;border-radius:3px;flex:1;overflow:hidden}html[data-theme=light] .mini-progress>i{background:#5d6ba6;height:100%;display:block}html[data-theme=light] .course-bottom>svg{margin-left:35px;color:#5c699f}html[data-theme=light] .discovery-banner{display:flex;gap:17px;align-items:center;padding:23px 25px;border:1px solid #d8deeb;border-radius:10px;background:#e9edf5;margin-top:28px}html[data-theme=light] .discovery-symbol{height:48px;width:48px;display:grid;place-items:center;background:#dce2f0;color:#626fa4;border-radius:11px;flex-shrink:0}html[data-theme=light] .discovery-banner .eyebrow{font-size:7px;letter-spacing:1px}html[data-theme=light] .discovery-banner h3{font-size:15px;font-weight:500;margin:6px 0 5px}html[data-theme=light] .discovery-banner p{font-size:10px;margin:0;color:#828bae}html[data-theme=light] .discovery-banner>a{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:10px;color:#525f94;white-space:nowrap}html[data-theme=light] .footer{display:flex;justify-content:space-between;gap:15px;color:#939eb9;font-size:8px;padding:22px 40px;border-top:1px solid #dfe4ef;max-width:1550px;width:100%;margin:0 auto}html[data-theme=light] .footer>span{display:flex;gap:8px;align-items:center}html[data-theme=light] .footer>span>span{color:#b6bfd5}html[data-theme=light] .catalog-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}html[data-theme=light] .catalog-toolbar .ant-input-search{max-width:480px}html[data-theme=light] .catalog-toolbar>.ant-select{min-width:140px}html[data-theme=light] .result-count{margin-left:auto;color:#7d87ae;font-size:11px;white-space:nowrap}html[data-theme=light] .catalog-empty{min-height:290px;padding:48px 24px;border:1px solid #dce1ec;border-radius:13px;background:#fff;text-align:center}html[data-theme=light] .catalog-empty-icon{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#283567;background:#e9edf6}html[data-theme=light] .catalog-empty h2{margin:0 0 9px;font-size:19px}html[data-theme=light] .catalog-empty p{margin:0 0 20px;color:#78877c;font-size:13px}html[data-theme=light] .content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}html[data-theme=light] .catalog-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}html[data-theme=light] .kind-tag{border:1px solid #d7dce9;border-radius:999px;padding:3px 8px;color:#3b456c;background:#f2f4f9;font-size:10px;line-height:1.2}html[data-theme=light] .small-content{display:flex;flex-direction:column;border:1px solid #d9dfec;background:#fff;border-radius:11px;padding:24px;transition:.2s;min-height:235px}html[data-theme=light] .small-content:hover{border-color:#a9b6d6;box-shadow:0 5px 15px #405b3008}html[data-theme=light] .small-content .tags{margin-bottom:22px}html[data-theme=light] .small-content h3{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:31px;margin:4px 0 7px;line-height:1.6;word-break:break-word}html[data-theme=light] .small-content.character h3{font-size:64px;line-height:1.2;margin:5px 0 13px}html[data-theme=light] .small-content.sentence h3{font-size:23px}html[data-theme=light] .small-content p{font-size:12px;color:#7f88ae;margin-bottom:20px}html[data-theme=light] .card-pinyin{font-size:12px;letter-spacing:1px;color:#848eb8}html[data-theme=light] .small-content-foot{margin-top:auto;border-top:1px solid #e8ebf3;display:flex;align-items:center;justify-content:space-between;padding-top:13px;font-size:10px;color:#6e7aa9}html[data-theme=light] .small-content.textbook{background:linear-gradient(135deg,#f3e6e0,#fefaf8);border-color:#e7d2c9}html[data-theme=light] .small-content.textbook h3{font-family:inherit;font-size:22px;line-height:1.5}html[data-theme=light] .video-card{background:#fff;border:1px solid #d9dfec;border-radius:12px;overflow:hidden}html[data-theme=light] .video-poster{height:190px;background:#e0e5f1;position:relative;display:grid;place-items:center;color:#707db0}html[data-theme=light] .video-poster>img{width:100%;height:100%;object-fit:cover}html[data-theme=light] .video-poster>span{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:space-between;font-size:10px}html[data-theme=light] .play-circle{width:32px;height:32px;background:#fff9;border-radius:50%;display:grid;place-items:center;font-size:24px}html[data-theme=light] .loading{padding:80px 20px;text-align:center}html[data-theme=light] .loading p{font-size:12px;margin-top:15px}html[data-theme=light] .empty-state{background:#fff;border:1px solid #dce1ec;border-radius:12px;padding:60px 24px}html[data-theme=light] .empty-state h3{font-size:17px;margin:15px 0 6px}html[data-theme=light] .empty-state p{font-size:12px}html[data-theme=light] .white-panel{background:#fff;border:1px solid #dce1ec;border-radius:12px;padding:28px}html[data-theme=light] .narrow{max-width:550px}html[data-theme=light] .back-link{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:11px;color:#737da7;margin-bottom:25px}html[data-theme=light] .detail-heading{margin-bottom:25px}html[data-theme=light] .detail-heading>div:not(.tags){display:flex;gap:15px;align-items:center}html[data-theme=light] .detail-heading h1{font-size:32px;font-weight:500;margin:12px 0}html[data-theme=light] .detail-kind{border:1px solid #d0d7e9;color:#6a78ae;border-radius:4px;padding:3px 7px;font-size:10px}html[data-theme=light] .detail-heading>p{font-size:13px;margin:0}html[data-theme=light] .word-lesson{display:grid;grid-template-columns:1fr 1.2fr;gap:23px}html[data-theme=light] .character-panel{border:1px solid #d2daeb;border-radius:12px;background:#e6eaf4;display:flex;flex-direction:column;min-height:370px;padding:23px}html[data-theme=light] .lesson-display-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#727eaf;letter-spacing:.8px}html[data-theme=light] .lesson-display-controls button,html[data-theme=light] .display-bottom>button:not(.ant-btn){background:transparent;border:0;font-size:10px;display:flex;gap:6px;align-items:center;color:#717eaf}html[data-theme=light] .hanzi-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}html[data-theme=light] .hanzi-pinyin{font-size:19px;letter-spacing:3px;color:#6472ab;margin-bottom:18px}html[data-theme=light] .pronunciation-example{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:12px 16px;margin:14px 0;background:#edf0f8;border-radius:12px;color:#414c79}html[data-theme=light] .pronunciation-example strong{font-size:22px;color:#293153}html[data-theme=light] .pronunciation-example b{font-weight:500}html[data-theme=light] .pronunciation-example small{width:100%;font-size:11px;color:#6a75a0}html[data-theme=light] .pronunciation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}html[data-theme=light] .pronunciation-controls>span{font-size:12px;color:#747ea7}html[data-theme=light] .pinyin-level-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 26px}html[data-theme=light] .pinyin-level-nav button{text-align:left;border:1px solid #d3daeb;border-radius:14px;background:#fff;padding:17px 19px;color:#313a5c;cursor:pointer;display:flex;flex-direction:column;gap:7px}html[data-theme=light] .pinyin-level-nav button.active{border-color:#5d6dad;background:#e9eef8;box-shadow:0 0 0 2px #ced8ef inset}html[data-theme=light] .pinyin-level-nav strong{font-size:17px}html[data-theme=light] .pinyin-level-nav span{font-size:12px;color:#5d6893}html[data-theme=light] .pinyin-level-nav small{font-size:11px;color:#6e7baf}@media(max-width:680px){html[data-theme=light] .pinyin-level-nav{grid-template-columns:1fr}}html[data-theme=light] .hanzi-display strong{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:74px;letter-spacing:8px;text-align:center;line-height:1.6}html[data-theme=light] .hanzi-display strong.sentence-display{font-size:32px;letter-spacing:2px;line-height:1.8}html[data-theme=light] .hanzi-display strong.hanzi-long{font-size:clamp(32px,4vw,54px);letter-spacing:2px;overflow-wrap:anywhere}html[data-theme=light] .hanzi-display p{font-size:14px;color:#7883b0;margin-top:8px;margin-bottom:0}html[data-theme=light] .display-bottom{display:flex;align-items:center;justify-content:space-between}html[data-theme=light] .audio-button.ant-btn{background:#fff9;color:#4f5e98;border-color:#ced6ea;font-size:11px}html[data-theme=light] .meaning-panel h2{font-size:20px;margin:20px 0 12px}html[data-theme=light] .meaning-text{font-size:17px;color:#3d4872}html[data-theme=light] .character-facts{display:flex;gap:24px;margin:25px 0}html[data-theme=light] .character-facts>div>span{display:block;color:#808ab0;font-size:10px;margin-bottom:8px}html[data-theme=light] .character-facts b{font-weight:500;font-size:15px}html[data-theme=light] .example-box{background:#f2f4f9;border:1px solid #e3e7f2;border-radius:8px;padding:17px;margin-top:25px}html[data-theme=light] .example-box>span{font-size:10px;color:#818bb2}html[data-theme=light] .example-box h3{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-weight:400;font-size:19px;margin:12px 0 7px}html[data-theme=light] .example-box p{font-size:12px;margin-bottom:0;color:#7e88ae}html[data-theme=light] .language-note{margin-top:25px;border-left:2px solid #d8a088;padding-left:14px}html[data-theme=light] .language-note>span{font-size:11px;color:#b07d67}html[data-theme=light] .language-note p{font-size:12px;margin:7px 0 0}html[data-theme=light] .learning-actions{display:flex;gap:9px;align-items:center;margin-top:25px;flex-wrap:wrap}html[data-theme=light] .learning-actions>.ant-btn{font-size:11px}html[data-theme=light] .tone-diagram{display:flex;justify-content:space-between;margin:35px 0 20px}html[data-theme=light] .tone-diagram>div{width:20%;text-align:center}html[data-theme=light] .tone-diagram i{height:2px;background:#6c7aaf;display:block;width:30px;margin:0 auto 16px}html[data-theme=light] .tone-diagram span{font-size:12px;color:#6d78a7}html[data-theme=light] .recorder{background:#f5ece8;border:1px solid #eadcd6;border-radius:10px;display:flex;align-items:center;gap:15px;padding:20px 24px;margin:24px 0;flex-wrap:wrap}html[data-theme=light] .recorder>div{display:flex;align-items:center;gap:10px;flex:1}html[data-theme=light] .recorder strong{font-size:12px;font-weight:500}html[data-theme=light] .recorder span{font-size:10px;color:#aa8d80}html[data-theme=light] .recorder audio{height:35px;max-width:250px}html[data-theme=light] .writing-panel{margin-top:24px;display:flex;gap:30px;align-items:center;justify-content:space-around}html[data-theme=light] .writing-panel h2{font-size:23px;margin-top:13px}html[data-theme=light] .writing-panel p{font-size:12px}html[data-theme=light] .writing-panel .ant-btn{margin-right:8px}html[data-theme=light] .writing-canvas{width:250px;height:250px;border:1px solid #c8d0e4;position:relative;background:linear-gradient(transparent 49.7%,#d3dae9 49.7%,#d3dae9 50.3%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,#d3dae9 49.7%,#d3dae9 50.3%,transparent 50.3%)}html[data-theme=light] .writing-canvas>span{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;position:absolute;inset:0;display:grid;place-items:center;font-size:185px;color:#dadfeb;pointer-events:none}html[data-theme=light] .writing-canvas>canvas,html[data-theme=light] .writing-canvas>svg{width:100%;height:100%;position:absolute;inset:0;touch-action:none}html[data-theme=light] .writing-canvas svg{transform:scaleY(-1);pointer-events:none}html[data-theme=light] .muted{color:#848eb2;font-size:12px}html[data-theme=light] .course-summary{margin-bottom:20px;display:flex;gap:30px;align-items:center}html[data-theme=light] .course-summary>div:first-child{display:flex;gap:15px;align-items:center;min-width:240px}html[data-theme=light] .course-summary h3{font-size:15px;margin:0 0 8px}html[data-theme=light] .course-summary p{font-size:11px;margin:0}html[data-theme=light] .course-summary>.ant-progress{max-width:200px}html[data-theme=light] .course-summary>.learning-actions{margin-top:0;margin-left:auto}html[data-theme=light] .lesson-list{border:1px solid #d9dfec;background:#fff;border-radius:12px;overflow:hidden}html[data-theme=light] .lesson-list>a{display:flex;gap:20px;align-items:center;padding:22px 26px;border-bottom:1px solid #e4e8f2}html[data-theme=light] .lesson-list>a:last-child{border-bottom:0}html[data-theme=light] .lesson-list>a:hover{background:#f5f7fc}html[data-theme=light] .lesson-number{height:40px;width:40px;display:grid;place-items:center;border:1px solid #d3daeb;border-radius:50%;color:#808bb7;font-size:13px}html[data-theme=light] .lesson-number.done{background:#dce3f3;border-color:#c6d0e9;color:#4e5fa2}html[data-theme=light] .lesson-list h3{font-size:17px;margin:5px 0;font-weight:500}html[data-theme=light] .lesson-list p{font-size:11px;margin:0}html[data-theme=light] .lesson-list small{font-size:9px;color:#6d7aac}html[data-theme=light] .lesson-status{margin-left:auto;font-size:11px;color:#6d79ab;display:flex;align-items:center;gap:15px}html[data-theme=light] .textbook-meta{display:flex;align-items:center;gap:20px;color:#727dab;font-size:12px;margin-bottom:25px}html[data-theme=light] .video-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}html[data-theme=light] .video-lesson-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:18px;border-radius:14px;background:linear-gradient(120deg,#e5e9f3,#f7ede9 78%);border:1px solid #d6ddec}html[data-theme=light] .video-lesson-intro h2{margin:10px 0 7px;font-size:23px;line-height:1.35}html[data-theme=light] .video-lesson-intro p{margin:0;color:#5d678f;font-size:12px;line-height:1.7}html[data-theme=light] .video-lesson-stats{display:flex;gap:12px;flex-shrink:0}html[data-theme=light] .video-lesson-stats>span{display:flex;flex-direction:column;min-width:93px;padding:12px 15px;border-radius:9px;background:#ffffffb8;color:#7881a6;font-size:10px}html[data-theme=light] .video-lesson-stats strong{color:#1d2b62;font-size:20px;line-height:1.25}html[data-theme=light] .video-player-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#131b3a;color:#c4cde2;font-size:11px;letter-spacing:.05em}html[data-theme=light] .video-player-heading>span:first-child{display:flex;align-items:center;gap:8px}html[data-theme=light] .video-player{min-width:0;background:#fff;border:1px solid #d9dfec;border-radius:12px;overflow:hidden;align-self:start}html[data-theme=light] .video-surface>video{width:100%;background:#101528;display:block;aspect-ratio:16/9}html[data-theme=light] .video-start-overlay{position:absolute;z-index:2;inset:0;width:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#131b3a;color:#fff;cursor:pointer}html[data-theme=light] .video-start-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}html[data-theme=light] .video-start-play{z-index:1;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#eaeef8;color:#1d2b62;box-shadow:0 12px 40px #071a10aa;transition:transform .2s}html[data-theme=light] .video-start-overlay:hover .video-start-play{transform:scale(1.08)}html[data-theme=light] .video-start-overlay strong,html[data-theme=light] .video-start-overlay small{z-index:1}html[data-theme=light] .video-start-overlay strong{font-size:14px;font-weight:500;background:#153425b8;padding:5px 10px;border-radius:5px}html[data-theme=light] .video-start-overlay small{color:#b3bfda;font-size:11px}@media(max-width:820px){html[data-theme=light] .video-lesson-intro{align-items:flex-start;flex-direction:column}}@media(max-width:520px){html[data-theme=light] .video-lesson-intro{padding:20px}html[data-theme=light] .video-lesson-intro h2{font-size:19px}html[data-theme=light] .video-lesson-stats{width:100%}html[data-theme=light] .video-lesson-stats>span{flex:1;min-width:0}html[data-theme=light] .video-start-play{width:54px;height:54px}html[data-theme=light] .video-start-overlay strong{font-size:15px}html[data-theme=light] .video-current-copy strong{font-size:19px}}html[data-theme=light] .player-toolbar{display:flex;gap:8px;align-items:center;padding:15px;flex-wrap:wrap}html[data-theme=light] .player-toolbar>span{font-size:10px;color:#6d79a8}html[data-theme=light] .player-toolbar>.ant-btn{width:32px;padding:0;height:32px}html[data-theme=light] .player-toolbar .ant-select{font-size:11px}html[data-theme=light] .video-current-sentence{margin:0 15px 16px;padding:17px 19px;border:1px solid #d6dcec;border-radius:10px;background:#eff2f9}html[data-theme=light] .video-current-label,html[data-theme=light] .video-current-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}html[data-theme=light] .video-current-label{color:#636fa2;font-size:10px;letter-spacing:.07em}html[data-theme=light] .video-current-copy{margin-top:12px}html[data-theme=light] .video-current-copy small,html[data-theme=light] .video-current-copy strong{display:block}html[data-theme=light] .video-current-copy small{color:#717dad;font-size:12px;margin-bottom:5px}html[data-theme=light] .video-current-copy strong{color:#1d2649;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:23px;font-weight:500;line-height:1.4}html[data-theme=light] .video-current-copy p{color:#68729b;font-size:12px;margin:6px 0 0}html[data-theme=light] .video-current-hidden{display:flex;align-items:center;gap:9px;color:#57628d;font-size:12px;margin:16px 0}html[data-theme=light] .video-current-actions{justify-content:flex-start;margin-top:16px}html[data-theme=light] .video-current-actions .ant-btn{display:inline-flex;align-items:center;gap:5px}html[data-theme=light] .subtitle-panel{background:#fff;border:1px solid #d9dfec;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:680px}html[data-theme=light] .subtitle-toolbar{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eaf2}html[data-theme=light] .subtitle-toolbar h3{font-size:17px;margin:4px 0 0}html[data-theme=light] .subtitle-toolbar label,html[data-theme=light] .subtitle-options{display:flex;gap:8px;align-items:center;font-size:10px;color:#6e7aa9}html[data-theme=light] .subtitle-options{padding:12px 18px;gap:18px}html[data-theme=light] .subtitle-list{overflow:auto;flex:1}html[data-theme=light] .subtitle-list>button{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid #e7ebf5;background:#fff;padding:16px}html[data-theme=light] .subtitle-list>button.active{background:#e5eaf5;box-shadow:inset 4px 0 #35437e}html[data-theme=light] .subtitle-index{font-size:9px;color:#95a2c0;padding-top:3px}html[data-theme=light] .subtitle-list>button>div{flex:1}html[data-theme=light] .subtitle-list small{font-size:10px;letter-spacing:.5px;color:#7885b6;display:block;margin-bottom:7px}html[data-theme=light] .subtitle-list strong{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.7}html[data-theme=light] .subtitle-list p{font-size:10px;margin:5px 0;color:#828cb2}html[data-theme=light] .subtitle-time{display:block;font-size:8px;color:#98a5c2;margin-top:8px}html[data-theme=light] .subtitle-list svg{color:#6978b3}html[data-theme=light] .dictation-panel{margin-top:24px}html[data-theme=light] .dictation-panel h2{font-size:20px;margin:10px 0 20px}html[data-theme=light] .dictation-panel>div:first-child p{color:#819080;font-size:12px;margin:-9px 0 19px}html[data-theme=light] .dictation-input{width:100%;padding:15px;border:1px solid #d1d9ea;background:#f6f8fc;border-radius:9px;min-height:100px;resize:vertical;outline:none}html[data-theme=light] .dictation-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}html[data-theme=light] .dictation-actions .ant-btn{display:inline-flex;align-items:center;gap:7px}html[data-theme=light] .listening-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0}html[data-theme=light] .listening-tools .ant-btn{display:inline-flex;align-items:center;gap:6px}html[data-theme=light] .listening-tools .ant-select{min-width:82px}html[data-theme=light] .practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}html[data-theme=light] .question-panel{padding:30px}html[data-theme=light] .question-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#818bb2;margin-bottom:12px}html[data-theme=light] .question-type{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#707cac;margin-top:28px}html[data-theme=light] .question-panel h2{font-size:24px;line-height:1.6;font-weight:500;margin:17px 0 25px}html[data-theme=light] .answer-options{width:100%;display:flex;flex-direction:column;gap:12px}html[data-theme=light] .answer-options .ant-radio-wrapper,html[data-theme=light] .answer-options .ant-checkbox-wrapper{margin:0;width:100%;border:1px solid #d4dbeb;background:#fff;border-radius:8px;padding:15px;align-items:center;min-height:56px}html[data-theme=light] .answer-options .ant-radio-wrapper-checked,html[data-theme=light] .answer-options .ant-checkbox-wrapper-checked{border-color:#7381b9;background:#ebeff8}html[data-theme=light] .answer-options .ant-radio,html[data-theme=light] .answer-options .ant-checkbox{order:2;margin-left:auto}html[data-theme=light] .answer-options .ant-radio+span,html[data-theme=light] .answer-options .ant-checkbox+span{display:flex;gap:13px;align-items:center;flex:1;font-size:14px}html[data-theme=light] .option-letter{width:25px;height:25px;background:#eaeef6;border:1px solid #d5dcec;border-radius:5px;display:grid;place-items:center;font-size:11px;color:#6e7aaa;flex-shrink:0}html[data-theme=light] .question-bottom{display:flex;justify-content:space-between;border-top:1px solid #e3e7f2;padding-top:23px;margin-top:28px}html[data-theme=light] .question-bottom .ant-btn{font-size:12px}html[data-theme=light] .practice-aside>.white-panel{padding:25px}html[data-theme=light] .practice-aside h3{font-size:16px;margin:15px 0 19px}html[data-theme=light] .practice-aside .eyebrow{font-size:8px;letter-spacing:1px}html[data-theme=light] .practice-round-note{margin:14px 0 2px;color:#555f84;font-size:12px;line-height:1.6}html[data-theme=light] .practice-tip{background:#e1e6f2;border:1px solid #d2daec;border-radius:12px;padding:26px;margin-top:20px}html[data-theme=light] .practice-tip>span{font-size:29px;color:#8496bf}html[data-theme=light] .practice-tip h3{font-size:19px;font-weight:500;line-height:1.5;margin:12px 0}html[data-theme=light] .practice-tip p{font-size:11px;color:#727eae}html[data-theme=light] .practice-tip a{display:flex;gap:6px;align-items:center;color:#5b6aa4;font-size:10px;margin-top:20px}html[data-theme=light] .listening-audio{padding:20px;background:#ebeff8;border-radius:10px;margin-bottom:25px;text-align:center}html[data-theme=light] .listening-audio audio{width:100%}html[data-theme=light] .listening-audio p{font-size:10px;color:#7c87b2;margin:10px 0 0}html[data-theme=light] .fill-answers{display:flex;gap:14px;flex-wrap:wrap}html[data-theme=light] .fill-answers>.ant-input{max-width:150px}html[data-theme=light] .order-answers{display:flex;flex-direction:column;gap:8px}html[data-theme=light] .order-answers>div{display:flex;align-items:center;gap:12px;border:1px solid #d6ddec;border-radius:8px;padding:9px 12px}html[data-theme=light] .order-answers>div>span{font-size:10px;color:#7f8ab7;width:20px}html[data-theme=light] .order-answers strong{font-size:18px;font-weight:400;flex:1}html[data-theme=light] .order-answers .ant-btn{height:30px;width:30px;padding:0}html[data-theme=light] .answer-feedback{border-radius:9px;padding:20px;margin-top:22px;background:#e7ecf7;border:1px solid #ccd6ed}html[data-theme=light] .answer-feedback.incorrect{background:#f8ece7;border-color:#ebccbe}html[data-theme=light] .answer-feedback h3{display:flex;align-items:center;gap:8px;font-size:16px;color:#4f5e9c;margin-bottom:10px}html[data-theme=light] .answer-feedback.incorrect h3{color:#b47a61}html[data-theme=light] .answer-feedback p{font-size:12px;margin:7px 0;color:#717ca7}html[data-theme=light] .test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}html[data-theme=light] .test-card .test-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:12px;background:#e3e8f5;color:#5f6eaa;margin-bottom:22px}html[data-theme=light] .test-card h2{font-size:23px;font-weight:500;margin:16px 0 10px}html[data-theme=light] .test-card>p{font-size:12px}html[data-theme=light] .test-meta{display:flex;gap:18px;align-items:center;font-size:11px;color:#6f7bab;margin:23px 0}html[data-theme=light] .test-meta>span{display:flex;align-items:center;gap:6px}html[data-theme=light] .test-card .muted{font-size:10px;color:#8a98b9}html[data-theme=light] .test-card>.ant-btn{margin-top:10px}html[data-theme=light] .exam-heading{display:flex;justify-content:space-between;align-items:center}html[data-theme=light] .exam-clock{font-size:26px;color:#4e5d96;display:flex;gap:12px;align-items:center;font-variant-numeric:tabular-nums;background:#e0e6f3;padding:12px 20px;border-radius:10px}html[data-theme=light] .exam-clock.urgent{background:#faebe5;color:#b37358}html[data-theme=light] .exam-nav{padding:25px}html[data-theme=light] .exam-nav h3{font-size:16px}html[data-theme=light] .exam-nav>div{display:flex;gap:8px;flex-wrap:wrap}html[data-theme=light] .exam-nav>div>button{width:36px;height:36px;border:1px solid #d6ddec;background:#fff;border-radius:7px;color:#727eaf;font-size:12px}html[data-theme=light] .exam-nav>div>button.active{border-color:#5b6bab;background:#e7ecf7}html[data-theme=light] .exam-nav>div>button.answered{background:#d1daee;color:#3f4e8a}html[data-theme=light] .exam-nav p{font-size:10px;margin:20px 0}html[data-theme=light] .result-hero{text-align:center;padding:45px 20px;background:#e3e8f4;border:1px solid #ced7ec;border-radius:14px;margin-bottom:30px}html[data-theme=light] .result-hero .eyebrow{justify-content:center}html[data-theme=light] .result-hero h1{font-weight:500;font-size:30px;margin-top:17px}html[data-theme=light] .result-score{font-size:70px;color:#324285;letter-spacing:-3px;font-weight:400}html[data-theme=light] .result-score>span{font-size:28px;color:#8c9cc1;margin-left:12px;letter-spacing:-1px}html[data-theme=light] .result-hero p{font-size:12px;color:#7d88b6}html[data-theme=light] .result-item{margin-bottom:14px;position:relative}html[data-theme=light] .result-item h3{font-size:17px;padding-right:60px}html[data-theme=light] .result-item>p{font-size:12px}html[data-theme=light] .result-item>strong{position:absolute;right:25px;top:28px;font-size:12px;color:#6d79ab}html[data-theme=light] .result-correct{color:#5668b1}html[data-theme=light] .result-wrong{color:#ba8269}html[data-theme=light] .auth-layout{display:grid;grid-template-columns:1fr 1.2fr;max-width:1000px;margin:25px auto;background:#fff;border:1px solid #d4dbec;border-radius:18px;overflow:hidden;min-height:590px}html[data-theme=light] .auth-story{background:#dce3f2;padding:50px 40px;position:relative;overflow:hidden}html[data-theme=light] .auth-story:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #c5cfe7;border-radius:50%;right:-120px;bottom:-130px}html[data-theme=light] .auth-hanzi{font-family:DM Sans,Noto Sans SC,Segoe UI,sans-serif;font-size:85px;margin:80px 0 0;white-space:nowrap;color:#354275;letter-spacing:5px}html[data-theme=light] .auth-hanzi>span{color:#ba836b;font-size:60px}html[data-theme=light] .auth-pinyin{font-size:15px;letter-spacing:7px;color:#7b87b6;margin:10px 0 35px}html[data-theme=light] .auth-story h2{font-size:28px;font-weight:400;line-height:1.4}html[data-theme=light] .auth-story>p{font-size:11px;color:#7f8ab5}html[data-theme=light] .auth-form{padding:55px 45px}html[data-theme=light] .auth-form h1{font-size:26px;line-height:1.4;margin-top:20px;font-weight:500}html[data-theme=light] .auth-form>p{font-size:12px}html[data-theme=light] .auth-form .ant-form{margin-top:30px}html[data-theme=light] .auth-form .ant-form-item-label label{font-size:12px;color:#6874a3}html[data-theme=light] .auth-form .ant-alert{margin-top:20px}html[data-theme=light] .auth-form .ant-btn-primary{font-size:13px;margin-top:8px}html[data-theme=light] .forgot-link{font-size:10px;color:#727eaf;display:block;text-align:right;margin:-5px 0 20px}html[data-theme=light] .auth-switch{margin-top:22px;text-align:center}html[data-theme=light] .auth-switch>a{color:#44528b;margin-left:5px}html[data-theme=light] .auth-footnote{display:flex;align-items:center;gap:6px;font-size:9px;color:#8e9cbd;justify-content:center;margin-top:40px}html[data-theme=light] .login-auth-layout{max-width:1060px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:660px;background:#f4f6fb}html[data-theme=light] .login-auth-layout .auth-story{background:linear-gradient(145deg,#dce2f0,#e3e8f5)}html[data-theme=light] .login-auth-panel{display:grid;place-items:center;padding:35px 42px}@media(max-width:1000px){html[data-theme=light] .login-auth-layout{grid-template-columns:1fr}html[data-theme=light] .login-auth-layout .auth-story{display:none}html[data-theme=light] .login-auth-panel{padding:38px 25px}}@media(max-width:520px){html[data-theme=light] .login-auth-layout{min-height:0;margin:0;border-radius:12px}html[data-theme=light] .login-auth-panel{padding:18px 12px}}html[data-theme=light] .filter-chips{display:flex;gap:10px;margin-bottom:25px}html[data-theme=light] .filter-chips>button{background:#fff;border:1px solid #d2daeb;padding:8px 18px;border-radius:20px;font-size:11px;color:#727eaf}html[data-theme=light] .filter-chips>button.selected{background:#dfe5f4;border-color:#99aad2;color:#42518d}html[data-theme=light] .review-wrap>.small-content{border-bottom-left-radius:0;border-bottom-right-radius:0}html[data-theme=light] .review-footer{border:1px solid #d9dfec;border-top:0;border-radius:0 0 11px 11px;background:#fff;padding:15px}html[data-theme=light] .review-footer small{font-size:9px;color:#7c88b7}html[data-theme=light] .review-footer>div{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}html[data-theme=light] .recording-row{display:flex;gap:20px;align-items:center;padding:17px 22px;background:#fff;border:1px solid #d4dced;border-radius:10px;margin-bottom:12px;font-size:12px;color:#6d7aac}html[data-theme=light] .recording-row audio{height:35px;flex:1}html[data-theme=light] .admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}html[data-theme=light] .admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}html[data-theme=light] .admin-stats>.white-panel{padding:22px;display:grid;grid-template-columns:1fr auto;gap:14px}html[data-theme=light] .admin-stats svg{color:#6a77ad;grid-column:2;grid-row:1/3;align-self:center}html[data-theme=light] .admin-stats span{font-size:11px;color:#6b77a9}html[data-theme=light] .admin-stats strong{font-size:29px;font-weight:500;grid-column:1;line-height:1}html[data-theme=light] .admin-table{padding:22px}html[data-theme=light] .admin-filters{display:flex;gap:16px;margin-bottom:20px}html[data-theme=light] .admin-filters>.ant-input-search{max-width:420px}html[data-theme=light] .admin-filters>.ant-select{min-width:160px}html[data-theme=light] .admin-content-name strong{font-weight:500;font-size:13px;display:block}html[data-theme=light] .admin-content-name small{display:block;font-size:10px;color:#7d88b2;margin-top:3px}html[data-theme=light] .admin-table .ant-table{font-size:12px}html[data-theme=light] .admin-table .ant-table-thead>tr>th{font-size:11px;color:#707ba7;background:#f1f4fa}html[data-theme=light] .admin-table .ant-table-cell{padding:14px 10px}html[data-theme=light] .upload-banner{background:#e3e8f4;border:1px solid #cdd6ec;border-radius:12px;padding:25px;display:flex;align-items:center;gap:22px;margin-bottom:24px;color:#6774ab}html[data-theme=light] .upload-banner>div{flex:1}html[data-theme=light] .upload-banner h3{font-size:17px;margin:0 0 7px;color:#384477}html[data-theme=light] .upload-banner p{font-size:11px;margin:0}html[data-theme=light] .media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}html[data-theme=light] .media-card{padding:20px;min-width:0}html[data-theme=light] .media-preview{height:155px;background:#eef1f8;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-bottom:16px;overflow:hidden}html[data-theme=light] .media-preview img,html[data-theme=light] .media-preview video{width:100%;height:100%;object-fit:contain}html[data-theme=light] .media-preview audio{max-width:95%}html[data-theme=light] .media-card>strong{font-size:12px;word-break:break-all;font-weight:500}html[data-theme=light] .media-card>p{font-size:10px;margin:6px 0 0;color:#7f8ab3}html[data-theme=light] .content-editor{padding-top:15px}html[data-theme=light] .content-editor>.ant-alert{margin-bottom:20px}html[data-theme=light] .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}html[data-theme=light] .content-editor .ant-form-item{margin-bottom:20px}html[data-theme=light] .content-editor .ant-form-item-label label{font-size:12px;color:#606ea5}html[data-theme=light] .content-editor .ant-input-number{width:100%}html[data-theme=light] .editor-unit{padding:17px;background:#f1f4fa;border:1px solid #d6dcec;border-radius:9px;margin:15px 0}html[data-theme=light] .editor-unit>strong{font-size:12px;color:#6d7aac;display:block;margin-bottom:15px}html[data-theme=light] .editor-upload{padding:22px 0;display:flex;gap:15px;align-items:center}html[data-theme=light] .editor-upload>span{font-size:10px;color:#7c87b6}html[data-theme=light] .option-editor{display:flex;gap:12px;align-items:center;margin-top:10px}html[data-theme=light] .option-editor>.ant-form-item{margin-bottom:0}html[data-theme=light] .option-editor>.ant-form-item:first-child{width:75px;flex-shrink:0}html[data-theme=light] .option-editor>.ant-form-item:nth-child(2){flex:1}html[data-theme=light] .option-editor:last-of-type{margin-bottom:13px}html[data-theme=light] .editor-footer{display:flex;align-items:flex-end;gap:12px;justify-content:flex-end;margin-top:23px;padding-top:18px;border-top:1px solid #dee4f1}html[data-theme=light] .editor-footer .ant-form-item{margin:0 auto 0 0}html[data-theme=light] .ant-modal .ant-modal-title{font-weight:500}html[data-theme=light] .ant-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}html[data-theme=light] .ant-pagination{margin-top:25px}html[data-theme=light] .ant-select-dropdown{font-size:12px}html[data-theme=light] .ant-form-item-explain-error{font-size:11px}html[data-theme=light] .ant-alert{font-size:12px}html[data-theme=light] .ant-alert-message{font-size:13px!important}@media(min-width:1500px){html[data-theme=light] .page{padding-top:43px}html[data-theme=light] .hero{min-height:350px}html[data-theme=light] .hero-copy{padding-left:40px}html[data-theme=light] .hero h2{font-size:40px}html[data-theme=light] .hero p{font-size:12px;max-width:340px}html[data-theme=light] .hero-label,html[data-theme=light] .hero-bottom{font-size:9px}html[data-theme=light] .han-card{width:170px;height:215px}html[data-theme=light] .han-card.front b{font-size:64px}html[data-theme=light] .han-card.front small{margin-top:40px}html[data-theme=light] .daily-card{padding:27px}html[data-theme=light] .home-top-grid{grid-template-columns:minmax(0,1fr) 270px}html[data-theme=light] .daily-pinyin{margin-top:30px}html[data-theme=light] .daily-card h2{font-size:48px}html[data-theme=light] .course-art{height:175px;padding-top:45px}html[data-theme=light] .art-word{font-size:50px}html[data-theme=light] .course-body{padding:22px}html[data-theme=light] .course-body h3{font-size:18px}html[data-theme=light] .course-body>p{font-size:12px;min-height:42px}html[data-theme=light] .course-meta{font-size:10px}html[data-theme=light] .stat-item>div>span{font-size:11px}html[data-theme=light] .stat-item small{font-size:10px}html[data-theme=light] .stat-item strong{font-size:25px}}@media(max-width:1200px){html[data-theme=light] .sidebar{width:215px}html[data-theme=light] .main-shell{margin-left:215px}html[data-theme=light] .brand{padding:28px 19px}html[data-theme=light] .page{padding:30px 28px}html[data-theme=light] .topbar{padding:0 28px}html[data-theme=light] .home-heading h1{font-size:25px}html[data-theme=light] .date-note{display:none}html[data-theme=light] .hero-art{left:51%}html[data-theme=light] .hero h2{font-size:27px}html[data-theme=light] .hero-label{font-size:7px}html[data-theme=light] .hero-copy{padding-left:23px;width:60%}html[data-theme=light] .hero p{font-size:10px;max-width:210px}html[data-theme=light] .hero-bottom{font-size:7px}html[data-theme=light] .hero-bottom .avatars{display:none}html[data-theme=light] .han-card{width:115px;height:155px}html[data-theme=light] .han-card.front b{font-size:42px}html[data-theme=light] .han-card.front small{font-size:10px;margin-top:25px}html[data-theme=light] .han-card.front>span{font-size:6px}html[data-theme=light] .art-sun{width:80px;height:80px;right:10px}html[data-theme=light] .art-spark{right:7px;font-size:28px}html[data-theme=light] .floating-caption{font-size:7px;padding:7px 10px;left:0;bottom:53px}html[data-theme=light] .home-top-grid{grid-template-columns:minmax(0,1fr) 220px;gap:17px}html[data-theme=light] .daily-card{padding:23px 18px}html[data-theme=light] .card-top-label{font-size:7px;letter-spacing:.5px}html[data-theme=light] .stats-strip{padding:18px 0}html[data-theme=light] .stat-item{padding:0 15px;gap:9px}html[data-theme=light] .stat-icon{width:28px;height:28px}html[data-theme=light] .stat-item small{font-size:7px}html[data-theme=light] .stat-item>div>span{font-size:8px}html[data-theme=light] .course-grid{gap:15px}html[data-theme=light] .course-body{padding:16px}html[data-theme=light] .course-body h3{font-size:14px}html[data-theme=light] .discovery-banner>a{font-size:9px}html[data-theme=light] .discovery-banner p{font-size:9px}html[data-theme=light] .search-trigger span,html[data-theme=light] .search-trigger kbd,html[data-theme=light] .local-badge{display:none}html[data-theme=light] .course-summary{flex-wrap:wrap}html[data-theme=light] .course-summary>.learning-actions{margin-left:0}html[data-theme=light] .practice-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}html[data-theme=light] .practice-tip{padding:20px}html[data-theme=light] .practice-aside>.white-panel{padding:20px}html[data-theme=light] .video-workspace{grid-template-columns:1fr}html[data-theme=light] .subtitle-panel{max-height:350px}html[data-theme=light] .recorder>div{flex-wrap:wrap}html[data-theme=light] .recorder>div>span{width:100%;margin-left:28px}html[data-theme=light] .footer{padding-left:28px;padding-right:28px}html[data-theme=light] .content-grid{gap:15px}}@media(max-width:960px){html[data-theme=light] .sidebar{width:190px}html[data-theme=light] .main-shell{margin-left:190px}html[data-theme=light] .brand{padding-left:16px;gap:7px}html[data-theme=light] .brand b{font-size:21px}html[data-theme=light] .brand small{font-size:7px}html[data-theme=light] .brand-mark{width:34px;height:37px;line-height:35px;font-size:23px}html[data-theme=light] .sidebar-scroll{padding:0 10px}html[data-theme=light] .nav-group a{font-size:10px;gap:10px;padding:0 10px}html[data-theme=light] .nav-label{font-size:8px;margin-left:10px}html[data-theme=light] .grow-note{font-size:8px;padding:11px 8px}html[data-theme=light] .sidebar-bottom{padding:10px 13px}html[data-theme=light] .page{padding:28px 24px}html[data-theme=light] .topbar{padding:0 24px;height:67px}html[data-theme=light] .home-heading h1{font-size:23px}html[data-theme=light] .home-top-grid{grid-template-columns:1fr}html[data-theme=light] .hero{min-height:300px}html[data-theme=light] .hero-copy{padding:28px;width:58%}html[data-theme=light] .hero h2{font-size:34px}html[data-theme=light] .hero p{font-size:11px;max-width:300px}html[data-theme=light] .hero-label,html[data-theme=light] .hero-bottom{font-size:8px}html[data-theme=light] .hero-art{left:55%;right:15px}html[data-theme=light] .han-card{width:145px;height:185px}html[data-theme=light] .han-card.front b{font-size:55px}html[data-theme=light] .han-card.front small{margin-top:30px}html[data-theme=light] .han-card.front>span{font-size:8px}html[data-theme=light] .daily-card{display:none}html[data-theme=light] .stats-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}html[data-theme=light] .stat-item:nth-child(2){border-right:0}html[data-theme=light] .stat-item>div>span{font-size:10px}html[data-theme=light] .stat-item small{font-size:8px}html[data-theme=light] .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=light] .course-grid>.course-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}html[data-theme=light] .course-grid>.course-card:nth-child(3) .course-art{height:100%;min-height:200px;padding-top:65px}html[data-theme=light] .course-meta{gap:10px}html[data-theme=light] .discovery-banner{padding:20px;gap:13px;flex-wrap:wrap}html[data-theme=light] .discovery-banner>a{margin-left:60px}html[data-theme=light] .content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=light] .catalog-toolbar{flex-wrap:wrap}html[data-theme=light] .catalog-toolbar .ant-input-search{max-width:100%}html[data-theme=light] .catalog-toolbar>.ant-select{flex:1;min-width:120px}html[data-theme=light] .result-count{font-size:9px}html[data-theme=light] .word-lesson{grid-template-columns:1fr}html[data-theme=light] .character-panel{min-height:320px}html[data-theme=light] .hanzi-display strong{font-size:65px}html[data-theme=light] .practice-layout{grid-template-columns:1fr}html[data-theme=light] .practice-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}html[data-theme=light] .practice-tip{margin-top:0}html[data-theme=light] .test-grid,html[data-theme=light] .auth-layout{grid-template-columns:1fr}html[data-theme=light] .auth-story{display:none}html[data-theme=light] .auth-form{padding:35px;max-width:530px;width:100%;margin:auto}html[data-theme=light] .admin-stats{grid-template-columns:repeat(2,1fr)}html[data-theme=light] .admin-stats .white-panel{padding:17px}html[data-theme=light] .admin-heading{align-items:flex-start}html[data-theme=light] .admin-heading h1{font-size:28px}html[data-theme=light] .media-grid{grid-template-columns:1fr}html[data-theme=light] .upload-banner{flex-wrap:wrap}html[data-theme=light] .footer{font-size:7px;flex-wrap:wrap}html[data-theme=light] .recording-row{flex-wrap:wrap}html[data-theme=light] .recording-row audio{width:100%}html[data-theme=light] .writing-panel{flex-direction:column}html[data-theme=light] .course-summary>.ant-progress{max-width:none;flex:1}html[data-theme=light] .exam-nav>div{margin-bottom:20px}}@media(max-width:700px){html[data-theme=light] .sidebar{display:none}html[data-theme=light] .main-shell{margin-left:0}html[data-theme=light] .topbar{height:62px;padding:0 18px;gap:8px;position:sticky;top:0;z-index:20;background:#fcfcfaed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html[data-theme=light] .mobile-menu.ant-btn{display:inline-flex;margin-left:-5px}html[data-theme=light] .breadcrumb{font-size:10px;gap:8px;margin-right:auto}html[data-theme=light] .breadcrumb>strong{max-width:125px;overflow:hidden;text-overflow:ellipsis}html[data-theme=light] .topbar-right{gap:5px}html[data-theme=light] .top-divider{display:none}html[data-theme=light] .search-trigger{padding:6px}html[data-theme=light] .language-switch.ant-btn{font-size:10px}html[data-theme=light] .page{padding:27px 20px}html[data-theme=light] .eyebrow{font-size:8px;letter-spacing:1.1px}html[data-theme=light] .home-heading h1{font-size:26px;line-height:1.4}html[data-theme=light] .heading-dot{font-size:17px;margin-left:7px}html[data-theme=light] .page-heading p{font-size:11px;line-height:1.8}html[data-theme=light] .hero{min-height:320px}html[data-theme=light] .hero-copy{width:64%;padding:24px}html[data-theme=light] .hero-label{font-size:6px;letter-spacing:.6px}html[data-theme=light] .hero h2{font-size:27px;line-height:1.35}html[data-theme=light] .hero p{font-size:10px;max-width:210px;margin-bottom:20px}html[data-theme=light] .hero .ant-btn{font-size:10px;padding:0 13px;height:37px}html[data-theme=light] .hero-bottom{font-size:7px;white-space:normal;max-width:150px;line-height:1.7}html[data-theme=light] .hero-art{left:59%;right:-20px}html[data-theme=light] .han-card{width:110px;height:150px}html[data-theme=light] .han-card.front{margin-left:0;transform:rotate(10deg)}html[data-theme=light] .han-card.back{margin-left:-15px;transform:rotate(-12deg)}html[data-theme=light] .han-card.front b{font-size:38px}html[data-theme=light] .han-card.front small{font-size:9px;margin-top:23px}html[data-theme=light] .han-card.front>span{font-size:6px}html[data-theme=light] .han-card.front i{font-size:6px}html[data-theme=light] .art-sun{right:24px;top:48px;width:70px;height:70px}html[data-theme=light] .art-spark{right:30px;top:213px;font-size:23px}html[data-theme=light] .floating-caption{left:-20px;bottom:45px;font-size:6px;padding:7px;gap:4px}html[data-theme=light] .floating-caption svg{width:12px}html[data-theme=light] .stats-strip{margin-top:18px;padding:20px 0;border-radius:10px}html[data-theme=light] .stat-item{padding:0 14px;gap:10px}html[data-theme=light] .stat-item strong{font-size:22px}html[data-theme=light] .stat-item small{font-size:7px}html[data-theme=light] .stat-item>div>span{font-size:8px}html[data-theme=light] .stat-icon{width:30px;height:30px}html[data-theme=light] .section-title{margin-top:28px}html[data-theme=light] .section-title h2{font-size:20px;line-height:1.4}html[data-theme=light] .section-title>a{font-size:9px;gap:5px}html[data-theme=light] .section-title .eyebrow{font-size:7px}html[data-theme=light] .course-grid{grid-template-columns:1fr;gap:17px}html[data-theme=light] .course-art{height:155px;padding-top:40px}html[data-theme=light] .art-word{font-size:45px}html[data-theme=light] .course-grid>.course-card:nth-child(3){display:block;grid-column:auto}html[data-theme=light] .course-grid>.course-card:nth-child(3) .course-art{height:155px;min-height:0;padding-top:40px}html[data-theme=light] .course-body{padding:20px}html[data-theme=light] .course-body h3{font-size:19px;margin:14px 0 9px}html[data-theme=light] .course-body>p{font-size:11px;min-height:0;line-height:1.8}html[data-theme=light] .course-meta{font-size:10px}html[data-theme=light] .level-tag,html[data-theme=light] .demo-tag{font-size:9px}html[data-theme=light] .course-bottom{font-size:10px}html[data-theme=light] .discovery-banner{padding:20px 17px}html[data-theme=light] .discovery-symbol{width:39px;height:39px}html[data-theme=light] .discovery-banner>div:nth-child(2){flex:1}html[data-theme=light] .discovery-banner h3{font-size:15px;line-height:1.6}html[data-theme=light] .discovery-banner p{font-size:10px}html[data-theme=light] .discovery-banner .eyebrow{font-size:6px;line-height:1.8}html[data-theme=light] .discovery-banner>a{margin-left:52px;font-size:10px}html[data-theme=light] .footer{padding:20px;font-size:8px;gap:10px}html[data-theme=light] .footer>span:nth-child(2){display:none}html[data-theme=light] .content-grid{gap:13px}html[data-theme=light] .small-content{padding:17px;min-height:220px}html[data-theme=light] .small-content .tags{flex-wrap:wrap;margin-bottom:20px}html[data-theme=light] .small-content .demo-tag{font-size:7px}html[data-theme=light] .small-content h3{font-size:25px}html[data-theme=light] .small-content.character h3{font-size:55px}html[data-theme=light] .small-content.sentence h3{font-size:19px}html[data-theme=light] .small-content p{font-size:10px}html[data-theme=light] .small-content-foot{font-size:8px}html[data-theme=light] .card-pinyin{font-size:10px}html[data-theme=light] .small-content.textbook h3{font-size:18px}html[data-theme=light] .catalog-toolbar{gap:9px}html[data-theme=light] .catalog-toolbar .result-count{font-size:9px}html[data-theme=light] .page-heading h1{font-size:27px}html[data-theme=light] .detail-heading h1{font-size:26px;line-height:1.5}html[data-theme=light] .detail-heading>div:not(.tags){align-items:flex-start}html[data-theme=light] .detail-kind{white-space:nowrap;margin-top:20px}html[data-theme=light] .character-panel{padding:22px;min-height:320px}html[data-theme=light] .hanzi-display strong{font-size:62px;letter-spacing:5px}html[data-theme=light] .hanzi-display strong.hanzi-long{font-size:34px;letter-spacing:1px}html[data-theme=light] .hanzi-display .sentence-display{font-size:26px!important}html[data-theme=light] .hanzi-display p{font-size:12px}html[data-theme=light] .meaning-panel{padding:25px}html[data-theme=light] .meaning-text{font-size:16px}html[data-theme=light] .character-facts{gap:20px;flex-wrap:wrap}html[data-theme=light] .character-facts b{font-size:13px}html[data-theme=light] .learning-actions{gap:7px}html[data-theme=light] .learning-actions .ant-btn{font-size:10px;padding:0 10px}html[data-theme=light] .recorder{padding:20px;gap:16px}html[data-theme=light] .recorder>div{min-width:100%}html[data-theme=light] .recorder audio{max-width:100%;width:100%}html[data-theme=light] .recorder strong{font-size:12px}html[data-theme=light] .course-summary{padding:22px;gap:20px}html[data-theme=light] .course-summary>div:first-child{min-width:0;width:100%}html[data-theme=light] .course-summary>.ant-progress{max-width:none;width:100%;flex:auto}html[data-theme=light] .course-summary>.learning-actions{margin-top:0}html[data-theme=light] .lesson-list>a{padding:18px;gap:14px}html[data-theme=light] .lesson-list h3{font-size:15px}html[data-theme=light] .lesson-number{width:33px;height:33px;flex-shrink:0}html[data-theme=light] .lesson-status{font-size:0;gap:0}html[data-theme=light] .lesson-status svg{width:16px}html[data-theme=light] .textbook-meta{flex-wrap:wrap;gap:15px;font-size:11px}html[data-theme=light] .player-toolbar{gap:6px;padding:12px}html[data-theme=light] .player-toolbar>span{font-size:9px}html[data-theme=light] .subtitle-toolbar h3{font-size:13px}html[data-theme=light] .question-panel{padding:23px 20px}html[data-theme=light] .question-panel h2{font-size:21px}html[data-theme=light] .question-type{font-size:8px}html[data-theme=light] .question-top{font-size:9px}html[data-theme=light] .answer-options .ant-radio-wrapper,html[data-theme=light] .answer-options .ant-checkbox-wrapper{padding:12px}html[data-theme=light] .answer-options .ant-radio+span,html[data-theme=light] .answer-options .ant-checkbox+span{font-size:13px}html[data-theme=light] .practice-aside{grid-template-columns:1fr}html[data-theme=light] .practice-aside>.practice-tip{display:none}html[data-theme=light] .question-bottom{gap:12px}html[data-theme=light] .question-bottom .ant-btn{font-size:11px}html[data-theme=light] .test-card{padding:25px}html[data-theme=light] .test-card h2{font-size:22px}html[data-theme=light] .test-meta{gap:13px;font-size:10px}html[data-theme=light] .auth-layout{margin:0;min-height:0;border-radius:12px}html[data-theme=light] .auth-form{padding:32px 23px}html[data-theme=light] .auth-form h1{font-size:25px}html[data-theme=light] .admin-heading{flex-wrap:wrap}html[data-theme=light] .admin-stats{gap:12px}html[data-theme=light] .admin-stats>.white-panel{padding:16px;gap:10px}html[data-theme=light] .admin-stats span{font-size:10px}html[data-theme=light] .admin-stats strong{font-size:25px}html[data-theme=light] .admin-filters{flex-wrap:wrap;gap:12px}html[data-theme=light] .admin-filters>.ant-select{width:100%}html[data-theme=light] .admin-table{padding:13px}html[data-theme=light] .admin-content-name strong{font-size:12px}html[data-theme=light] .admin-content-name small{font-size:9px}html[data-theme=light] .upload-banner{padding:22px}html[data-theme=light] .upload-banner>div{flex:auto;width:100%}html[data-theme=light] .form-grid{grid-template-columns:1fr;gap:0}html[data-theme=light] .editor-upload{flex-wrap:wrap;gap:10px}html[data-theme=light] .editor-footer{gap:8px}html[data-theme=light] .editor-footer .ant-select{width:120px!important}html[data-theme=light] .editor-footer .ant-btn{font-size:11px}html[data-theme=light] .editor-footer>.ant-form-item{max-width:130px}html[data-theme=light] .ant-modal{max-width:calc(100vw - 24px)!important;margin:0 auto}html[data-theme=light] .ant-modal .ant-modal-content{padding:22px 18px}html[data-theme=light] .exam-clock{font-size:20px;padding:10px 13px}html[data-theme=light] .exam-clock>svg{width:17px}html[data-theme=light] .result-hero{padding:30px 15px}html[data-theme=light] .result-hero h1{font-size:24px;line-height:1.5}html[data-theme=light] .result-score{font-size:60px}html[data-theme=light] .result-item{padding:22px}html[data-theme=light] .filter-chips{gap:7px}html[data-theme=light] .filter-chips>button{font-size:10px;padding:8px 12px}html[data-theme=light] .review-footer{padding:13px}html[data-theme=light] .review-footer .ant-btn{font-size:10px}html[data-theme=light] .writing-canvas{max-width:100%}}@media(prefers-reduced-motion:reduce){html[data-theme=light] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}html[data-theme=light] .video-surface{position:relative;background:#11162c;aspect-ratio:16/9}html[data-theme=light] .video-surface>video{height:100%}html[data-theme=light] .blind-video{visibility:hidden}html[data-theme=light] .blind-overlay{position:absolute;inset:0;background:#171e3a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#8d9ec6}html[data-theme=light] .blind-overlay strong{font-size:15px;font-weight:400}html[data-theme=light] .blind-overlay .ant-btn{background:#ffffff12;color:#c4cee4;border-color:#445081}@media(max-width:700px){html[data-theme=light] .heading-dot{display:none}}html[data-theme=light] .home-action-section{margin:42px 0 48px}html[data-theme=light] .daily-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:0;margin:26px 0 38px;border:1px solid #dee2ed;background:#fff;border-radius:16px;overflow:hidden}html[data-theme=light] .daily-progress-goal,html[data-theme=light] .daily-progress-week{padding:26px 30px}html[data-theme=light] .daily-progress-goal{border-right:1px solid #e3e7f0}html[data-theme=light] .daily-progress .eyebrow{display:inline-flex;align-items:center;gap:6px;color:#6772a1}html[data-theme=light] .daily-progress-headline{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 14px}html[data-theme=light] .daily-progress-headline strong{font-size:32px;letter-spacing:-1px;line-height:1}html[data-theme=light] .daily-progress-headline small{font-size:13px;font-weight:500;color:#8b9b8e;letter-spacing:0}html[data-theme=light] .daily-progress-headline>span{color:#3c497d;font-weight:700}html[data-theme=light] .daily-progress-track{height:9px;background:#e9ecf4;border-radius:99px;overflow:hidden}html[data-theme=light] .daily-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#7f93c3,#2e3c75);border-radius:inherit;transition:width .3s}html[data-theme=light] .daily-progress-goal p{margin:11px 0 0;font-size:11px}html[data-theme=light] .daily-progress-week>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}html[data-theme=light] .daily-progress-week strong{display:inline-flex;align-items:center;gap:6px;color:#af6342;font-size:14px}html[data-theme=light] .daily-progress-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:19px;text-align:center}html[data-theme=light] .daily-progress-days>div{display:flex;flex-direction:column;align-items:center;gap:7px}html[data-theme=light] .daily-progress-days span{width:32px;height:32px;border:1px solid #dfe4ef;border-radius:50%;display:grid;place-items:center;color:#b2bcb2;background:#f2f4f8;font-size:20px;line-height:1}html[data-theme=light] .daily-progress-days span.active{background:#2e3c75;border-color:#2e3c75;color:#fff}html[data-theme=light] .daily-progress-days small{color:#87958a;font-size:10px}html[data-theme=light] .home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}html[data-theme=light] .home-action-card{position:relative;min-height:184px;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;border:1px solid #dfe3ed;border-radius:15px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}html[data-theme=light] .home-action-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #213e2712;border-color:#adb9d4}html[data-theme=light] .home-action-primary{background:#e6eaf4;border-color:#d2daec}html[data-theme=light] .home-action-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ebeef6;color:#24326c;margin-bottom:18px}html[data-theme=light] .home-action-primary .home-action-icon{background:#fff}html[data-theme=light] .home-action-kicker{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#727ca2;margin-bottom:7px}html[data-theme=light] .home-action-card strong{font-size:17px;line-height:1.35;color:#232b4c;padding-right:20px}html[data-theme=light] .home-action-card small{color:#829186;font-size:11px;margin-top:7px}html[data-theme=light] .home-action-arrow{position:absolute;right:22px;bottom:22px;color:#485380}html[data-theme=light] .path-heading{margin-bottom:34px}html[data-theme=light] .path-overview{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;border-radius:20px;min-height:265px;background:#1e2851;color:#fff;box-shadow:0 20px 45px #254f3920}html[data-theme=light] .path-overview-main{padding:38px 44px;position:relative;background:radial-gradient(circle at 95% 85%,#ffffff0c 0 16%,transparent 16.2% 100%)}html[data-theme=light] .path-overview .eyebrow{display:flex;align-items:center;gap:8px;color:#b3bfdd}html[data-theme=light] .path-overview h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(24px,3vw,34px);margin:20px 0 10px;letter-spacing:-.8px}html[data-theme=light] .path-overview p{color:#c1cade;margin-bottom:24px}html[data-theme=light] .path-primary-link{display:inline-flex;align-items:center;gap:18px;background:#da9f85;color:#1c2445;font-weight:700;border-radius:9px;padding:12px 17px;transition:transform .2s,background .2s}html[data-theme=light] .path-primary-link:hover{transform:translateY(-2px);background:#e5af98}html[data-theme=light] .path-overview-progress{border-left:1px solid #ffffff20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#ffffff08}html[data-theme=light] .path-progress-ring{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#dba58d var(--progress),#ffffff25 0);position:relative}html[data-theme=light] .path-progress-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#242e58}html[data-theme=light] .path-progress-ring span{position:relative;font-size:29px;font-weight:700;letter-spacing:-1px}html[data-theme=light] .path-overview-progress>div:last-child{display:flex;gap:8px;align-items:baseline;color:#bfc8dd}html[data-theme=light] .path-overview-progress strong{color:#fff;font-size:24px}html[data-theme=light] .path-overview-progress>div:last-child span{font-size:11px}html[data-theme=light] .path-stage-nav{margin:27px 0 52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html[data-theme=light] .path-stage-nav a{display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:center;padding:18px 20px;border:1px solid #dee2ec;border-radius:12px;background:#fff;transition:.2s}html[data-theme=light] .path-stage-nav a:hover{border-color:#a4b1d1;transform:translateY(-2px)}html[data-theme=light] .path-stage-nav a>span{grid-row:span 2;color:#bc7b5f;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:27px}html[data-theme=light] .path-stage-nav strong{font-size:13px}html[data-theme=light] .path-stage-nav small{grid-column:2;font-size:10px;color:#9aa69b}html[data-theme=light] .path-stage-nav svg{grid-column:3;grid-row:1 / span 2;color:#737ea9}html[data-theme=light] .path-stage{scroll-margin-top:24px;margin-bottom:60px}html[data-theme=light] .path-stage-heading{display:flex;align-items:center;gap:20px;margin-bottom:22px}html[data-theme=light] .path-stage-marker{flex:0 0 70px;height:70px;border-radius:50%;border:1px solid #c3cbdd;background:#e7ebf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#344070}html[data-theme=light] .path-stage-marker span{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:22px;line-height:1}html[data-theme=light] .path-stage-heading h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:25px;margin:5px 0 3px}html[data-theme=light] .path-stage-heading p{margin:0;font-size:12px}html[data-theme=light] .path-stage-count{margin-left:auto;white-space:nowrap;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#56618f;background:#e6eaf3;border-radius:100px;padding:8px 11px}html[data-theme=light] .path-course-grid{margin-left:90px}html[data-theme=light] .practice-finish{max-width:760px;margin:10px auto 60px;padding:58px;text-align:center}html[data-theme=light] .practice-filter-heading{margin:18px 0 10px;font-size:13px;color:#414a6e}html[data-theme=light] .practice-finish-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 23px;border-radius:50%;background:#e1e6f3;color:#243370}html[data-theme=light] .practice-finish h2{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:28px;margin:14px 0 8px}html[data-theme=light] .practice-finish-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px}html[data-theme=light] .practice-finish-actions a{display:inline-flex;align-items:center;gap:8px;color:#223066;font-weight:600}html[data-theme=light] .course-summary{flex-wrap:wrap}html[data-theme=light] .course-summary>.learning-actions{width:100%;margin-left:0;padding-top:15px;border-top:1px solid #e2e7f1}html[data-theme=light] .course-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;padding:11px 15px;border-radius:8px;background:#212e62;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}html[data-theme=light] .course-continue:hover{background:#17224d;color:#fff}html[data-theme=light] .course-journey{margin:34px 0 18px;padding:26px 30px;border:1px solid #d5dceb;border-radius:16px;background:linear-gradient(130deg,#ebeff8,#fff)}html[data-theme=light] .course-journey-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}html[data-theme=light] .course-journey h2{margin:8px 0 3px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:21px}html[data-theme=light] .course-journey p{margin:0;font-size:11px}html[data-theme=light] .course-journey-top>a{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#485382;white-space:nowrap}html[data-theme=light] .course-journey-track{height:5px;background:#dde2ed;border-radius:99px;overflow:hidden;margin:22px 0}html[data-theme=light] .course-journey-track span{display:block;height:100%;background:#5e6eab;border-radius:inherit}html[data-theme=light] .course-journey-links{display:flex;justify-content:space-between;align-items:center;gap:15px}html[data-theme=light] .course-journey-links a{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#4c567d;font-weight:600}html[data-theme=light] .course-journey-links a.next{padding:10px 14px;border-radius:8px;background:#212e62;color:#fff}html[data-theme=light] .course-journey-links a.next:hover{background:#17224d}html[data-theme=light] .practice-mistakes{margin:24px auto 0;padding:17px 20px;border-radius:11px;background:#fbf0ec;text-align:left;max-width:560px}html[data-theme=light] .practice-mistakes strong{color:#84513b;font-size:12px}html[data-theme=light] .practice-mistakes>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}html[data-theme=light] .practice-mistakes span{display:inline-block;padding:6px 9px;border-radius:6px;background:#fff;border:1px solid #f0d6cb;color:#6b5045;font-size:11px}html[data-theme=light] .practice-finish-actions{flex-wrap:wrap;gap:12px}@media(max-width:960px){html[data-theme=light] .daily-progress{grid-template-columns:1fr}html[data-theme=light] .daily-progress-goal{border-right:0;border-bottom:1px solid #e3e7f0}html[data-theme=light] .home-action-grid{grid-template-columns:1fr 1fr}html[data-theme=light] .home-action-card:last-child{grid-column:1 / -1;min-height:150px}html[data-theme=light] .path-course-grid{margin-left:0}}@media(max-width:700px){html[data-theme=light] .course-summary{gap:16px}html[data-theme=light] .course-continue{width:100%;margin-left:0}html[data-theme=light] .course-journey{padding:22px 18px}html[data-theme=light] .course-journey-top{flex-direction:column;gap:12px}html[data-theme=light] .course-journey h2{font-size:19px}html[data-theme=light] .course-journey-links a.next{text-align:center}html[data-theme=light] .daily-progress{margin:22px 0 30px}html[data-theme=light] .daily-progress-goal,html[data-theme=light] .daily-progress-week{padding:22px}html[data-theme=light] .home-action-section{margin:32px 0}html[data-theme=light] .home-action-grid,html[data-theme=light] .path-stage-nav{grid-template-columns:1fr}html[data-theme=light] .home-action-card,html[data-theme=light] .home-action-card:last-child{grid-column:auto;min-height:155px}html[data-theme=light] .path-overview{grid-template-columns:1fr}html[data-theme=light] .path-overview-main{padding:30px 24px}html[data-theme=light] .path-overview-progress{border-left:0;border-top:1px solid #ffffff20;flex-direction:row;padding:22px}html[data-theme=light] .path-progress-ring{width:82px;height:82px}html[data-theme=light] .path-progress-ring:before{inset:8px}html[data-theme=light] .path-progress-ring span{font-size:20px}html[data-theme=light] .path-stage-nav{margin:20px 0 38px}html[data-theme=light] .path-stage-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}html[data-theme=light] .path-stage-marker{flex-basis:48px;height:48px}html[data-theme=light] .path-stage-marker span{font-size:16px}html[data-theme=light] .path-stage-marker svg{display:none}html[data-theme=light] .path-stage-heading>div:nth-child(2){flex:1}html[data-theme=light] .path-stage-heading h2{font-size:21px}html[data-theme=light] .path-stage-count{margin-left:60px}html[data-theme=light] .path-course-grid>.course-card:nth-child(3){display:block}html[data-theme=light] .practice-finish{padding:34px 20px}html[data-theme=light] .practice-finish h2{font-size:22px}html[data-theme=light] .practice-finish-actions{flex-direction:column;gap:17px}}html[data-theme=light] .lesson-next-step{margin-top:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#eff2fa,#fdf5f2)}html[data-theme=light] .lesson-next-step h2{margin:8px 0}html[data-theme=light] .lesson-next-step p{margin:0;color:#65716a}html[data-theme=light] .learning-report{margin-top:28px;padding:28px 32px}html[data-theme=light] .learning-report h2{margin:8px 0}html[data-theme=light] .learning-report p{color:#65716a}html[data-theme=light] .learning-report-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}html[data-theme=light] .learning-report-list a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:18px;border:1px solid #e0e4ee;border-radius:14px;color:inherit;text-decoration:none}html[data-theme=light] .learning-report-list a:hover{border-color:#7783b2;background:#f5f7fc}html[data-theme=light] .learning-report-list span{color:#65716a;font-size:13px}html[data-theme=light] .learning-report-track{grid-column:1 / 3;height:6px;background:#e6e9f1;border-radius:8px;overflow:hidden}html[data-theme=light] .learning-report-track i{display:block;height:100%;background:#273b8c;border-radius:inherit}@media(max-width:680px){html[data-theme=light] .lesson-next-step{flex-direction:column;align-items:flex-start;padding:24px}}html[data-theme=light] .today-plan{margin-top:28px;padding:28px 32px}html[data-theme=light] .today-plan-heading h2{margin:8px 0 18px}html[data-theme=light] .today-plan-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html[data-theme=light] .today-plan-items a{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0e4ee;border-radius:14px;text-decoration:none;color:inherit}html[data-theme=light] .today-plan-items a:hover{border-color:#7683b5;background:#f5f7fc}html[data-theme=light] .today-plan-items a>span:nth-child(2){flex:1;min-width:0}html[data-theme=light] .today-plan-items strong,html[data-theme=light] .today-plan-items small{display:block}html[data-theme=light] .today-plan-items small{margin-top:3px;color:#68766d}html[data-theme=light] .today-plan-check{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e7ebf4;color:#1d2b62}html[data-theme=light] .today-plan-items a.done .today-plan-check{background:#d9e0f1}@media(max-width:820px){html[data-theme=light] .today-plan-items{grid-template-columns:1fr}}html[data-theme=light] .textbook-overview{display:grid;gap:15px;padding:28px 32px;margin-bottom:34px;background:linear-gradient(120deg,#f3f5fb,#fef6f3)}html[data-theme=light] .textbook-overview h2{margin:9px 0 5px}html[data-theme=light] .textbook-overview p{margin:0;color:#65716a}html[data-theme=light] .textbook-overview .ant-progress{max-width:560px}html[data-theme=light] .textbook-overview a{width:fit-content}html[data-theme=light] .textbook-unit{margin:34px 0 42px}html[data-theme=light] .textbook-unit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}html[data-theme=light] .textbook-unit-heading h2{margin:7px 0 5px}html[data-theme=light] .textbook-unit-heading p{margin:0;color:#65716a}html[data-theme=light] .textbook-unit-percent{font-size:24px;font-weight:700;color:#1d2b62}html[data-theme=light] .textbook-unit-track{height:7px;margin:17px 0 22px;border-radius:8px;background:#e1e6f1;overflow:hidden}html[data-theme=light] .textbook-unit-track i{display:block;height:100%;border-radius:inherit;background:#273b8c}@media(max-width:680px){html[data-theme=light] .textbook-overview{padding:22px}html[data-theme=light] .textbook-unit{margin:28px 0 34px}}html[data-theme=light] .textbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}html[data-theme=light] .textbook-card{display:grid;grid-template-columns:34% 1fr;min-height:250px;overflow:hidden;border:1px solid #dbe0ec;border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}html[data-theme=light] .textbook-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #2346301a}html[data-theme=light] .textbook-cover{display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(145deg,#c6cfe5,#d8dff0 64%,#f2dbd2);border-right:1px solid #c7cfe2}html[data-theme=light] .textbook-cover>span{font-size:11px;color:#454f76}html[data-theme=light] .textbook-cover strong{font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(32px,4vw,54px);color:#1d2b62;letter-spacing:-.06em}html[data-theme=light] .textbook-cover strong span{color:#cf8261}html[data-theme=light] .textbook-cover small{color:#454f76}html[data-theme=light] .textbook-card-body{display:flex;flex-direction:column;padding:24px;min-width:0}html[data-theme=light] .textbook-card-body h3{margin:16px 0 8px;font-size:19px}html[data-theme=light] .textbook-card-body p{color:#63726a;line-height:1.55;margin:0 0 20px}html[data-theme=light] .textbook-card-body>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:12px;color:#1d2b62}html[data-theme=light] .textbook-card-body>div:last-child span{display:inline-flex;align-items:center;gap:5px}@media(max-width:520px){html[data-theme=light] .textbook-grid{grid-template-columns:1fr}html[data-theme=light] .textbook-card{grid-template-columns:32% 1fr;min-height:220px}html[data-theme=light] .textbook-cover,html[data-theme=light] .textbook-card-body{padding:16px}}@media(min-width:701px){html[data-theme=light] .page:has(.guided-video-workspace){padding-top:18px}}html[data-theme=light] .video-detail-heading{margin-bottom:24px}html[data-theme=light] .video-detail-heading h1{font-size:clamp(29px,2.5vw,38px);line-height:1.2}html[data-theme=light] .guided-video-workspace{grid-template-columns:minmax(0,1.48fr) minmax(315px,1fr);gap:16px;align-items:stretch}html[data-theme=light] .guided-video-workspace .video-player,html[data-theme=light] .guided-video-coach,html[data-theme=light] .guided-sentence-section,html[data-theme=light] .guided-dictation-panel{border:1px solid #dce0eb;border-radius:14px;box-shadow:0 5px 22px #1d3e2b09}html[data-theme=light] .guided-video-workspace .video-player{display:flex;flex-direction:column}html[data-theme=light] .guided-video-workspace .video-surface{flex:1;min-height:0}html[data-theme=light] .guided-video-workspace .video-surface>video{object-fit:cover}html[data-theme=light] .guided-video-workspace .video-start-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,32,24,.43))}html[data-theme=light] .guided-video-workspace .video-start-overlay strong{border-radius:20px;padding:7px 15px;font-size:12px;font-weight:600;letter-spacing:.06em}html[data-theme=light] .guided-video-workspace .player-toolbar{min-height:62px;margin-top:auto;padding:10px 16px;border-top:1px solid #e7eaf2;background:#fff}html[data-theme=light] .guided-video-workspace .player-toolbar>span{margin-left:8px;color:#525b7e;font-size:12px}html[data-theme=light] .guided-video-workspace .player-toolbar>.ant-btn{border-radius:8px;border-color:#dce0eb}html[data-theme=light] .guided-video-coach{max-height:none;min-width:0}html[data-theme=light] .guided-video-coach .subtitle-toolbar{padding:22px 23px 16px;border:0;align-items:flex-start;gap:12px}html[data-theme=light] .guided-video-coach .subtitle-toolbar h3{margin-top:6px;color:#1b2241;font-size:20px;font-weight:650}html[data-theme=light] .guided-video-coach .subtitle-toolbar label{white-space:nowrap;margin-top:6px;color:#576187;font-size:11px}html[data-theme=light] .video-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 20px 19px}html[data-theme=light] .video-learning-steps button{min-width:0;min-height:82px;padding:8px 7px;border:1px solid #e1e5ee;border-radius:10px;background:#f8f9fc;color:#5c668c;text-align:center;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}html[data-theme=light] .video-learning-steps button:hover{transform:translateY(-2px);border-color:#b1bcd6}html[data-theme=light] .video-learning-steps button.active{border-color:#8496c1;background:#e6ebf5;color:#1c2859}html[data-theme=light] .video-learning-steps button>span{display:grid;place-items:center;width:23px;height:23px;margin:0 auto 5px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:700}html[data-theme=light] .video-learning-steps strong,html[data-theme=light] .video-learning-steps small{display:block}html[data-theme=light] .video-learning-steps strong{font-size:12px;line-height:1.35}html[data-theme=light] .video-learning-steps small{margin-top:3px;font-size:9px;opacity:.8}html[data-theme=light] .guided-video-coach .video-current-sentence{margin:0 20px;padding:18px 19px;border-color:#dce1ee;background:#eef1f8}html[data-theme=light] .guided-video-coach .video-current-copy{margin:0}html[data-theme=light] .guided-video-coach .video-current-copy strong{font-size:clamp(22px,2vw,27px);font-weight:600}html[data-theme=light] .guided-video-coach .video-current-copy small{margin:8px 0 0;font-size:12px}html[data-theme=light] .guided-video-coach .video-current-copy p{margin-top:8px}html[data-theme=light] .video-learning-tip{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:8px 10px;border:1px solid #dfe4ef;border-radius:8px;background:#fefbfa;color:#434c71}html[data-theme=light] .video-learning-tip>svg{flex:0 0 auto;color:#d37952}html[data-theme=light] .video-learning-tip b{display:block;font-size:10px}html[data-theme=light] .video-learning-tip p{margin:3px 0 0!important;font-size:10px!important;line-height:1.5}html[data-theme=light] .guided-video-coach .video-current-actions{flex-wrap:wrap;gap:8px;margin-top:18px}html[data-theme=light] .guided-video-coach .video-current-actions .ant-btn{min-height:34px;border-radius:7px;font-size:11px}html[data-theme=light] .guided-video-coach .video-current-actions .ant-btn-primary{flex:1 1 50%;background:#233373}html[data-theme=light] .guided-video-coach .video-current-actions .ant-btn:not(.ant-btn-primary){flex:1 1 30%}html[data-theme=light] .pinyin-page-heading{margin-bottom:21px}html[data-theme=light] .pinyin-page-heading h1{font-size:clamp(30px,3vw,42px)}html[data-theme=light] .pinyin-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);min-height:248px;overflow:hidden;border-radius:18px;background:#121c44;color:#eceff8}html[data-theme=light] .pinyin-hero-copy{padding:33px 38px}html[data-theme=light] .pinyin-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#b0bedd;font-size:11px;font-weight:700;letter-spacing:.11em}html[data-theme=light] .pinyin-hero h2{max-width:620px;margin:15px 0 8px;color:#fef8f5;font-size:clamp(24px,2.5vw,35px);line-height:1.35}html[data-theme=light] .pinyin-hero p{max-width:530px;margin:0 0 18px;color:#b7c1d8;font-size:12px}html[data-theme=light] .pinyin-hero a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:7px;background:#e4e9f4;color:#1c2857;font-size:12px;font-weight:700}html[data-theme=light] .pinyin-hero-visual{position:relative;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;justify-items:center;gap:8px;padding:25px 35px 48px;background:radial-gradient(circle at 50% 45%,#3e4b82,#1e2a59 64%,#151f49)}html[data-theme=light] .pinyin-hero-visual>span{display:grid;place-items:center;width:90px;height:75px;border:1px solid #ffffff30;border-radius:11px;background:#ffffff13;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:31px;color:#dfe5f4}html[data-theme=light] .pinyin-hero-visual>span:nth-child(2),html[data-theme=light] .pinyin-hero-visual>span:nth-child(3){transform:translateY(8px)}html[data-theme=light] .pinyin-hero-visual small{position:absolute;bottom:20px;color:#b1bcd7;font-size:9px;letter-spacing:.13em}html[data-theme=light] .pinyin-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:32px 0 14px}html[data-theme=light] .pinyin-section-heading h2{margin:5px 0 0;font-size:22px}html[data-theme=light] .pinyin-section-heading>span{color:#8b998b;font-size:11px}html[data-theme=light] .pinyin-level-nav{margin:0;gap:13px}html[data-theme=light] .pinyin-level-nav button{position:relative;min-height:150px;gap:5px;padding:20px 22px;border-radius:13px;transition:transform .18s,box-shadow .18s,border-color .18s}html[data-theme=light] .pinyin-level-nav button:hover{transform:translateY(-3px);border-color:#98a6c5;box-shadow:0 10px 25px #1d483018}html[data-theme=light] .pinyin-level-nav button.active{border-color:#606fa9;background:#e7ebf5;box-shadow:inset 0 3px #314181}html[data-theme=light] .pinyin-stage-number{color:#8c99b8!important;font-size:11px!important;letter-spacing:.14em}html[data-theme=light] .pinyin-level-nav strong{margin-top:4px;color:#222c51;font-size:21px}html[data-theme=light] .pinyin-level-nav span:not(.pinyin-stage-number){max-width:230px;line-height:1.5}html[data-theme=light] .pinyin-level-nav small{margin-top:auto}html[data-theme=light] .pinyin-stage-arrow{position:absolute;top:20px;right:20px;color:#6e7aaa}html[data-theme=light] .pinyin-library-heading{margin-top:36px;scroll-margin-top:90px}html[data-theme=light] .pinyin-group-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}html[data-theme=light] .pinyin-group-tabs button{padding:8px 14px;border:1px solid #dbe0eb;border-radius:999px;background:#fff;color:#566087;font-size:11px}html[data-theme=light] .pinyin-group-tabs button:hover{border-color:#9eabc9}html[data-theme=light] .pinyin-group-tabs button.active{border-color:#1e2c64;background:#1e2c64;color:#fff}html[data-theme=light] .pinyin-catalog-toolbar{margin-bottom:18px;padding:13px 16px;border:1px solid #dfe4ee;border-radius:12px;background:#fff}html[data-theme=light] .pinyin-catalog-toolbar .ant-input-search{max-width:420px}html[data-theme=light] .pinyin-catalog-toolbar .result-count{margin-left:auto}html[data-theme=light] .pinyin-content-grid{gap:14px}html[data-theme=light] .pinyin-sound-card{display:flex;flex-direction:column;min-width:0;min-height:196px;padding:20px 22px 17px;border:1px solid #dce1ec;border-radius:13px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}html[data-theme=light] .pinyin-sound-card:hover{transform:translateY(-3px);border-color:#8293bb;box-shadow:0 12px 26px #214c3214}html[data-theme=light] .pinyin-sound-card-top,html[data-theme=light] .pinyin-sound-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}html[data-theme=light] .pinyin-sound-card-top{color:#7d86aa;font-size:10px;letter-spacing:.08em}html[data-theme=light] .pinyin-sound-card-top span:last-child{padding:4px 9px;border-radius:999px;background:#ebeef6;color:#3b497f;letter-spacing:0}html[data-theme=light] .pinyin-sound-card-main{display:flex;flex-direction:column;justify-content:center;min-height:99px}html[data-theme=light] .pinyin-sound-card-main strong{color:#1d264c;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(25px,2.5vw,37px);font-weight:600;line-height:1.28;overflow-wrap:anywhere}html[data-theme=light] .pinyin-sound-card-main>span{margin-top:4px;color:#6672a3;font-size:12px;letter-spacing:.05em}html[data-theme=light] .pinyin-sound-card-foot{margin-top:auto;padding-top:11px;border-top:1px solid #e8ebf3;color:#8a988b;font-size:11px}html[data-theme=light] .pinyin-sound-card-foot svg{color:#31417f}html[data-theme=light] .pinyin-detail-heading{margin-bottom:18px}html[data-theme=light] .pinyin-detail-heading h1{font-size:clamp(27px,2.6vw,37px)}html[data-theme=light] .pinyin-detail-overline{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;color:#6a75a3;font-size:10px;font-weight:700;letter-spacing:.12em}html[data-theme=light] .pinyin-detail-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:stretch}html[data-theme=light] .pinyin-sound-stage,html[data-theme=light] .pinyin-guide-panel{min-width:0;overflow:hidden;border:1px solid #d7ddec;border-radius:16px}html[data-theme=light] .pinyin-sound-stage{display:flex;flex-direction:column;min-height:470px;background:#e7ebf5}html[data-theme=light] .pinyin-stage-top,html[data-theme=light] .pinyin-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px}html[data-theme=light] .pinyin-stage-top{color:#6c77a3;font-size:10px;font-weight:700;letter-spacing:.1em}html[data-theme=light] .pinyin-stage-top button,html[data-theme=light] .pinyin-stage-bottom>button{display:flex;align-items:center;gap:7px;padding:5px;border:0;background:transparent;color:#57628d;font-size:11px;letter-spacing:0}html[data-theme=light] .pinyin-stage-display{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:15px 22px;text-align:center}html[data-theme=light] .pinyin-target-label{margin-bottom:16px;color:#7f89b1;font-size:9px;font-weight:700;letter-spacing:.2em}html[data-theme=light] .pinyin-stage-roman{color:#5e6ca2;font-size:clamp(22px,2.5vw,31px);letter-spacing:.13em}html[data-theme=light] .pinyin-stage-display strong{margin:15px 0 4px;color:#1d264c;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:clamp(46px,6vw,83px);font-weight:500;line-height:1.35;overflow-wrap:anywhere}html[data-theme=light] .pinyin-stage-display strong.long{font-size:clamp(29px,4vw,55px)}html[data-theme=light] .pinyin-stage-display p{margin:0;font-size:14px}html[data-theme=light] .pinyin-stage-bottom{border-top:1px solid #d7ddec}html[data-theme=light] .pinyin-stage-audio{display:flex;flex-wrap:wrap;gap:8px}html[data-theme=light] .pinyin-stage-audio>span{color:#6e789f;font-size:11px}html[data-theme=light] .pinyin-stage-audio .ant-btn{min-height:36px;border-radius:8px}html[data-theme=light] .pinyin-guide-panel{display:flex;flex-direction:column;gap:14px;padding:24px;background:#fff}html[data-theme=light] .pinyin-guide-heading h2{margin:7px 0 0;color:#222b4f;font-size:22px}html[data-theme=light] .pinyin-guide-text{padding:18px;border-radius:10px;background:#f0f3f9}html[data-theme=light] .pinyin-guide-text>span,html[data-theme=light] .pinyin-recording-note>div,html[data-theme=light] .pinyin-guide-note b{color:#5c6898;font-size:10px;font-weight:700;letter-spacing:.08em}html[data-theme=light] .pinyin-guide-text p{margin:8px 0 0;color:#384164;font-size:14px;line-height:1.8}html[data-theme=light] .pinyin-recording-note{display:flex;flex-direction:column;align-items:flex-start;padding:17px 18px;border:1px solid #eaddd8;border-radius:10px;background:#fbf6f4}html[data-theme=light] .pinyin-recording-note>div{display:flex;align-items:center;gap:8px}html[data-theme=light] .pinyin-recording-note strong{margin-top:12px;color:#283157;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:29px;font-weight:500}html[data-theme=light] .pinyin-recording-note>span{color:#67729f;font-size:13px}html[data-theme=light] .pinyin-recording-note small{margin-top:10px;color:#7b84ab;font-size:10px}html[data-theme=light] .pinyin-guide-note{padding:0 2px}html[data-theme=light] .pinyin-guide-note strong{display:block;margin-top:7px;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:23px}html[data-theme=light] .pinyin-guide-note p{margin:6px 0 0;font-size:12px}html[data-theme=light] .pinyin-tone-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}html[data-theme=light] .pinyin-tone-strip>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:17px 20px;border:1px solid #d9dfec;border-radius:11px;background:#fff}html[data-theme=light] .pinyin-tone-strip span{color:#848daf;font-size:10px}html[data-theme=light] .pinyin-tone-strip b{color:#5f6ea8;font-size:26px;line-height:1}html[data-theme=light] .pinyin-tone-strip strong{color:#212c58;font-size:21px}html[data-theme=light] .pinyin-tone-strip small{justify-self:end;font-family:DM Sans,Noto Sans SC,sans-serif;font-size:22px}html[data-theme=light] .pinyin-practice-heading{margin:34px 0 15px}html[data-theme=light] .pinyin-practice-heading h2{margin:7px 0 0;font-size:22px}html[data-theme=light] .pinyin-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}html[data-theme=light] .pinyin-practice-grid>div{min-height:156px;padding:19px;border:1px solid #dbe0ec;border-radius:11px;background:#fff}html[data-theme=light] .pinyin-practice-grid>div>span{float:right;color:#939fbb;font-size:10px}html[data-theme=light] .pinyin-practice-grid svg{color:#314181}html[data-theme=light] .pinyin-practice-grid h3{margin:13px 0 4px;font-size:16px}html[data-theme=light] .pinyin-practice-grid p{margin:0;font-size:11px}html[data-theme=light] .pinyin-detail .recorder{margin-top:16px}html[data-theme=light] .pinyin-detail-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 35px}html[data-theme=light] .pinyin-detail-actions>.ant-btn,html[data-theme=light] .pinyin-detail-actions>div{min-width:0}html[data-theme=light] .pinyin-detail-actions>a .ant-btn{display:flex;align-items:center;gap:7px}@media(max-width:1000px){html[data-theme=light] .pinyin-detail-workspace{grid-template-columns:1fr}html[data-theme=light] .pinyin-sound-stage{min-height:390px}}@media(max-width:700px){html[data-theme=light] .pinyin-hero{grid-template-columns:1fr}html[data-theme=light] .pinyin-hero-copy{padding:26px}html[data-theme=light] .pinyin-hero h2{font-size:26px}html[data-theme=light] .pinyin-hero-visual{min-height:160px;grid-template-columns:repeat(4,1fr);padding:20px 16px 44px}html[data-theme=light] .pinyin-hero-visual>span{width:63px;height:57px;font-size:22px}html[data-theme=light] .pinyin-hero-visual>span:nth-child(2),html[data-theme=light] .pinyin-hero-visual>span:nth-child(3){transform:none}html[data-theme=light] .pinyin-section-heading>span{display:none}html[data-theme=light] .pinyin-level-nav{grid-template-columns:1fr}html[data-theme=light] .pinyin-level-nav button{min-height:125px}html[data-theme=light] .pinyin-group-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}html[data-theme=light] .pinyin-group-tabs button{flex:0 0 auto}html[data-theme=light] .pinyin-catalog-toolbar{flex-wrap:wrap}html[data-theme=light] .pinyin-catalog-toolbar .ant-input-search{max-width:none}html[data-theme=light] .pinyin-content-grid{grid-template-columns:1fr}html[data-theme=light] .pinyin-sound-card{min-height:170px}html[data-theme=light] .pinyin-sound-stage{min-height:350px}html[data-theme=light] .pinyin-stage-top,html[data-theme=light] .pinyin-stage-bottom{padding:15px}html[data-theme=light] .pinyin-stage-audio .ant-btn{font-size:10px}html[data-theme=light] .pinyin-guide-panel{padding:20px}html[data-theme=light] .pinyin-tone-strip{grid-template-columns:repeat(2,1fr)}html[data-theme=light] .pinyin-practice-grid{grid-template-columns:1fr}html[data-theme=light] .pinyin-practice-grid>div{min-height:0}html[data-theme=light] .pinyin-detail-actions{align-items:stretch;flex-direction:column}}html[data-theme=light] .guided-video-coach .subtitle-options{margin-top:auto;padding:15px 22px;border-top:1px solid #eaedf3;color:#576187;font-size:11px}html[data-theme=light] .guided-sentence-section{margin-top:19px;overflow:hidden;background:#fff}html[data-theme=light] .guided-sentence-section .subtitle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}html[data-theme=light] .guided-sentence-section .subtitle-list>button{min-width:0;min-height:126px;padding:21px 18px;border-top:0;border-right:1px solid #eaedf3;cursor:pointer}html[data-theme=light] .guided-sentence-section .subtitle-list>button:last-child{border-right:0}html[data-theme=light] .guided-sentence-section .subtitle-list>button.active{box-shadow:inset 0 4px #35437e}html[data-theme=light] .guided-sentence-section .subtitle-index{min-width:21px;font-size:11px;color:#6370a0}html[data-theme=light] .guided-sentence-section .subtitle-list strong{color:#222a4c;font-size:18px;font-weight:600}html[data-theme=light] .guided-sentence-section .subtitle-list small,html[data-theme=light] .guided-sentence-section .subtitle-list p{font-size:11px}html[data-theme=light] .guided-sentence-section .subtitle-time{margin-top:10px;font-size:9px}html[data-theme=light] .guided-dictation-panel{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(300px,1.3fr) auto;align-items:center;gap:18px;margin-top:19px;padding:22px 24px}html[data-theme=light] .guided-dictation-panel h2{margin:7px 0 11px;color:#1e2648;font-size:18px}html[data-theme=light] .guided-dictation-panel>div:first-child p{margin:0;font-size:11px}html[data-theme=light] .guided-dictation-panel .dictation-input{min-height:76px;padding:13px 15px;background:#f8fafd}html[data-theme=light] .guided-dictation-panel .dictation-actions{flex-direction:column;margin:0}html[data-theme=light] .guided-dictation-panel .dictation-actions .ant-btn{justify-content:center;white-space:nowrap}html[data-theme=light] .guided-dictation-panel>.ant-alert{grid-column:1 / -1}html[data-theme=light] .guided-recorder-panel{scroll-margin-top:80px}@media(max-width:1180px){html[data-theme=light] .guided-video-workspace{grid-template-columns:1fr}html[data-theme=light] .guided-video-coach{max-height:none}html[data-theme=light] .guided-dictation-panel{grid-template-columns:1fr auto}html[data-theme=light] .guided-dictation-panel>div:first-child{grid-column:1 / -1}}@media(max-width:700px){html[data-theme=light] .video-detail-heading{margin-bottom:18px}html[data-theme=light] .guided-video-coach .subtitle-toolbar{padding:20px 18px 15px}html[data-theme=light] .video-learning-steps,html[data-theme=light] .guided-video-coach .video-current-sentence{margin-inline:16px}html[data-theme=light] .guided-sentence-section .subtitle-list{grid-template-columns:1fr}html[data-theme=light] .guided-sentence-section .subtitle-list>button{min-height:0;border-right:0;border-bottom:1px solid #eaedf3}html[data-theme=light] .guided-dictation-panel{grid-template-columns:1fr;padding:21px}html[data-theme=light] .guided-dictation-panel>div:first-child,html[data-theme=light] .guided-dictation-panel>.ant-alert{grid-column:auto}html[data-theme=light] .guided-dictation-panel .dictation-actions{flex-direction:row}}@media(max-width:420px){html[data-theme=light] .guided-video-workspace .player-toolbar{gap:6px;padding:10px}html[data-theme=light] .guided-video-workspace .player-toolbar>span{margin-left:2px}html[data-theme=light] .guided-video-coach .subtitle-toolbar{flex-direction:column}html[data-theme=light] .video-learning-steps button{min-height:86px}html[data-theme=light] .video-learning-steps small{display:none}}html[data-theme=light]{--hp-ink: #202b45;--hp-muted: #65718a;--hp-primary: #465cf5;--hp-primary-dark: #3447cd;--hp-line: #e3e8f2;--hp-surface: #fff;--hp-canvas: #f6f8fc;--hp-coral: #ff8a70;font-family:DM Sans,Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--hp-ink);background:var(--hp-canvas)}html[data-theme=light] p{color:var(--hp-muted)}html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible,html[data-theme=light] input:focus-visible,html[data-theme=light] textarea:focus-visible{outline:3px solid #a7b3ff;outline-offset:3px}html[data-theme=light] ::selection{background:#dce2ff}html[data-theme=light] .sidebar{background:#fff;border-right:1px solid var(--hp-line)}html[data-theme=light] .brand{height:86px;padding:21px 23px}html[data-theme=light] .brand-mark{width:42px;height:42px;line-height:39px;background:var(--hp-primary);border-radius:13px;font:800 30px/42px DM Sans,sans-serif;letter-spacing:-3px;box-shadow:0 7px 18px #465cf531}html[data-theme=light] .brand-mark>span{color:var(--hp-coral);right:7px;bottom:-4px;font-size:24px}html[data-theme=light] .brand b{color:#1e2945;font-size:22px;font-weight:800;letter-spacing:-1.2px}html[data-theme=light] .brand b span{color:var(--hp-primary)}html[data-theme=light] .brand small{color:#7d88a1;font-size:9px}html[data-theme=light] .nav-group{margin-bottom:19px}html[data-theme=light] .nav-label{color:#8a94ab;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:11px}html[data-theme=light] .nav-group a,html[data-theme=light] .admin-link{min-height:42px;height:auto;font-size:12px;font-weight:600;border-radius:10px;color:#5c6882}html[data-theme=light] .nav-group a:hover,html[data-theme=light] .admin-link:hover{background:#f1f4ff;color:var(--hp-primary-dark)}html[data-theme=light] .nav-group a.active{background:#e9edff;color:#3447cf;font-weight:800}html[data-theme=light] .nav-group a.active:before{background:var(--hp-primary);width:3px;border-radius:3px}html[data-theme=light] .new-dot{background:var(--hp-coral);width:6px;height:6px}html[data-theme=light] .grow-note{background:#f4f6ff;border-color:#e9edff;color:#566693;font-size:11px}html[data-theme=light] .guest-avatar{background:#e9edff;color:var(--hp-primary)}html[data-theme=light] .sidebar-bottom{border-top:1px solid var(--hp-line)}html[data-theme=light] .topbar{background:#fff;border-bottom-color:var(--hp-line);height:72px}html[data-theme=light] .breadcrumb{color:#7d88a0;font-size:12px}html[data-theme=light] .breadcrumb strong{color:var(--hp-ink);font-weight:700}html[data-theme=light] .search-trigger{color:#66728b;font-size:12px}html[data-theme=light] .search-trigger:hover,html[data-theme=light] .language-switch.ant-btn:hover{color:var(--hp-primary)}html[data-theme=light] .search-trigger kbd{color:#8b94a7;border-color:var(--hp-line)}html[data-theme=light] .language-switch.ant-btn{color:#4f5d7b;font-size:12px;font-weight:700}html[data-theme=light] .local-badge{color:#53627e;border-color:var(--hp-line);border-radius:8px;font-size:10px}html[data-theme=light] .local-badge i{background:#34b793}html[data-theme=light] .page{max-width:1540px;padding-top:40px}html[data-theme=light] .page-heading h1{font-size:clamp(28px,2.4vw,38px);font-weight:800;letter-spacing:-.045em;line-height:1.2;color:var(--hp-ink)}html[data-theme=light] .page-heading p{color:var(--hp-muted);font-size:13px;line-height:1.65}html[data-theme=light] .eyebrow{color:var(--hp-primary);font-size:10px;font-weight:800;letter-spacing:.12em}html[data-theme=light] .tiny-line{height:2px;background:var(--hp-primary)}html[data-theme=light] .heading-dot{color:var(--hp-coral);font-size:38px;line-height:0;margin-left:3px}html[data-theme=light] .date-note{color:#6c7790;font-size:11px}html[data-theme=light] .date-note svg{color:#f2a245}html[data-theme=light] .hero{min-height:352px;border-radius:22px;border-color:#dfe5ff;background:radial-gradient(circle at 100% 0%,#d6ddff 0,transparent 42%),linear-gradient(115deg,#edf0ff,#f9faff)}html[data-theme=light] .hero-copy{padding:36px 0 36px 38px;width:55%}html[data-theme=light] .hero-label{color:#5368dd;font-size:10px;font-weight:800;letter-spacing:.08em}html[data-theme=light] .hero-label>span{background:var(--hp-coral);width:7px;height:7px}html[data-theme=light] .hero h2{color:#1f2d55;font-size:clamp(30px,2.6vw,42px);font-weight:800;line-height:1.16;letter-spacing:-.045em}html[data-theme=light] .hero p{color:#5f6c89;font-size:12px;line-height:1.7;max-width:330px}html[data-theme=light] .hero .ant-btn{height:43px;padding:0 20px;font-size:12px;font-weight:700;border-radius:10px}html[data-theme=light] .hero-bottom{color:#697594;font-size:10px}html[data-theme=light] .hero-art{inset:0 10px 0 55%}html[data-theme=light] .hero-lesson-preview{position:relative;display:flex;flex-direction:column;align-items:center;width:min(90%,260px);min-height:276px;padding:20px 25px 18px;border:1px solid #dfe5ff;border-radius:20px;background:#fff;box-shadow:0 18px 45px #343e8824;transform:rotate(3deg)}html[data-theme=light] .preview-eyebrow{align-self:flex-start;color:#7e8aaa;font-size:9px;font-weight:800;letter-spacing:.12em}html[data-theme=light] .preview-icon{display:grid;place-items:center;width:38px;height:38px;margin-top:8px;border-radius:12px;background:#e9edff;color:var(--hp-primary)}html[data-theme=light] .hero-lesson-preview small{margin-top:10px;color:#6474bc;font-size:13px;letter-spacing:.13em}html[data-theme=light] .hero-lesson-preview strong{color:#253459;font-size:49px;line-height:1.2;font-weight:700}html[data-theme=light] .preview-translation{color:#64718d;font-size:11px}html[data-theme=light] .preview-wave{display:flex;height:22px;align-items:center;gap:4px;margin-top:13px}html[data-theme=light] .preview-wave i{width:3px;height:8px;border-radius:3px;background:#6e80ff}html[data-theme=light] .preview-wave i:nth-child(3n){height:18px}html[data-theme=light] .preview-wave i:nth-child(4n){height:13px;background:var(--hp-coral)}html[data-theme=light] .preview-progress{width:100%;height:5px;margin-top:12px;border-radius:10px;background:#e9edfa;overflow:hidden}html[data-theme=light] .preview-progress span{display:block;width:40%;height:100%;border-radius:inherit;background:var(--hp-primary)}html[data-theme=light] .preview-caption{align-self:flex-end;margin-top:8px;font-size:8px;font-weight:800;color:#8a96b0;letter-spacing:.08em}html[data-theme=light] .daily-card,html[data-theme=light] .course-card,html[data-theme=light] .white-panel,html[data-theme=light] .test-card,html[data-theme=light] .video-card,html[data-theme=light] .question-panel,html[data-theme=light] .practice-tip,html[data-theme=light] .pinyin-sound-card,html[data-theme=light] .path-stage,html[data-theme=light] .textbook-card{border-color:var(--hp-line);border-radius:16px;box-shadow:0 6px 22px #25345b08}html[data-theme=light] .daily-card{background:#fff}html[data-theme=light] .daily-card h2{font-weight:700}html[data-theme=light] .card-top-label{color:var(--hp-primary);font-size:9px;font-weight:800}html[data-theme=light] .course-card:hover,html[data-theme=light] .video-card:hover,html[data-theme=light] .pinyin-sound-card:hover,html[data-theme=light] .textbook-card:hover{border-color:#aab6ff;box-shadow:0 14px 30px #3548a61c}html[data-theme=light] .course-art{background:#e6eaff}html[data-theme=light] .course-art.peach{background:#fff0ea}html[data-theme=light] .course-art.blue{background:#e8f5ff}html[data-theme=light] .art-word{color:#394dce;font-weight:700;letter-spacing:.02em;padding-left:0}html[data-theme=light] .peach .art-word{color:#bd5e55}html[data-theme=light] .blue .art-word{color:#2975ac}html[data-theme=light] .art-orbit{width:170px;height:170px;right:-90px;top:40px;border-width:2px;border-color:#cdd5ff}html[data-theme=light] .art-orbit:before{border-color:#d8deff}html[data-theme=light] .art-seal{border:0;border-radius:7px;padding:5px 7px;background:#fff9;font-size:10px;font-weight:800}html[data-theme=light] .course-body h3,html[data-theme=light] .section-title h2{font-weight:800;color:var(--hp-ink)}html[data-theme=light] .course-body>p,html[data-theme=light] .course-meta,html[data-theme=light] .course-bottom{color:var(--hp-muted)}html[data-theme=light] .auth-layout{border-radius:22px;border-color:var(--hp-line);box-shadow:0 20px 50px #263b7220}html[data-theme=light] .auth-story,html[data-theme=light] .login-auth-layout .auth-story{background:radial-gradient(circle at 95% 85%,#6e83ff,transparent 35%),linear-gradient(155deg,#263692,#4e63e8);color:#fff}html[data-theme=light] .auth-story:after{border-color:#fff4}html[data-theme=light] .auth-story .eyebrow{opacity:.75}html[data-theme=light] .auth-hanzi{font-weight:800;letter-spacing:-.07em}html[data-theme=light] .auth-hanzi>span{color:#ffa88c}html[data-theme=light] .auth-pinyin{opacity:.75;letter-spacing:.2em}html[data-theme=light] .auth-story h2{font-weight:800;font-size:30px}html[data-theme=light] .auth-story>p{opacity:.76;font-size:12px}html[data-theme=light] .auth-form h1{font-weight:800}html[data-theme=light] .login-auth-layout{background:#f7f8ff}html[data-theme=light] .login-auth-panel>div .form-container{border-color:#e3e8f2;border-radius:20px;box-shadow:0 16px 40px #253b761c}html[data-theme=light] .login-auth-panel>div .form-btn{background:var(--hp-primary);border-radius:11px;box-shadow:0 9px 20px #465cf534}html[data-theme=light] .login-auth-panel>div .input{border-radius:10px;background:#fff}html[data-theme=light] .login-auth-panel>div .input:focus{border-color:var(--hp-primary);box-shadow:0 0 0 3px #dce2ff}html[data-theme=light] .ant-btn-primary{font-weight:700;box-shadow:none}html[data-theme=light] .ant-btn-default{border-color:#dbe2ef;color:#405070}html[data-theme=light] .ant-btn-default:hover{border-color:#aab6ff}html[data-theme=light] .ant-input,html[data-theme=light] .ant-input-affix-wrapper,html[data-theme=light] .ant-select-selector{border-color:#dce3ef}html[data-theme=light] .footer{color:#7a8499}@media(max-width:700px){html[data-theme=light] .page{padding:22px 17px 30px}html[data-theme=light] .page-heading h1{font-size:29px}html[data-theme=light] .hero{min-height:0;padding-bottom:15px;flex-direction:column;align-items:stretch}html[data-theme=light] .hero-copy{padding:27px;width:100%}html[data-theme=light] .hero h2{font-size:31px}html[data-theme=light] .hero p{max-width:100%}html[data-theme=light] .hero-art{position:relative;inset:auto;width:100%;padding:0 20px 15px}html[data-theme=light] .hero-lesson-preview{min-height:220px;width:100%;transform:none;padding:15px 20px}html[data-theme=light] .hero-lesson-preview strong{font-size:36px}html[data-theme=light] .preview-icon{margin-top:3px}}html[data-theme=light]{--hp-ink: #1d2538;--hp-muted: #58627a;--hp-primary: #6246d9;--hp-primary-dark: #5034bd;--hp-line: #d6dbe6;--hp-surface: #fff;--hp-canvas: #f6f7fb;--hp-coral: #8064e8;color-scheme:light}html[data-theme=light] body{background:var(--hp-canvas)}html[data-theme=light] .brand-mark{background:var(--hp-primary)}html[data-theme=light] .brand-mark>span,html[data-theme=light] .heading-dot{color:#8064e8}html[data-theme=light] .nav-group a.active{color:#5034bd;background:#eeeafb}html[data-theme=light] .nav-group a.active:before{background:var(--hp-primary)}html[data-theme=light] .hero{background:linear-gradient(125deg,#f0edff,#f7f8fc);border-color:#ded8f8}html[data-theme=light] .hero h2{color:var(--hp-ink)}html[data-theme=light] .hero-lesson-preview{background:#fff;border-color:#ddd8ef}html[data-theme=light] .path-primary-link,html[data-theme=light] .path-primary-link:hover{background:var(--hp-primary);color:#fff}html[data-theme=light] .path-progress-ring{background:conic-gradient(var(--hp-primary) var(--progress),#e3e5ee 0)}html[data-theme=light] .path-overview-progress{background:#f1effb;border-left-color:var(--hp-line)}html[data-theme=light] .path-overview-progress>div:last-child,html[data-theme=light] .path-overview-progress strong{color:#293451}html[data-theme=light] .daily-progress-track span{background:var(--hp-primary)}html[data-theme=light] .auth-story,html[data-theme=light] .login-auth-layout .auth-story{background:linear-gradient(145deg,#5942bb,#9b81e8)}html[data-theme=light] .auth-story .eyebrow,html[data-theme=light] .auth-hanzi,html[data-theme=light] .auth-pinyin,html[data-theme=light] .auth-story h2,html[data-theme=light] .auth-story>p{color:#fff}html[data-theme=light] .login-auth-panel>div .form-container{background:#fff;border-color:#dce1ec;box-shadow:0 16px 40px #2934571a}html[data-theme=light] .login-auth-panel>div .title{color:var(--hp-ink)}html[data-theme=light] .login-auth-panel>div .login-intro,html[data-theme=light] .login-auth-panel>div .sign-up-label{color:var(--hp-muted)}html[data-theme=light] .login-auth-panel>div .form>label{color:#34415d}html[data-theme=light] .login-auth-panel>div .input{color:var(--hp-ink);background:#fff;border-color:#cbd2df}html[data-theme=light] .login-auth-panel>div .input:focus{border-color:var(--hp-primary);box-shadow:0 0 0 3px #e7e1ff}html[data-theme=light] .login-auth-panel>div .form-btn{background:var(--hp-primary);color:#fff}html[data-theme=light] .login-auth-panel>div .form-btn:hover:not(:disabled){background:var(--hp-primary-dark)}html[data-theme=light] .login-auth-panel>div .sign-up-link,html[data-theme=light] .login-auth-panel>div .page-link-label{color:var(--hp-primary-dark)}html[data-theme=light] .login-auth-panel>div .google-login-button{background:#fff;color:#25314d;border-color:#d6dbe6}html[data-theme=light] .login-auth-panel>div .apple-login-button{background:#20283b;color:#fff}html[data-theme=light] .ant-btn-primary,html[data-theme=light] .ant-btn-primary:hover{color:#fff}html[data-theme=light] .ant-table-wrapper .ant-table,html[data-theme=light] .ant-modal .ant-modal-content,html[data-theme=light] .ant-drawer .ant-drawer-content{background:#fff;color:var(--hp-ink)}html[data-theme=light] .ant-table-wrapper .ant-table-thead>tr>th{background:#f3f4fa;color:#3c4760}html[data-theme=light] .ant-table-wrapper .ant-table-tbody>tr>td{border-bottom-color:#e3e7ef}html[data-theme=light] .ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#f6f4fd}html[data-theme=light] .pinyin-mouth-guide{background:#f7f5fc;border-color:#e3dff1}html[data-theme=light] .pinyin-mouth-head strong,html[data-theme=light] .pinyin-mouth-guide p{color:#24243b}html[data-theme=light] .pinyin-mouth-head button{color:#514d6b;border-color:#cac4dc}html[data-theme=light] .pinyin-mouth-guide small{color:#67617c}html[data-theme]{font-size:15px}html[data-theme] body{font-weight:500;line-height:1.5}html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{font-weight:750}html[data-theme] p{line-height:1.7}html[data-theme] .nav-group a,html[data-theme] .admin-link{font-size:13px;font-weight:650}html[data-theme] .nav-label{font-size:10px;font-weight:750}html[data-theme] .breadcrumb,html[data-theme] .search-trigger,html[data-theme] .language-switch.ant-btn{font-size:12px;font-weight:650}html[data-theme] .page-heading p,html[data-theme] .hero p,html[data-theme] .course-body>p,html[data-theme] .question-panel p,html[data-theme] .path-overview p{font-size:13px}html[data-theme] .eyebrow{font-size:10px;font-weight:800}html[data-theme] .course-body h3,html[data-theme] .section-title h2,html[data-theme] .question-panel h2{font-weight:750}html[data-theme] .ant-btn,html[data-theme] .ant-input,html[data-theme] .ant-select,html[data-theme] .answer-options{font-size:13px}html[data-theme] .ant-btn-primary{font-weight:750}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:5px 10px;border:1px solid var(--hp-line);border-radius:9px;background:var(--hp-surface);color:var(--hp-ink);font-size:12px;font-weight:700;white-space:nowrap;transition:border-color .15s,background .15s}.theme-toggle:hover{border-color:var(--hp-primary);background:color-mix(in srgb,var(--hp-primary) 12%,var(--hp-surface))}.theme-toggle svg{color:var(--hp-primary)}.auth-standalone{display:flex;flex-direction:column;min-height:100vh;background:var(--hp-canvas);color:var(--hp-ink)}.auth-standalone-header{width:100%;min-height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--hp-line);background:var(--hp-surface)}.auth-standalone-header .brand{height:auto;padding:0}.auth-header-actions{display:flex;align-items:center;gap:12px}.auth-back-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;color:var(--hp-muted);font-size:12px;font-weight:700;white-space:nowrap}.auth-back-link:hover{color:var(--hp-primary)}.auth-standalone-main{flex:1;display:grid;place-items:center;width:100%;padding:35px 20px}.auth-standalone-main .auth-layout{width:min(100%,1060px);margin:0}.auth-standalone-main .auth-form{width:100%}.auth-standalone-footer{padding:12px 20px 22px;text-align:center;color:var(--hp-muted);font-size:11px}@media(max-width:700px){.topbar-right{gap:5px}.theme-toggle{min-width:34px;padding:5px 8px}.theme-toggle span,.auth-back-link{display:none}.auth-standalone-header{min-height:68px;padding:0 16px}.auth-standalone-header .brand small{display:none}.auth-standalone-main{padding:20px 12px}}html[data-theme=light]{color:#161345;background:#fbf8f4;--hp-ink: #161345;--hp-muted: #626b8b;--hp-primary: #6039e8;--hp-primary-dark: #4d2ccd;--hp-line: #eee9e3;--hp-surface: #fffdfb;--hp-canvas: #fbf8f4}html[data-theme=light] body,html[data-theme=light] .app-shell,html[data-theme=light] .main-shell,html[data-theme=light] .page{background:#fbf8f4}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3{color:#161345;font-weight:800}html[data-theme=light] p{color:#626b8b}html[data-theme=light] .ant-btn-primary,html[data-theme=light] .primary-btn,html[data-theme=light] .path-primary-link{background:#6039e8;border-color:#6039e8;color:#fff}html[data-theme=light] .ant-btn-primary:hover{background:#4d2ccd!important}html[data-theme=light] .topbar,html[data-theme=light] .sidebar{background:#fffcf9;border-color:#eee9e3}html[data-theme=light] .sidebar .brand-mark{background:#633feb;color:#fff}html[data-theme=light] .nav-group a.active{color:#6039e8;background:#f0eaff}html[data-theme=light] .nav-group a:hover{color:#6039e8;background:#f5f0ff}html[data-theme=light] .white-panel,html[data-theme=light] .course-card,html[data-theme=light] .catalog-card,html[data-theme=light] .stats-card{background:#fffdfb;border-color:#eee9e3}html[data-theme=light] .eyebrow{color:#6746e8}.skip-link{position:fixed;top:-80px;left:105px;z-index:200;padding:11px 16px;border-radius:10px;background:#6039e8;color:#fff!important;font-weight:800}.skip-link:focus{top:12px}html[data-theme=light] :is(a,button,input,textarea):focus-visible{outline:3px solid #6845ed;outline-offset:3px}@media(min-width:961px){.sidebar{width:250px!important;align-items:stretch}.sidebar .brand{width:100%;height:92px;padding:22px 21px;justify-content:flex-start}.sidebar .brand-mark{width:48px;height:48px;line-height:46px}.sidebar-scroll{width:100%;padding:0 14px}.sidebar .nav-group{margin:0 0 17px}.sidebar .nav-label{font-size:10px;height:auto;margin:8px 12px 10px}.sidebar .nav-group a{width:100%;min-height:44px;height:auto;padding:9px 12px;margin:0 0 4px;justify-content:flex-start;border-radius:11px;gap:12px}.sidebar .nav-group a svg{width:19px;height:19px;flex:none;stroke-width:1.9}.sidebar .nav-group a>span:not(.new-dot){display:inline;line-height:1.35}.sidebar .sidebar-bottom{width:100%;padding:12px 14px 18px}.sidebar .profile,.sidebar .sidebar-login{justify-content:flex-start}.main-shell{margin-left:250px!important}}.journey-page{width:100%}.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:28px;max-width:1510px;margin:0 auto}.journey-main{min-width:0}.journey-intro{min-height:375px;display:grid;grid-template-columns:48% 52%;align-items:stretch}.journey-intro-copy{padding:8px 0 32px;position:relative;z-index:1}.journey-kicker{color:#6845e9;font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.journey-intro h1{font-size:clamp(42px,4vw,65px);letter-spacing:-.06em;line-height:.99;margin:22px 0 24px;max-width:540px}.journey-intro p{font-size:17px;line-height:1.55;max-width:480px}.journey-map{min-height:370px;position:relative;background:url(/images/path-landscape.png) center / cover no-repeat;overflow:hidden;border-radius:28px}.journey-stop{position:absolute;display:flex;align-items:center;gap:9px;color:#15123f;text-decoration:none}.journey-stop-1{left:3%;bottom:14%}.journey-stop-2{left:39%;top:47%}.journey-stop-3{right:1%;top:18%}.journey-stop-number{display:grid;place-items:center;border:6px solid #fff9f3;border-radius:50%;width:70px;height:70px;font-size:23px;font-weight:800;box-shadow:0 10px 20px #2b23421a}.journey-stop-1 .journey-stop-number{width:88px;height:88px;font-size:27px}.journey-stop-number.violet{color:#fff;background:#653fec}.journey-stop-number.orange{color:#93420e;background:#ffba82}.journey-stop-number.mint{color:#087462;background:#92dfbf}.journey-stop-copy{display:flex;flex-direction:column;padding:6px 8px;border-radius:10px;background:#fffaf5d9}.journey-stop-copy strong{font-size:14px;font-weight:800;white-space:nowrap}.journey-stop-copy small{font-size:11px;color:#626b8b;white-space:nowrap}.journey-feature{min-height:310px;display:grid;grid-template-columns:51% 49%;background:#fffdfb;border:1px solid #eee9e3;border-radius:23px;overflow:hidden;box-shadow:0 15px 38px #463f5720}.journey-feature-copy{padding:33px 36px;display:flex;flex-direction:column;align-items:flex-start}.journey-feature h2{font-size:clamp(28px,2.8vw,42px);line-height:1.06;letter-spacing:-.045em;margin:15px 0 11px}.journey-feature p{font-size:15px;line-height:1.5;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journey-button,.journey-plan-start{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:#613ce6;color:#fff!important;font-weight:800;border-radius:12px;padding:15px 22px;margin-top:auto;min-height:52px}.journey-button:hover,.journey-plan-start:hover{background:#4d2ec5}.journey-feature-art{position:relative;overflow:hidden;background:#eee8fa}.journey-feature-art img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}.journey-speech{position:absolute;top:28%;left:6%;padding:16px 23px;background:#fffcf9;border-radius:22px;box-shadow:0 10px 30px #1b124322;display:grid;text-align:center;min-width:126px}.journey-speech span{color:#f16821;font-size:16px;font-weight:800}.journey-speech strong{font-size:38px;color:#15123f}.journey-speech small{color:#626b8b;font-size:12px}.journey-sound{position:absolute;left:4%;bottom:18%;width:45px;height:45px;display:grid;place-items:center;color:#6039e8;background:#f0eaff;border:3px solid white;border-radius:50%}.journey-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.journey-section-heading h2{margin:0;font-size:22px}.journey-section-heading>span{color:#7a7d96;font-size:12px}.journey-next{padding-top:28px}.journey-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.journey-course{min-height:170px;border:1px solid #eee9e3;border-radius:16px;background:#fffdfb;padding:19px;display:flex;flex-direction:column;box-shadow:0 7px 20px #463f570b}.journey-course:hover{border-color:#9279f3;transform:translateY(-2px)}.journey-course.is-current{border:2px solid #6845ed;background:#fcfaff}.journey-course-top{display:flex;justify-content:space-between}.journey-course-top>span{font-size:22px;font-weight:800}.journey-course .violet{color:#6845ed}.journey-course .orange{color:#f26a23}.journey-course .mint{color:#20af78}.journey-course>strong{font-size:15px;font-weight:800;margin:7px 0 3px}.journey-course p{font-size:12px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journey-course-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px}.journey-course-bottom>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f1ebff}.journey-all{padding:30px 0 20px}.journey-all-stage{scroll-margin-top:25px;margin:24px 0}.journey-all-stage .journey-section-heading h2 span{font-size:17px;margin-right:8px}.journey-all-stage .violet{color:#6845ed}.journey-all-stage .orange{color:#f26a23}.journey-all-stage .mint{color:#20af78}.journey-all-list{display:grid;gap:7px}.journey-all-list a{display:flex;align-items:center;gap:13px;padding:13px 16px;background:#fffdfb;border:1px solid #eee9e3;border-radius:12px}.journey-all-list a:hover{border-color:#a48ff2}.journey-all-list a>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f2ecff;color:#6845ed}.journey-all-list a>div{flex:1;min-width:0;display:flex;flex-direction:column}.journey-all-list strong{font-size:14px}.journey-all-list small,.journey-all-list em{color:#737b96;font-size:12px;font-style:normal}.journey-aside{display:flex;flex-direction:column;gap:18px}.journey-plan,.journey-quick{border-radius:21px;border:1px solid #eee9e3;background:#fffdfb;padding:23px;box-shadow:0 9px 26px #463f5709}.journey-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.journey-plan-heading h2,.journey-quick h2{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.2;margin:0 0 7px}.journey-plan-heading p,.journey-quick>p{font-size:13px;line-height:1.4;margin:0}.journey-plan-heading>span{width:48px;height:48px;border-radius:50%;border:5px solid #eee8f8;display:grid;place-items:center;font-weight:800;color:#6845ed;flex:0 0 auto}.journey-plan-list{display:grid;gap:9px;margin:24px 0}.journey-plan-list a{border:1px solid #eee9e3;border-radius:12px;min-height:69px;display:flex;align-items:center;gap:12px;padding:10px 12px}.journey-plan-list a:hover{border-color:#9a83ee;background:#fcfaff}.journey-plan-list a.done{background:#f2faf5;border-color:#d7eee0}.journey-plan-list a.done .journey-plan-num{background:#d7f3e3;color:#108458}.journey-plan-list a>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.journey-plan-list strong{font-size:14px;font-weight:800}.journey-plan-list small{color:#717a98;font-size:11px}.journey-plan-list svg{color:#6845ed}.journey-plan-num{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.journey-plan-num.violet{background:#ede4ff;color:#6845ed}.journey-plan-num.orange{background:#fff0e7;color:#e46a2f}.journey-plan-num.mint{background:#ddf7eb;color:#169c70}.journey-plan-start{width:100%;margin-top:0;padding:12px 14px;font-size:13px}.journey-plan-start>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#613ce6}.journey-quick h2 svg{color:#287a78}.journey-quick>a{display:flex;flex-direction:column;min-height:210px;margin-top:19px;padding:22px;border-radius:16px;position:relative;background:#e8f7ef}.journey-quick>a>span:first-child{color:#179a72;font-weight:800;font-size:10px;letter-spacing:.13em}.journey-quick strong{max-width:185px;font-size:21px;line-height:1.1;margin:8px 0}.journey-quick small{color:#626b8b;max-width:190px}.journey-quick-icon{position:absolute;top:52px;right:20px;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;color:#119568;background:#cdf0df}.journey-quick em{font-size:12px;font-style:normal;color:#148f69;font-weight:800;margin-top:auto;display:flex;align-items:center;gap:5px}html[data-theme=dark] .journey-page{color:#f7f4ff}html[data-theme=dark] .journey-feature,html[data-theme=dark] .journey-course,html[data-theme=dark] .journey-plan,html[data-theme=dark] .journey-quick,html[data-theme=dark] .journey-all-list a{background:#1d2138;border-color:#393750}html[data-theme=dark] .journey-intro h1,html[data-theme=dark] .journey-feature h2,html[data-theme=dark] .journey-section-heading h2,html[data-theme=dark] .journey-plan h2,html[data-theme=dark] .journey-quick h2{color:#faf8ff}html[data-theme=dark] .journey-speech{background:#fffaf5}html[data-theme=dark] .journey-stop-copy{background:#292943e6;color:#fff}html[data-theme=dark] .journey-quick>a{background:#173b36}.pinyin-self-check{margin:18px 0 24px;padding:24px;border-radius:18px;border:1px solid var(--hp-line);background:var(--hp-surface)}.pinyin-self-check h3{margin:7px 0;font-size:21px}.pinyin-self-check p{margin:0 0 10px}.pinyin-self-check>div:first-child>strong{display:block;margin:9px 0 18px}.pinyin-self-check-actions,.pinyin-self-check-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pinyin-self-check-result{margin-top:16px!important;padding:13px 15px;border-radius:11px;background:color-mix(in srgb,var(--hp-primary) 8%,var(--hp-surface))}.course-dialogue{margin:20px 0;padding:clamp(20px,3vw,32px)}.course-dialogue-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.course-dialogue-heading h2{font-size:clamp(23px,2.6vw,32px);margin:8px 0 5px}.course-dialogue-heading p{margin-bottom:0}.course-dialogue-controls{display:flex;flex-wrap:wrap;gap:8px}.course-dialogue-turns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:23px 0}.course-dialogue-turns>div{display:flex;flex-direction:column;padding:17px 19px;border-radius:15px;background:color-mix(in srgb,var(--hp-primary) 8%,var(--hp-surface));border:1px solid var(--hp-line)}.course-dialogue-turns>div.alternate{background:color-mix(in srgb,#48b990 11%,var(--hp-surface))}.course-dialogue-turns span{font-size:12px;color:var(--hp-primary);font-weight:800}.course-dialogue-turns strong{font-size:22px;margin:7px 0 3px}.course-dialogue-turns small{font-size:14px;color:var(--hp-muted)}.course-dialogue-turns p{font-size:13px;margin:8px 0 0}.course-dialogue-practice{display:inline-flex;gap:10px;align-items:center;padding:11px 15px;border-radius:10px;background:var(--hp-primary);color:#fff!important;font-weight:800}@media(max-width:700px){.course-dialogue-heading{flex-direction:column}.course-dialogue-turns{grid-template-columns:1fr}}@media(max-width:1250px){.journey-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.journey-intro{grid-template-columns:50% 50%}.journey-stop-copy{display:none}}@media(max-width:1100px){.journey-layout{grid-template-columns:1fr}.journey-aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.journey-intro{grid-template-columns:1fr}.journey-intro h1{font-size:42px}.journey-map{min-height:250px}.journey-feature{grid-template-columns:1fr}.journey-feature-art{height:245px}.journey-next-grid,.journey-aside{grid-template-columns:1fr}.journey-course{min-height:140px}.journey-stop-1{bottom:10%}.journey-stop-2{top:42%}.journey-stop-3{top:8%}}