:root{--brand:#4F46E5;--brand-2:#7C3AED;--brand-soft:#EEF2FF;--accent:#FF6B4A;--accent-2:#FF8F3C;--accent-soft:#FFF1EC;--ok:#10B981;--live:#EF4444;--gold:#F59E0B;--ink:#1E293B;--ink-2:#475569;--ink-3:#94A3B8;--bg:#F4F5FA;--card:#FFFFFF;--line:#E8EAF2;--grad-brand:linear-gradient(135deg,#4F46E5,#7C3AED);--grad-accent:linear-gradient(135deg,#FF6B4A,#FF8F3C);--shadow:0 2px 16px rgba(30,41,59,.07);--shadow-lg:0 12px 40px rgba(79,70,229,.16);--r:14px;--r-lg:20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;cursor:pointer;background:none}input,select{font-family:inherit}svg{vertical-align:-.15em}.icon{width:1em;height:1em;fill:currentColor}ul,ol{list-style:none}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:90;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;height:60px;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.5px;cursor:pointer}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--grad-brand);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900}.logo span b{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:4px;flex:1}.nav a{padding:8px 16px;border-radius:10px;color:var(--ink-2);font-weight:600;font-size:14.5px;transition:.18s}.nav a:hover,.nav a.router-link-active{color:var(--brand);background:var(--brand-soft)}.top-search{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:7px 14px;gap:8px;width:240px;color:var(--ink-3)}.top-search input{border:none;background:none;outline:none;font-size:13.5px;flex:1;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;border-radius:11px;transition:.18s;font-size:14px}.btn-primary{background:var(--grad-brand);color:#fff;padding:10px 22px;box-shadow:0 6px 18px #4f46e54d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f46e561}.btn-accent{background:var(--grad-accent);color:#fff;padding:12px 30px;font-size:15px;box-shadow:0 6px 18px #ff6b4a59}.btn-accent:hover{transform:translateY(-1px)}.btn-ghost{border:1.5px solid var(--line);color:var(--ink-2);padding:9px 20px;background:#fff}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-sm{padding:7px 16px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.user-chip{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;color:var(--ink-2);cursor:pointer;padding:5px 8px;border-radius:10px}.user-chip:hover{background:var(--brand-soft);color:var(--brand)}.tabbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:95;background:#fff;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--ink-3);font-weight:600}.tabbar a .icon{width:22px;height:22px}.tabbar a.router-link-active{color:var(--brand)}.hero{background:var(--grad-brand);color:#fff;padding:64px 0 88px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:#ffffff14}.hero:before{content:"";position:absolute;left:-80px;bottom:-160px;width:340px;height:340px;border-radius:50%;background:#ffffff0f}.hero h1{font-size:38px;font-weight:900;letter-spacing:1px;margin-bottom:12px}.hero p{opacity:.85;font-size:16px;margin-bottom:28px}.hero-stats{display:flex;gap:36px;margin-top:34px}.hero-stats b{display:block;font-size:24px;font-weight:900}.hero-stats span{font-size:12.5px;opacity:.75}.hero-search{display:flex;background:#fff;border-radius:12px;padding:6px;max-width:520px;box-shadow:var(--shadow-lg)}.hero-search input{flex:1;border:none;outline:none;padding:10px 16px;font-size:15px;color:var(--ink)}.hero-search .btn-primary{padding:10px 26px;border-radius:9px}.chip-row{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 2px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:9px 22px;border-radius:99px;background:#fff;border:1.5px solid var(--line);font-weight:600;color:var(--ink-2);transition:.18s;font-size:13.5px}.chip.on,.chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 18px}.sec-head h2{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px}.sec-head h2:before{content:"";width:5px;height:20px;border-radius:3px;background:var(--grad-brand)}.sec-head .more{color:var(--ink-3);font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:2px}.sec-head .more:hover{color:var(--brand)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.c-card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:.22s;cursor:pointer;border:1px solid transparent}.c-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #1e293b1f;border-color:#e5e1ff}.cover{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .c-name{color:#fff;font-size:26px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.25);opacity:.92;padding:0 14px;text-align:center}.cover .c-sub{color:#ffffffa6;font-size:12px;letter-spacing:3px;margin-top:2px}.tags{position:absolute;left:10px;top:10px;display:flex;gap:6px}.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-type{background:#ffffffeb;color:var(--brand)}.tag-live{background:var(--live);color:#fff;display:flex;align-items:center;gap:5px}.tag-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.tag-trial{background:#10b981eb;color:#fff}.c-body{padding:14px 16px 16px}.c-title{font-size:15.5px;font-weight:700;line-height:1.45;height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-meta{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12.5px;margin:8px 0 10px}.c-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3)}.c-foot{display:flex;align-items:baseline;gap:8px}.price{color:var(--accent);font-weight:900;font-size:19px}.price em{font-style:normal;font-size:12px;font-weight:700;margin-right:1px}.price.free{color:var(--ok)}.price-old{color:var(--ink-3);font-size:12.5px;text-decoration:line-through}.price-old.hide{visibility:hidden}.stu{margin-left:auto;color:var(--ink-3);font-size:12px}.live-bar{display:flex;align-items:center;gap:16px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:16px 20px;margin-top:34px;border:1px solid #FFE4DE}.live-badge{flex-shrink:0;background:var(--live);color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:8px;display:flex;align-items:center;gap:6px}.live-badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}.live-bar .lb-title{font-weight:700;font-size:14.5px}.live-bar .lb-time{color:var(--ink-3);font-size:12.5px}.live-bar .btn{margin-left:auto}.detail-hero{background:var(--grad-brand);padding:44px 0 0;color:#fff}.crumb{opacity:.7;font-size:12.5px;margin-bottom:14px;display:flex;gap:6px;align-items:center}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.d-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px}.buy-card{position:sticky;top:80px}.buy-price{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.buy-price .price{font-size:34px}.buy-price .price em{font-size:16px}.buy-count{color:var(--ink-3);font-size:13px;margin-bottom:18px}.buy-services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:16px;background:var(--bg);border-radius:12px}.buy-services div{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2)}.buy-services .icon{color:var(--ok)}.teacher-row{display:flex;gap:14px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.avatar{width:52px;height:52px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.teacher-row .t-name{font-weight:800;font-size:15px}.teacher-row .t-bio{color:var(--ink-3);font-size:12.5px}.d-tabs{display:flex;gap:26px;border-bottom:1.5px solid var(--line);margin-bottom:20px}.d-tabs a{padding:12px 2px;font-weight:700;color:var(--ink-3);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;font-size:15px;cursor:pointer}.d-tabs a.on{color:var(--brand);border-color:var(--brand)}.intro-body{line-height:1.9;color:var(--ink-2);font-size:14.5px;word-break:break-word}.intro-body img{max-width:100%;border-radius:10px}.section{margin-bottom:6px}.sec-title{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;padding:13px 4px}.sec-title .s-idx{width:24px;height:24px;border-radius:7px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12.5px;font-weight:800}.sec-title .s-cnt{margin-left:auto;color:var(--ink-3);font-size:12px;font-weight:600}.lesson{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:11px;color:var(--ink-2);cursor:pointer;transition:.15s;font-size:13.8px}.lesson:hover{background:var(--brand-soft);color:var(--brand)}.lesson .icon{color:var(--ink-3);flex-shrink:0}.lesson .l-dur{margin-left:auto;color:var(--ink-3);font-size:12px;flex-shrink:0}.lesson .l-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-badge{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;flex-shrink:0}.l-badge.trial{background:var(--accent-soft);color:var(--accent)}.l-badge.living{background:var(--live);color:#fff;animation:pulse 1.2s infinite}.l-badge.done{background:#ecfdf5;color:var(--ok)}.lesson.cur{background:var(--brand-soft);color:var(--brand);font-weight:700}.lesson.cur .icon{color:var(--brand)}.lesson.locked{cursor:not-allowed;opacity:.72}.learn-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.player{position:relative;aspect-ratio:16/9;background:#0b1020;border-radius:var(--r);overflow:hidden;display:grid;place-items:center}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player .p-center{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.play-btn{width:72px;height:72px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:.2s;border:1px solid rgba(255,255,255,.25)}.play-btn:hover{transform:scale(1.08);background:#ffffff47}.play-btn svg{width:26px;height:26px;fill:#fff;margin-left:3px}.p-controls{position:absolute;left:0;right:0;bottom:0;padding:12px 18px;background:linear-gradient(transparent,#000000b8);display:flex;align-items:center;gap:14px;color:#fff;font-size:12.5px}.p-bar{flex:1;height:4px;border-radius:2px;background:#ffffff40;position:relative;cursor:pointer}.p-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--accent-2);width:34%}.p-bar b{position:absolute;top:50%;left:34%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0006}.p-rate{padding:3px 9px;border:1px solid rgba(255,255,255,.35);border-radius:7px;font-weight:700}.wm{position:absolute;right:16px;top:14px;color:#ffffff47;font-size:12px;transform:rotate(-14deg);letter-spacing:1px;pointer-events:none;z-index:3}.learn-head{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:20px}.learn-head h3{font-size:16px;font-weight:800}.learn-head .lh-sub{color:var(--ink-3);font-size:12.5px;display:flex;gap:12px;margin-top:3px}.rate-row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:12px 18px;margin-top:16px;flex-wrap:wrap}.rate-row .lbl{font-weight:700;font-size:13.5px;color:var(--ink-2)}.rate-btn{padding:5px 14px;border-radius:9px;border:1.5px solid var(--line);font-weight:700;font-size:13px;color:var(--ink-2);transition:.15s}.rate-btn:hover{border-color:var(--brand);color:var(--brand)}.rate-btn.on{background:var(--brand);border-color:var(--brand);color:#fff}.live-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:stretch}.live-stage{position:relative;aspect-ratio:16/9;background:linear-gradient(140deg,#111827,#1e1b4b);border-radius:var(--r);overflow:hidden}.live-tag{position:absolute;left:14px;top:14px;z-index:5}.live-tag .tag-live{padding:5px 13px;font-size:12.5px;border-radius:8px;display:flex;gap:6px;align-items:center}.live-aud{position:absolute;right:14px;top:14px;color:#ffffffd9;font-size:12.5px;background:#0006;padding:5px 12px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.teacher-cam{position:absolute;left:16px;bottom:64px;width:150px;aspect-ratio:4/3;background:var(--grad-brand);border-radius:12px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px #0006}.teacher-cam .tc-name{font-size:12.5px;font-weight:700;opacity:.9}.chat-panel{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;min-height:460px}.chat-head{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:800;display:flex;align-items:center;gap:8px;font-size:14.5px}.chat-msgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:13px}.msg{display:flex;gap:10px;align-items:flex-start}.msg .avatar{width:32px;height:32px;font-size:12px}.msg .m-name{font-size:11.5px;color:var(--ink-3);margin-bottom:3px}.msg .m-bubble{background:var(--bg);padding:8px 13px;border-radius:4px 12px 12px;font-size:13px;max-width:85%;word-break:break-word}.msg.me .m-bubble{background:var(--brand-soft);color:var(--brand)}.chat-input{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line)}.chat-input input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:9px 14px;outline:none;font-size:13.5px}.chat-input input:focus{border-color:var(--brand)}.live-ctrl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(transparent,#000000b8)}.lc-btn{width:42px;height:42px;border-radius:12px;background:#ffffff24;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lc-btn .icon{width:19px;height:19px}.lc-btn.hot{background:var(--accent)}.quiz-pop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1020b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:10}.quiz-pop .qp-card{width:min(92%,460px);background:#fff;border-radius:18px;padding:26px;animation:popIn .3s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.qp-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.qp-timer{margin-left:auto;color:var(--live);font-weight:900;font-size:17px;font-variant-numeric:tabular-nums}.quiz-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px;display:flex;align-items:center;gap:18px;margin-bottom:14px}.qc-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;flex-shrink:0}.qc-info{flex:1;min-width:0}.qc-title{font-weight:800;font-size:15.5px}.qc-meta{color:var(--ink-3);font-size:12.5px;margin-top:5px;display:flex;gap:14px;flex-wrap:wrap}.qc-state{flex-shrink:0;text-align:right}.qc-score{font-size:21px;font-weight:900;color:var(--brand)}.qc-state .lbl{font-size:11.5px;color:var(--ink-3)}.state-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:6px 14px;border-radius:99px}.st-open{background:var(--accent-soft);color:var(--accent)}.st-doing{background:var(--brand-soft);color:var(--brand)}.st-done{background:#ecfdf5;color:var(--ok)}.st-exp{background:var(--bg);color:var(--ink-3)}.take-head{background:#fff;box-shadow:var(--shadow);padding:14px 0;position:sticky;top:60px;z-index:50}.take-head .wrap{display:flex;align-items:center;gap:16px}.take-timer{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:800;font-variant-numeric:tabular-nums}.take-timer.warn{color:var(--live)}.take-progress{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.take-progress i{display:block;height:100%;background:var(--grad-brand);border-radius:3px;transition:.3s}.take-prog-lbl{color:var(--ink-3);font-size:12.5px;font-weight:700}.q-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;margin-top:20px}.q-type{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--brand);background:var(--brand-soft);padding:5px 13px;border-radius:8px;margin-bottom:14px}.q-stem{font-size:16.5px;font-weight:700;line-height:1.7;margin-bottom:22px}.opt{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1.8px solid var(--line);border-radius:13px;margin-bottom:12px;cursor:pointer;transition:.16s;font-size:14.5px}.opt:hover{border-color:#c7d2fe;background:#fafbff}.opt .o-idx{width:30px;height:30px;border-radius:9px;border:1.8px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0;color:var(--ink-3)}.opt.sel{border-color:var(--brand);background:var(--brand-soft)}.opt.sel .o-idx{background:var(--brand);border-color:var(--brand);color:#fff}.opt.right{border-color:var(--ok);background:#ecfdf5}.opt.right .o-idx{background:var(--ok);border-color:var(--ok);color:#fff}.opt.wrong{border-color:var(--live);background:#fef2f2}.opt.wrong .o-idx{background:var(--live);border-color:var(--live);color:#fff}.answer-sheet{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:6px}.as-cell{aspect-ratio:1;border-radius:10px;border:1.8px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--ink-3);cursor:pointer}.as-cell.done{background:var(--brand);border-color:var(--brand);color:#fff}.as-cell.cur{outline:2.5px solid var(--brand);outline-offset:2px}.result-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:0 auto}.result-ring i{width:104px;height:104px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.result-ring b{font-size:30px;font-weight:900;color:var(--brand)}.cash-layout{max-width:640px;margin:0 auto}.order-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px}.oc-row{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;color:var(--ink-2);gap:16px}.oc-row span{flex-shrink:0}.oc-row b{color:var(--ink);text-align:right;word-break:break-all;font-weight:600}.oc-total{border-top:1.5px dashed var(--line);margin-top:12px;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline}.pay-way{display:flex;align-items:center;gap:13px;padding:16px;border:1.8px solid var(--line);border-radius:13px;cursor:pointer;transition:.16s;margin-bottom:12px}.pay-way:hover{border-color:#c7d2fe}.pay-way.sel{border-color:var(--brand);background:var(--brand-soft)}.pay-way.off{opacity:.55;cursor:not-allowed}.pw-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px;flex-shrink:0}.pay-way .pw-name{font-weight:700}.pay-way .pw-desc{font-size:12px;color:var(--ink-3)}.pay-way .pw-check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center;color:#fff}.pay-way.sel .pw-check{border-color:var(--brand);background:var(--brand)}.qr-box{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px;text-align:center}.qr-frame{width:200px;height:200px;margin:18px auto;padding:14px;border:1.5px solid var(--line);border-radius:14px}.qr-frame canvas{width:100%;height:100%;display:block}.pay-done{color:var(--ok);font-size:19px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;margin:26px 0}.pay-done .icon{width:30px;height:30px}.wx-tip{margin-top:14px;background:var(--accent-soft);border:1px solid #FFD9CE;border-radius:12px;padding:14px 16px;font-size:13px;color:var(--accent);line-height:1.8;text-align:left}.my-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:flex;gap:16px;margin-bottom:14px}.my-card .cover{width:172px;border-radius:11px;flex-shrink:0}.my-info{flex:1;display:flex;flex-direction:column;min-width:0}.my-info h4{font-size:15.5px;font-weight:800}.my-meta{color:var(--ink-3);font-size:12.5px;margin:5px 0 10px}.prog{height:7px;border-radius:4px;background:var(--bg);overflow:hidden;margin:6px 0 7px}.prog i{display:block;height:100%;border-radius:4px;background:var(--grad-brand)}.prog-lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3);font-weight:600}.o-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:14px;display:flex;gap:16px;align-items:center}.o-card .cover{width:120px;border-radius:10px;flex-shrink:0}.o-info{flex:1;min-width:0}.o-info h4{font-size:14.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o-meta{color:var(--ink-3);font-size:12.5px;margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}.o-side{text-align:right;flex-shrink:0}.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:28px 0}.pager button{padding:8px 18px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13px;color:var(--ink-2)}.pager button:hover:not([disabled]){border-color:var(--brand);color:var(--brand)}.pager button[disabled]{opacity:.45;cursor:not-allowed}.pager .p-lbl{color:var(--ink-3);font-size:13px;font-weight:700}.profile-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;display:flex;gap:18px;align-items:center}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.pstat{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:20px;text-align:center}.pstat b{display:block;font-size:24px;font-weight:900;color:var(--brand)}.pstat span{font-size:12.5px;color:var(--ink-3)}.menu-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);margin-top:14px;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:.15s;font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--line)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--brand-soft);color:var(--brand)}.menu-item .icon{color:var(--brand)}.menu-item .mi-arrow{margin-left:auto;color:var(--ink-3)}.auth-bg{min-height:calc(100vh - 60px);display:grid;place-items:center;background:var(--grad-brand);position:relative;overflow:hidden;padding:40px 16px}.auth-bg:after{content:"";position:absolute;right:-100px;top:-100px;width:360px;height:360px;border-radius:50%;background:#ffffff14}.auth-bg:before{content:"";position:absolute;left:-80px;bottom:-140px;width:300px;height:300px;border-radius:50%;background:#ffffff0f}.auth-card{width:min(94%,410px);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:34px 32px;position:relative;z-index:2}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.auth-logo .logo-mark{width:52px;height:52px;border-radius:15px;font-size:22px}.auth-logo h2{font-size:20px;font-weight:900}.auth-logo p{color:var(--ink-3);font-size:12.5px}.form-item{margin-bottom:16px}.form-item label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:7px}.form-item input{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px 15px;font-size:14px;outline:none;transition:.15s;color:var(--ink)}.form-item input:focus{border-color:var(--brand)}.form-item input::placeholder{color:var(--ink-3)}.auth-foot{text-align:center;font-size:13px;color:var(--ink-3);margin-top:18px}.auth-foot a{color:var(--brand);font-weight:700}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d10208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{width:min(92%,400px);background:#fff;border-radius:18px;padding:26px;animation:popIn .28s cubic-bezier(.2,1.4,.4,1)}.dialog h3{font-size:16.5px;font-weight:800;margin-bottom:10px}.dialog p{color:var(--ink-2);font-size:14px;line-height:1.8}.dialog .dlg-btns{display:flex;gap:12px;margin-top:22px}.dialog .dlg-btns .btn{flex:1}.mt20{margin-top:20px}.mb14{margin-bottom:14px}.flex{display:flex;align-items:center;gap:8px}.muted{color:var(--ink-3);font-size:12.5px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:700;padding:16px 0;font-size:14px;cursor:pointer}.back-link:hover{color:var(--brand)}.empty{padding:80px 0;text-align:center;color:var(--ink-3)}.empty .icon{width:44px;height:44px;opacity:.4;margin-bottom:12px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%) translateY(20px);background:#1e293beb;color:#fff;padding:11px 24px;border-radius:11px;font-size:13.5px;opacity:0;pointer-events:none;transition:.25s;z-index:300;max-width:80vw}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1023px){.grid,.grid-4{grid-template-columns:repeat(2,1fr)}.top-search{display:none}}@media (max-width:767px){body{padding-bottom:70px;font-size:13.5px}.topbar .wrap{height:54px;gap:12px}.logo{font-size:16.5px}.logo-mark{width:30px;height:30px;font-size:13px}.nav{display:none}.tabbar{display:flex}.hero{padding:36px 0 56px}.hero h1{font-size:25px}.hero p{font-size:13.5px;margin-bottom:20px}.hero-stats{gap:22px;margin-top:24px}.hero-stats b{font-size:19px}.grid,.grid-4{grid-template-columns:1fr}.sec-head h2{font-size:17.5px}.detail-grid{grid-template-columns:1fr}.buy-card{position:static}.detail-hero{padding-top:0}.buy-fixed{position:fixed;left:0;right:0;bottom:0;z-index:96;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;box-shadow:0 -6px 24px #0000000f}.buy-fixed .price{font-size:23px}.buy-fixed .btn-accent{flex:1}.learn-layout,.live-layout{grid-template-columns:1fr}.chat-panel{min-height:340px}.my-card{flex-direction:column}.my-card .cover{width:100%}.answer-sheet{grid-template-columns:repeat(6,1fr)}.q-card{padding:20px 16px}.take-head{top:54px}.tab-hide{display:none}.o-card{flex-direction:column;align-items:stretch}.o-card .cover{width:100%}.o-side{text-align:left;display:flex;align-items:center;gap:12px}.quiz-card{flex-wrap:wrap;gap:12px}.qc-state{text-align:left}.live-bar{flex-wrap:wrap}.profile-stats{grid-template-columns:1fr}}@media (min-width:768px){.buy-fixed{display:none}}