:root{--bg: #F6F7F9;--surface: #FFFFFF;--fg: #0E1726;--muted: #6B7686;--accent: #2D6CDF;--border: #E4E8ED;--accent-on: #FFFFFF;--accent-hover: #1F58C2;--accent-active: #194BA3;--success: #15A06B;--warn: #C9821A;--danger: #D6453D;--focus-ring: color-mix(in srgb, var(--accent) 35%, transparent);--fg-2: #3A4658;--surface-warm: #F1F3F6;--meta: #98A2B2;--border-soft: #EFF2F5;--status-auto: #1D9E75;--status-manual: #BA7517;--platform-douyin: #161823;--platform-shipinhao: #07C160;--platform-kuaishou: #FE3666;--platform-xiaohongshu: #FF2442;--platform-bilibili: #FB7299;--platform-baijiahao: #FA5151;--platform-zhihu: #0084FF;--platform-tencent-content: #00A5EB;--platform-toutiao: #FF4B3E;--font-display: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", sans-serif;--font-body: "Inter", "Noto Sans SC", -apple-system, "PingFang SC", sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--font-brand: "Smiley Sans", "得意黑";--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--weight-read: 400;--weight-emphasize: 510;--weight-announce: 590;--tracking-body: 0;--tracking-small: .01em;--tracking-caps: .06em;--tracking-title: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1200px;--section-y-desktop: 80px;--section-y-tablet: 48px;--section-y-phone: 32px;--gutter-desktop: 24px;--gutter-tablet: 16px;--gutter-phone: 12px;--icon-stroke: 1.5}[data-theme=dark]{--bg: #0D1117;--surface: #151A21;--fg: #E9EDF3;--muted: #8A94A4;--accent: #4D86F0;--border: #262D37;--accent-on: #0D1117;--accent-hover: color-mix(in srgb, var(--accent) 88%, #fff);--accent-active: color-mix(in srgb, var(--accent) 78%, #fff);--success: #2FA56F;--warn: #DFA23B;--danger: #E56A5E;--focus-ring: color-mix(in srgb, var(--accent) 40%, transparent);--fg-2: #C2CAD6;--surface-warm: #1C232C;--meta: #5B6573;--border-soft: rgba(255, 255, 255, .06);--status-auto: #2FB47E;--status-manual: #E0A23A}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:var(--weight-announce);letter-spacing:var(--tracking-title);line-height:1.2}p{margin:0}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.t-xs{font-size:var(--text-xs)}.t-sm{font-size:var(--text-sm)}.t-base{font-size:var(--text-base)}.t-lg{font-size:var(--text-lg)}.t-xl{font-size:var(--text-xl)}.t-2xl{font-size:var(--text-2xl)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-small)}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xs);font-weight:var(--weight-emphasize)}.muted{color:var(--muted)}.meta{color:var(--meta)}.fg-2{color:var(--fg-2)}.accent-text{color:var(--accent)}.app-shell{min-height:100dvh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);z-index:30;transition:width var(--motion-base) var(--ease-standard)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);font-weight:var(--weight-announce);font-size:var(--text-base);letter-spacing:var(--tracking-title);white-space:nowrap;overflow:hidden}.sidebar__brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-on);display:grid;place-items:center;flex:0 0 auto}.sidebar__nav{flex:1;padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:40px;border-radius:var(--radius-sm);color:var(--fg-2);font-weight:var(--weight-read);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--surface-warm);color:var(--fg)}.nav-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:var(--weight-emphasize)}.nav-item__label{opacity:1;transition:opacity var(--motion-fast) var(--ease-standard)}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border-soft)}.main{flex:1;margin-left:232px;min-width:0;display:flex;flex-direction:column;transition:margin-left var(--motion-base) var(--ease-standard)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border-soft)}.content{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-6)}@media (max-width: 1023px){.sidebar{width:64px}.sidebar__brand{justify-content:center;padding-left:var(--space-2);padding-right:var(--space-2)}.sidebar__brand-text,.nav-item__label,.sidebar__footer .nav-item__label{opacity:0;width:0;display:none}.nav-item{justify-content:center;padding-left:0;padding-right:0}.main{margin-left:64px}}@media (max-width: 767px){.sidebar{inset:auto 0 0 0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.sidebar__brand,.sidebar__footer{display:none}.sidebar__nav{flex-direction:row;justify-content:space-around;width:100%;padding:var(--space-1) var(--space-2);gap:0}.nav-item{flex-direction:column;gap:2px;min-height:0;padding:var(--space-1) var(--space-2);font-size:10px}.nav-item__label{display:inline;opacity:1;width:auto;font-size:10px}.main{margin-left:0;padding-bottom:76px}.topbar{padding:var(--space-2) var(--space-4)}.content{padding:var(--space-4)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-head__title{font-size:var(--text-2xl);letter-spacing:var(--tracking-title)}.page-head__sub{color:var(--muted);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 16px;min-height:40px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--text-sm);font-weight:var(--weight-emphasize);line-height:1;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-secondary{background:var(--surface);color:var(--accent);border-color:var(--accent)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-warm);color:var(--fg)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,transparent)}.btn-sm{padding:6px 12px;min-height:32px;font-size:var(--text-xs)}.btn-icon{padding:0;width:40px;min-height:40px;flex:0 0 auto}.btn.loading{pointer-events:none;opacity:.7}.spinner,.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease-standard)}.card--hover:hover{border-color:var(--accent)}.card__body{padding:var(--space-5)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.card__title{font-size:var(--text-sm);font-weight:var(--weight-emphasize)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;min-height:22px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-emphasize);line-height:1;white-space:nowrap}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-auto{color:var(--status-auto);background:color-mix(in srgb,var(--status-auto) 14%,transparent)}.pill-manual{color:var(--status-manual);background:color-mix(in srgb,var(--status-manual) 14%,transparent)}.pill-success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.pill-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.pill-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.pill-neutral{color:var(--fg-2);background:var(--surface-warm)}.pbadge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;color:#fff;font-size:10px;font-weight:var(--weight-announce);flex:0 0 auto;letter-spacing:0}.pbadge--lg{width:28px;height:28px;border-radius:var(--radius-sm);font-size:12px}.input,.select{min-height:40px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.input::placeholder{color:var(--meta)}.toggle{position:relative;display:inline-flex;width:40px;height:22px;border-radius:var(--radius-pill);background:var(--border);border:1px solid transparent;transition:background-color var(--motion-fast) var(--ease-standard);flex:0 0 auto;padding:0}.toggle[data-on=true]{background:var(--accent)}.toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:var(--elev-raised);transition:transform var(--motion-fast) var(--ease-standard)}.toggle[data-on=true] .toggle__thumb{transform:translate(18px)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-2) var(--space-4);color:var(--muted);font-weight:var(--weight-emphasize);font-size:var(--text-xs);letter-spacing:var(--tracking-small);border-bottom:1px solid var(--border-soft)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);vertical-align:middle}.table tbody tr{transition:background-color var(--motion-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--surface-warm)}.progress{height:6px;border-radius:var(--radius-pill);background:var(--surface-warm);overflow:hidden}.progress__bar{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--motion-base) var(--ease-standard)}.skeleton{border-radius:var(--radius-sm);background:var(--surface-warm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--muted)}.empty__icon{color:var(--meta)}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar__spacer{flex:1}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:var(--text-xs);color:var(--fg-2);background:var(--surface-warm);white-space:nowrap}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-soft);text-align:left;width:100%;background:transparent;border-left:none;border-right:none;border-top:none;font-size:var(--text-sm);color:var(--fg);transition:background-color var(--motion-fast) var(--ease-standard)}.list-row:hover{background:var(--surface-warm)}.list-row:last-child{border-bottom:none}.seg{display:inline-flex;background:var(--surface-warm);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg__item{padding:5px 12px;border-radius:6px;font-size:var(--text-xs);font-weight:var(--weight-emphasize);color:var(--fg-2);border:none;background:transparent;transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.seg__item:hover{color:var(--fg)}.seg__item.active{background:var(--surface);color:var(--fg);box-shadow:var(--elev-raised)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 40%,transparent);z-index:40;display:grid;place-items:center;padding:var(--space-4)}.modal{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--elev-raised);width:min(520px,100%);max-height:calc(100dvh - 64px);overflow:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);background:var(--surface);border-left:1px solid var(--border);z-index:50;padding:var(--space-5);overflow-y:auto;box-shadow:var(--elev-raised);animation:drawerIn var(--motion-base) var(--ease-standard)}@keyframes drawerIn{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}input[type=range]{accent-color:var(--accent)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.form-row:last-child{border-bottom:none}