:root{--bg:oklch(0.995 0.002 95);--bg-subtle:oklch(0.975 0.003 95);--bg-muted:oklch(0.955 0.004 95);--surface:#ffffff;--surface-hover:oklch(0.985 0.003 95);--border:oklch(0.92 0.004 95);--border-strong:oklch(0.86 0.005 95);--border-subtle:oklch(0.955 0.003 95);--fg:oklch(0.18 0.006 95);--fg-muted:oklch(0.42 0.005 95);--fg-subtle:oklch(0.58 0.005 95);--fg-faint:oklch(0.72 0.004 95);--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--primary-border:#bfdbfe;--primary-fg:#1e40af;--amber:#d97706;--amber-soft:#fffbeb;--amber-border:#fde68a;--amber-fg:#92400e;--red:#dc2626;--red-soft:#fef2f2;--red-border:#fecaca;--red-fg:#991b1b;--green:#059669;--green-soft:#ecfdf5;--green-border:#a7f3d0;--green-fg:#065f46;--violet:#7c3aed;--p-wechat:#10b981;--p-zhihu:#2563eb;--p-csdn:#dc2626;--p-baijia:#7c3aed;--font-sans:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,monospace;--font-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-2xl:20px;--shadow-xs:0 1px 2px 0 rgba(15,23,42,0.04);--shadow-sm:0 1px 2px rgba(15,23,42,0.05),0 1px 1px rgba(15,23,42,0.03);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.08),0 2px 4px -1px rgba(15,23,42,0.04);--shadow-lg:0 12px 32px -8px rgba(15,23,42,0.14),0 4px 8px -2px rgba(15,23,42,0.06);--shadow-xl:0 24px 48px -12px rgba(15,23,42,0.18);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px}:root[data-theme=dark]{--bg:oklch(0.18 0.006 265);--bg-subtle:oklch(0.21 0.008 265);--bg-muted:oklch(0.24 0.009 265);--surface:oklch(0.22 0.008 265);--surface-hover:oklch(0.255 0.009 265);--border:oklch(0.30 0.01 265);--border-strong:oklch(0.38 0.012 265);--border-subtle:oklch(0.26 0.009 265);--fg:oklch(0.97 0.004 95);--fg-muted:oklch(0.78 0.006 95);--fg-subtle:oklch(0.62 0.006 95);--fg-faint:oklch(0.48 0.005 95);--primary:#60a5fa;--primary-hover:#93c5fd;--primary-soft:rgba(59,130,246,0.14);--primary-border:rgba(59,130,246,0.35);--primary-fg:#bfdbfe;--amber:#fbbf24;--amber-soft:rgba(245,158,11,0.12);--amber-border:rgba(245,158,11,0.35);--amber-fg:#fcd34d;--red:#f87171;--red-soft:rgba(239,68,68,0.12);--red-border:rgba(239,68,68,0.35);--red-fg:#fca5a5;--green:#34d399;--green-soft:rgba(16,185,129,0.12);--green-border:rgba(16,185,129,0.35);--green-fg:#6ee7b7;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 1px 1px rgba(0,0,0,0.3);--shadow-md:0 4px 12px -2px rgba(0,0,0,0.45),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px -8px rgba(0,0,0,0.55),0 4px 8px -2px rgba(0,0,0,0.4);--shadow-xl:0 24px 48px -12px rgba(0,0,0,0.6)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}button{background:none;border:none;padding:0;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em}::selection{background:color-mix(in oklch,var(--primary) 22%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh;background:var(--bg)}.sidebar{border-right:1px solid var(--border);background:var(--bg-subtle);padding:14px 12px;display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.workspace-pill{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:background .12s}.workspace-pill:hover{background:var(--surface-hover)}.workspace-avatar{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;display:grid;place-items:center;font-weight:600;font-size:13px;letter-spacing:-.02em}.workspace-meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.workspace-name{font-size:13.5px;font-weight:550;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-sub{font-size:11.5px;color:var(--fg-subtle)}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-faint);padding:4px 10px 6px;font-weight:550}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;font-size:14px;color:var(--fg-muted);border-radius:var(--r-sm);cursor:pointer;transition:background .1s,color .1s;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--fg)}.nav-item.active{background:var(--surface);color:var(--fg);font-weight:550;box-shadow:var(--shadow-xs)}.nav-item .nav-icon{width:16px;height:16px;flex:0 0 16px;color:var(--fg-subtle)}.nav-item.active .nav-icon{color:var(--primary)}.nav-item .nav-badge{margin-left:auto;font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg-muted);color:var(--fg-subtle);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar-foot{margin-top:auto;padding:8px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#dc2626);color:white;display:grid;place-items:center;font-size:12px;font-weight:600}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);padding:0 24px;gap:16px;background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px)}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:8px;font-size:13.5px;color:var(--fg-muted);min-width:0}.crumbs .sep{color:var(--fg-faint)}.crumbs .crumb-current{color:var(--fg);font-weight:550}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.page{padding:28px 32px 64px;max-width:1440px;margin:0 auto;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.015em}.page-sub{color:var(--fg-muted);margin-top:4px}.btn,.page-sub{font-size:13.5px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);font-weight:500;color:var(--fg);transition:background .1s,border-color .1s,box-shadow .1s;white-space:nowrap;cursor:pointer}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{background:var(--bg-muted)}.btn svg{width:14px;height:14px}.btn-primary{border-color:var(--fg)}.btn-primary,:root[data-theme=dark] .btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:color-mix(in oklch,var(--fg) 88%,transparent);border-color:color-mix(in oklch,var(--fg) 88%,transparent)}.btn-blue{background:var(--primary);color:white;border-color:var(--primary)}.btn-blue:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-hover)}.btn-danger{color:var(--red-fg);border-color:var(--red-border);background:var(--red-soft)}.btn-sm{padding:4px 8px;font-size:12.5px}.btn-icon{padding:6px;width:30px;height:30px;justify-content:center}.input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:13.5px;color:var(--fg);transition:border-color .1s,box-shadow .1s}.input::placeholder{color:var(--fg-faint)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 18%,transparent)}.search{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:280px;color:var(--fg-subtle)}.search input{flex:1 1;background:transparent;border:none;outline:none;font-size:13.5px;color:var(--fg)}.card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card,.chip{background:var(--surface)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--fg-muted);white-space:nowrap;line-height:1.4}.chip-sm{font-size:11px;padding:2px 6px}.chip-filter{cursor:pointer;transition:background .1s,border-color .1s}.chip-filter:hover{background:var(--surface-hover)}.chip-filter.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.dot{width:6px;height:6px;border-radius:50%;background:var(--fg-faint);flex:0 0 6px}.dot-primary{background:var(--primary)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.dot-green{background:var(--green)}.status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:500;line-height:1.5}.status-draft{background:var(--bg-muted);color:var(--fg-muted)}.status-generating{background:var(--primary-soft);color:var(--primary-fg);border:1px solid var(--primary-border)}.status-ready{background:var(--green-soft);color:var(--green-fg);border:1px solid var(--green-border)}.status-published{background:var(--bg-muted);color:var(--fg);border:1px solid var(--border)}.status-blocked{background:var(--red-soft);color:var(--red-fg);border:1px solid var(--red-border)}.status-warning{background:var(--amber-soft);color:var(--amber-fg);border:1px solid var(--amber-border)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);text-align:left;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-size:13.5px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--bg-subtle);cursor:pointer}.progress{height:6px;border-radius:999px;background:var(--bg-muted);overflow:hidden;display:flex}.progress-seg{height:100%}.progress-planned{background:color-mix(in oklch,var(--primary) 28%,transparent)}.progress-generated{background:color-mix(in oklch,var(--primary) 60%,transparent)}.progress-published{background:var(--primary)}.pmark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:5px;color:white;font-size:10px;font-weight:700;letter-spacing:-.02em;position:relative;overflow:hidden}.pmark-wechat{background:var(--p-wechat)}.pmark-wechat:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1.8px solid rgba(255,255,255,.85);border-right-color:transparent}.pmark-zhihu{background:var(--p-zhihu)}.pmark-zhihu:after{content:"";position:absolute;left:5px;top:4px;width:10px;height:12px;background:linear-gradient(180deg,transparent 4px,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) 6px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.85) 2px,transparent 0)}.pmark-csdn{background:var(--p-csdn)}.pmark-csdn:after{content:"";position:absolute;inset:5px;border-radius:2px;border:1.8px solid rgba(255,255,255,.85);border-right-color:transparent}.pmark-baijia{background:var(--p-baijia)}.pmark-baijia:after{content:"";position:absolute;left:6px;top:4px;width:8px;height:12px;background:linear-gradient(180deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) 4px,transparent 0,transparent 6px,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) 12px);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,30% 40%,0 40%);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,30% 40%,0 40%)}.pmark-sm{width:16px;height:16px;border-radius:4px}.pmark-lg{width:32px;height:32px;border-radius:8px}.pchip{align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--fg);white-space:nowrap}.pchip,.stars{display:inline-flex}.stars{gap:1px;color:var(--amber);font-size:10px;letter-spacing:-1px}.stars .star-empty{color:var(--border-strong)}.score-pill{display:inline-flex;align-items:center;justify-content:center;width:44px;height:24px;border-radius:999px;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.score-good{background:var(--green-soft);color:var(--green-fg);border:1px solid var(--green-border)}.score-mid{background:var(--amber-soft);color:var(--amber-fg);border:1px solid var(--amber-border)}.score-bad{background:var(--red-soft);color:var(--red-fg);border:1px solid var(--red-border)}.kpi-card{padding:18px 20px}.kpi-label{font-size:12px;color:var(--fg-subtle);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:6px}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:10px}.delta-up{color:var(--green-fg)}.delta-down{color:var(--red-fg)}.empty{border:1px dashed var(--border-strong);border-radius:var(--r-xl);padding:56px 32px;text-align:center;background:var(--bg-subtle)}.empty-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.empty-title{font-size:16px;font-weight:600;margin-bottom:4px}.empty-sub{color:var(--fg-muted);font-size:13.5px;max-width:420px;margin:0 auto 20px}.sheet-backdrop{position:fixed;inset:0;background:color-mix(in oklch,var(--fg) 30%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;right:0;top:0;bottom:0;width:480px;background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:51;display:flex;flex-direction:column;animation:slidein .2s cubic-bezier(.22,.61,.36,1)}@keyframes slidein{0%{transform:translateX(24px);opacity:0}}.sheet-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sheet-body{flex:1 1;overflow-y:auto;padding:20px}.sheet-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-subtle)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label{font-size:13px;font-weight:550;color:var(--fg)}.field-help{font-size:12px;color:var(--fg-subtle)}.check{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;background:var(--surface);font-size:13.5px;transition:border-color .1s,background .1s}.check:hover{border-color:var(--border-strong)}.check.checked{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-fg)}.check-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex:none}.check.checked .check-box{background:var(--primary);border-color:var(--primary);color:white}.kbd{font-size:11px;padding:1px 5px;border:solid var(--border);border-width:1px 1px 2px;border-radius:4px;color:var(--fg-muted);background:var(--bg-subtle)}.kbd,.mono{font-family:var(--font-mono)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.faint{color:var(--fg-faint)}.row{align-items:center;gap:8px}.col,.row{display:flex}.col{flex-direction:column}.sp{flex:1 1}.hidden{display:none!important}.sep-v{width:1px;align-self:stretch;background:var(--border)}.shimmer{background:linear-gradient(90deg,var(--bg-muted) 0,var(--bg-subtle) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}