:root{--ink:#21172b;--muted:#776c80;--line:#e7e0eb;--canvas:#f7f5fa;--paper:#fff;--violet:#6d28d9;--violet-2:#8b5cf6;--magenta:#d946ef;--success:#168c68;--danger:#c13b5a;--warning:#b16b14;--shadow:0 22px 60px rgba(44,24,65,.12);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% 10%,rgba(217,70,239,.07),transparent 22%),var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.eyebrow{font:700 11px/1.2 "Cascadia Mono",Consolas,monospace;letter-spacing:.14em;color:var(--violet)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);padding:32px}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:7vw;border-radius:28px;color:#fff;background:linear-gradient(145deg,#1d102b 0%,#351153 54%,#7223a4 100%);box-shadow:var(--shadow)}.login-story:after{content:"M";position:absolute;right:-3vw;bottom:-11vw;font:900 34vw/1 system-ui;color:rgba(255,255,255,.045)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup--large{position:absolute;left:48px;top:42px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--magenta),var(--violet));font:900 23px/1 Georgia,serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:16px}.brand-lockup small{margin-top:3px;font:600 9px/1.2 "Cascadia Mono",monospace;letter-spacing:.16em;opacity:.65}.login-kicker{font:700 11px/1.2 "Cascadia Mono",monospace;letter-spacing:.2em;color:#e9c9ff}.login-story h1{max-width:720px;margin:20px 0;font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-.055em}.login-story>p{max-width:610px;margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.85}.duration-rail{position:relative;width:min(620px,88%);height:68px;margin-top:66px;border-top:1px solid rgba(255,255,255,.28)}.duration-rail:before{content:"";position:absolute;top:-2px;left:0;width:92%;height:3px;background:linear-gradient(90deg,#f0abfc,#c084fc,transparent)}.duration-rail span{position:absolute;left:var(--x);top:-13px;transform:translateX(-50%);display:grid;place-items:center}.duration-rail b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#32104b;background:#fff;font:800 11px/1 "Cascadia Mono",monospace}.duration-rail i{margin-top:8px;font-style:normal;font-size:11px;color:#e9c9ff}.login-card{align-self:center;width:min(440px,100%);margin:0 auto;padding:52px 46px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-card h2,.modal h2{margin:12px 0 8px;font-size:30px;letter-spacing:-.04em}.login-card>p,.modal p{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.7}.login-card label,.modal label{display:grid;gap:8px;margin-top:18px}.login-card label span,.modal label>span{font-size:12px;font-weight:700}.login-card input,.modal input,.filterbar input,.filterbar select{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;outline:none}.login-card input:focus,.modal input:focus,.filterbar input:focus,.filterbar select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(109,40,217,.11)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-size:12px;font-weight:750}.button:hover{border-color:#cbbadd}.button--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--violet),#7c3aed);box-shadow:0 10px 24px rgba(109,40,217,.2)}.button--quiet{background:transparent}.button--danger{color:var(--danger);border-color:#f1cbd5;background:#fff8fa}.button--wide{width:100%;height:46px;margin-top:24px}.form-message{display:block;min-height:22px;margin-top:12px;color:var(--danger);font-size:12px}.security-note{display:block;margin-top:16px;color:#9b919f;font-size:10px;line-height:1.6}
.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 20px;color:#f7efff;background:linear-gradient(180deg,#23102f,#180c22)}.sidebar .brand-lockup{padding:2px 8px 25px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-nav{display:grid;gap:7px;margin-top:24px}.nav-button{display:flex;align-items:center;gap:11px;width:100%;height:45px;padding:0 13px;border:0;border-radius:11px;color:#cdbfd4;background:transparent;text-align:left}.nav-button span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.07);font-weight:900}.nav-button b{font-size:13px}.nav-button:hover,.nav-button.is-active{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.34),rgba(217,70,239,.12))}.nav-button.is-active{box-shadow:inset 3px 0 #c084fc}.sidebar-status{display:flex;gap:10px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045)}.sidebar-status i,.admin-chip i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.1)}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:11px}.sidebar-status small{margin-top:5px;color:#9c8ba5;font-size:9px}.sidebar-foot{display:grid;gap:5px;margin-top:16px;padding:0 4px;color:#9a89a4;font-size:9px}.workspace{min-width:0;display:flex;flex-direction:column;padding:27px 30px 10px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:70px}.topbar h1{margin:7px 0 0;font-size:28px;letter-spacing:-.045em}.topbar-actions{display:flex;align-items:center;gap:8px}.admin-chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:700 11px/1 "Cascadia Mono",monospace}.admin-chip i{margin:0}.view-host{flex:1;min-height:0;margin-top:18px}.workspace-foot{display:flex;justify-content:space-between;padding:14px 2px 4px;color:#95899d;font-size:9px}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:24px;min-height:210px;padding:32px;border:1px solid #2e153f;border-radius:20px;color:#fff;background:linear-gradient(135deg,#241331,#3d145d 60%,#7328a4)}.hero:after{content:"365";position:absolute;right:-10px;bottom:-38px;font:900 150px/1 "Cascadia Mono",monospace;color:rgba(255,255,255,.045)}.hero h2{max-width:600px;margin:10px 0 12px;font-size:31px;line-height:1.15;letter-spacing:-.045em}.hero p{max-width:650px;margin:0;color:rgba(255,255,255,.64);font-size:12px;line-height:1.75}.hero-actions{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end}.hero .button{border-color:#fff;color:#3f135c;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.metric-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.metric-card span{color:var(--muted);font-size:10px}.metric-card strong{display:block;margin-top:9px;font:800 27px/1 "Cascadia Mono",monospace}.metric-card small{display:block;margin-top:10px;color:#9a909f;font-size:9px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.license-scale{padding:24px 20px}.scale-track{position:relative;height:6px;margin:20px 8px 38px;border-radius:999px;background:#eee8f2}.scale-track:before{content:"";position:absolute;inset:0;width:90%;border-radius:inherit;background:linear-gradient(90deg,var(--magenta),var(--violet),#311244)}.scale-point{position:absolute;top:-10px;left:var(--left);transform:translateX(-50%);display:grid;place-items:center}.scale-point i{width:25px;height:25px;border:5px solid #fff;border-radius:50%;background:var(--violet);box-shadow:0 0 0 1px #cbb9dc}.scale-point b{margin-top:10px;font:800 11px/1 "Cascadia Mono",monospace}.scale-point small{margin-top:4px;color:var(--muted);font-size:8px}.activation-list{display:grid}.activation-item{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:13px 20px;border-top:1px solid #f0ebf2}.activation-item:first-child{border-top:0}.activation-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--success);background:#ebf8f3;font-weight:900}.activation-item strong,.activation-item small{display:block}.activation-item strong{font-size:11px}.activation-item small{margin-top:4px;color:var(--muted);font-size:9px}.activation-item time{color:#93879a;font:600 9px/1 "Cascadia Mono",monospace}.empty{display:grid;place-items:center;min-height:180px;padding:30px;color:#9b909f;font-size:11px}
.page-card{min-height:calc(100vh - 145px);border:1px solid var(--line);border-radius:18px;background:#fff}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.page-toolbar h2{margin:0;font-size:17px}.page-toolbar p{margin:5px 0 0;color:var(--muted);font-size:10px}.filterbar{display:flex;align-items:center;gap:8px}.filterbar input{width:210px}.filterbar select{width:120px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{padding:12px 16px;color:#85798b;background:#faf8fb;text-align:left;font-size:9px;font-weight:700;white-space:nowrap}.data-table td{padding:14px 16px;border-top:1px solid #f0ebf2;vertical-align:middle}.data-table code{font:700 10px/1 "Cascadia Mono",monospace;color:#4d385b}.data-table small{display:block;margin-top:4px;color:#95899c;font-size:8px}.data-table .button{min-height:30px;padding:0 10px;font-size:9px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:750}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status--unused{color:#6d28d9;background:#f0e9fb}.status--active{color:var(--success);background:#eaf8f3}.status--expired{color:var(--warning);background:#fff5e8}.status--revoked,.status--disabled{color:var(--danger);background:#fff0f4}.status--day{color:#0a7893;background:#eaf8fb}.status--month{color:#6d28d9;background:#f0e9fb}.status--year{color:#9b4d0a;background:#fff3e5}.mono{font-family:"Cascadia Mono",Consolas,monospace}.note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-empty{text-align:center!important;height:260px;color:#978b9c}.row-actions{display:flex;gap:6px}.page-summary{display:flex;gap:8px}.summary-chip{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#faf8fb}.summary-chip span{color:var(--muted);font-size:8px}.summary-chip b{margin-left:6px;font:800 12px/1 "Cascadia Mono",monospace}
.modal{width:min(520px,calc(100vw - 32px));padding:0;border:0;border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 30px 90px rgba(27,13,38,.35)}.modal::backdrop{background:rgba(23,12,31,.6);backdrop-filter:blur(4px)}.modal>form,.modal>div{position:relative;padding:34px}.modal-close{position:absolute;right:18px;top:18px;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#fff;font-size:18px}.card-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 6px;padding:0;border:0}.card-selector legend{margin-bottom:8px;font-size:12px;font-weight:700}.card-selector label{margin:0;cursor:pointer}.card-selector input{position:absolute;opacity:0;pointer-events:none}.card-selector span{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:11px}.card-selector small{color:var(--muted);font-size:9px}.card-selector input:checked+span{border-color:var(--violet);background:#f5f0fc;box-shadow:0 0 0 2px rgba(109,40,217,.08)}.modal--codes{width:min(720px,calc(100vw - 32px))}.code-result-meta{margin-bottom:12px;color:var(--violet);font:700 10px/1.5 "Cascadia Mono",monospace}.modal textarea{width:100%;height:260px;padding:16px;border:1px solid var(--line);border-radius:12px;resize:none;color:#2a1735;background:#faf8fb;font:700 12px/1.85 "Cascadia Mono",monospace;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.toast{position:fixed;right:24px;bottom:24px;z-index:20;transform:translateY(20px);padding:12px 16px;border-radius:10px;color:#fff;background:#25152f;box-shadow:var(--shadow);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{transform:none;opacity:1}.toast.is-error{background:#a42f4c}
@media(max-width:1050px){.login-shell{grid-template-columns:1fr;padding:18px}.login-story{display:none}.login-card{min-height:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:20px 11px}.sidebar .brand-lockup div:last-child,.nav-button b,.sidebar-status div,.sidebar-foot{display:none}.sidebar .brand-lockup{justify-content:center;padding-left:0;padding-right:0}.nav-button{justify-content:center;padding:0}.workspace{padding:22px 18px 8px}}@media(max-width:720px){.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.admin-chip{display:none}.metric-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:24px}.hero-actions{justify-content:flex-start}.page-toolbar{align-items:flex-start;flex-direction:column}.filterbar{width:100%;flex-wrap:wrap}.filterbar input{flex:1;min-width:180px}.workspace-foot{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 三平台运营模块 */
.brand-mark{object-fit:contain;padding:0;background:transparent!important;font-size:0;box-shadow:0 7px 18px rgba(0,0,0,.24)}
.platform-title{margin:20px 10px 8px;color:#887a8d;font:700 9px/1.2 "Cascadia Mono",monospace;letter-spacing:.14em}.platform-title--manage{margin-top:22px}
.platform-switch{display:grid;gap:7px}.platform-button{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;width:100%;min-height:52px;padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#cdbfd4;background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.platform-button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:12px;font-weight:900}.platform-button b,.platform-button small{display:block}.platform-button b{font-size:12px}.platform-button small{margin-top:4px;color:#8f7f97;font:600 8px/1 "Cascadia Mono",monospace;letter-spacing:.08em}.platform-button[data-platform="douyin"]>span{color:#d9fdff;background:linear-gradient(135deg,#14b8a6,#ec4899)}.platform-button[data-platform="xiaohongshu"]>span{color:#fff;background:linear-gradient(135deg,#a62f32,#d95759)}.platform-button[data-platform="wechat_channels"]>span{color:#fff;background:linear-gradient(135deg,#188a52,#35b66f)}.platform-button:hover,.platform-button.is-active{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.09)}.platform-button.is-active{box-shadow:inset 3px 0 var(--platform-accent,#c084fc)}
body[data-platform="douyin"]{--platform-accent:#29d5d1}body[data-platform="xiaohongshu"]{--platform-accent:#d95759}body[data-platform="wechat_channels"]{--platform-accent:#35b66f}
body[data-platform] .nav-button.is-active{box-shadow:inset 3px 0 var(--platform-accent)}body[data-platform] .hero{background:linear-gradient(135deg,#241331,#3d145d 60%,color-mix(in srgb,var(--platform-accent) 58%,#3d145d))}body[data-platform] .button--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--platform-accent) 70%,#5f259f),#6d28d9)}
.sidebar-nav{margin-top:0}.workspace{padding-top:22px}.topbar h1{font-size:30px}.data-table{font-size:12px}.data-table th{font-size:10px}.data-table small{font-size:9px}.button{font-size:13px}.page-toolbar p{font-size:11px}.metric-card span{font-size:11px}.metric-card small{font-size:10px}
@media(max-width:1050px){.platform-title,.platform-button div{display:none}.platform-switch{margin-top:18px}.platform-button{display:grid;grid-template-columns:1fr;place-items:center;padding:6px}.platform-button>span{width:34px;height:34px}.sidebar-nav{margin-top:18px}}