.auth-panel-enter-active[data-v-a36dd362],.auth-panel-leave-active[data-v-a36dd362]{transition:opacity .18s ease,transform .18s ease}.auth-panel-enter-from[data-v-a36dd362]{opacity:0;transform:translateY(6px)}.auth-panel-leave-to[data-v-a36dd362]{opacity:0;transform:translateY(-4px)}.course-gate-overlay[data-v-e24e5980]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#18122a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.course-gate-modal[data-v-e24e5980]{position:relative;width:min(480px,100%);border-radius:20px;overflow:hidden;background:linear-gradient(165deg,#fff,#f8f6ff 55%,#f3efff);border:1px solid rgba(109,40,217,.12);box-shadow:0 24px 64px #4c1d952e;padding:0 0 28px}.course-gate-close[data-v-e24e5980]{position:absolute;top:14px;right:16px;z-index:2;width:32px;height:32px;border:none;border-radius:50%;background:#ffffffb3;color:#6b7280;font-size:22px;cursor:pointer}.course-gate-hero[data-v-e24e5980]{position:relative;padding:36px 32px 20px;text-align:center;background:linear-gradient(135deg,#6d28d9,#7c3aed 45%,#a78bfa);color:#fff}.course-gate-glow[data-v-e24e5980]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:radial-gradient(circle at 30% 20%,#fff 0%,transparent 55%);pointer-events:none}.course-gate-eyebrow[data-v-e24e5980]{position:relative;display:inline-block;margin-bottom:10px;font-size:12px;letter-spacing:.08em;opacity:.92}.course-gate-hero h2[data-v-e24e5980]{position:relative;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.35}.course-gate-lead[data-v-e24e5980]{position:relative;margin:0;font-size:14px;line-height:1.65;opacity:.95}.course-gate-perks[data-v-e24e5980]{list-style:none;margin:22px 32px 0;padding:0;display:grid;gap:10px}.course-gate-perks li[data-v-e24e5980]{font-size:14px;color:#4b5563;padding:10px 14px;border-radius:10px;background:#6d28d90f}.course-gate-perks strong[data-v-e24e5980]{color:#6d28d9;margin-right:6px}.course-gate-actions[data-v-e24e5980]{display:flex;flex-direction:column;gap:10px;margin:24px 32px 0}.course-gate-primary[data-v-e24e5980]{height:46px;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#7c3aed);color:#fff;font-size:15px;font-weight:600;box-shadow:0 8px 24px #6d28d947}.course-gate-primary[data-v-e24e5980]:hover{filter:brightness(1.05)}.course-gate-ghost[data-v-e24e5980]{height:40px;border:1px solid #e5e7eb;border-radius:10px;background:transparent;color:#6b7280;font-size:14px;cursor:pointer}.course-gate-ghost[data-v-e24e5980]:hover{border-color:#c4b5fd;color:#6d28d9}.tasks-empty-inline[data-v-bd1b397c]{font-size:11px;color:var(--ink-muted);padding:8px 12px}.ask-back-item--locked .nav-series[data-v-bd1b397c]{opacity:.72}.ask-back-item--locked .nav-desc[data-v-bd1b397c]{color:var(--ink-muted)}.ph-confirm-mask[data-v-18be5980]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1a1a2e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ph-confirm[data-v-18be5980]{width:min(400px,100%);padding:24px;border-radius:var(--ph-radius);background:var(--ph-surface);box-shadow:var(--ph-shadow-lg);animation:fade-in .2s ease}.ph-confirm__title[data-v-18be5980]{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--ph-text)}.ph-confirm__message[data-v-18be5980]{margin:0;font-size:14px;line-height:1.65;color:var(--ph-text-secondary)}.ph-confirm__actions[data-v-18be5980]{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ph-btn--danger[data-v-18be5980]{background:#e74c3c;color:#fff}.ph-btn--danger[data-v-18be5980]:hover{background:#cf4436}.ph-confirm-enter-active[data-v-18be5980],.ph-confirm-leave-active[data-v-18be5980]{transition:opacity .18s ease}.ph-confirm-enter-from[data-v-18be5980],.ph-confirm-leave-to[data-v-18be5980]{opacity:0}.ph-confirm-enter-active .ph-confirm[data-v-18be5980],.ph-confirm-leave-active .ph-confirm[data-v-18be5980]{transition:transform .18s ease}.ph-confirm-enter-from .ph-confirm[data-v-18be5980],.ph-confirm-leave-to .ph-confirm[data-v-18be5980]{transform:scale(.96) translateY(8px)}.tool-view[data-v-e0da50fb]{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:24px;background:var(--bg, #f5f4fa)}.app--h5-redeem .app-body[data-v-e0da50fb]{min-height:100vh}.main--h5-redeem[data-v-e0da50fb]{padding:0;overflow:auto}.redeem-h5-wrap.active[data-v-e0da50fb]{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}:root{--ph-bg: #f7f8fa;--ph-surface: #ffffff;--ph-sidebar: #fafbfc;--ph-border: #e8ecf1;--ph-border-light: #f0f2f5;--ph-text: #1a1a2e;--ph-text-secondary: #5c6b7a;--ph-text-muted: #9aa5b1;--ph-primary: #1a6dff;--ph-primary-soft: #e8f1ff;--ph-primary-hover: #1558cc;--ph-radius: 12px;--ph-radius-sm: 8px;--ph-sidebar-w: 240px;--ph-shadow: 0 1px 3px rgba(0, 0, 0, .06);--ph-shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--ph-font: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ph-mono: "Cascadia Code", "Consolas", "Microsoft YaHei", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}#app{height:100vh;overflow:hidden}body{font-family:var(--ph-font);font-size:14px;color:var(--ph-text);background:var(--ph-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b8c4}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--ph-radius-sm);font-size:13px;font-weight:500;transition:all .15s ease}.ph-btn--primary{background:var(--ph-primary);color:#fff}.ph-btn--primary:hover:not(:disabled){background:var(--ph-primary-hover)}.ph-btn--ghost{background:transparent;color:var(--ph-text-secondary);border:1px solid var(--ph-border)}.ph-btn--ghost:hover{background:var(--ph-bg);color:var(--ph-text)}.ph-btn:disabled{opacity:.5;cursor:not-allowed}.ph-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:10px 18px;border-radius:20px;font-size:13px;z-index:9999;animation:fade-in .25s ease;box-shadow:var(--ph-shadow-lg)}.ph-page{flex:1;width:100%;min-width:0;overflow-y:auto;padding:28px 32px 48px}:root{--bg: #f5f4fa;--surface: #ffffff;--sidebar-bg: rgba(255,255,255,.88);--ink: #2d2640;--ink-secondary: #5c5470;--ink-muted: #9490a8;--line: rgba(255,255,255,.25);--line-body: #e8e4f0;--blue: #4f6ef7;--blue-light: #7b93ff;--blue-soft: rgba(79,110,247,.1);--purple: #7c3aed;--purple-mid: #9d6ff7;--purple-deep: #5b21b6;--purple-brand: #4a2bbe;--purple-glow: #8a3ffc;--header-deep: #4b21cc;--header-mid: #5a32cc;--header-bright: #9147c2;--header-purple: #9147c2;--header-purple-mid: #7d3dad;--header-purple-deep: #6a3898;--header-blue-deep: #1a1868;--header-blue: #3840c8;--header-blue-mid: #4a48e0;--indigo: #4338ca;--violet: #9333ea;--purple-soft: rgba(124,58,237,.1);--purple-whisper: rgba(124,58,237,.05);--gold: #c9a84c;--gold-light: #e8cc7a;--gold-soft: rgba(201,168,76,.15);--sidebar-w: 268px;--shell-h: 136px;--radius: 12px;--radius-sm: 8px;--shadow-md: 0 12px 40px rgba(17,14,26,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;font-size:14px}.ico{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ico-sm{width:15px;height:15px;stroke-width:1.8}.app{display:flex;flex-direction:column;height:100vh}.shell-top{display:flex;flex-shrink:0;height:var(--shell-h);position:relative;z-index:100;overflow:visible}.shell-top-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--img-header-bg, url(/assets/images/header-bg.png)) left center / cover no-repeat;filter:contrast(1.42) saturate(1.65) brightness(.58);box-shadow:inset 0 0 100px #0604188c}.shell-top-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#02010a 0%,#040218 4%,#060830 10%,#0a1050 16%,#101868 22%,#182080 28%,#202898 34%,#2830b0 40%,#3038c0 46%,#3828a8 54%,#4830a0 62%,#5434a8 70%,var(--header-purple-deep) 78%,var(--header-purple-mid) 86%,#8748bc 92%,var(--header-purple) 100%);mix-blend-mode:color}.shell-top-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 145% at -16% 50%,rgba(4,2,16,1) 0%,transparent 46%),radial-gradient(ellipse 54% 110% at 4% 50%,rgba(24,32,160,1) 0%,transparent 44%),radial-gradient(ellipse 42% 90% at 18% 45%,rgba(40,48,192,.92) 0%,transparent 46%),radial-gradient(ellipse 58% 130% at 112% 50%,rgba(106,56,152,.96) 0%,transparent 50%),radial-gradient(ellipse 44% 95% at 96% 55%,rgba(145,71,194,.88) 0%,transparent 48%),repeating-linear-gradient(90deg,#2830c03d,#1820a029,#9147c233,#2830c024,#7d3dad36 8px),linear-gradient(100deg,#040210,#0c0840 8%,#1820a0,#2830c0 28%,#4830a8,#5838b0,#6a3898,#7d3dad,#8742ba,#9147c2);mix-blend-mode:soft-light}.shell-brand{width:var(--sidebar-w);flex-shrink:0;height:100%;position:relative;z-index:1;padding:0 20px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center}.brand-mark{display:flex;align-items:center;justify-content:center;width:100%;padding-right:10px}.brand-lockup{height:44px;width:auto;max-width:100%;display:block;object-fit:contain}.shell-hero{flex:1;position:relative;z-index:1;height:100%;padding:0 32px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;overflow:hidden}.hero-home{display:flex;align-items:center;justify-content:space-between;width:100%;gap:32px;min-height:72px}.hero-home-left h1{font-size:22px;font-weight:600;color:#fff;letter-spacing:.5px;margin-bottom:4px;line-height:1.3;text-shadow:0 1px 8px rgba(45,28,90,.35)}.hero-home-left h1 span{color:var(--gold-light);font-weight:500}.hero-home-left p{font-size:13px;color:#ffffffe6;line-height:1.4;text-shadow:0 1px 5px rgba(45,28,90,.28)}.hero-stats{display:flex;gap:28px;flex-shrink:0}.hero-stat .val{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.5px;text-shadow:0 1px 5px rgba(45,28,90,.3)}.hero-stat .lbl{font-size:10px;color:#ffffffd1;letter-spacing:1px;margin-top:2px}.hero-stat .val.gold{color:var(--gold-light)}.btn-shell{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:100px;background:#ffffff38;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12px;font-weight:550;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .15s;flex-shrink:0;box-shadow:0 4px 14px #5b21b633}.btn-shell:hover{background:#ffffff52;border-color:var(--gold-light)}.hero-section{display:flex;align-items:center;width:100%;min-height:72px}.hero-section-left{min-width:0}.hero-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.hero-section .sec-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--gold-light);margin-bottom:0;flex-shrink:0}.hero-section .sec-badge .num{width:20px;height:20px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:9px;color:#ffffffb3}.hero-section h1{font-size:22px;font-weight:600;color:#fff;letter-spacing:1px;margin-bottom:0;line-height:1.3;text-shadow:0 1px 8px rgba(45,28,90,.35)}.hero-section p{font-size:13px;color:#ffffffd1;max-width:480px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-trailing{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:0 24px 0 8px;height:100%;overflow:visible}.shell-agent-tools{display:flex;align-items:center;gap:2px}.agent-util-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:48px;padding:8px 6px;border:none;border-radius:4px;background:none;cursor:pointer;font-family:inherit;color:#ffffffc7;font-size:11px;transition:all .15s}.agent-util-btn:hover{background:#ffffff1a;color:#fff}.agent-util-btn.on{background:#ffffff26;color:#fff}.agent-util-btn--locked{opacity:.55}.agent-util-btn--locked:hover{background:#ffffff0f;color:#ffffffb8}.agent-util-btn .ico{width:16px;height:16px;opacity:.88}.agent-util-badge{position:absolute;top:4px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:2px;background:#ffffff38;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.shell-user{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible}.shell-user-chip{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:inherit;transition:all .15s}.shell-user-chip:hover,.shell-user-chip.open{background:#ffffff29;border-color:#ffffff52}.shell-user-av{width:32px;height:32px;border-radius:4px;background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:var(--gold-light);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shell-user-info{text-align:left;line-height:1.25}.shell-user-name{font-size:14px;font-weight:600;color:#fff;display:block}.shell-user-tier{font-size:12px;color:#ffffffc7;display:block;margin-top:1px}.shell-user-caret{width:14px;height:14px;color:#ffffff8c;transition:transform .15s;flex-shrink:0}.shell-user-chip.open .shell-user-caret{transform:rotate(180deg);color:#fff}.user-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:196px;background:var(--surface);border:1px solid var(--line-body);border-radius:4px;box-shadow:0 12px 40px #110e1a2e;z-index:1000;overflow:hidden}.user-menu.open{display:block}.user-menu-head{padding:12px 14px;border-bottom:1px solid var(--line-body);background:linear-gradient(160deg,#faf8ff,#fff)}.user-menu-head .name{font-size:13px;font-weight:600;color:var(--ink)}.user-menu-head .tier{font-size:11px;color:var(--ink-muted);margin-top:2px}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-family:inherit;font-size:13px;color:var(--ink-secondary);cursor:pointer;text-align:left;transition:background .12s}.user-menu-item:hover{background:var(--purple-whisper);color:var(--ink)}.user-menu-item--locked{opacity:.62}.user-menu-item--locked .menu-item-tag{margin-left:auto;font-size:10px;color:var(--ink-muted);padding:1px 6px;border-radius:999px;background:var(--purple-whisper)}.user-menu-item .ico{width:16px;height:16px;color:var(--ink-muted)}.user-menu-item.danger{color:#b42318}.user-menu-item.danger:hover{background:#fef2f2;color:#b42318}.user-menu-item.danger .ico{color:#b42318}.user-menu-divider{height:1px;background:var(--line-body);margin:4px 0}.shell-auth-btn{padding:7px 14px;border-radius:2px;font-size:12px;font-weight:550;cursor:pointer;font-family:inherit;transition:all .15s;line-height:1.2}.shell-auth-btn.ghost{background:none;border:1px solid rgba(255,255,255,.38);color:#ffffffe0}.shell-auth-btn.ghost:hover{background:#ffffff1a;color:#fff}.shell-auth-btn.solid{background:#fff;border:1px solid #fff;color:var(--purple-deep)}.shell-auth-btn.solid:hover{background:var(--gold-light);border-color:var(--gold-light)}.shell-divider{height:2px;flex-shrink:0;background:linear-gradient(90deg,var(--gold-light),var(--purple-mid),var(--blue-light),var(--gold-light));opacity:.55}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--line-body);display:flex;flex-direction:column}.nav-group{padding:20px 16px 4px}.nav-group-label{font-size:9px;font-weight:600;letter-spacing:3px;color:var(--ink-muted);padding:0 12px 10px;opacity:.7}.nav-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit;margin-bottom:2px}.nav-item:hover{background:var(--purple-whisper)}.nav-item.active{background:var(--purple-soft)}.nav-item.active .nav-series{color:var(--purple-deep)}.nav-item.active .nav-step{color:var(--purple);border-color:#5b21b633;background:#5b21b60f}.nav-step{width:28px;height:28px;border-radius:7px;border:1px solid var(--line-body);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--ink-muted);flex-shrink:0}.nav-item--agent .nav-step{border:none;color:var(--gold);font-size:12px}.nav-item--hub .nav-step{border:none;color:var(--purple-mid);font-size:11px}.nav-series{display:block;font-size:13px;font-weight:550;color:var(--ink);line-height:1.3}.nav-desc{display:block;font-size:11px;color:var(--ink-muted);margin-top:1px}.nav-divider{height:1px;background:var(--line-body);margin:10px 28px;opacity:.6}.ask-subnav{padding:0 16px 12px;display:none;flex-direction:column;gap:2px}.ask-subnav.show{display:flex}#sidebarPioneer{display:flex;flex-direction:column;flex:1;min-height:0}#sidebarAsk{display:none;flex-direction:column;flex:1;min-height:0}.sidebar.mode-ask #sidebarPioneer{display:none}.sidebar.mode-ask #sidebarAsk{display:flex}.nav-item--back{margin-bottom:4px}.sidebar.mode-ask .ask-back-item{padding:11px 12px;gap:12px;margin-bottom:6px}.sidebar.mode-ask .ask-back-item .ask-back-icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-body);color:var(--ink-muted);background:#fff}.sidebar.mode-ask .ask-back-item:hover .ask-back-icon{color:var(--purple-deep);border-color:#5b21b62e;background:var(--purple-whisper)}.sidebar.mode-ask .ask-back-item .nav-series{font-size:14px;font-weight:600}.sidebar.mode-ask .ask-back-item .nav-desc{font-size:12px;margin-top:2px}.sidebar.mode-ask .ask-back-item:hover .nav-series{color:var(--purple-deep)}.sidebar-pioneer-panel .nav-group-label--pioneer{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink);opacity:1;padding-bottom:12px}.sidebar-pioneer-panel .pioneer-nav-item{padding:11px 12px;gap:12px}.sidebar-pioneer-panel .pioneer-nav-item .nav-step.pioneer-nav-icon{width:36px;height:36px;border-radius:10px;font-size:inherit}.sidebar-pioneer-panel .nav-item--hub .nav-step.pioneer-nav-icon{color:var(--purple-mid);border-color:#7c3aed26;background:#7c3aed0f}.sidebar-pioneer-panel .nav-item--agent .nav-step.pioneer-nav-icon{color:var(--gold);border-color:#c9a84c40;background:#c9a84c14}.sidebar-pioneer-panel .pioneer-nav-item .nav-series{font-size:14px;font-weight:600}.sidebar-pioneer-panel .pioneer-nav-item .nav-desc{font-size:12px;margin-top:2px}.sidebar-pioneer-panel .pioneer-nav-item.active .nav-step.pioneer-nav-icon{color:var(--purple);border-color:#5b21b638;background:#5b21b614}.sidebar-pioneer-panel .task-zone-head--pioneer span{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink);opacity:1}.sidebar.mode-ask .ask-nav-item.active{background:var(--blue-soft)}.sidebar.mode-ask .ask-nav-item.active .nav-series{color:var(--blue)}.sidebar.mode-ask .ask-nav-item.active .nav-step{color:var(--blue);border-color:#4f6ef740;background:#4f6ef714}.sidebar.mode-ask .nav-group-label--ask{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink);opacity:1;padding-bottom:12px}.sidebar.mode-ask .ask-nav-item .nav-step.ask-nav-icon{width:36px;height:36px;border-radius:10px;font-size:inherit}.sidebar.mode-ask .ask-nav-item .nav-series{font-size:14px;font-weight:600}.sidebar.mode-ask .ask-nav-item{padding:11px 12px;gap:12px}.task-zone{flex:1;min-height:0;padding:0 16px 16px;overflow:hidden;display:flex;flex-direction:column}.task-zone-head{padding:0 12px 10px}.task-zone-head span{font-size:9px;font-weight:600;letter-spacing:3px;color:var(--ink-muted);opacity:.7}.task-list{flex:1;overflow-y:auto}.task-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--ink-muted);cursor:pointer}.task-item:hover{background:var(--purple-whisper);color:var(--ink-secondary)}.task-item.active{background:var(--purple-soft);color:var(--purple-deep)}.task-status{width:4px;height:4px;border-radius:50%;background:var(--line-body);flex-shrink:0}.task-status.done{background:var(--gold)}.task-status.run{background:var(--purple-mid)}.task-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.main-scroll{flex:1;overflow-y:auto}.content{padding:32px 48px 48px}.content-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.content-top h2{font-size:17px;font-weight:600;letter-spacing:.5px}.content-top p{font-size:12px;color:var(--ink-muted);margin-top:3px}.tabs{display:flex;gap:4px}.tab{padding:6px 14px;border-radius:100px;font-size:12px;color:var(--ink-muted);background:none;border:1px solid transparent;cursor:pointer;font-family:inherit}.tab.on{color:var(--purple-deep);background:var(--purple-soft);font-weight:550}.panel-view{display:none}.panel-view.active{display:block}.matrix-head{margin-bottom:16px}.matrix-head h3{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.5px}.matrix-head p{font-size:12px;color:var(--ink-muted);margin-top:4px}.eco-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}.visual-card{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .22s,box-shadow .22s;min-height:172px;box-shadow:0 6px 20px #1e1b3c2e;border:1px solid rgba(255,255,255,.06)}.visual-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1e1b3c47}.visual-card .card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center right;background-repeat:no-repeat}.visual-card .card-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(12,10,28,.88) 0%,rgba(12,10,28,.55) 38%,rgba(12,10,28,.2) 68%,transparent 100%)}.visual-card .card-content{position:relative;z-index:2;padding:24px 26px;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.visual-card .eco-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#fff;background:#1e3a8a;border:1px solid var(--gold);padding:5px 12px;border-radius:100px;margin-bottom:12px;width:fit-content;box-shadow:0 2px 8px #1e3a8a59}.visual-card h4{font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing:.5px}.visual-card p{font-size:12px;color:#ffffffd9;line-height:1.65}.visual-card .eco-bind{font-size:14px;color:#fff;margin-top:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;letter-spacing:.5px}.visual-card .eco-bind:after{content:"→"}.vc-class .card-bg{background-image:var(--img-eco-bg-class, url(/assets/images/eco-bg-class.png))}.vc-gdps .card-bg{background-image:var(--img-eco-bg-gdps, url(/assets/images/eco-bg-gdps.png))}.vc-wenzhi .card-bg{background-image:var(--img-eco-bg-wenzhi, url(/assets/images/eco-bg-wenzhi.png))}.vc-policy .card-bg{background-image:var(--img-eco-bg-policy, url(/assets/images/eco-bg-policy.png))}.feed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s;cursor:pointer;position:relative}.card:hover{box-shadow:var(--shadow-md)}.card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;border:none}.card.featured .featured-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#4338ca,#6d28d9 45%,#7e22ce)}.card.featured .featured-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,rgba(201,168,76,.22) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgba(67,56,202,.2) 0%,transparent 40%)}.card.featured .featured-mesh{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23fff' stroke-width='0.5'/%3E%3C/svg%3E")}.card.featured .card-body,.card.featured .card-side{position:relative;z-index:1;color:#fff}.card.featured .card-series{color:var(--gold-light)}.card.featured .card-type,.card.featured p{color:#ffffff8c}.card.featured h3{color:#fff}.card.featured .card-side{border-left:1px solid rgba(255,255,255,.15);background:#ffffff14}.card-body{padding:24px 28px}.card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-series{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--purple)}.card-series.gold{color:var(--gold)}.card-series.red{color:var(--blue)}.card-dot{width:3px;height:3px;border-radius:50%;background:var(--line-body)}.card-type{font-size:11px;color:var(--ink-muted)}.card h3{font-size:15px;font-weight:600;margin-bottom:6px;line-height:1.4}.card p{font-size:13px;color:var(--ink-secondary);line-height:1.65}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-body)}.card-stat{font-size:11px;color:var(--ink-muted)}.card-action{padding:5px 14px;font-size:12px;font-weight:550;color:var(--purple-deep);background:var(--purple-soft);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.card-action:hover{background:var(--purple);color:#fff}.card-side{display:flex;align-items:center;padding:24px 32px}.btn-solid{padding:11px 24px;background:#fff;color:var(--purple-deep);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:550;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #ffffff40}.btn-solid:hover{background:var(--gold-light);color:var(--ink)}.card.tint-purple{background:linear-gradient(160deg,#faf8ff,#fff 55%);border-color:#5b21b614}.card.tint-gold{background:linear-gradient(160deg,#fdfbf7,#fff 55%);border-color:#b8956a1f}.card.tint-rose{background:linear-gradient(160deg,#f5f7ff,#fff 55%);border-color:#4f6ef714}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.module-card{position:relative;border-radius:var(--radius);padding:24px 26px;border:1px solid var(--line-body);background:var(--surface);cursor:pointer;overflow:hidden;transition:all .15s}.module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.module-card .mc-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6}.module-card .mc-body{position:relative;z-index:1}.module-card.mc-purple .mc-bg{background:linear-gradient(145deg,rgba(91,33,182,.07),transparent 65%)}.module-card.mc-gold .mc-bg{background:linear-gradient(145deg,rgba(184,149,106,.08),transparent 65%)}.module-card.mc-rose .mc-bg{background:linear-gradient(145deg,rgba(79,110,247,.08),transparent 65%)}.module-card.platform{border-style:dashed;background:var(--bg)}.module-card.platform-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;border:none;color:#fff;background:transparent}.module-card.platform-featured .mc-bg{background:linear-gradient(125deg,#4338ca,#6d28d9);opacity:1}.module-card.platform-featured .mc-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 30%,rgba(232,204,122,.3),transparent 50%)}.module-card.platform-featured h3{color:#fff}.module-card.platform-featured p{color:#ffffff80}.module-card.platform-featured .module-num{color:var(--gold-light)}.platform-enter{display:flex;align-items:center;padding:24px 32px;position:relative;z-index:1;border-left:1px solid rgba(255,255,255,.08)}.module-num{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.module-num.ext{color:var(--ink-muted)}.module-card h3{font-size:15px;font-weight:600;margin-bottom:6px}.module-card p{font-size:12px;color:var(--ink-secondary);line-height:1.7}.profile-grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.profile-card{background:linear-gradient(145deg,#6d28d9,#4338ca);border-radius:var(--radius);padding:32px;text-align:center;color:#fff;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:var(--gold);opacity:.1;filter:blur(28px)}.profile-av{width:64px;height:64px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--gold-light);font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.profile-tier{font-size:17px;font-weight:600;color:var(--gold-light)}.profile-score{font-size:12px;color:#fff6;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-cell{background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:20px 22px}.stat-cell .val{font-size:22px;font-weight:600;color:var(--purple-deep)}.stat-cell .lbl{font-size:11px;color:var(--ink-muted);margin-top:3px}.discover-view,.agent-view,.ask-view{display:none;flex-direction:column;flex:1;min-height:0}.discover-view.active,.agent-view.active,.ask-view.active{display:flex}.agent-view{background:var(--bg)}.agent-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px}.agent-empty-logo{height:52px;width:auto;margin-bottom:28px;display:block;object-fit:contain}.agent-empty h1{font-size:clamp(26px,4vw,32px);font-weight:600;margin-bottom:8px;text-align:center}.agent-empty h1 em{font-style:normal;background:linear-gradient(135deg,var(--purple-mid),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-empty .sub{font-size:14px;color:var(--ink-muted);margin-bottom:32px}.agent-empty .sub kbd{padding:2px 6px;border-radius:4px;background:var(--surface);border:1px solid var(--line-body);font-size:12px;font-family:inherit}.agent-composer-wrap{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--line-body);border-radius:14px;box-shadow:var(--shadow-md)}.agent-composer{display:flex;align-items:flex-end;gap:10px;padding:14px 16px}.agent-composer textarea{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;resize:none;min-height:26px;background:transparent}.btn-accent{padding:9px 20px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:550;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #7c3aed4d}.btn-accent:hover{filter:brightness(1.08)}.agent-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;max-width:620px}.agent-chip{padding:7px 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line-body);font-size:12px;color:var(--ink-secondary);cursor:pointer;font-family:inherit}.agent-chip:hover{border-color:var(--purple-mid);color:var(--purple-deep)}.agent-hint{margin-top:28px;font-size:11px;color:var(--ink-muted)}.agent-workspace{display:none;flex-direction:column;flex:1;min-height:0}.agent-workspace.active{display:flex}.ws-head{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line-body);background:var(--surface)}.ws-head h2{font-size:14px;font-weight:550;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-text{padding:6px 12px;font-size:12px;color:var(--ink-muted);background:none;border:1px solid var(--line-body);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.ws-messages{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:14px}.ws-msg{max-width:76%;padding:12px 16px;border-radius:var(--radius);font-size:13px;line-height:1.7}.ws-msg.user{align-self:flex-end;background:var(--purple-deep);color:#fff;border-bottom-right-radius:4px}.ws-msg.ai{align-self:flex-start;background:var(--surface);border:1px solid var(--line-body);border-bottom-left-radius:4px}.ws-msg .think{font-size:10px;color:var(--ink-muted);margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed var(--line-body)}.ws-foot{padding:14px 28px 20px;border-top:1px solid var(--line-body);background:var(--surface)}.ws-foot .agent-composer-wrap{max-width:none;box-shadow:none}.shell-top.hidden{display:none}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#2d264047;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auth-overlay::-webkit-scrollbar{display:none;width:0;height:0}.auth-overlay.show{display:flex}.auth-modal{width:100%;max-width:580px;max-height:none;overflow:visible;background:var(--surface);border-radius:4px;box-shadow:0 20px 50px #4a2bbe2e;border:1px solid var(--line-body);position:relative;padding:0 0 28px;flex-shrink:0}.auth-modal:before{content:"";display:block;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--header-purple-deep),var(--header-purple),var(--header-blue))}.auth-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:var(--purple-whisper);border:none;border-radius:3px;font-size:20px;color:var(--ink-muted);cursor:pointer}.auth-close:hover{background:var(--purple-soft);color:var(--ink)}.auth-head{display:flex;justify-content:center;padding:24px 40px 8px}.auth-logo{height:52px;width:auto;max-width:100%;display:block;object-fit:contain}.auth-tabs{display:flex;gap:8px;margin:12px 40px 24px;padding:3px;background:var(--bg);border-radius:3px;border:1px solid var(--line-body)}.auth-tabs button{flex:1;padding:10px 0;border:none;border-radius:2px;background:transparent;color:var(--ink-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.auth-tabs button.on{background:#fff;color:var(--purple-deep);font-weight:600;box-shadow:0 2px 8px #7c3aed1f}.auth-admin-label{margin:20px 40px;font-size:15px;font-weight:600;color:var(--ink)}.auth-form{display:flex;flex-direction:column;gap:16px;padding:0 40px}.auth-form--register{gap:12px;padding-bottom:4px}.auth-form--register .auth-field span{margin-bottom:6px}.auth-form--register .auth-field input,.auth-form--register .auth-field select{padding:10px 12px}.auth-captcha-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.auth-captcha-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.auth-captcha-img{height:40px;width:120px;border-radius:3px;border:1px solid var(--line-body);cursor:pointer;object-fit:cover;background:#f8f7fc;flex-shrink:0}.auth-captcha-refresh{height:40px;padding:0 10px;border:1px solid var(--line-body);border-radius:3px;background:var(--bg);font-size:12px;color:var(--ink-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.auth-captcha-refresh:hover{border-color:var(--purple-mid);color:var(--purple-deep)}.user-menu-section{padding:8px 14px 4px;font-size:11px;color:var(--ink-muted);font-weight:600}.user-menu-item.identity-item{flex-direction:column;align-items:flex-start;gap:2px}.user-menu-item.identity-item.on{background:var(--purple-whisper);color:var(--purple-deep)}.user-menu-item .identity-title{font-weight:600}.user-menu-item .identity-sub{font-size:11px;color:var(--ink-muted)}.auth-section{font-size:13px;font-weight:600;color:var(--ink-secondary);margin:0}.auth-field span{display:block;font-size:13px;color:var(--ink-secondary);margin-bottom:8px}.auth-field-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.auth-field-row .auth-field{min-width:0}.auth-field input,.auth-field select{width:100%;padding:12px 14px;border-radius:3px;border:1px solid var(--line-body);font-size:14px;background:#fff}.auth-field input:focus,.auth-field select:focus{outline:none;border-color:var(--purple-mid);box-shadow:0 0 0 3px var(--purple-soft)}.auth-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-identity{padding:14px 12px;border-radius:3px;text-align:center;border:1px solid var(--line-body);background:var(--bg);font-size:14px;font-weight:600;color:var(--ink-secondary);cursor:pointer}.auth-identity.on{border-color:var(--purple-mid);background:var(--purple-whisper);color:var(--purple-deep)}.auth-submit{width:100%;padding:13px;border:none;border-radius:3px;margin-top:8px;background:linear-gradient(135deg,var(--header-purple),var(--header-blue));color:#fff;font-size:15px;font-weight:600;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#dc2626;font-size:13px;margin:0}.auth-info{color:var(--purple-deep);font-size:13px;margin:0}.auth-foot{font-size:13px;color:var(--ink-muted);text-align:center;margin:8px 0 0}.auth-foot a{color:var(--purple-deep);text-decoration:none;font-weight:500}@media (max-width: 520px){.auth-form,.auth-tabs,.auth-admin-label{padding-left:24px;padding-right:24px;margin-left:0;margin-right:0}.auth-tabs{margin:12px 24px 20px}.auth-head{padding-left:24px;padding-right:24px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#110e1a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.show{display:flex}.modal-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:420px;padding:32px;position:relative}.modal-box h3{font-size:18px;font-weight:600;margin-bottom:6px}.modal-box .sub{font-size:13px;color:var(--ink-muted);margin-bottom:24px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:var(--ink-muted);cursor:pointer}@media (max-width: 1100px){.feed,.eco-strip{grid-template-columns:1fr}.hero-stats,.shell-user-tier{display:none}.agent-util-btn span:not(.agent-util-badge){display:none}.agent-util-btn{min-width:36px}}@media (max-width: 768px){.shell-brand,.sidebar{display:none}.shell-hero{padding:20px 16px}.shell-trailing{padding:0 12px;gap:8px}.shell-user-name{display:none}.content{padding:24px}.module-grid,.stat-grid{grid-template-columns:1fr}}.ask-banner{position:relative;border-radius:var(--radius);overflow:hidden;padding:36px 40px;margin-bottom:28px;color:#fff;background:linear-gradient(125deg,#4338ca,#6d28d9 45%,#7e22ce);box-shadow:0 12px 40px #4338ca40}.ask-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,rgba(201,168,76,.25) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgba(67,56,202,.2) 0%,transparent 40%)}.ask-banner-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ask-banner h2{font-size:24px;font-weight:700;margin-bottom:8px}.ask-banner p{font-size:13px;color:#ffffffbf;max-width:480px;line-height:1.6}.ask-banner .waic-tag,.hero-eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:100px;margin-bottom:12px}.hero-eyebrow{font-size:11px;letter-spacing:1.5px}.ask-banner-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;align-items:center}.ask-banner-actions .btn-ask-primary,.ask-banner-actions .btn-ask-ghost{white-space:nowrap;flex-shrink:0;line-height:1.2}.btn-ask-primary{padding:11px 22px;border-radius:var(--radius-sm);background:#fff;color:var(--purple-deep);border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-ask-primary:hover{background:var(--gold-light)}.btn-ask-ghost{padding:11px 22px;border-radius:var(--radius-sm);background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);font-size:13px;font-weight:550;cursor:pointer;font-family:inherit}.btn-ask-ghost:hover{background:#ffffff40}.ask-banner-hero{padding:44px 48px;margin-bottom:32px;background:linear-gradient(125deg,#312e81,#5b21b6 38%,#7c3aed 72%,#a855f7);box-shadow:0 20px 60px #5b21b647}.ask-banner-hero .ask-banner-inner{align-items:flex-start}.ask-banner-copy{max-width:560px}.ask-banner-hero .hero-eyebrow--brand{font-size:13px;font-weight:700;letter-spacing:.08em;padding:6px 16px;margin-bottom:14px;background:#fff3;border:1px solid rgba(255,255,255,.38);color:#fff}.ask-banner-hero h2{font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px;letter-spacing:-.02em}.ask-banner-hero p{font-size:14px;line-height:1.75;color:#ffffffd1;max-width:480px}.ask-banner-stats{display:flex;gap:28px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.ask-stat strong{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1.2}.ask-stat span{font-size:12px;color:#ffffffa6}.ask-banner-note{font-size:12px;color:#ffffffb3;margin-top:2px;flex-basis:100%;width:100%;text-align:left}.ask-banner-note a{color:#fde68a;text-decoration:underline}.ask-home-section{margin-bottom:36px}.ask-home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.ask-home-head h3{font-size:18px;font-weight:700;margin:0 0 4px}.ask-home-head p{font-size:13px;color:var(--ink-muted);margin:0}.btn-ask-ghost-sm{padding:7px 14px;border-radius:var(--radius-sm);background:var(--purple-whisper);color:var(--purple-deep);border:1px solid rgba(124,58,237,.15);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.btn-ask-ghost-sm:hover{background:var(--purple-soft)}.ask-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ask-path-card{display:flex;flex-direction:row;align-items:center;gap:18px;padding:26px 24px;border-radius:14px;border:1px solid #e8ecf1;background:#fff;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .18s,box-shadow .18s,transform .15s;box-shadow:0 1px 2px #0f172a08}.ask-path-card:hover{border-color:#cbd5e1;box-shadow:0 10px 32px #0f172a12;transform:translateY(-1px)}.ask-path-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f8fafc;color:#475569;flex-shrink:0}.ask-path-card:hover .ask-path-icon{background:#f1f5f9;color:#1e293b}.ask-path-label{font-size:17px;font-weight:600;color:var(--ink);line-height:1.35;letter-spacing:-.01em}.ask-continue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ask-continue-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius);border:1px solid rgba(15,23,42,.06);background:var(--surface);cursor:pointer;transition:box-shadow .2s}.ask-continue-card:hover{box-shadow:0 8px 24px #4338ca1a}.ask-continue-info{flex:1;min-width:0}.ask-continue-info h4{font-size:14px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ask-continue-info p{font-size:12px;color:var(--ink-muted);margin:0}.ask-continue-progress{width:80px;text-align:center}.ask-continue-progress>span{font-size:12px;font-weight:700;color:var(--purple-deep);display:block;margin-bottom:6px}.btn-sm{padding:8px 14px!important;font-size:12px!important;flex-shrink:0}.ask-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ask-value-card{position:relative;overflow:hidden;min-height:172px;padding:26px 22px 22px;border-radius:14px;background:linear-gradient(165deg,#fff,#faf8ff 48%,#f5f3ff);border:1px solid rgba(124,58,237,.1);box-shadow:0 4px 24px #0f172a0d;transition:box-shadow .22s,transform .18s,border-color .18s}.ask-value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a78bfa);opacity:.85}.ask-value-card:hover{transform:translateY(-3px);border-color:#7c3aed38;box-shadow:0 16px 40px #5b21b61f}.ask-value-bg{position:absolute;right:6px;bottom:-18px;font-size:clamp(76px,7.5vw,104px);font-weight:800;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(180deg,#7c3aed29,#7c3aed08 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.ask-value-card:nth-child(2) .ask-value-bg{background:linear-gradient(180deg,#4f6ef729,#4f6ef708 85%);-webkit-background-clip:text;background-clip:text}.ask-value-card:nth-child(3) .ask-value-bg{background:linear-gradient(180deg,#c9a84c38,#c9a84c0a 85%);-webkit-background-clip:text;background-clip:text}.ask-value-card:nth-child(4) .ask-value-bg{background:linear-gradient(180deg,#10b98129,#10b98108 85%);-webkit-background-clip:text;background-clip:text}.ask-value-body{position:relative;z-index:1;max-width:88%}.ask-value-card h4{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--ink);letter-spacing:-.01em}.ask-value-card p{font-size:13px;color:var(--ink-muted);line-height:1.65;margin:0}.ask-home-cta{margin-bottom:24px;padding:36px 40px;border-radius:calc(var(--radius) + 4px);color:#fff}.ask-home-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ask-home-cta h3{font-size:22px;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.ask-home-cta p{font-size:14px;color:#ffffffd1;margin:0;line-height:1.65}.ask-home-cta .btn-ask-primary{background:linear-gradient(135deg,#fff,#fef3c7);color:#5b21b6;box-shadow:0 8px 24px #c9a84c40}.premium-hero{position:relative;overflow:hidden;border:1px solid rgba(167,139,250,.28);background:linear-gradient(152deg,#1a1040,#2a1560 22%,#3d2078 42%,#5530a0 56%,#3a1f72 74%,#221048);box-shadow:0 24px 64px #4c1d954d,0 8px 28px #7c3aed24,inset 0 1px #ffffff1f,inset 0 0 100px #7c3aed1a}.premium-hero.plan-hero,.premium-hero.ask-home-cta{background:linear-gradient(152deg,#1a1040,#2a1560 22%,#3d2078 42%,#5530a0 56%,#3a1f72 74%,#221048);box-shadow:0 24px 64px #4c1d954d,0 8px 28px #7c3aed24,inset 0 1px #ffffff1f,inset 0 0 100px #7c3aed1a}.premium-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 65% at 28% 42%,rgba(167,139,250,.22) 0%,transparent 62%),radial-gradient(ellipse 55% 35% at 50% -5%,rgba(255,255,255,.07) 0%,transparent 55%),radial-gradient(ellipse 65% 50% at 94% 6%,rgba(232,204,122,.34) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 4% 88%,rgba(124,58,237,.28) 0%,transparent 50%),radial-gradient(ellipse 50% 45% at 78% 55%,rgba(201,168,76,.12) 0%,transparent 58%),radial-gradient(circle at 50% 130%,rgba(201,168,76,.1) 0%,transparent 42%);pointer-events:none;z-index:0}.premium-hero:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(91,33,182,.2) 18%,rgba(232,204,122,.55) 48%,rgba(232,204,122,.55) 52%,rgba(91,33,182,.2) 82%,transparent 100%);z-index:2}.premium-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,204,122,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(120deg,#00000073,#00000059 45%,#0000008c);mask-image:linear-gradient(120deg,#00000073,#00000059 45%,#0000008c);pointer-events:none;z-index:0}.premium-hero-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.premium-hero-lines:before{content:"";position:absolute;top:38%;right:6%;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,204,122,.3),transparent);transform:rotate(-18deg);opacity:.85}.premium-hero-lines:after{content:"";position:absolute;bottom:18%;right:14%;width:72px;height:72px;border:1px solid rgba(201,168,76,.14);border-radius:50%;box-shadow:0 0 0 12px #5b21b60f}.premium-hero-line{position:absolute;display:block;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(232,204,122,.45),transparent)}.premium-hero-line--a{top:12%;right:0;left:auto;width:46%;height:1px;transform:rotate(-10deg);opacity:.6}.premium-hero-line--b{bottom:26%;left:auto;right:22%;width:34%;height:1px;transform:rotate(14deg);background:linear-gradient(90deg,transparent,rgba(167,139,250,.32),transparent);opacity:.75}.premium-hero-line--c{top:52%;right:8%;width:140px;height:140px;border:1px solid rgba(201,168,76,.16);border-radius:50%;background:transparent;opacity:.8}.premium-hero-line--d{top:68%;right:32%;width:1px;height:56px;background:linear-gradient(180deg,transparent,rgba(232,204,122,.35),transparent);border-radius:0;opacity:.55}.premium-hero-line--e{bottom:12%;left:58%;width:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),transparent);opacity:.5}.premium-hero-inner{position:relative;z-index:1}.premium-hero.member-hero{margin-bottom:28px;padding:44px 48px;border-radius:calc(var(--radius) + 6px)}.premium-hero.member-hero .premium-hero-lines{-webkit-mask-image:radial-gradient(ellipse 48% 42% at 22% 20%,transparent 55%,black 100%);mask-image:radial-gradient(ellipse 48% 42% at 22% 20%,transparent 55%,black 100%)}.premium-hero.member-hero h2{background:linear-gradient(135deg,#faf7f0 20%,#e8cc7a 55%,#c9a84c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-hero.ask-home-cta h3{background:linear-gradient(135deg,#faf7f0 15%,#e8cc7a 60%,#c9a84c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-hero .plan-eyebrow,.premium-hero .hero-eyebrow{background:#7c3aed38;border:1px solid rgba(232,204,122,.38);color:#f5e6b8;box-shadow:0 0 24px #a78bfa26}.premium-hero .plan-eyebrow:after,.premium-hero .hero-eyebrow:after{display:none}.premium-hero .plan-stat strong,.premium-hero .ask-stat strong{background:linear-gradient(180deg,#faf7f0,#e8cc7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.premium-hero .plan-stat span,.premium-hero.ask-home-cta p{color:#ffffffb8}.premium-hero .btn-ask-primary{background:linear-gradient(135deg,#f5e6b8,#e8cc7a 45%,#c9a84c);color:#0a0614;border:1px solid rgba(232,204,122,.5);box-shadow:0 6px 24px #c9a84c52}.premium-hero .btn-ask-primary:hover{background:linear-gradient(135deg,#fff8e7,#f5e6b8)}.premium-hero .btn-ask-ghost{border-color:#e8cc7a66;background:#ffffff14;color:#f5e6b8}.premium-hero .btn-ask-ghost:hover{background:#a78bfa38;border-color:#e8cc7a8c}.sso-notice{margin-bottom:12px;padding:12px 16px;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:13px;line-height:1.6}.sso-notice a{color:#b45309;font-weight:600}.sso-notice strong{font-weight:700}@media (max-width: 900px){.ask-path-grid{grid-template-columns:repeat(2,1fr)}.ask-path-card{padding:22px 20px;gap:14px}.ask-path-label{font-size:16px}.ask-value-grid{grid-template-columns:repeat(2,1fr)}.ask-value-card{min-height:148px}.ask-value-bg{font-size:68px;bottom:-14px}.ask-continue-grid{grid-template-columns:1fr}.ask-banner-hero{padding:28px 24px}.ask-banner-hero h2{font-size:22px}.premium-hero.member-hero,.premium-hero.ask-home-cta{padding:28px 24px}.premium-hero-line--c,.premium-hero-lines:after{display:none}.premium-hero-line--d{height:40px}}.ask-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ask-toolbar h3{font-size:16px;font-weight:600}.ask-tabs{display:flex;gap:4px}.ask-tab{padding:6px 14px;border-radius:100px;font-size:12px;color:var(--ink-muted);background:none;border:1px solid transparent;cursor:pointer;font-family:inherit}.ask-tab.on{color:var(--purple-deep);background:var(--purple-soft);font-weight:550}.course-filter{margin-bottom:12px;padding:16px 18px;background:var(--surface);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius)}.course-filter--solo{margin-bottom:12px}.course-search-panel{margin-bottom:20px}.course-search-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#64748b;letter-spacing:.04em}.course-search-bar{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s,box-shadow .15s}.course-search-bar:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.course-search-icon{display:inline-flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.course-search-input{flex:1;min-width:0;border:none;background:#fff;font-size:14px;color:var(--ink-primary);font-family:inherit;outline:none;padding:8px 0}.course-search-input::placeholder{color:#94a3b8}.course-search-clear{padding:4px 10px;border:none;background:transparent;color:#64748b;font-size:12px;cursor:pointer;font-family:inherit}.course-search-clear:hover{color:#2563eb}.course-search-btn{flex-shrink:0;padding:7px 16px;border-radius:100px;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.course-search-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.course-search-btn:disabled{opacity:.55;cursor:not-allowed}.course-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.course-filter-row:last-child{margin-bottom:0}.course-filter-row-all{margin-bottom:10px}.course-filter-chip{padding:6px 14px;border-radius:100px;font-size:12px;color:var(--ink-muted);background:#f8fafc;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:all .15s}.course-filter-chip:hover{color:var(--purple-deep);background:var(--purple-soft)}.course-filter-chip.on{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;font-weight:600}.course-sub-panel{margin-top:10px;padding:12px 14px;background:linear-gradient(180deg,#f0f7ff,#f8fbff);border-radius:var(--radius-sm);border:1px solid #dbeafe}.course-filter-row-sub .course-filter-chip.on{color:#1d4ed8;background:#fff;border-color:#93c5fd;box-shadow:0 1px 4px #2563eb1f}.course-result-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.06)}.course-result-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.course-result-title h3{font-size:16px;font-weight:700;margin:0}.course-result-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#2563eb,#6366f1)}.course-result-count{font-size:12px;color:var(--ink-muted)}.course-sort-row{display:flex;gap:2px;flex-wrap:wrap;align-items:flex-end}.course-sort-row.is-loading{opacity:.65;pointer-events:none}.course-sort-chip{position:relative;padding:6px 14px 10px;border-radius:0;font-size:12px;color:var(--ink-muted);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .15s}.course-sort-chip:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:transparent;border-radius:0}.course-sort-chip.on{color:#2563eb;font-weight:600}.course-sort-chip.on:after{background:#2563eb}.course-sort-chip:hover:not(:disabled){color:#2563eb}.course-sort-chip:disabled{cursor:not-allowed}.ask-empty{padding:48px 24px;text-align:center;color:var(--ink-muted);font-size:14px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-bottom:32px;position:relative}.course-card{position:relative;background:var(--surface);border:1px solid rgba(15,23,42,.06);border-radius:calc(var(--radius) + 2px);overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0f172a0d;transition:box-shadow .25s,transform .2s}.course-card:hover{z-index:40;box-shadow:0 16px 40px #4338ca24;transform:translateY(-4px)}.course-cover{position:relative;height:140px;overflow:hidden;isolation:isolate;border-radius:calc(var(--radius) + 2px) calc(var(--radius) + 2px) 0 0}.course-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.course-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,#0f172a14,#0f172a8c);pointer-events:none}.course-badge{position:absolute;z-index:5;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.course-badge-curated{top:10px;left:10px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;box-shadow:0 2px 8px #f9731659}.course-cover-bg,.course-cover-shape,.course-cover-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.course-cover-bg{z-index:0}.course-cover-shape{z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}.course-cover-glow{z-index:2}.course-cover-glow{background:radial-gradient(ellipse 85% 90% at 96% 0%,rgba(255,255,255,.55) 0%,transparent 52%),radial-gradient(ellipse 60% 50% at 6% 100%,rgba(0,0,0,.2) 0%,transparent 55%)}.course-cover.is-light .course-cover-glow{background:radial-gradient(ellipse 75% 70% at 94% 2%,rgba(255,255,255,.75) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 10% 95%,rgba(99,102,241,.12) 0%,transparent 50%)}.course-cover-content{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:13px 16px 11px}.course-cover-title{font-size:16px;font-weight:700;color:#fff;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:94%;letter-spacing:-.01em}.course-cover-author{display:flex;align-items:center;font-size:12px;font-weight:500;color:#fffffff2;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(0,0,0,.3)}.course-cover-author:before{content:"";flex-shrink:0;width:3px;height:13px;background:#ffffffe6;border-radius:2px;margin-right:8px}.course-cover.is-light .course-cover-title{color:#0f172a;text-shadow:none;font-size:16px}.course-cover.is-light .course-cover-author{color:#334155;text-shadow:none}.course-cover.is-light .course-cover-author:before{background:#6366f1}.course-cover.cc-ocean .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Ccircle cx='330' cy='45' r='52' fill='rgba(255,255,255,0.14)'/%3E%3Ccircle cx='290' cy='85' r='38' fill='rgba(186,230,253,0.28)'/%3E%3Ccircle cx='350' cy='110' r='28' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='250' cy='55' r='22' fill='rgba(125,211,252,0.35)'/%3E%3Ccircle cx='220' cy='100' r='16' fill='rgba(255,255,255,0.16)'/%3E%3Ccircle cx='370' cy='70' r='14' fill='rgba(224,242,254,0.4)'/%3E%3Ccircle cx='180' cy='35' r='10' fill='rgba(255,255,255,0.12)'/%3E%3Ccircle cx='310' cy='130' r='8' fill='rgba(255,255,255,0.22)'/%3E%3C/svg%3E")}.course-cover.cc-ocean .course-cover-shape:after{content:"";position:absolute;right:8%;top:12%;width:42%;height:65%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18) 0%,transparent 68%);filter:blur(4px)}.course-cover.cc-golden .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.35)' d='M280 180 L400 180 L400 40 Q320 80 280 180Z'/%3E%3Cpath fill='rgba(255,255,255,0.22)' d='M220 180 L400 180 L400 70 Q300 100 220 180Z'/%3E%3Cpath fill='rgba(254,240,138,0.35)' d='M180 180 L400 180 L400 95 Q280 120 180 180Z'/%3E%3Cpath fill='rgba(255,255,255,0.15)' d='M0 0 L400 0 L400 50 Q200 20 0 60Z'/%3E%3C/svg%3E")}.course-cover.cc-aurora .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.22)' d='M240 0 L400 0 L320 180 L180 180Z'/%3E%3Cpath fill='rgba(244,114,182,0.32)' d='M290 0 L400 0 L400 180 L250 180Z'/%3E%3Cpath fill='rgba(255,255,255,0.12)' d='M180 0 L310 0 L230 180 L80 180Z'/%3E%3Cpath fill='rgba(216,180,254,0.28)' d='M120 0 L220 0 L140 180 L20 180Z'/%3E%3C/svg%3E")}.course-cover.cc-aurora .course-cover-shape:before{content:"";position:absolute;right:-8%;top:-20%;width:58%;height:140%;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);transform:rotate(-8deg);filter:blur(1px)}.course-cover.cc-forest .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cellipse cx='320' cy='140' rx='160' ry='90' fill='rgba(255,255,255,0.18)'/%3E%3Cellipse cx='280' cy='120' rx='120' ry='70' fill='rgba(110,231,183,0.35)'/%3E%3Cpath fill='rgba(255,255,255,0.12)' d='M0 100 Q200 60 400 80 L400 180 L0 180Z'/%3E%3C/svg%3E")}.course-cover.cc-royal .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.28)' stroke-width='3' d='M260 160 A90 90 0 0 1 440 80'/%3E%3Cpath fill='none' stroke='rgba(196,181,253,0.45)' stroke-width='2.5' d='M240 170 A110 110 0 0 1 460 70'/%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.16)' stroke-width='2' d='M280 150 A70 70 0 0 1 420 95'/%3E%3Ccircle cx='340' cy='55' r='4' fill='rgba(255,255,255,0.75)'/%3E%3Ccircle cx='380' cy='90' r='2.5' fill='rgba(255,255,255,0.55)'/%3E%3Ccircle cx='300' cy='40' r='2' fill='rgba(255,255,255,0.45)'/%3E%3Cellipse cx='360' cy='120' rx='55' ry='55' fill='rgba(168,85,247,0.22)'/%3E%3C/svg%3E")}.course-cover.cc-royal .course-cover-shape:after{content:"";position:absolute;right:0;bottom:0;width:55%;height:70%;background:radial-gradient(ellipse 80% 80% at 85% 85%,rgba(255,255,255,.12) 0%,transparent 65%)}.course-cover.cc-crimson .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cpath fill='rgba(255,255,255,0.28)' d='M200 0 L400 0 L400 180 L100 180Z'/%3E%3Cpath fill='rgba(254,205,211,0.35)' d='M260 0 L400 0 L400 180 L160 180Z'/%3E%3Cpath fill='rgba(255,255,255,0.12)' d='M0 120 Q200 80 400 100 L400 180 L0 180Z'/%3E%3C/svg%3E")}.course-cover.cc-midnight .course-cover-shape{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180' preserveAspectRatio='none'%3E%3Cellipse cx='350' cy='40' rx='120' ry='80' fill='rgba(129,140,248,0.45)'/%3E%3Cellipse cx='300' cy='100' rx='100' ry='60' fill='rgba(99,102,241,0.3)'/%3E%3Cellipse cx='80' cy='130' rx='90' ry='50' fill='rgba(67,56,202,0.25)'/%3E%3Ccircle cx='60' cy='35' r='2' fill='rgba(255,255,255,0.8)'/%3E%3Ccircle cx='120' cy='25' r='1.5' fill='rgba(255,255,255,0.6)'/%3E%3Ccircle cx='200' cy='45' r='1.2' fill='rgba(255,255,255,0.5)'/%3E%3Ccircle cx='320' cy='30' r='1.8' fill='rgba(255,255,255,0.7)'/%3E%3C/svg%3E")}.course-card:hover .course-cover-glow{background:radial-gradient(ellipse 85% 90% at 96% 0%,rgba(255,255,255,.65) 0%,transparent 52%),radial-gradient(ellipse 60% 50% at 6% 100%,rgba(0,0,0,.22) 0%,transparent 55%)}.course-card:hover .course-cover-shape{filter:brightness(1.06) saturate(1.04);transition:filter .25s}.course-body{position:relative;padding:14px 18px 18px;background:var(--surface);border-radius:0 0 calc(var(--radius) + 2px) calc(var(--radius) + 2px)}.course-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.course-inline-badge{flex-shrink:0;margin-top:3px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;line-height:1.4}.course-title{margin:0;font-size:15px;font-weight:650;color:var(--ink-primary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-teacher{margin:0 0 10px;font-size:12px;color:var(--ink-muted);line-height:1.4}.course-access-badge{position:absolute;top:10px;right:10px;z-index:5;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;background:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.course-meta{font-size:12px;color:var(--ink-secondary);display:flex;gap:16px;flex-wrap:wrap;line-height:1.5}.course-meta-item{display:inline-flex;align-items:center;gap:7px}.course-meta-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#f1f5f9;color:#64748b;flex-shrink:0}.course-meta-icon{width:12px;height:12px;flex-shrink:0}.course-progress-row{margin-top:12px}.course-progress-row--learn{margin-top:14px;padding-top:12px;border-top:1px solid rgba(15,23,42,.06)}.course-progress-row--blue{border-top-color:#dbeafe}.course-progress-row--blue .course-progress-label{color:#2563eb}.course-progress-row--blue .course-progress{margin-top:6px;background:#dbeafe}.course-progress-row--blue .course-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.course-progress-float{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:28px 14px 12px;background:linear-gradient(180deg,#fff0,#f8fbffeb 38%,#f8fbff);border-top:1px solid #dbeafe;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.course-card:hover .course-progress-float{opacity:1;transform:translateY(0)}.course-progress-float .course-progress-label{display:block;font-size:11px;color:#2563eb;font-weight:600;margin-bottom:6px}.course-progress-float .course-progress{margin-top:0;height:4px;background:#dbeafe;border-radius:2px;overflow:hidden}.course-progress-float .course-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:0}.course-progress-label{display:block;font-size:11px;color:#2563eb;font-weight:600;margin-bottom:6px}.course-learn-pop{position:fixed;display:flex;flex-direction:column;background:#fffffffa;border-radius:10px;box-shadow:0 10px 40px #0f172a1a;border:1px solid rgba(15,23,42,.06);z-index:9999;pointer-events:none;overflow:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.course-learn-pop--right:before,.course-learn-pop--left:before,.course-learn-pop--below:before{content:"";position:absolute;width:10px;height:10px;background:#fffffffa;border:1px solid rgba(15,23,42,.06);transform:rotate(45deg)}.course-learn-pop--right:before{left:-5px;top:var(--pop-arrow-y, 24px);margin-top:-5px;border-right:none;border-top:none}.course-learn-pop--left:before{right:-5px;top:var(--pop-arrow-y, 24px);margin-top:-5px;border-left:none;border-bottom:none}.course-learn-pop--below:before{left:var(--pop-arrow-x, 28px);top:-5px;margin-left:-5px;border-right:none;border-bottom:none}.course-learn-pop-title{flex-shrink:0;padding:16px 18px 0;font-size:12px;font-weight:600;color:var(--ink-muted);letter-spacing:.06em}.course-learn-pop-body{padding:10px 18px 16px}.course-learn-list{margin:0;padding:0;list-style:none}.course-learn-list li{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:13px;line-height:1.6;color:var(--ink-secondary)}.course-learn-list li:before{content:"";flex-shrink:0;width:5px;height:5px;margin-top:calc((1.6em - 5px)/2);border-radius:50%;background:var(--purple-mid, #7c3aed)}.course-learn-list li+li{margin-top:4px}.course-learn-fallback{margin:0;font-size:13px;line-height:1.65;color:var(--ink-secondary)}.course-pop-enter-active,.course-pop-leave-active{transition:opacity .16s ease,transform .16s ease}.course-pop-enter-from,.course-pop-leave-to{opacity:0}.course-learn-pop--right.course-pop-enter-from,.course-learn-pop--right.course-pop-leave-to{transform:translate(-8px)}.course-learn-pop--left.course-pop-enter-from,.course-learn-pop--left.course-pop-leave-to{transform:translate(8px)}.course-learn-pop--below.course-pop-enter-from,.course-learn-pop--below.course-pop-leave-to{transform:translateY(-6px)}.ask-home-section,.course-list-wrap{overflow:visible}.course-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:nowrap;overflow:hidden}.course-tag{flex-shrink:0;font-size:11px;padding:4px 11px;border-radius:100px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#64748b;border:1px solid #e2e8f0;font-weight:550}.course-card:hover .course-tag{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#cbd5e1;color:#475569}.course-progress{margin-top:12px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.course-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px}.course-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 36px;flex-wrap:wrap}.course-pagination .page-info{font-size:12px;color:var(--ink-muted);min-width:180px;text-align:center}.course-pagination .page-btn{padding:8px 18px;border-radius:var(--radius-sm);border:1px solid var(--line-body);background:var(--surface);color:var(--purple-deep);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.course-pagination .page-btn:hover:not(:disabled){background:var(--purple-soft);border-color:var(--purple-mid)}.course-pagination .page-btn:disabled{opacity:.45;cursor:not-allowed;color:var(--ink-muted)}.plan-hero{margin-bottom:28px;padding:40px 44px;border-radius:calc(var(--radius) + 4px);color:#fff;background:linear-gradient(125deg,#312e81,#5b21b6 40%,#7c3aed);box-shadow:0 20px 56px #5b21b638}.plan-hero-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.plan-hero-copy{max-width:520px}.plan-hero h2{font-size:28px;font-weight:800;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.plan-hero p{font-size:14px;line-height:1.75;color:#ffffffd1;margin:0}.plan-eyebrow{background:#ffffff1f;border-color:#ffffff40;color:#fffffff2}.plan-active-badge{display:inline-block;margin-top:16px;padding:8px 14px;border-radius:100px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);font-size:12px;font-weight:600}.member-hero .plan-hero-copy strong{color:#fff;font-weight:700}.member-hero .plan-hero-copy p{color:#ffffffc7}.member-expire-hint{margin:0 0 12px!important;padding:8px 12px;border-radius:8px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.18);color:#e8cc7a!important;font-size:13px!important}.member-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.plan-card.current{border-color:#a78bfa;box-shadow:0 0 0 2px #6d28d926}.plan-ribbon-current{background:#6d28d9}.btn-plan--ghost{opacity:.55;cursor:not-allowed}.plan-hero-stats{display:flex;gap:28px;padding-top:8px}.plan-stat strong{display:block;font-size:22px;font-weight:800;line-height:1.2}.plan-stat span{font-size:12px;color:#ffffffa6}.plan-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.plan-benefit{display:flex;gap:14px;padding:20px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(15,23,42,.06);box-shadow:0 2px 12px #0f172a0a}.plan-benefit-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;font-size:16px;font-weight:700}.plan-benefit h4{font-size:14px;font-weight:700;margin:0 0 6px}.plan-benefit p{font-size:13px;color:var(--ink-muted);line-height:1.55;margin:0}.plan-section-head{text-align:center;margin-bottom:24px}.plan-section-head h3{font-size:20px;font-weight:800;margin:0 0 6px}.plan-section-head p{font-size:13px;color:var(--ink-muted);margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;align-items:stretch}.plan-card{background:var(--surface);border:1px solid rgba(15,23,42,.08);border-radius:calc(var(--radius) + 2px);padding:32px 26px 28px;position:relative;transition:box-shadow .25s,transform .2s;display:flex;flex-direction:column}.plan-card:hover{box-shadow:0 16px 40px #4338ca1f;transform:translateY(-3px)}.plan-card.popular{border-color:#a78bfa;box-shadow:0 12px 36px #7c3aed2e;transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.02) translateY(-3px)}.plan-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:5px 16px;border-radius:100px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap;box-shadow:0 4px 14px #7c3aed59}.plan-card .plan-badge{position:absolute;top:18px;right:18px;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:100px;background:var(--purple-whisper);color:var(--purple-deep)}.plan-card.popular .plan-badge{background:var(--purple);color:#fff}.plan-name{font-size:22px;font-weight:800;margin-bottom:4px}.plan-tagline{font-size:13px;color:var(--purple-deep);font-weight:600;margin:0 0 12px}.plan-price{font-size:36px;font-weight:800;color:var(--purple-deep);margin:0 0 6px;letter-spacing:-.02em}.plan-price small{font-size:14px;font-weight:500;color:var(--ink-muted)}.plan-for{font-size:12px;color:var(--ink-muted);margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid rgba(15,23,42,.06)}.plan-features{list-style:none;margin-bottom:24px;flex:1}.plan-features li{font-size:13px;color:var(--ink-secondary);padding:6px 0 6px 20px;position:relative;line-height:1.5}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:700}.btn-plan{width:100%;padding:13px;border-radius:var(--radius-sm);border:1px solid var(--line-body);background:var(--surface);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;color:var(--purple-deep);margin-top:auto}.plan-card.popular .btn-plan{background:linear-gradient(135deg,#6d28d9,#4f46e5);color:#fff;border:none;box-shadow:0 6px 20px #6d28d94d}.btn-plan:hover{filter:brightness(1.05)}.plan-trust{padding:32px 28px;border-radius:var(--radius);background:linear-gradient(160deg,#faf8ff,#fff);border:1px solid rgba(124,58,237,.08);margin-bottom:24px}.plan-trust h3{font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.plan-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.plan-faq h4{font-size:14px;font-weight:700;margin:0 0 6px}.plan-faq p{font-size:13px;color:var(--ink-muted);line-height:1.6;margin:0}@media (max-width: 900px){.plan-hero{padding:28px 24px}.plan-hero h2{font-size:22px}.plan-benefits,.plan-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.plan-faq-grid{grid-template-columns:1fr}}.checkout-page,.checkout-page .checkout-panel{width:100%}.checkout-page .checkout-qr{width:min(100%,240px);aspect-ratio:1;height:auto;margin:0 auto 16px;border:1px solid rgba(124,58,237,.12);border-radius:var(--radius-sm);padding:10px;background:#fff;box-shadow:inset 0 0 0 1px #fff9;box-sizing:border-box}.checkout-page .checkout-qr img{width:100%;height:100%;object-fit:contain}.checkout-page .checkout-order-amount{font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--purple-deep)}.checkout-page .checkout-order-amount small{font-size:13px;font-weight:500;color:var(--ink-muted)}.checkout-page .checkout-status{font-size:13px;color:var(--ink-muted);min-height:20px}.checkout-page .checkout-status.waiting:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple-mid);margin-right:6px;vertical-align:.05em;animation:checkout-pulse 1.2s ease infinite}.checkout-page .checkout-status.paid{color:#059669;font-weight:600}.checkout-page .checkout-hint{font-size:11px;color:var(--ink-muted);margin-top:20px;line-height:1.65}@keyframes checkout-pulse{0%,to{opacity:.35}50%{opacity:1}}.checkout-wrap{max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:32px;text-align:center}.checkout-wrap h3{font-size:18px;font-weight:600;margin-bottom:6px}.checkout-amount{font-size:36px;font-weight:700;color:var(--purple-deep);margin:16px 0}.checkout-amount small{font-size:16px}.checkout-qr{width:200px;height:200px;margin:20px auto;border:1px solid var(--line-body);border-radius:var(--radius-sm);padding:8px;background:#fff}.checkout-qr img{width:100%;height:100%;object-fit:contain}.checkout-status{font-size:13px;color:var(--ink-muted);margin-top:12px}.checkout-status.paid{color:#059669;font-weight:600}.checkout-hint{font-size:11px;color:var(--ink-muted);margin-top:20px;line-height:1.6}.detail-hero{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-bottom:28px}.detail-main{background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:28px 32px}.detail-main h2{font-size:22px;font-weight:700;margin-bottom:12px}.detail-main .desc{font-size:14px;color:var(--ink-secondary);line-height:1.75}.detail-side{background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:24px}.detail-side .price-hint{font-size:12px;color:var(--ink-muted);margin-bottom:16px}.learn-sync-hint{margin:0 0 16px;font-size:13px;color:var(--ink-muted)}.premium-hero.learn-hero{margin-bottom:28px}.learn-hero-btn{margin-top:16px}.learn-sync-banner{margin-top:12px!important}.learn-result-bar{margin-top:4px}.learn-empty-panel{text-align:center;padding:56px 32px 64px;margin-bottom:32px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(180deg,#fafbff,#fff);border:1px dashed rgba(124,58,237,.18)}.learn-empty-icon{font-size:40px;line-height:1;margin-bottom:16px;filter:grayscale(.2)}.learn-empty-panel h4{font-size:18px;font-weight:700;color:var(--ink-primary);margin:0 0 10px}.learn-empty-panel p{font-size:14px;color:var(--ink-muted);margin:0 0 20px;line-height:1.6}.learn-empty-panel .btn-ask-primary{min-width:140px}.learn-list{display:flex;flex-direction:column;gap:12px}.learn-item{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:18px 22px}.learn-item-info{flex:1;min-width:0}.learn-item-info h4{font-size:14px;font-weight:600;margin-bottom:4px}.learn-item-info p{font-size:12px;color:var(--ink-muted)}.learn-progress-wrap{width:120px}.learn-progress-wrap .pct{font-size:11px;color:var(--purple);text-align:right;margin-bottom:4px}.ask-view.ask-embed-mode .main-scroll{overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.ask-view.ask-embed-mode .content{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.ask-view.ask-embed-mode .player-shell{flex:1;min-height:0;height:100%;border-radius:0;background:#fff}.player-shell{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100vh - var(--shell-h) - 2px);background:#0b1220}.player-shell--loading{align-items:center;justify-content:center;color:var(--ink-muted);font-size:14px}.player-head{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#111827;border-bottom:1px solid #334155;color:#e2e8f0;font-size:13px}.player-head button{padding:6px 14px;border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid #475569;color:#e2e8f0;cursor:pointer;font-family:inherit;font-size:12px}.player-head-actions{display:flex;gap:8px}.player-frame-wrap{flex:1;min-height:0;position:relative}.player-frame-wrap iframe,.player-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.player-mock{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:12px;padding:48px}.player-mock .mock-screen{width:100%;max-width:720px;aspect-ratio:16/9;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:var(--radius);border:1px solid #334155;display:flex;align-items:center;justify-content:center;font-size:48px}.interest-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}.interest-chip{padding:8px 16px;border-radius:100px;border:1px solid var(--line-body);background:var(--surface);font-size:13px;color:var(--ink-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.interest-chip.on{background:var(--purple-soft);border-color:var(--purple-mid);color:var(--purple-deep);font-weight:550}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;font-size:12px;font-weight:550;color:var(--ink-secondary);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-body);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--purple-mid)}.form-error{font-size:12px;color:#dc2626;margin-top:8px}.form-hint{font-size:11px;color:var(--ink-muted);margin-top:12px;line-height:1.5}.entitlement-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 12px;border-radius:100px;background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.25)}.empty-state{text-align:center;padding:48px 24px;color:var(--ink-muted)}.empty-state h4{font-size:16px;color:var(--ink);margin-bottom:8px}@media (max-width: 900px){.plan-grid,.detail-hero{grid-template-columns:1fr}}.hub-page-view{display:none;flex-direction:column;flex:1;min-height:0}.hub-page-view.active{display:flex}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.account-sidebar{position:sticky;top:0}.account-sidebar .profile-name{font-size:18px;font-weight:600;margin-bottom:4px}.account-sidebar .profile-phone{font-size:12px;color:#ffffff8c;margin-top:10px}.account-body{min-width:0}.account-tabs{margin-bottom:18px;flex-wrap:wrap}.hub-hero-banner{position:relative;border-radius:var(--radius);overflow:hidden;padding:28px 32px;margin-bottom:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,#4338ca,#6d28d9 45%,#7e22ce);box-shadow:0 8px 28px #4338ca40}.hub-hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,rgba(201,168,76,.22) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgba(67,56,202,.2) 0%,transparent 40%);pointer-events:none}.hub-hero-banner>*{position:relative;z-index:1}.hub-hero-banner h1{font-size:24px;font-weight:700;margin:0 0 6px;letter-spacing:.5px}.hub-hero-banner p{margin:0;font-size:13px;color:#ffffffa6}.hub-hero-stats{display:flex;gap:12px}.hub-hero-stat{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);padding:12px 20px;text-align:center;min-width:80px}.hub-hero-stat .num{display:block;font-size:24px;font-weight:700;color:var(--gold-light)}.hub-hero-stat .lbl{font-size:11px;color:#ffffffb3;margin-top:2px}.hub-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-panel{background:var(--surface);border:1px solid var(--line-body);border-radius:var(--radius);padding:22px 24px;box-shadow:0 2px 12px #1e1b3c0a}.hub-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line-body)}.hub-panel-head h3{margin:0;font-size:15px;font-weight:600;color:var(--ink)}.hub-panel-head .sub{font-size:12px;color:var(--ink-muted);margin-left:10px}.hub-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-input,.hub-select{padding:8px 12px;border:1px solid var(--line-body);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--ink);background:var(--surface)}.hub-input:focus,.hub-select:focus{outline:none;border-color:var(--purple-mid);box-shadow:0 0 0 3px var(--purple-whisper)}.hub-input.search{width:220px}.hub-btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:550;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:background .15s,color .15s}.hub-btn.primary{background:var(--purple-deep);color:#fff;border-color:var(--purple-deep)}.hub-btn.primary:hover{background:var(--purple)}.hub-btn.ghost{background:var(--surface);border-color:var(--line-body);color:var(--purple-deep)}.hub-btn.ghost:hover{background:var(--purple-whisper);border-color:var(--purple-mid)}.hub-btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--ink)}.hub-btn:disabled{opacity:.55;cursor:not-allowed}.hub-btn.link{background:none;border:none;color:var(--purple-deep);padding:0 8px 0 0}.hub-btn.link:hover{color:var(--purple);text-decoration:underline}.hub-btn.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;width:100%;margin-top:16px;padding:10px}.hub-alert{margin-bottom:16px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.hub-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.hub-alert.ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.hub-state{padding:48px;text-align:center;color:var(--ink-muted);font-size:14px}.hub-empty{color:var(--ink-muted);font-size:14px;padding:24px 0;text-align:center}.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.hub-list{list-style:none;padding:0;margin:0}.hub-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--line-body);border-radius:var(--radius-sm);margin-bottom:10px;font-size:14px}.hub-list-item strong{color:var(--ink)}.hub-list-item .meta{font-size:12px;color:var(--ink-muted);margin-top:3px}.hub-list-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-body);font-size:14px}.hub-list-row .plus{color:#16a34a;font-weight:600;min-width:40px}.hub-list-row .muted{margin-left:auto;font-size:12px;color:var(--ink-muted)}.hub-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}.hub-tag{padding:4px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:var(--gold-light);border-radius:100px;font-size:11px}.hub-tag.light{background:var(--purple-whisper);border-color:transparent;color:var(--purple-deep)}.hub-badge{font-size:11px;padding:4px 10px;border-radius:100px;white-space:nowrap}.hub-badge.ok{background:#dcfce7;color:#166534}.hub-badge.pending{background:var(--gold-soft);color:#92400e}.hub-badge.off,.hub-badge.expired{background:var(--bg);color:var(--ink-muted)}.hub-section-title{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 12px}.hub-table-wrap{overflow-x:auto}.hub-table{width:100%;border-collapse:collapse;font-size:13px}.hub-table th{background:var(--bg);padding:12px 14px;text-align:left;font-weight:600;color:var(--ink-secondary);white-space:nowrap;border-bottom:1px solid var(--line-body)}.hub-table td{padding:12px 14px;border-bottom:1px solid var(--line-body);vertical-align:middle;color:var(--ink)}.hub-table tr:hover td{background:var(--purple-whisper)}.hub-table tr.disabled{opacity:.5}.hub-table .ops{white-space:nowrap}.hub-table code{font-size:12px;color:var(--purple-deep);background:var(--purple-whisper);padding:2px 6px;border-radius:4px}.hub-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px;border-top:1px solid var(--line-body);font-size:13px;color:var(--ink-muted)}.hub-pager button{padding:6px 14px;border:1px solid var(--line-body);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-family:inherit;color:var(--purple-deep)}.hub-pager button:hover:not(:disabled){background:var(--purple-whisper)}.hub-pager button:disabled{opacity:.4;cursor:not-allowed}.hub-matrix-wrap{overflow:auto;max-height:calc(100vh - 320px)}.hub-matrix-table th,.hub-matrix-table td{border:1px solid var(--line-body);padding:8px;text-align:center;font-size:12px}.hub-matrix-table th{background:var(--bg);min-width:72px;vertical-align:bottom}.hub-matrix-table th span{display:block;font-weight:600;color:var(--ink)}.hub-matrix-table th small{color:var(--ink-muted);font-size:10px}.hub-matrix-table .sticky-col{position:sticky;left:0;background:var(--surface);z-index:1;text-align:left!important;min-width:120px;font-weight:600;color:var(--purple-deep)}.hub-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d264073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.hub-modal{background:var(--surface);border-radius:calc(var(--radius) + 2px);width:100%;max-width:440px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--line-body)}.hub-modal.wide{max-width:560px}.hub-modal h3{margin:0 0 18px;font-size:17px;font-weight:600;color:var(--ink)}.hub-modal-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;color:var(--ink-secondary)}.hub-modal-form input,.hub-modal-form select,.hub-modal-form textarea{padding:9px 12px;border:1px solid var(--line-body);border-radius:var(--radius-sm);font-size:14px;font-family:inherit}.hub-modal-form input:focus,.hub-modal-form select:focus,.hub-modal-form textarea:focus{outline:none;border-color:var(--purple-mid)}.hub-modal-form.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.hub-modal-form .span2{grid-column:span 2}.hub-modal-form .chk-row{flex-direction:row!important;align-items:center;gap:8px!important}.hub-modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.hub-hint{font-size:13px;color:var(--ink-muted);margin:0 0 14px}@media (max-width: 960px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.stat-grid-4{grid-template-columns:repeat(2,1fr)}.hub-hero-banner{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.content{padding:20px 16px 32px!important}.stat-grid-4{grid-template-columns:1fr 1fr}}
