.pet-root{position:fixed;z-index:900;pointer-events:none;-webkit-user-select:none;user-select:none}.pet-body{position:relative}.pet-hit{position:relative;outline:none;border-radius:12px}.pet-hit:focus-visible{outline:2px solid var(--l-primary);outline-offset:2px}.pet-hit canvas{filter:drop-shadow(0 6px 10px rgba(15,23,42,.18))}.pet-badge{position:absolute;top:2px;right:4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#f04452;color:#fff;font:600 11px/16px var(--l-font);text-align:center;border:2px solid #fff;pointer-events:none;box-shadow:0 2px 6px #f0445259}.pet-fallback{pointer-events:auto;border:0;background:var(--l-surface);border-radius:50%;padding:6px;box-shadow:0 4px 14px #00000026;cursor:pointer}.pet-panel{position:absolute;width:316px;pointer-events:auto;background:var(--l-surface);border:1px solid var(--l-line);border-radius:10px;box-shadow:0 12px 36px #0f172a29;padding:14px;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--l-ink)}.pet-profile{display:flex;align-items:center;gap:12px;border:0;background:none;padding:4px;border-radius:8px;cursor:pointer;color:inherit;font:inherit}.pet-profile:hover{background:var(--l-surface-2)}.pet-profile strong{font-size:15px}.pet-profile small{color:var(--l-muted);font-size:12px}.pet-warn{display:block;background:var(--l-amber-soft);color:var(--l-amber);border-radius:6px;padding:7px 10px;font-size:12.5px}.pet-balance{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-balance>div{background:var(--l-surface-2);border:1px solid var(--l-line-soft);border-radius:8px;padding:8px 10px}.pet-balance span{display:block;color:var(--l-muted);font-size:11.5px}.pet-balance b{font-size:14px;font-weight:600}.pet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid var(--l-line);background:var(--l-surface);border-radius:8px;cursor:pointer;color:var(--l-ink-2);font:inherit;font-size:13px}.pet-actions button:hover{border-color:#b9c8ee;color:var(--l-primary)}.pet-admin{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:6px;background:var(--l-line-soft);color:var(--l-ink-2)}.pet-guest{display:flex;flex-direction:column;gap:8px}.pet-guest strong{font-size:15px}.pet-guest p{color:var(--l-muted)}.pet-settings{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;align-items:center;border-top:1px solid var(--l-line-soft);padding-top:10px}.pet-settings label{color:var(--l-muted);font-size:12px}.pet-settings .ant-slider{margin:6px 4px}.pet-logout{border:0;background:none;color:var(--l-muted);cursor:pointer;font:inherit;font-size:12.5px;padding:4px;border-radius:6px}.pet-logout:hover{color:var(--l-red);background:var(--l-red-soft)}:root{--l-bg: #f5f6f8;--l-surface: #ffffff;--l-surface-2: #fafbfc;--l-ink: #15171c;--l-ink-2: #3c4250;--l-muted: #6b7280;--l-faint: #9aa1ac;--l-line: #e5e7ec;--l-line-soft: #f0f1f4;--l-primary: #2358d6;--l-primary-deep: #1a45ad;--l-primary-soft: #edf2ff;--l-player-accent: #2358d6;--l-green: #15803d;--l-green-soft: #e8f6ee;--l-gold: #b7791f;--l-gold-soft: #fdf5e4;--l-red: #c23b2a;--l-red-soft: #fdeceb;--l-amber: #b45309;--l-amber-soft: #fdf3e3;--l-radius: 8px;--l-header: 60px;--l-header-bg: rgba(255, 255, 255, .94);--l-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif}:root[data-theme=dark]{--l-bg: #111216;--l-surface: #1c1d21;--l-surface-2: #24262c;--l-ink: #eceef2;--l-ink-2: #c9cbd3;--l-muted: #aaadb8;--l-faint: #969aa6;--l-line: #3a3c45;--l-line-soft: #2c2e35;--l-green: #6bce92;--l-green-soft: #20392b;--l-gold: #e6bf72;--l-gold-soft: #3a3020;--l-red: #ff918a;--l-red-soft: #422729;--l-amber: #e6b76b;--l-amber-soft: #3a2f20;--l-header-bg: rgba(28, 29, 33, .94)}*{box-sizing:border-box;letter-spacing:0}html,body,#root{margin:0;min-height:100%}body{background:var(--l-bg);color:var(--l-ink);font-family:var(--l-font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:var(--l-primary);text-decoration:none}a:hover{color:var(--l-primary-deep)}h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:600;color:var(--l-ink)}p{margin:0}button{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--l-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-header{position:sticky;top:0;z-index:50;height:var(--l-header);background:var(--l-header-bg);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--l-line)}.s-header-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}.s-brand{display:flex;align-items:center;gap:10px;color:var(--l-ink);font-weight:650;font-size:16px;white-space:nowrap}.s-brand:hover{color:var(--l-ink)}.s-brand svg{width:30px;height:24px}.s-brand small{font-weight:400;color:var(--l-muted);font-size:12px;border-left:1px solid var(--l-line);padding-left:10px}.s-nav{display:flex;gap:4px;flex:1}.s-nav a{color:var(--l-ink-2);padding:6px 12px;border-radius:6px;font-size:14px}.s-nav a:hover{background:var(--l-line-soft);color:var(--l-ink)}.s-nav a.active{color:var(--l-primary);background:var(--l-primary-soft);font-weight:500}.s-header-right{display:flex;align-items:center;gap:12px}.s-main{max-width:1280px;margin:0 auto;padding:28px 24px 96px}.s-main.wide{max-width:none;padding:0}.s-footer{border-top:1px solid var(--l-line);color:var(--l-faint);font-size:12px;text-align:center;padding:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{font-size:22px}.page-head p{color:var(--l-muted);margin-top:4px}.section-title{font-size:16px;font-weight:600;margin:28px 0 14px;display:flex;align-items:center;gap:8px}.section-title small{color:var(--l-muted);font-weight:400;font-size:13px}.muted{color:var(--l-muted)}.faint{color:var(--l-faint)}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.panel{background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-radius)}.panel-pad{padding:20px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.course-card{display:flex;flex-direction:column;background:var(--l-surface);border:1px solid var(--l-line);border-radius:var(--l-radius);overflow:hidden;color:var(--l-ink);transition:border-color .15s,box-shadow .15s}.course-card:hover{color:var(--l-ink);border-color:var(--l-line);box-shadow:0 6px 20px #14285a12}.course-card-link{display:block}.course-cover{aspect-ratio:16 / 9;position:relative;background:#e9edef;overflow:hidden}.course-cover .cover-tag{position:absolute;top:12px;left:14px;font-size:12px;background:var(--l-header-bg);border:1px solid var(--l-line);color:var(--l-ink-2);padding:1px 8px;border-radius:4px;z-index:1}.course-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-cover-default{display:flex;align-items:flex-end;padding:48px 22px 22px}.course-cover-default .cover-tag{color:#fff;background:#00000029;border-color:#ffffff4d}.course-cover-title{color:#fff;font-size:20px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgba(0,0,0,.18)}.course-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.course-body h3{font-size:16px}.course-body h3 a{color:var(--l-ink)}.course-body h3 a:hover{color:var(--l-primary)}.course-body .sub{color:var(--l-muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.course-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--l-muted);font-size:12px}.course-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.course-card-actions{border-top:1px solid var(--l-line-soft);padding-top:8px;font-size:13px}.course-card-actions a{display:inline-flex;align-items:center;gap:6px;max-width:100%}.price{font-weight:600;color:var(--l-ink)}.price.free{color:var(--l-green)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:20px;padding:0 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge.blue{background:var(--l-primary-soft);color:var(--l-primary)}.badge.green{background:var(--l-green-soft);color:var(--l-green)}.badge.gold{background:var(--l-gold-soft);color:var(--l-gold)}.badge.gray{background:var(--l-line-soft);color:var(--l-muted)}.badge.red{background:var(--l-red-soft);color:var(--l-red)}.badge.amber{background:var(--l-amber-soft);color:var(--l-amber)}.home-intro{border-bottom:1px solid var(--l-line);padding:8px 0 20px}.home-welcome h1{font-size:23px}.home-welcome p{color:var(--l-muted);margin-top:8px;max-width:520px}.stat-row{display:flex;gap:28px;margin-top:14px}.stat b{display:block;font-size:20px;font-weight:650}.stat span{color:var(--l-muted);font-size:12px}.home-recent{margin-top:8px;border-bottom:1px solid var(--l-line);padding-bottom:14px}.continue-list{display:flex;flex-direction:column;border-top:1px solid var(--l-line-soft)}.continue-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--l-line-soft);color:var(--l-ink)}.continue-item:first-child{border-top:0}.continue-course{color:var(--l-ink);font-weight:600}.continue-action{flex:none;font-weight:600}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.course-detail-intro{display:grid;grid-template-columns:minmax(230px,42%) 1fr;gap:22px;align-items:start;border-bottom:1px solid var(--l-line);padding-bottom:22px}.course-detail-intro .course-cover{border-radius:6px;border:1px solid var(--l-line)}.course-hero-main h1{font-size:24px}.course-outline{border-top:1px solid var(--l-line)}.buy-box{border:1px solid var(--l-line);border-radius:6px;background:var(--l-surface);padding:20px;position:sticky;top:calc(var(--l-header) + 20px);display:flex;flex-direction:column;gap:14px}.course-access{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--l-green);border-top:1px solid var(--l-line-soft);padding-top:12px}.buy-box .big-price{font-size:26px;font-weight:650}.outline-chapter{border-top:1px solid var(--l-line)}.outline-chapter:first-child{border-top:0}.outline-chapter-head{display:flex;align-items:center;gap:10px;padding:14px 20px}.outline-chapter-head h3{font-size:15px}.outline-lesson{display:flex;align-items:center;gap:10px;padding:9px 20px 9px 44px;color:var(--l-ink-2);font-size:13.5px}.outline-lesson:hover{background:var(--l-surface-2);color:var(--l-ink)}.outline-lesson.locked{color:var(--l-faint)}.learn-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - var(--l-header))}.learn-side{background:var(--l-surface);border-right:1px solid var(--l-line);position:sticky;top:var(--l-header);height:calc(100vh - var(--l-header));overflow-y:auto}.learn-side-head{padding:16px 18px 12px;border-bottom:1px solid var(--l-line-soft)}.learn-side-head a{color:var(--l-muted);font-size:12px}.learn-side-head h2{font-size:15px;margin-top:4px}.toc-chapter{padding:10px 0 6px;border-bottom:1px solid var(--l-line-soft)}.toc-chapter-title{padding:4px 18px;font-size:13px;font-weight:600;color:var(--l-ink);display:flex;align-items:center;gap:6px}.toc-item{display:flex;align-items:center;gap:8px;padding:6px 18px 6px 26px;font-size:13px;color:var(--l-ink-2);border-left:3px solid transparent}.toc-item:hover{background:var(--l-surface-2);color:var(--l-ink)}.toc-item.active{background:var(--l-primary-soft);border-left-color:var(--l-primary);color:var(--l-primary);font-weight:500}.toc-item.locked{color:var(--l-faint)}.toc-item .toc-dur{margin-left:auto;color:var(--l-faint);font-size:12px}.toc-assess{color:var(--l-gold)}.learn-main{padding:24px 40px 120px;max-width:1080px;width:100%}.learn-title{font-size:22px;margin-bottom:4px}.player-box{background:#0f1115;border-radius:var(--l-radius);overflow:hidden;aspect-ratio:16 / 9;position:relative;margin:16px 0 12px}.player-box .artplayer-app{width:100%;height:100%}.player-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#e5e7eb;text-align:center;padding:24px}.player-state h3{color:#fff;font-size:17px}.progress-line{display:flex;align-items:center;gap:10px;color:var(--l-muted);font-size:12.5px}.lesson-actions{display:flex;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid var(--l-line);margin-bottom:18px}.act-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--l-ink-2);font-size:14px;padding:6px 12px;border-radius:6px;cursor:pointer}.act-btn:hover{background:var(--l-line-soft)}.act-btn.on{color:var(--l-primary)}.act-btn .anticon{font-size:18px}.rich{font-size:15.5px;line-height:1.85;color:var(--l-ink-2)}.rich p{margin:0 0 14px}.rich h2{font-size:20px;margin:28px 0 12px}.rich h3{font-size:17px;margin:24px 0 10px}.rich h4{font-size:15.5px;margin:20px 0 8px}.rich ul,.rich ol{margin:0 0 14px;padding-left:1.5em}.rich li{margin:4px 0}.rich li p{margin:0}.rich blockquote{margin:0 0 16px;padding:10px 16px;background:var(--l-surface-2);border-left:3px solid var(--l-primary);color:var(--l-ink-2);border-radius:0 6px 6px 0}.rich blockquote p{margin:0}.rich code{background:var(--l-line-soft);border-radius:4px;padding:1px 5px;font-size:.92em}.rich pre{background:#15171c;color:#e9ecf2;padding:14px 16px;border-radius:8px;overflow-x:auto}.rich img{max-width:100%;border-radius:6px}.rich hr{border:0;border-top:1px solid var(--l-line);margin:20px 0}.lesson-nav{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:18px;border-top:1px solid var(--l-line)}.lesson-nav a{display:flex;flex-direction:column;max-width:46%;color:var(--l-ink)}.lesson-nav a small{color:var(--l-muted)}.lesson-nav a.next{text-align:right;margin-left:auto}.comments{margin-top:36px}.comments-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.comments-head h3{font-size:18px}.comments-head .count{color:var(--l-faint);font-size:14px}.sort-switch{display:flex;gap:0;align-items:center;color:var(--l-muted);font-size:13.5px}.sort-switch button{border:0;background:none;color:var(--l-muted);cursor:pointer;padding:0 10px;font-size:13.5px}.sort-switch button.on{color:var(--l-ink);font-weight:600}.sort-switch span{width:1px;height:12px;background:var(--l-line)}.comment-editor{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.comment-box{flex:1;background:var(--l-surface-2);border:1px solid var(--l-line);border-radius:8px;transition:border-color .15s,background .15s}.comment-box:focus-within{background:var(--l-surface);border-color:var(--l-primary)}.comment-box textarea{width:100%;border:0;background:transparent;color:var(--l-ink);resize:none;padding:12px 14px;font:inherit;font-size:14px;min-height:48px;outline:none}.comment-box-foot{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px}.comment-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--l-line-soft)}.comment-item .c-name{font-size:13.5px;font-weight:500;color:var(--l-ink-2);display:flex;align-items:center;gap:6px}.comment-item .c-body{font-size:15px;margin:6px 0 8px;white-space:pre-wrap;word-break:break-word;color:var(--l-ink)}.comment-item .c-meta{display:flex;align-items:center;gap:18px;color:var(--l-faint);font-size:12.5px}.comment-item .c-meta button{border:0;background:none;color:var(--l-faint);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;padding:0}.comment-item .c-meta button:hover,.comment-item .c-meta button.on{color:var(--l-primary)}.pin-tag{font-size:11px;color:var(--l-red);border:1px solid #f3c1bb;border-radius:3px;padding:0 4px;line-height:16px}.emoji-panel{display:grid;grid-template-columns:repeat(8,32px);gap:4px}.emoji-panel button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:6px;cursor:pointer}.emoji-panel button:hover{background:var(--l-line-soft)}.assess-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.assess-card{padding:20px;display:flex;flex-direction:column;gap:12px}.assess-card h3{font-size:16px;display:flex;align-items:center;gap:8px}.score-pill{display:inline-flex;align-items:baseline;gap:2px;font-weight:700;font-size:22px}.score-pill small{font-size:13px;color:var(--l-muted);font-weight:400}.file-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--l-line);border-radius:6px;font-size:13px}.rte{border:1px solid var(--l-line);border-radius:8px;background:var(--l-surface)}.rte-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--l-line-soft);position:sticky;top:0;background:var(--l-surface);z-index:2;border-radius:8px 8px 0 0}.rte-toolbar button{border:0;background:none;padding:4px 8px;border-radius:4px;cursor:pointer;color:var(--l-ink-2);font-size:13px;min-width:30px}.rte-toolbar button:hover{background:var(--l-line-soft)}.rte-toolbar button.on{background:var(--l-primary-soft);color:var(--l-primary)}.rte-content{padding:14px 18px;min-height:360px}.rte-content .ProseMirror{outline:none;min-height:340px}.cert{width:900px;max-width:100%;aspect-ratio:1.414 / 1;margin:0 auto;background:#fffdf8;border:1px solid #e8dcc0;position:relative;padding:56px 72px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#2b2419;font-family:Songti SC,STSong,SimSun,serif}.cert:before{content:"";position:absolute;inset:14px;border:2px solid #c9a55a;pointer-events:none}.cert:after{content:"";position:absolute;inset:22px;border:1px solid #e3cf9c;pointer-events:none}.cert h1{font-size:40px;letter-spacing:8px;color:#7a5a1c;margin-top:18px;font-family:inherit}.cert .cert-sub{color:#9b8350;letter-spacing:4px;font-size:13px;margin-top:6px}.cert .cert-name{font-size:32px;margin:36px 0 12px;border-bottom:1px solid #c9a55a;padding:0 40px 6px}.cert .cert-text{font-size:17px;line-height:2;max-width:620px}.cert .cert-foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:13px;color:#6d5d3f;font-family:var(--l-font)}.cert.revoked{filter:grayscale(1);opacity:.7}.empty-state{padding:48px 20px;text-align:center;color:var(--l-muted)}.empty-state h3{font-size:16px;color:var(--l-ink-2);margin-bottom:6px}@media(max-width:1080px){.course-hero,.exam-layout,.learn-layout{grid-template-columns:1fr}.learn-side{position:static;height:auto;max-height:280px}.learn-main{padding:20px}.buy-box{position:static}}.ntf-row{width:100%;display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border:0;border-bottom:1px solid var(--l-line-soft);background:var(--l-surface);text-align:left;cursor:pointer;font:inherit;color:var(--l-ink);position:relative}.ntf-row:hover{background:var(--l-surface-2)}.ntf-row.unread strong{color:var(--l-ink)}.ntf-row:not(.unread){color:var(--l-muted)}.ntf-row:not(.unread) strong{font-weight:500;color:var(--l-ink-2)}.ntf-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--l-primary-soft);color:var(--l-primary);flex:none}.ntf-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--l-muted);margin-top:2px}.ntf-time{color:var(--l-faint);font-size:12px;white-space:nowrap}.ntf-dot{position:absolute;left:8px;top:30px;width:6px;height:6px;border-radius:50%;background:#f04452}.uavatar{position:relative;display:inline-block;flex:none;vertical-align:middle}.uavatar-img{position:absolute;inset:0;border-radius:50%;background:#e9edf5;display:grid;place-items:center;color:#9aa6bd;overflow:hidden}.uavatar-img svg{width:56%;height:56%}.uavatar .hn-frame{z-index:1}.hn-orbit-light{transform-origin:128px 128px;transform-box:view-box;animation:hn-orbit-clockwise var(--hn-orbit-duration, 8s) linear infinite}@keyframes hn-orbit-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uname-line{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.uname-line .uname{min-width:0}.lv-tag{flex:none;font:700 10px/1 SF Mono,Menlo,Consolas,monospace;padding:3px 5px;border-radius:3px;color:#fff;letter-spacing:.3px;cursor:default}.title-tag{flex:none;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px 0 6px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;cursor:default}.title-tag svg{width:12px;height:12px;flex:none}.title-tag em{font-style:normal;font-weight:700;opacity:.9;margin-left:1px}.title-tag.gold{background:linear-gradient(90deg,#b07a1c,#e6b94e 55%,#b07a1c);background-size:200% 100%;animation:hn-sheen 4s linear infinite}.title-tag.silver{background:linear-gradient(90deg,#6b7589,#b9c1cf 55%,#6b7589);background-size:200% 100%;animation:hn-sheen 5s linear infinite}.title-tag.bronze{background:linear-gradient(90deg,#8a4b20,#d49060 55%,#8a4b20)}.title-tag.purple{background:#6e45c9}.title-tag.blue{background:#3160d6}.title-tag.dynamic{background:#fff;color:#2446a8;border:1px solid #9bb3f0}.title-tag.green{background:#327b51}.title-tag.white{background:#fff;color:#364554;border:1px solid #bdc8d2}:root[data-theme=dark] :is(.badge-card,.frame-item,.title-pick button){background:var(--l-surface);color:var(--l-ink)}:root[data-theme=dark] :is(.badge-card.none,.frame-item.locked,.title-pick button:disabled,.wear-preview){background:var(--l-surface-2)}:root[data-theme=dark] .badge-prog{background:var(--l-line)}@keyframes hn-sheen{to{background-position:-200% 0}}.uname-badge{display:inline-flex;flex:none;cursor:default}.hn-badge{display:block;flex:none}.hn-badge.locked{opacity:.55}@media(prefers-reduced-motion:reduce){.title-tag.gold,.title-tag.silver,.hn-orbit-light{animation:none}}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.badge-card{border:1px solid var(--l-line);border-radius:10px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:10px}.badge-card.none{background:#fafbfc}.badge-card .tiers{display:flex;gap:10px}.badge-card .tier{text-align:center;width:64px}.badge-card .tier small{display:block;font-size:11px;color:var(--l-muted);line-height:1.4}.badge-card .tier .rar{color:var(--l-faint)}.badge-card .tier.got small:first-of-type{color:var(--l-ink-2);font-weight:600}.badge-card h4{margin:0;font-size:15px;display:flex;align-items:center;gap:6px}.badge-card .cat{font-size:11px;color:var(--l-faint);letter-spacing:1px}.badge-card p{margin:0;font-size:12.5px;color:var(--l-ink-2)}.badge-prog{height:5px;border-radius:3px;background:#eceff4;overflow:hidden}.badge-prog i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#c98552,#d9a336)}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.frame-item{position:relative;border:1px solid var(--l-line);border-radius:6px;padding:26px 8px 12px;text-align:center;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit;min-width:0}.frame-item:hover{border-color:#b9c8ee}.frame-item.on{border-color:var(--l-primary);box-shadow:0 0 0 2px var(--l-primary-soft)}.frame-item.locked{cursor:not-allowed;background:#fafbfc}.frame-item.locked .uavatar{filter:grayscale(1);opacity:.45}.frame-item b{display:block;font-size:13px;margin-top:18px}.frame-item small{display:block;font-size:11px;color:var(--l-muted);line-height:1.4;margin-top:2px}.frame-item .check{position:absolute;top:8px;right:8px;color:var(--l-primary)}.frame-item .lock{position:absolute;top:8px;right:8px;color:var(--l-faint)}.frame-group-title{font-size:13px;font-weight:600;color:var(--l-ink-2);margin:18px 0 10px}.title-pick{display:flex;flex-wrap:wrap;gap:10px}.title-pick button{border:1px solid var(--l-line);background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:inherit}.title-pick button.on{border-color:var(--l-primary);box-shadow:0 0 0 2px var(--l-primary-soft)}.title-pick button:disabled{cursor:default;background:#fafbfc}.title-pick button:disabled .title-tag{filter:grayscale(1);opacity:.5}.title-pick button small{font-size:11px;color:var(--l-muted)}.appearance-entry{padding:22px 4px 4px}.wear-preview{display:flex;align-items:center;gap:32px;min-height:112px;padding:14px 24px;background:#f3f7f8;border-radius:6px}.wear-preview-info{min-width:0;padding-left:14px}.wear-preview-mini{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:12px}.wear-scroll{max-height:min(46vh,480px);overflow-y:auto;padding:4px 10px 14px 4px}.wear-modal .frame-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:8px 4px}.wear-modal .frame-item small{min-height:32px}.wear-modal .title-pick{align-items:flex-start}.wear-modal .title-pick button{border-radius:6px;max-width:240px;text-align:left}.wear-modal .title-pick button small{line-height:1.4;white-space:normal}.wear-badges button{min-width:160px}.wear-order{list-style:none;margin:8px 0 18px;padding:0;display:flex;gap:10px;flex-wrap:wrap}.wear-order li{display:inline-flex;align-items:center;gap:3px;padding:3px 4px 3px 10px;border:1px solid var(--l-line);border-radius:4px;font-size:12px}.wear-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--l-line)}.board-page{max-width:1040px}.board-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.board-eyebrow{font-size:12px;color:var(--l-primary);font-weight:600;letter-spacing:0}.board-hero h1{font-size:26px;margin-top:2px}.board-hero p{color:var(--l-muted);margin-top:4px;font-size:13px}.board-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.podium{display:grid;gap:14px;align-items:end;margin-bottom:14px}.podium.podium-3{grid-template-columns:1fr 1.12fr 1fr}.podium.podium-3 .r1{order:2}.podium.podium-3 .r2{order:1}.podium.podium-3 .r3{order:3}.podium.podium-2,.podium.podium-1{grid-template-columns:repeat(3,1fr)}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:38px 14px 16px;border:1px solid var(--l-line);border-radius:12px;background:#fff;color:var(--l-ink);text-align:center;overflow:hidden;transition:box-shadow .15s,transform .15s}.podium-card:hover{color:var(--l-ink);box-shadow:0 8px 26px #141e3c14;transform:translateY(-2px)}.podium-card:before{content:"";position:absolute;inset:0 0 auto;height:4px}.podium-card.r1{padding-top:46px;min-height:270px;background:linear-gradient(180deg,#fffaf0,#fff 55%);border-color:#efdcae}.podium-card.r1:before{background:linear-gradient(90deg,#d9a336,#f7d774,#d9a336)}.podium-card.r2{min-height:240px;background:linear-gradient(180deg,#f6f8fb,#fff 55%);border-color:#dfe4ec}.podium-card.r2:before{background:linear-gradient(90deg,#9aa4b5,#e6eaf0,#9aa4b5)}.podium-card.r3{min-height:230px;background:linear-gradient(180deg,#fcf5ef,#fff 55%);border-color:#ecd9c8}.podium-card.r3:before{background:linear-gradient(90deg,#b06b37,#e4a672,#b06b37)}.podium-rank{position:absolute;top:10px;left:14px;font:800 30px/1 Georgia,Times New Roman,serif;opacity:.9}.podium-card.r1 .podium-rank{color:#c8912a}.podium-card.r2 .podium-rank{color:#8a94a6}.podium-card.r3 .podium-rank{color:#b06b37}.podium-card .uavatar{margin:10px 0 12px}.podium-name{font-weight:600;max-width:100%}.podium-name .uname-line{flex-wrap:wrap;justify-content:center}.podium-score{font:700 28px/1 SF Pro Display,-apple-system,sans-serif;font-variant-numeric:tabular-nums}.podium-score small{font-size:13px;color:var(--l-muted);font-weight:500;margin-left:2px}.board-list{padding:4px 0}.board-row{display:grid;grid-template-columns:40px 64px 40px minmax(0,1fr) 80px 64px;align-items:center;gap:10px;padding:10px 20px;color:var(--l-ink);border-top:1px solid var(--l-line-soft)}.board-row:first-child{border-top:0}.board-row:hover{background:var(--l-surface-2);color:var(--l-ink)}.board-row.me{background:var(--l-primary-soft)}.board-rank{font:700 16px/1 SF Pro Display,-apple-system,sans-serif;color:var(--l-ink-2);text-align:center;font-variant-numeric:tabular-nums}.board-score{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;font-size:15px}.trend{display:inline-flex;align-items:center;gap:1px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.trend.up{color:#16a34a}.trend.down{color:#dc2626}.trend.flat{color:var(--l-faint)}.trend.none{color:var(--l-faint);font-weight:400}.me-bar{position:sticky;bottom:16px;z-index:30;display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 18px;border-radius:12px;background:#16203a;color:#fff;box-shadow:0 12px 30px #0f172a38}.me-bar .me-rank{font-size:16px}.me-bar .me-score{font-variant-numeric:tabular-nums;color:#c7d2fe}.me-bar .me-hint{font-size:12.5px;color:#aab4cc;margin-top:2px}.me-bar .trend.up{color:#4ade80}.me-bar .trend.down{color:#f87171}.me-bar .uname-line .lv-tag{opacity:.9}.reward-strip{margin-top:22px;padding:18px 20px}.reward-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}.reward-head .muted{font-size:12.5px}.reward-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reward-item{display:flex;align-items:center;gap:14px;padding:14px 12px 12px 18px;border:1px solid var(--l-line-soft);border-radius:10px;background:var(--l-surface-2);min-height:76px}.reward-dot{width:10px;height:10px;border-radius:50%;background:var(--l-line);margin:0 15px;flex:none}.profile-hero{display:flex;align-items:center;gap:30px;padding:34px 32px 28px 40px}.profile-hero-main{min-width:0;flex:1}.profile-hero-main h1{font-size:22px}.profile-hero-main h1 .uname-line{flex-wrap:wrap}.level-bar{margin-top:14px;max-width:520px}.profile-stats{display:flex;gap:32px}.profile-stats .stat b small{font-size:13px;color:var(--l-faint);font-weight:500}.appearance-preview{border:1px solid var(--l-line);border-radius:12px;padding:14px 18px 12px;background:linear-gradient(180deg,#fafbfd,#fff);margin-top:6px}.lobby{max-width:760px;margin:0 auto}.lobby-card{padding:32px 36px}.lobby-card h1{font-size:24px;margin:4px 0 18px}.lobby-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.lobby-facts div{background:var(--l-surface-2);border:1px solid var(--l-line-soft);border-radius:10px;padding:12px 14px}.lobby-facts b{display:block;font:700 22px/1.2 SF Pro Display,-apple-system,sans-serif}.lobby-facts span{font-size:12px;color:var(--l-muted)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 22px}.slot{border:1px dashed #cfd5e0;border-radius:10px;padding:14px;text-align:center;color:var(--l-muted);font-size:12.5px}.slot b{display:block;font-size:22px;color:var(--l-ink);margin:2px 0;font-variant-numeric:tabular-nums}.slot.used{border-style:solid;border-color:#d7dde8;background:#fff}.slot.best{border-color:#bfe7cc;background:#f3fbf6}.slot.best b{color:var(--l-green)}.slot.live{border-style:solid;border-color:#b9c8ee;background:var(--l-primary-soft);color:var(--l-primary)}.rules-list{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:var(--l-ink-2)}.rules-list li{display:flex;gap:8px}.rules-list li .anticon{color:var(--l-primary);margin-top:4px}.focus-shell{position:fixed;inset:0;z-index:1000;background:#f7f8fa;display:flex;flex-direction:column}.focus-top{height:60px;flex:none;display:flex;align-items:center;gap:16px;padding:0 28px;background:#fff;border-bottom:1px solid var(--l-line)}.focus-top .title{font-weight:600;min-width:0}.focus-timer{font:700 22px/1 SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;padding:6px 12px;border-radius:8px;background:var(--l-surface-2)}.focus-timer.warn{color:#dc2626;background:#fef2f2;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}.focus-save{font-size:12px;color:var(--l-muted);min-width:90px;text-align:right}.focus-body{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:48px 24px 24px}.focus-q{width:100%;max-width:760px}.focus-q .q-meta{display:flex;align-items:center;gap:10px;color:var(--l-muted);font-size:13px;margin-bottom:14px}.focus-q .q-type{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--l-primary-soft);color:var(--l-primary)}.focus-q h2{font-size:21px;font-weight:600;line-height:1.6;margin-bottom:26px}.focus-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 18px;margin-bottom:10px;background:#fff;border:1.5px solid var(--l-line);border-radius:12px;font:inherit;font-size:15.5px;color:var(--l-ink);cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.focus-opt:hover{border-color:#aebfe9}.focus-opt:active{transform:scale(.995)}.focus-opt.on{border-color:var(--l-primary);background:var(--l-primary-soft)}.focus-opt kbd{flex:none;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font:600 13px/1 SF Mono,Menlo,monospace;border:1px solid var(--l-line);background:var(--l-surface-2);color:var(--l-ink-2)}.focus-opt.on kbd{background:var(--l-primary);border-color:var(--l-primary);color:#fff}.focus-hint{margin-top:18px;color:var(--l-faint);font-size:12.5px}.focus-hint kbd{font:600 11px Menlo,monospace;border:1px solid var(--l-line);border-radius:4px;padding:1px 5px;background:#fff;color:var(--l-muted)}.focus-foot{flex:none;background:#fff;border-top:1px solid var(--l-line);padding:12px 28px 16px}.focus-nav{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto}.q-dots{flex:1;display:flex;flex-wrap:wrap;gap:5px}.q-dots button{width:30px;height:30px;border-radius:7px;border:1px solid var(--l-line);background:#fff;font:600 12px/1 SF Mono,Menlo,monospace;color:var(--l-muted);cursor:pointer}.q-dots button.done{background:#e8efff;border-color:#c6d4f6;color:var(--l-primary)}.q-dots button.cur{background:var(--l-primary);border-color:var(--l-primary);color:#fff}.result{max-width:860px;margin:0 auto}.result-hero{padding:36px 32px 28px;text-align:center;background:linear-gradient(180deg,#f3f6ff,#fff 70%)}.score-ring{width:156px;height:156px;margin:8px auto 14px;border-radius:50%;display:grid;place-items:center}.score-ring>div{width:126px;height:126px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.score-ring b{font:700 40px/1 SF Pro Display,-apple-system,sans-serif;font-variant-numeric:tabular-nums}.score-ring small{color:var(--l-muted);font-size:12px;margin-top:4px}.result-hero h2{font-size:20px}.result-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.result-chips span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:#fff;border:1px solid var(--l-line);padding:4px 10px;border-radius:999px}.q-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;max-width:520px;margin:18px auto 4px}.q-map a{height:30px;border-radius:6px;display:grid;place-items:center;font:600 12px/1 Menlo,monospace;color:#166534;background:#dcfce7}.q-map a.x{color:#991b1b;background:#fee2e2}.analysis-item{padding:16px 20px;border-left:3px solid var(--l-green);background:#fff;margin-bottom:10px;border-radius:0 10px 10px 0;border-top:1px solid var(--l-line-soft);border-right:1px solid var(--l-line-soft);border-bottom:1px solid var(--l-line-soft)}.analysis-item.wrong{border-left-color:#dc2626}.analysis-opt{font-size:13.5px;padding:3px 0;color:var(--l-ink-2)}.analysis-opt.right{color:#15803d;font-weight:600}.analysis-opt.mine{color:#b91c1c}@media(max-width:1080px){.reward-list,.lobby-facts{grid-template-columns:repeat(2,1fr)}.profile-hero{flex-wrap:wrap}}.podium.podium-1,.podium.podium-2{display:flex;justify-content:center}.podium.podium-1 .podium-card,.podium.podium-2 .podium-card{width:320px}.reward-item .uavatar{margin:0 14px 0 12px}.course-browser{margin-top:14px}.course-browser-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.course-browser-head h2{font-size:17px}.course-browser-head .section-title{margin:12px 0}.course-browser-controls{display:flex;align-items:center;gap:8px}.course-browser-controls .ant-input-search{width:250px}.course-browser-controls .ant-select{min-width:150px}.course-browser .ant-tabs-nav{margin:8px 0 18px}.course-browser-empty{padding:28px;text-align:center;border-top:1px solid var(--l-line-soft)}.course-browser-empty .empty-state{padding:16px}.course-detail-intro .course-meta{margin-top:14px}.featured-works{margin-top:24px}.featured-list{border-top:1px solid var(--l-line)}.featured-item{padding:18px 0;border-bottom:1px solid var(--l-line)}.featured-item .row{align-items:flex-start}.featured-item strong{font-size:13px}.featured-item .muted{font-size:12px}.featured-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 6px}.featured-feedback{color:var(--l-ink-2);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.featured-empty{border-top:1px solid var(--l-line);padding:24px 0}.records-resume{margin-bottom:20px}.theme-picker{width:184px}.theme-picker .ant-radio-group{display:grid;gap:12px;padding:8px 0}.theme-picker .ant-radio-wrapper{margin:0}:root[data-theme=dark] :is(.podium-card,.appearance-preview,.slot.used,.focus-top,.focus-opt,.focus-foot,.focus-hint kbd,.q-dots button,.score-ring>div,.result-chips span,.analysis-item){background:var(--l-surface)}:root[data-theme=dark] .podium-card.r1{background:linear-gradient(180deg,#332b1d,var(--l-surface) 55%);border-color:#68562f}:root[data-theme=dark] .podium-card.r2{background:linear-gradient(180deg,#2e3037,var(--l-surface) 55%);border-color:#50545d}:root[data-theme=dark] .podium-card.r3{background:linear-gradient(180deg,#35291f,var(--l-surface) 55%);border-color:#694c34}:root[data-theme=dark] .focus-shell{background:var(--l-bg)}:root[data-theme=dark] :is(.focus-opt.on,.q-dots button.done){background:var(--l-primary-soft)}:root[data-theme=dark] .q-dots button.cur{background:var(--l-primary);color:#111216}:root[data-theme=dark] .focus-opt.on kbd{color:#111216}:root[data-theme=dark] .result-hero{background:linear-gradient(180deg,var(--l-primary-soft),var(--l-surface) 70%)}:root[data-theme=dark] :is(.slot.best,.q-map a){background:var(--l-green-soft);border-color:var(--l-green);color:var(--l-green)}:root[data-theme=dark] :is(.focus-timer.warn,.q-map a.x){background:var(--l-red-soft);color:var(--l-red)}:root[data-theme=dark] .analysis-opt.right{color:var(--l-green)}:root[data-theme=dark] .analysis-opt.mine{color:var(--l-red)}@media(max-width:780px){.course-detail-intro{grid-template-columns:1fr}.course-browser-head{align-items:stretch;flex-direction:column}.course-browser-controls,.continue-item{flex-wrap:wrap}}.a-shell{--a-bg: var(--l-bg);--a-surface: var(--l-surface);--a-sidebar: var(--l-surface-2);--a-ink: var(--l-ink);--a-ink-2: var(--l-ink-2);--a-muted: var(--l-muted);--a-faint: var(--l-faint);--a-line: var(--l-line);--a-line-soft: var(--l-line-soft);--a-accent: var(--l-primary);--a-accent-deep: var(--l-primary-deep);--a-accent-soft: var(--l-primary-soft);display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;background:var(--a-bg);color:var(--a-ink);font-size:14px;line-height:1.55;font-variant-numeric:tabular-nums}.a-side{position:sticky;top:0;display:flex;flex-direction:column;gap:14px;height:100vh;padding:16px 14px;overflow-y:auto;background:var(--a-sidebar);border-right:1px solid var(--a-line)}.a-brand{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--a-line);border-radius:14px;background:var(--a-surface);color:var(--a-ink)}.a-brand:hover{color:var(--a-ink)}.a-brand-mark{display:grid;place-items:center;width:40px;height:30px;border-radius:9px;background:#17181d;color:#fff;flex:none}.a-brand-mark svg{width:22px;height:17px}.a-brand-copy{display:grid;min-width:0}.a-brand-copy strong{font-size:14px;font-weight:600}.a-brand-copy small{color:var(--a-faint);font-size:11.5px}.a-nav{display:grid;gap:16px}.a-navgroup{display:grid;gap:2px}.a-navgroup>span{padding:0 12px 6px;color:var(--a-faint);font-size:11px;font-weight:600;letter-spacing:0}.a-link{position:relative;display:flex;align-items:center;gap:10px;height:39px;padding:0 12px;border-radius:11px;color:var(--a-ink);font-size:13.5px;font-weight:500;transition:background .15s ease}.a-link:hover,.a-link.active{background:#f1f2f5;color:var(--a-ink)}.a-link.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--a-accent)}.a-link .anticon{font-size:15px}.a-count{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--a-accent-soft);color:var(--a-accent-deep);font-size:11px;font-weight:600}.a-side-foot{margin-top:auto;display:grid;gap:10px}.a-account{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--a-line);border-radius:13px;background:var(--a-surface)}.a-account-copy{display:grid;min-width:0}.a-account-copy strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.a-account-copy small{color:var(--a-faint);font-size:11.5px}.a-account button{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--a-faint);cursor:pointer}.a-account button:hover{background:#f1f2f5;color:var(--a-ink)}.a-main{display:flex;flex-direction:column;min-width:0}.a-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 28px;background:#ffffffe0;border-bottom:1px solid var(--a-line);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);min-height:56px}.a-crumb{color:var(--a-muted);font-size:13px}.a-crumb b{color:var(--a-ink);font-weight:600}.a-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.a-role{font-size:12px;padding:2px 9px;border-radius:999px;background:var(--a-accent-soft);color:var(--a-accent-deep);font-weight:600}.a-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;padding:22px 28px 56px}.a-content>*{min-width:0}.a-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.a-head h1{font-size:21px;font-weight:650;letter-spacing:0}.a-head p{color:var(--a-muted);font-size:12.5px;margin-top:3px;max-width:760px}.a-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.a-card{border:1px solid var(--a-line);border-radius:8px;background:var(--a-surface);overflow:hidden}.a-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px}.a-card-head h2{font-size:15px;font-weight:650}.a-card-head p{color:var(--a-muted);font-size:12.5px}.a-card-body{padding:0 18px 18px}.a-card .ant-table-wrapper .ant-table{border-radius:0}.a-card>.ant-table-wrapper .ant-table-thead>tr>th,.a-card .ant-table-wrapper .ant-table-thead>tr>th{background:#fbfbfc;color:var(--a-faint);font-size:12px;font-weight:600}.a-card .ant-table-wrapper .ant-table-thead>tr>th:first-child,.a-card .ant-table-wrapper .ant-table-tbody>tr>td:first-child{padding-left:18px}.a-card .ant-table-wrapper .ant-table-tbody>tr>td{color:var(--a-ink-2)}.a-card .ant-pagination{padding:0 18px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kpi{position:relative;display:block;padding:16px 18px;border:1px solid var(--a-line);border-radius:8px;background:var(--a-surface);color:var(--a-ink)}a.kpi:hover{color:var(--a-ink);border-color:#d5d8de}.kpi span{color:var(--a-muted);font-size:12.5px}.kpi b{display:block;font-size:28px;font-weight:650;margin-top:6px;letter-spacing:0}.kpi em{font-style:normal;font-size:12px;color:var(--a-faint)}.kpi.alert b{color:var(--a-accent-deep)}.kpi .kpi-bar{height:4px;border-radius:2px;background:var(--a-line-soft);margin-top:10px;overflow:hidden}.kpi .kpi-bar i{display:block;height:100%;background:var(--a-accent);border-radius:2px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.todo-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid var(--a-line-soft);color:var(--a-ink-2)}.todo-row:hover{background:#fcfcfd;color:var(--a-ink)}.todo-row .n{margin-left:auto;font-weight:650;color:var(--a-ink);font-size:15px}.todo-row .dot{width:8px;height:8px;border-radius:50%;background:var(--a-accent)}.todo-row .dot.ok{background:#22a06b}.spark{width:100%;height:120px;display:block}.tree-chapter{border:1px solid var(--a-line);border-radius:8px;background:#fff;overflow:hidden}.tree-chapter-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--a-line-soft);background:#fbfbfc}.tree-lesson{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 40px;border-bottom:1px solid var(--a-line-soft);font-size:13.5px}.tree-lesson:last-child{border-bottom:0}.tree-lesson:hover{background:#fcfcfd}.field-hint{color:var(--a-muted);font-size:12px;margin-top:4px}.rank-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;font-weight:600;color:var(--a-ink-2);background:var(--a-line-soft);font-size:12.5px}.grade-bench{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;min-height:100%}.grade-bench>section{border-right:1px solid var(--a-line);min-width:0;overflow-y:auto}.grade-bench>section:last-child{border-right:0}.gb-queue-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--a-line-soft);background:#fff;padding:11px 16px;font:inherit;cursor:pointer;color:var(--a-ink-2)}.gb-queue-item:hover{background:#fcfcfd}.gb-queue-item.on{background:var(--a-accent-soft);box-shadow:inset 3px 0 0 var(--a-accent);color:var(--a-ink)}.gb-queue-item small{display:block;color:var(--a-faint);font-size:12px}.gb-work{padding:20px 24px}.gb-prompt{background:#fbfbfc;border:1px solid var(--a-line-soft);border-radius:10px;padding:12px 14px;font-size:13px;white-space:pre-wrap;color:var(--a-ink-2)}.gb-answer{font-size:15px;white-space:pre-wrap;line-height:1.8;color:var(--a-ink)}.gb-score{padding:20px;display:flex;flex-direction:column;gap:12px}.gb-score .big{font-size:24px;font-weight:700;letter-spacing:0}.gb-kbd{font-size:11.5px;color:var(--a-faint)}.gb-kbd kbd{font:600 11px Menlo,monospace;border:1px solid var(--a-line);border-radius:4px;padding:0 4px;background:#fff}:root[data-theme=dark] :is(.a-link:hover,.a-link.active,.a-account button:hover,.todo-row:hover,.tree-chapter-head,.tree-lesson:hover,.gb-queue-item:hover,.gb-prompt){background:var(--l-surface-2)}:root[data-theme=dark] :is(.tree-chapter,.gb-queue-item,.gb-kbd kbd){background:var(--l-surface)}:root[data-theme=dark] .a-top{background:var(--l-header-bg)}:root[data-theme=dark] .gb-queue-item.on{background:var(--l-primary-soft)}:root[data-theme=dark] .a-card .ant-table-wrapper .ant-table-thead>tr>th{background:var(--l-surface-2)}