:root{--primary:#3b5bdb;--primary-dark:#2f49b0;--primary-soft:#eaefff;--bg:#f6f7fa;--surface:#fff;--text:#1a1f36;--sub:#5b6478;--muted:#646b7d;--border:#e6e8ee;--ok:#2bb673;--warn:#e89b1b;--danger:#e5484d;--ok-soft:#e7f8ef;--ok-ink:#1b7a46;--warn-soft:#fff3e0;--warn-ink:#92400e;--danger-soft:#fdecec;--danger-ink:#b42318;--lab-soft:#e3f4fb;--lab-ink:#0967a0;--game-soft:#ede9fe;--game-ink:#5b21b6;--vr-soft:#eceaff;--vr-ink:#4338ca;--radius:14px;--radius-sm:8px;--radius-md:10px;--radius-lg:18px;--shadow:0 6px 24px #1a1f3614;--shadow-sm:0 2px 10px #1a1f360f;--shadow-lg:0 14px 40px #141e501a;--nav-h:68px;--tone-0:#e4ecff;--tone-1:#ecf2fe;--tone-2:#f2f6fd;--tone-3:#f7fafe;--tone-4:#f4f8fd;--tone-5:#edf2fd;--tone-6:#e5edfc}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.55}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#edf0f5}::-webkit-scrollbar-thumb{background:#c7cdda;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b5bdb}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:15px;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{color:var(--primary);border:1.5px solid var(--primary);background:#fff}.btn-ghost:hover{background:var(--primary-soft)}.btn-line{color:var(--text);border:1.5px solid var(--border);background:#fff}.btn-line:hover{border-color:#c7cbd6}.btn-sm{border-radius:8px;padding:7px 14px;font-size:13px}.btn-xs{border-radius:7px;gap:4px;padding:5px 11px;font-size:12px}.btn-danger{color:var(--danger-ink);background:#fff;border:1.5px solid #f3c0c2}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-soft{background:var(--primary-soft);color:var(--primary-dark)}.btn-soft:hover{background:#dde5ff}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}:focus{outline:none}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #3b5bdb73}.btn:focus-visible,.chip:focus-visible,.pager button:focus-visible{outline-offset:2px;outline:3px solid #3b5bdb73}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.card:hover,.fitem:hover{transform:none!important}}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge-instant{background:var(--primary-soft);color:var(--primary)}.badge-free{color:var(--ok);background:#e7f8ef}.badge-soon{color:var(--muted);background:#eef0f4}.badge-quiz{background:var(--warn-soft);color:var(--warn-ink)}.badge-primary{background:var(--primary-soft);color:var(--primary-dark)}.badge-ok{background:var(--ok-soft);color:var(--ok-ink)}.badge-lab{background:var(--lab-soft);color:var(--lab-ink)}.badge-game{background:var(--game-soft);color:var(--game-ink)}.badge-vr{background:var(--vr-soft);color:var(--vr-ink)}.badge-video{background:var(--warn-soft);color:var(--warn-ink)}.badge-wechat{color:#0b7a3e;background:#e6f7ee}.badge-refund{color:#5b21b6;background:#f0ebff}.tag{color:var(--sub);background:#f0f2f7;border-radius:6px;padding:2px 9px;font-size:12px;display:inline-block}nav.top{z-index:50;height:var(--nav-h);border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0}nav.top .wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:var(--primary);letter-spacing:.3px;font-size:19px;font-weight:900}.nav-logo{color:var(--primary);letter-spacing:.3px;align-items:center;gap:9px;font-size:19px;font-weight:900;display:flex}.nav-logo svg{flex:none;width:30px;height:30px}.nav-links{color:var(--sub);gap:28px;font-size:15px;font-weight:500;display:flex}.nav-links a:hover{color:var(--text)}.nav-links a.nav-on{color:var(--primary);font-weight:700}.nav-right{align-items:center;gap:12px;display:flex}.nav-user{align-items:center;gap:8px;font-size:14px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.nav-burger{width:44px;height:44px;color:var(--text);border:1.5px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:none}.nav-burger:hover{background:#f0f2f7}.nav-burger svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;width:20px;height:20px}.nav-drawer{left:0;right:0;top:var(--nav-h);z-index:49;border-bottom:1px solid var(--border);opacity:0;pointer-events:none;max-height:calc(100vh - var(--nav-h));background:#fff;padding:6px 0 14px;transition:all .2s;position:fixed;overflow:auto;transform:translateY(-10px);box-shadow:0 14px 28px #141e501f}.nav-drawer.open{opacity:1;pointer-events:auto;transform:none}.nav-drawer a{color:var(--text);justify-content:space-between;align-items:center;min-height:48px;padding:14px 24px;font-size:15px;font-weight:500;display:flex}.nav-drawer a+a{border-top:1px solid #f2f4f8}.nav-drawer a.nav-on{color:var(--primary);background:var(--primary-soft);font-weight:700}.nav-drawer a:after{content:"›";color:var(--muted);font-size:18px;line-height:1}.nav-drawer .nd-sep{background:var(--border);height:1px;margin:8px 0}.nav-drawer .nd-auth{gap:10px;padding:12px 24px 2px;display:flex}.nav-drawer .nd-auth .btn{flex:1;min-height:44px}@media (max-width:980px){.nav-burger{display:inline-flex}}@media (min-width:981px){.nav-drawer{display:none!important}}.fullscreen-hero{min-height:clamp(400px, calc(100vh - var(--nav-h) - 250px), 680px);color:var(--text);padding:calc(var(--nav-h) + 18px) 0 40px;align-items:center;display:flex;position:relative;overflow:hidden}.fullscreen-hero .wrap{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid;position:relative}.fullscreen-hero .eyebrow{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:900;display:inline-flex}.fullscreen-hero h1{color:var(--text);letter-spacing:-1.2px;max-width:640px;font-size:56px;font-weight:900;line-height:1.12}.fullscreen-hero h1 .hl{color:var(--primary);white-space:nowrap}.fullscreen-hero .lead{color:var(--sub);max-width:520px;margin:24px 0 34px;font-size:17.5px;line-height:1.75}.fullscreen-hero .cta{flex-wrap:wrap;gap:14px;display:flex}.fullscreen-hero .btn-primary{background:var(--primary);color:#fff;padding:13px 26px;font-size:16px}.fullscreen-hero .btn-primary:hover{background:var(--primary-dark)}.fullscreen-hero .hero-meta{color:var(--sub);flex-wrap:wrap;gap:28px;margin-top:38px;font-size:14px;display:flex}.fullscreen-hero .hero-meta span{align-items:center;gap:7px;display:inline-flex}.fullscreen-hero .limited-pill{background:var(--primary-soft);color:#2f49b0;border:1px solid #cdd9ff;border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.fullscreen-hero .limited-pill b{color:#fff;background:var(--danger);border-radius:999px;margin-left:4px;padding:4px 10px;font-size:12px;display:inline-block}@media (max-width:980px){.fullscreen-hero .wrap{text-align:center;grid-template-columns:1fr}.fullscreen-hero h1{margin:0 auto;font-size:38px}.fullscreen-hero .lead{margin-left:auto;margin-right:auto}.fullscreen-hero .cta,.fullscreen-hero .hero-meta{justify-content:center}}.page-home .section,.page-home .section-dark,.page-home .cta-band{padding:64px 0}.page-home .entry-section{padding:14px 0 64px}@media (max-width:760px){.page-home .section,.page-home .section-dark,.page-home .cta-band{padding:40px 0}.page-home .entry-section{padding:10px 0 40px}}.page-home .fullscreen-hero{background:linear-gradient(90deg, #0f1e4e85 0%, #0f1e4e4d 36%, #0f1e4e00 58%), radial-gradient(720px 440px at 21% 27%, #3b5bdb21, transparent 68%), url(/img/hero-bg.webp) right center / cover no-repeat, linear-gradient(180deg, var(--tone-0) 0%, var(--tone-1) 100%) #3b5bdb}.page-home .fullscreen-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top, var(--tone-1) 0%, #ecf2fe00 100%);height:18%;position:absolute;bottom:0;left:0;right:0}@media (min-width:981px){.page-home .fullscreen-hero .eyebrow{color:#a9c4ff}.page-home .fullscreen-hero h1{color:#fff}.page-home .fullscreen-hero h1 .hl{color:#9dbbff}.page-home .fullscreen-hero .lead{color:#ffffffdb}.page-home .fullscreen-hero .btn-primary{color:var(--primary-dark);background:#fff}.page-home .fullscreen-hero .btn-primary:hover{background:#e8eeff}.page-home .fullscreen-hero .btn-ghost{color:#fff;background:0 0;border-color:#fff9}.page-home .fullscreen-hero .btn-ghost:hover{background:#ffffff24;border-color:#fff}}.page-home .entry-section{background:linear-gradient(180deg, var(--tone-1) 0%, var(--tone-2) 100%)}.page-home .s-feat{background:linear-gradient(180deg, var(--tone-2) 0%, var(--tone-5) 100%)}.page-home .cta-band{background:linear-gradient(180deg, var(--tone-5) 0%, var(--tone-6) 100%)}.page-home .card,.page-home .entry-card{background:#fff}@media (max-width:980px){.page-home .fullscreen-hero{background:radial-gradient(720px 440px at 21% 27%, #3b5bdb21, transparent 68%), linear-gradient(180deg, var(--tone-0) 0%, var(--tone-1) 100%)}}@media (max-height:880px){.fullscreen-hero{padding:calc(var(--nav-h) + 12px) 0 32px}.page-home .entry-section{padding:22px 0 64px}.fullscreen-hero h1{font-size:46px}.fullscreen-hero .lead{margin:16px 0 24px;font-size:15.5px}.fullscreen-hero .limited-pill{margin-top:18px}}@media (max-height:760px){.fullscreen-hero{padding:calc(var(--nav-h) + 4px) 0 16px}.page-home .entry-section{padding:38px 0 64px}.fullscreen-hero h1{font-size:36px}.fullscreen-hero .lead{margin:12px 0 16px;font-size:15px}.fullscreen-hero .limited-pill{display:none}}@media (max-height:700px){.fullscreen-hero h1{font-size:33px}.fullscreen-hero .lead{margin:10px 0 12px}}@media (max-height:600px){.fullscreen-hero{min-height:360px}.fullscreen-hero h1{font-size:32px}.fullscreen-hero .lead{display:none}}@media (max-height:520px){.fullscreen-hero{min-height:300px}.fullscreen-hero h1{font-size:28px}.fullscreen-hero .eyebrow{margin-bottom:10px;font-size:13px}.fullscreen-hero .cta .btn{padding:10px 18px;font-size:14.5px}}.section{padding:54px 0}.sec-title{margin-bottom:6px;font-size:26px;font-weight:900}.sec-sub{color:var(--sub);margin-bottom:26px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.sec-head .sec-title{margin-bottom:6px}.sec-head .sec-sub{margin-bottom:0}.sec-more{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:9px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.sec-more:hover{background:#dde5ff}.filterbar{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px 18px;display:flex}.fbar-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fbar-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fbar-lab{color:var(--muted);flex:none;min-width:36px;font-size:13px;font-weight:600}.search{border:1.5px solid var(--border);background:#fff;border-radius:10px;flex:300px;align-items:center;gap:8px;min-width:220px;min-height:44px;padding:11px 14px;display:flex}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b5bdb1f}.search input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{border:1.5px solid var(--border);min-height:38px;color:var(--text);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{color:var(--primary);border-color:#3b5bdb73}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip-reset{min-height:38px;color:var(--sub);background:#f2f4f8;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.chip-reset:hover{color:var(--text);background:#e7ebf4}.sort{border:1.5px solid var(--border);min-height:44px;color:var(--text);background:#fff;border-radius:10px;margin-left:auto;padding:9px 12px}.fbar-sum{color:var(--muted);border-top:1px dashed var(--border);align-items:center;gap:8px;padding-top:10px;font-size:13px;display:flex}.fbar-sum b{color:var(--text)}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:38px;display:flex}.pager button{border:1.5px solid var(--border);min-width:38px;height:38px;color:var(--sub);cursor:pointer;background:#fff;border-radius:10px;padding:0 12px;font-size:14px;font-weight:700;transition:all .15s}.pager button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pager button.on{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}.pager button:disabled{opacity:.45;cursor:default}.pager .ellipsis{cursor:default;min-width:24px;color:var(--muted);background:0 0;border:0}.pager .total{color:var(--muted);margin-right:6px;font-size:13px}.card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:all .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:#5b8def73;transform:translateY(-3px)}.card.hero-card{border:2px solid var(--primary)}.thumb{height:172px;color:var(--primary);background:linear-gradient(135deg,#e7ecff,#eff3ff);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.thumb.soon{color:var(--muted);background:#edf0f5}.thumb .ribbon{z-index:1;position:absolute;top:12px;left:12px}.thumb-img{justify-content:center;align-items:center;width:100%;height:100%;font-size:54px;display:flex;position:relative;overflow:hidden}.cover-deco{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cover-emo{z-index:1;filter:drop-shadow(0 6px 14px #141e3c29);position:relative}.subj-生物{background:linear-gradient(135deg,#e3f2e8,#cde7d6)}.subj-数学{background:linear-gradient(135deg,#e6ecfb,#d2def7)}.subj-物理{background:linear-gradient(135deg,#fdefe3,#f8dcc2)}.subj-化学{background:linear-gradient(135deg,#f3e9fb,#e7d6f5)}.subj-地理{background:linear-gradient(135deg,#e3f4f8,#cdeaf1)}.subj-历史{background:linear-gradient(135deg,#fbefe6,#f6dac6)}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card h3{font-size:17px;font-weight:700}.c-title{margin:0}.c-desc{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.c-subj{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.card .meta{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.card .foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.c-foot{border-top:1px solid #f0f2f7;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.c-detail{color:var(--primary);white-space:nowrap;background:var(--primary-soft);border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.card:hover .c-detail{background:#dde5ff}.c-pricebox{flex-direction:column;gap:2px;min-width:0;display:flex}.c-note{color:var(--muted);font-size:11.5px;line-height:1.3}.price{color:var(--primary);letter-spacing:-.2px;font-size:18px;font-weight:900;line-height:1.2}.price.free{color:var(--ok-ink)}.price.soon{color:var(--muted);font-size:14px;font-weight:700}.price .unit{color:var(--muted);margin-left:3px;font-size:12px;font-weight:600}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:#fff;padding:56px 20px}.empty .ic{opacity:.9;margin-bottom:14px;font-size:38px;line-height:1}.empty h4{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:800}.empty p{color:var(--sub);margin-bottom:18px;font-size:13.5px;line-height:1.7}.empty .acts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.entry-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.entry-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:9px;padding:20px;transition:all .18s;display:flex;position:relative;overflow:hidden}.entry-card:hover{box-shadow:var(--shadow-lg);border-color:#3b5bdb66;transform:translateY(-3px)}.entry-card .e-ic{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex}.entry-card .e-ic.lib{background:var(--primary-soft);color:var(--primary)}.entry-card .e-ic.lab{background:var(--lab-soft);color:var(--lab-ink)}.entry-card .e-ic.game{background:var(--game-soft);color:var(--game-ink)}.entry-card .e-ic.img{background:var(--primary-soft);background-position:50% 58%;background-repeat:no-repeat;background-size:84%}.entry-card h4{color:var(--text);align-items:center;gap:8px;font-size:17.5px;font-weight:800;display:flex}.entry-card p{color:var(--sub);flex:1;font-size:13px;line-height:1.6}.entry-card .e-go{color:var(--primary);align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:inline-flex}.entry-card .e-n{color:var(--sub);background:#f2f4f8;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}@media (max-width:900px){.entry-grid{grid-template-columns:1fr}}@media (min-width:901px) and (max-height:780px){.entry-card{grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 18px;display:grid}.entry-card .e-ic{grid-row:1/span 3;align-self:center;width:42px;height:42px;font-size:20px}.entry-card h4{font-size:16.5px}.entry-card p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (min-width:901px) and (max-height:600px){.entry-card p{display:none}}.section-dark{color:var(--text);background:#f4f6fb;padding:86px 0 92px}.section-dark .sec-title{color:var(--text)}.section-dark .sec-sub{color:var(--sub)}.cta-band{background:var(--primary-soft);padding:48px 24px 64px}.cta-band h2{color:var(--text)}.cta-band p{color:var(--sub)}.detail-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:44px;padding:28px 0 16px;display:grid}.detail-left{flex-direction:column;gap:18px;display:flex}.detail-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.detail-tag:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.detail-title{color:var(--text);margin:0;font-size:36px;font-weight:900;line-height:1.18}.detail-title .accent{color:var(--primary)}.detail-subtitle{color:var(--sub);margin:0;font-size:17px;line-height:1.7}.detail-actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.detail-actions .btn{border-radius:10px;padding:13px 26px;font-size:15px}.detail-meta{color:var(--muted);font-size:13px;line-height:1.7}.detail-right{position:relative}.detail-thumb{height:460px;color:var(--primary);text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#e7ecff,#eff3ff);border-radius:20px;justify-content:center;align-items:center;padding:28px;font-size:18px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #141e5014}.detail-thumb.生物{color:#2b8a3e;background:linear-gradient(135deg,#e8f5e9,#e0f2f1)}.detail-thumb.数学{color:#e67700;background:linear-gradient(135deg,#fff3e0,#fbe9e7)}.detail-thumb.物理{color:#1769aa;background:linear-gradient(135deg,#e3f2fd,#e8eaf6)}.detail-thumb.化学{color:#7b1fa2;background:linear-gradient(135deg,#f3e5f5,#eceff1)}.detail-thumb.地理{color:#00695c;background:linear-gradient(135deg,#e0f7fa,#e8f5e9)}.detail-thumb.历史{color:#8d6e63;background:linear-gradient(135deg,#fff8e1,#f5f5f5)}.detail-thumb .cover-badge{color:var(--sub);border:1px solid var(--border);background:#ffffffe6;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.detail-band{border:1px solid var(--border);background:#f8f9fc;border-radius:16px;margin-top:18px;padding:22px 26px}.sk{background:#eceef3;border-radius:8px;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes sk-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.sk:after{animation:none}}.sk-tag{width:110px;height:16px}.sk-title{width:62%;height:42px}.sk-line{width:86%;height:18px}.sk-line.short{width:52%}.sk-btn{border-radius:10px;width:184px;height:50px;margin-top:8px}.sk-meta{width:72%;height:14px}.sk-thumb{border:1px solid var(--border);border-radius:20px;height:460px}.sk-basis{width:88%;height:20px}.sk-card-thumb{border-radius:0;height:172px}.sk-card-title{width:64%;height:18px}.sk-card-desc{width:92%;height:14px}.sk-card-desc.short{width:58%}.sk-card-tag{border-radius:6px;width:56px;height:22px}.detail-band .band-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.detail-band .band-label{color:var(--primary);border-bottom:2px solid var(--primary);background:0 0;padding:0 0 2px;font-size:12px;font-weight:800;display:inline-block}.detail-band .band-basis{color:var(--text);margin-top:10px;font-size:14px;line-height:1.85}.d-intro{color:var(--text);margin-bottom:6px;font-size:15px;line-height:1.8}.d-feats{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.d-feat{color:var(--sub);border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;line-height:1.4}.d-trust{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12.5px;display:flex}.auth-guide{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.ag-left{flex-direction:column;align-items:center;gap:8px;min-width:140px;display:flex}.ag-qr{border:1px solid var(--border);background:#fff;border-radius:12px;width:150px;height:150px;padding:8px}.ag-qr svg{width:100%;height:100%;display:block}.ag-qr-lg{width:250px;height:250px}.ag-qr img{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.ag-qr-cap{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}.ag-no{color:var(--sub);font-size:12.5px}.ag-right{flex:1;min-width:240px}.ag-step{color:var(--text);margin:0 0 8px;font-size:14px;line-height:1.9}.ag-step b{text-align:center;background:var(--primary);color:#fff;border-radius:50%;width:20px;height:20px;margin-right:6px;font-size:12px;line-height:20px;display:inline-block}.ag-copybox{border:1px dashed var(--primary);background:#f4f7ff;border-radius:10px;align-items:center;gap:10px;margin:2px 0 12px;padding:10px 12px;display:flex}.ag-copybox code{color:var(--text);word-break:break-all;flex:1;font-size:13px}.ag-tip{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.7}.auth-card .auth-status{border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:700}.auth-status.ok{background:var(--ok-soft);color:var(--ok-ink)}.auth-status.exp{color:#b54708;background:#fff1e6}.auth-status.rec{color:#b42318;background:#fbe9e9}.c-detail.auth-get{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}@media (max-width:900px){.detail-hero{grid-template-columns:1fr;gap:28px}.detail-title{font-size:28px}.detail-thumb{height:320px}}footer{color:var(--sub);background:#f2f5fc;border-top:1px solid #1a1f360f;padding:56px 0 28px}footer .cols{grid-template-columns:1.4fr 1fr 1fr .9fr auto;align-items:start;gap:32px;margin-bottom:34px;display:grid}footer .logo{color:var(--text);font-size:22px;font-weight:900}footer .ft-brand .ft-contact{color:var(--sub);flex-direction:column;gap:8px;margin-top:18px;font-size:14px;display:flex}footer h5{color:var(--text);margin-bottom:12px;font-size:14px}footer .ft-col h5{color:var(--muted);letter-spacing:.4px;margin-bottom:14px;font-size:13px;font-weight:700}footer .ft-col a{color:var(--sub);min-height:24px;margin-bottom:10px;font-size:13.5px;transition:all .15s;display:block}footer .ft-col a:hover{color:var(--primary);padding-left:2px}footer a{color:var(--sub);margin-bottom:9px;font-size:13px;display:block}footer a:hover{color:var(--primary)}footer .copy{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding-top:18px;font-size:13px;line-height:1.8}footer .qr-col{flex-direction:row;align-items:center;gap:14px;display:flex}footer .qr-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;width:112px;padding:10px 10px 8px}footer .qr-img{width:92px;height:92px;margin:0 auto}footer .qr-img svg{border-radius:6px;width:100%;height:100%;display:block}footer .qr-name{color:#1a1f36;margin-top:7px;font-size:12px;font-weight:800}footer .qr-desc{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4}.mask{z-index:100;background:#0e13208c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:420px;box-shadow:var(--shadow);box-sizing:border-box;background:#fff;border-radius:16px;max-height:90vh;padding:28px;position:relative;overflow:hidden auto}.modal-close{width:32px;height:32px;color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text);background:#0e13200f}.modal.wide{max-width:560px}.modal h3{margin-bottom:6px;font-size:20px;font-weight:900}.modal .desc{color:var(--sub);margin-bottom:18px;font-size:14px}.field{margin-bottom:14px}.field label{color:var(--sub);margin-bottom:6px;font-size:13px;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--border);border-radius:10px;outline:none;width:100%;padding:11px 13px}.field input:focus,.field select:focus{border-color:var(--primary)}.modal .switch{color:var(--sub);text-align:center;margin-top:14px;font-size:13px}.modal .switch b{color:var(--primary);cursor:pointer}.auth-tabs{justify-content:center;gap:32px;margin-bottom:26px;display:flex;position:relative}.auth-tabs button{color:var(--sub);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:16px;font-weight:700;transition:all .15s;position:relative}.auth-tabs button:hover{color:var(--text)}.auth-tabs button.on{color:var(--primary)}.auth-tabs button.on:after{content:"";background:var(--primary);border-radius:2px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.input-row{background:#f6f7fa;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:13px 16px;transition:all .15s;display:flex}.input-row:focus-within{background:#eef1f8}.input-row .ic{color:var(--muted);font-size:18px;line-height:1}.input-row .prefix{color:var(--text);border-right:1px solid #dadde5;padding-right:6px;font-size:15px;font-weight:700}.input-row input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.input-row input::placeholder{color:var(--muted)}.input-row select{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.code-row{align-items:stretch;gap:12px;margin-bottom:14px;display:flex}.code-row .input-row{flex:1;min-width:0;margin-bottom:0}.sms-btn{white-space:nowrap;border:1.5px solid var(--primary);background:var(--primary-soft);color:var(--primary);cursor:pointer;border-radius:10px;justify-content:center;align-self:stretch;align-items:center;padding:0 12px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.sms-btn:disabled{border-color:var(--border);color:var(--muted);cursor:default;background:0 0}.auth-check{color:var(--sub);cursor:pointer;align-items:center;gap:8px;margin:18px 0 6px;font-size:13px;display:flex}.auth-check input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.auth-check a{color:var(--primary);font-weight:700}.auth-submit{border-radius:12px;width:100%;margin-top:10px;padding:14px 0;font-size:16px;font-weight:700}.auth-foot{color:var(--sub);justify-content:center;align-items:center;gap:18px;margin-top:18px;font-size:14px;display:flex}.auth-foot b{color:var(--primary);cursor:pointer;font-weight:700}.auth-foot .sep{background:#dadde5;width:1px;height:14px}.wx-box{text-align:center;padding:6px 0 2px}.wx-box .qr-img{background:#fff;border-radius:16px;width:180px;height:180px;margin:0 auto 16px;padding:12px;box-shadow:0 2px 12px #1a1f3614}.wx-box .qr-img svg{background:#fff;border-radius:6px;width:100%;height:100%;display:block}.wx-tip{color:var(--sub);margin-bottom:20px;font-size:14px;line-height:1.6}.wx-back{color:var(--sub);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:14px;display:flex}.wx-back b{color:var(--primary);font-weight:700}.pay-qr{background:repeating-linear-gradient(45deg,#1a1f36 0 6px,#fff 6px 12px);border-radius:10px;width:160px;height:160px;margin:10px auto}.pay-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.quiz-q{margin-bottom:16px}.quiz-q p{margin-bottom:8px;font-weight:700}.quiz-opt{border:1.5px solid var(--border);cursor:pointer;border-radius:9px;margin-bottom:7px;padding:9px 12px;font-size:14px;display:block}.quiz-opt.sel{border-color:var(--primary);background:var(--primary-soft)}.quiz-opt.ok{border-color:var(--ok);background:#e7f8ef}.toast{color:#fff;z-index:200;box-shadow:var(--shadow);background:#1a1f36;border-radius:10px;padding:12px 22px;font-size:14px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.floatbar{z-index:80;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.fitem{cursor:pointer;width:54px;color:var(--primary);background:#fff;border:1px solid #e8eaf0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:11px 0 9px;transition:all .18s;display:flex;position:relative;box-shadow:0 2px 10px #141e500f}.fitem:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #3b5bdb24}.fitem svg.ic{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fitem .lab{color:var(--sub);white-space:nowrap;font-size:11px;font-weight:600;line-height:1}.fitem:hover .lab{color:var(--primary)}.fsep{background:#e8eaf0;width:30px;height:1px;margin:2px 0}.fitem .pop{opacity:0;pointer-events:none;border:1px solid var(--border);text-align:center;background:#fff;border-radius:14px;width:196px;padding:16px;transition:all .2s;position:absolute;top:50%;right:66px;transform:translateY(-50%)translate(8px);box-shadow:0 14px 36px #141e5029}.fitem .pop:after{content:"";border-top:1px solid var(--border);border-right:1px solid var(--border);background:#fff;width:11px;height:11px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.fitem:hover .pop,.fitem:focus-within .pop{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}.fitem .pop h6{color:var(--text);margin-bottom:10px;font-size:13.5px;font-weight:800}.fitem .pop .qr{background:#fff;border:1px solid #f0f2f7;border-radius:10px;width:158px;height:158px;margin:0 auto 10px;overflow:hidden}.fitem .pop .qr svg{width:100%;height:100%;display:block}.fitem .pop .tip{color:var(--sub);font-size:12.5px;font-weight:500;line-height:1.55}.fitem.totop{opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;justify-content:center;width:46px;height:46px;padding:0;transition:all .25s;transform:translateY(10px)}.fitem.totop.show{opacity:1;visibility:visible;pointer-events:auto;transform:none}.fitem.totop .ic{width:18px;height:18px}.fitem.totop .ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.fitem.totop .ring circle{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linecap:round;stroke-dasharray:128.8;stroke-dashoffset:128.8px;opacity:.85}@media (max-width:900px){.floatbar{right:10px}.fitem{border-radius:12px;width:46px;padding:9px 0 7px}.fitem svg.ic{width:18px;height:18px}.fitem .lab{font-size:9.5px}.fitem .pop{width:172px;padding:12px;right:52px}.fitem .pop .qr{width:140px;height:140px}}.player{height:calc(100vh - var(--nav-h));color:#e7e9ef;background:#0e1320;grid-template-columns:1fr 420px;min-height:620px;display:grid;position:relative}.player .stage{flex-direction:column;display:flex;position:relative;overflow:hidden}.player .stage-head{border-bottom:1px solid #20283c;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.exit-btn{color:#e7e9ef;cursor:pointer;white-space:nowrap;background:#161b2a;border:1px solid #20283c;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.exit-btn:hover{color:#fff;background:#20283c}.view-tabs{background:#161b2a;border-radius:10px;gap:8px;padding:4px;display:flex}.view-tabs button{color:#aeb4c2;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:700}.view-tabs button.active{color:#fff;background:#2bb673}.fullscreen-btn{color:#e7e9ef;cursor:pointer;background:#161b2a;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.part-index{flex-wrap:wrap;gap:8px;padding:14px 22px;display:flex}.part-index button{color:#e7e9ef;cursor:pointer;background:#161b2a;border:1px solid #20283c;border-radius:999px;padding:6px 12px;font-size:13px;transition:all .15s}.part-index button:hover,.part-index button.active{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.model-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.micro-model{filter:drop-shadow(0 18px 40px #00000073);width:240px;height:360px;position:relative}.micro-part{cursor:pointer;transition:all .3s;position:absolute}.micro-part:hover{filter:brightness(1.15)}.micro-part.active{filter:drop-shadow(0 0 12px #3b5bdbcc)}.micro-label{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#10162ad9;border:1px solid #3b5bdb;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .2s;position:absolute;transform:translateY(8px)}.micro-part:hover .micro-label,.micro-part.active .micro-label{opacity:1;transform:translateY(0)}.stage-foot{background:linear-gradient(#0000,#0e1320 40%);align-items:flex-end;gap:16px;padding:16px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-tip{background:#161b2aeb;border:1px solid #20283c;border-radius:12px;max-width:420px;padding:14px}.stage-tip .step{color:#2bb673;margin-bottom:4px;font-size:12px;font-weight:900}.stage-tip .ttl{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.stage-tip .txt{color:#aeb4c2;font-size:13px;line-height:1.55}.stage-ops{color:#aeb4c2;align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.player .panel{background:#161b2a;border-left:1px solid #20283c;flex-direction:column;display:flex;overflow:auto}.panel-head{border-bottom:1px solid #20283c;padding:18px 22px}.panel-head .k{color:#aeb4c2;margin-bottom:4px;font-size:13px}.panel-head .v{color:#fff;font-size:22px;font-weight:900}.panel-sec{border-bottom:1px solid #20283c;padding:18px 22px}.panel-sec h4{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.panel-sec h4 .sub{color:#aeb4c2;font-weight:500}.mode-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.mode-pill{color:#e7e9ef;cursor:pointer;background:#10162a;border:1px solid #20283c;border-radius:999px;padding:7px 14px;font-size:13px}.mode-pill.active{color:#fff;background:#2bb673;border-color:#2bb673}.control-row{color:#e7e9ef;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.control-row span:first-child{color:#aeb4c2}.switch{align-items:center;gap:8px;display:inline-flex}.switch .pill-btn{color:#aeb4c2;cursor:pointer;background:#10162a;border:1px solid #20283c;border-radius:999px;padding:5px 12px;font-size:12px}.switch .pill-btn.active{color:#fff;background:#3b5bdb;border-color:#3b5bdb}.range-wrap{align-items:center;gap:12px;margin-top:8px;display:flex}.range-wrap input[type=range]{-webkit-appearance:none;background:#20283c;border-radius:3px;outline:none;flex:1;height:6px}.range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#2bb673;border-radius:50%;width:16px;height:16px}.range-labels{color:#aeb4c2;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.eyepiece-box{background:#05060a;border:3px solid #2bb673;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 16px;display:flex;position:relative;box-shadow:0 0 40px #2bb67340}.eyepiece-box .num{color:#fff;font-size:34px;font-weight:900}.eyepiece-box .unit{color:#aeb4c2;font-size:12px;position:absolute;bottom:18px}.guide-alert{color:#2bb673;background:#2bb6731f;border:1px solid #2bb67359;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5}.panel-foot{color:#aeb4c2;padding:16px 22px;font-size:12px;line-height:1.6}@media (max-width:980px){.player{grid-template-columns:1fr}.player .panel{right:0;top:var(--nav-h);z-index:40;width:340px;transition:all .25s;position:fixed;bottom:0;transform:translate(100%)}.player .panel.open{transform:translate(0)}.panel-toggle{z-index:41;color:#fff;background:#3b5bdb;border-radius:8px;padding:10px 14px;font-size:13px;position:fixed;top:80px;right:12px}}@media (max-width:900px){.grid,.trust-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.detail-top{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}footer .qr-col{flex-direction:row;grid-column:1/-1;justify-content:center}}@media (max-width:760px){.wrap{padding:0 16px}.fullscreen-hero h1{letter-spacing:-.6px;font-size:32px}.fullscreen-hero .lead{font-size:15.5px}.fullscreen-hero{min-height:auto;padding:calc(var(--nav-h) + 36px) 0 56px}.section{padding:40px 0}.sec-title{font-size:22px}.grid{grid-template-columns:1fr}.thumb{height:160px}.btn,.chip,.sort,.pager button{min-height:44px}.detail-actions .btn{width:100%}.floatbar{display:none}.filterbar{padding:14px}.fbar-lab{min-width:auto}.sort{flex:1;margin-left:0}.my-title-row .sec-title{font-size:24px}footer{padding:40px 0 24px}footer .cols{grid-template-columns:1fr 1fr;gap:24px}footer .ft-brand,footer .qr-col{grid-column:1/-1}}@media (max-width:560px){.nav-right .btn-ghost,.nav-user span:not(.avatar){display:none}.nav-right .btn-sm{padding:7px 10px}.nav-logo{font-size:17px}.nav-logo span{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}}.cash-head{text-align:center;border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:16px}.cash-amt{color:var(--text);letter-spacing:-.5px;font-size:34px;font-weight:900;line-height:1.1}.cash-amt small{margin-right:2px;font-size:17px;font-weight:800}.cash-sub{color:var(--muted);margin-top:8px;font-size:13px}.cash-qr{border:1px solid var(--border);width:168px;height:168px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;margin:18px auto 12px;padding:10px}.cash-qr svg{border-radius:8px;width:100%;height:100%;display:block}.cash-hint{color:var(--sub);text-align:center;font-size:13.5px;line-height:1.7}.cash-meta{border:1px solid var(--border);border-radius:12px;margin:18px 0 4px;overflow:hidden}.cash-row{background:#fcfcfe;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;display:flex}.cash-row+.cash-row{border-top:1px solid #f0f2f7}.cash-row .k{color:var(--muted);flex:none}.cash-row .v{color:var(--text);text-align:right;word-break:break-all;font-weight:600}.cash-safe{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.ord-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.ord-table td .o-no{color:var(--muted);margin-top:3px;font-size:12px}.ord-act{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:760px){.ord-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.ord-table thead{display:none}.ord-table,.ord-table tbody{display:block}.ord-table tr{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:4px 0 10px;display:block}.ord-table td{border:0;justify-content:space-between;align-items:center;gap:14px;padding:8px 14px;font-size:13.5px;display:flex}.ord-table td:before{content:attr(data-l);color:var(--muted);flex:none;font-size:12.5px;font-weight:400}.ord-table td:first-child{border-bottom:1px dashed var(--border);margin-bottom:4px;padding:10px 14px;display:block}.ord-table td:first-child:before{display:none}.ord-table td:last-child{justify-content:flex-end;padding-top:12px}.ord-table td:last-child:before{display:none}.ord-table tr:hover td{background:0 0}.ord-act{justify-content:stretch;width:100%}.ord-act .btn{flex:1;min-height:44px}}.my-title-row{align-items:center;gap:14px;margin-bottom:6px;display:flex}.my-title-row .sec-title{font-size:30px}.count-badge{height:30px;color:var(--primary);white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.thumb .cover-img{object-fit:fill;width:100%;height:100%;display:block}.detail-thumb.has-cover{padding:0}.detail-thumb .cover-img{object-fit:fill;width:100%;height:100%;display:block}.basis-body{color:var(--text);font-size:14px;line-height:1.85}.cls{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.cls-body{flex:1;align-items:stretch;min-height:620px;display:flex}.cls-viewer{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.cls-stage{background:radial-gradient(120% 120% at 50% 0,#eef2fb 0%,#e2e8f4 60%,#d6deee 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cls-model-wrap{transform-origin:50%;justify-content:center;align-items:center;width:260px;height:390px;transition:transform .25s;display:flex}.cls-model{filter:drop-shadow(0 12px 24px #1e28462e);width:240px;height:360px;display:block}@keyframes clsSpin{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.cls-toolbar{z-index:8;-webkit-backdrop-filter:blur(18px)saturate(180%);white-space:nowrap;background:#ffffff8c;border:1px solid #ffffff80;border-radius:18px;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:8px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #1e28462e}.cls-tools-l,.cls-tools-r{gap:4px;display:flex}.cls-tools-r{border-left:1px solid #1a1f361f;margin-left:6px;padding-left:10px}.cls-tool{color:var(--text);cursor:pointer;background:#ffffff8c;border:none;border-radius:10px;align-items:center;gap:5px;padding:9px 14px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.cls-tool:hover{color:var(--primary);background:#ffffffeb}.cls-tool.on{background:var(--primary);color:#fff}.cls-seg{border:1px solid #e2e6ee;border-radius:8px;display:flex;overflow:hidden}.cls-seg button{color:var(--sub);cursor:pointer;background:#fff;border:none;flex:1;padding:8px;font-size:13px}.cls-seg button+.cls-seg button{border-left:1px solid #e2e6ee}.cls-seg button.on{background:var(--primary);color:#fff}@media (max-width:900px){.cls-body{flex-direction:column;min-height:0}.cls-viewer{min-height:480px}}.cls-fab{z-index:9;width:46px;height:46px;color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffffff2;border:1px solid #e2e6ee;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;box-shadow:0 8px 20px #1e28462e}.cls-fab:hover{border-color:var(--primary);color:var(--primary)}.cls-fab:active{cursor:grabbing}.cls-fab svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:20px;height:20px}.cls-fab-panel{z-index:9;-webkit-backdrop-filter:blur(18px)saturate(180%);background:#fffffff5;border:1px solid #eaedf2;border-radius:14px;flex-direction:column;gap:6px;max-height:calc(100% - 24px);padding:10px;display:flex;position:absolute;overflow:auto;box-shadow:0 12px 30px #1e284629}.cls-fab-panel .cls-tool{background:#fff;border:1px solid #e2e6ee}.cls-fab-panel .cls-tool:hover{border-color:var(--primary)}.cls-embed{z-index:0;transform-origin:50%;transition:transform .25s;position:absolute;inset:0}.cls-embed iframe{border:none;width:100%;height:100%;display:block}.cls-pen{z-index:4;touch-action:none;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cls-pen.active{pointer-events:auto}.cls-eraser-cursor{border:1.5px dashed var(--primary);pointer-events:none;z-index:3;background:#3b5bdb24;border-radius:4px;width:30px;height:30px;display:none;position:absolute;transform:translate(-50%,-50%)}.cls-stage.erasing{cursor:none}.cls-palette{z-index:6;background:#fff;border:1px solid #eaedf2;border-radius:14px;flex-direction:column;gap:8px;width:260px;padding:14px;display:none;position:absolute;bottom:86px;left:16px;box-shadow:0 12px 30px #1e284629}.cls-palette.open{display:flex}.cls-pal-head{color:var(--text);justify-content:space-between;align-items:center;font-weight:700;display:flex}.cls-pal-x{cursor:pointer;width:24px;height:24px;color:var(--sub);background:#f0f2f7;border:none;border-radius:6px}.cls-pal-label{color:var(--sub);margin-top:4px;font-size:12px}.cls-swatches{gap:8px;display:flex}.cls-sw{cursor:pointer;border:2px solid #fff;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:0 0 0 1px #d7dce6}.cls-sw.on{box-shadow:0 0 0 2px var(--primary)}.cls-pal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cls-pal-grid button{color:var(--text);cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:8px;padding:9px;font-size:13px}.cls-pal-grid button:hover{border-color:var(--primary);color:var(--primary)}.cls-pal-grid button.on{background:var(--primary-soft);color:var(--primary-dark)}.cls-board{z-index:5;background:#fff;display:none;position:absolute;inset:0}.cls-board.black{background:#1e2333}.cls-board.on{display:block}.cls-board-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.cls-boards{z-index:7;background:#fffffff2;border:1px solid #eaedf2;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 8px;display:none;position:absolute;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #1e284629}.cls-boards.on{display:flex}.cls-board-chip .dot.black{background:#1e2333;border-color:#1e2333}.cls-board-chip{color:var(--text);cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.cls-board-chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.cls-board-add,.cls-board-del{color:var(--text);cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:50%;width:32px;height:32px;font-size:15px;line-height:1}.cls-board-add:hover,.cls-board-del:hover{border-color:var(--primary);color:var(--primary)}.cls-board-skin{color:var(--text);cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:999px;padding:6px 12px;font-size:13px}.cls-board-skin:hover{border-color:var(--primary);color:var(--primary)}.cls-board-del svg{margin:0 auto;display:block}.cls-tool-ic{flex-shrink:0;display:block}.cls-tool{vertical-align:middle}