:root{--ink:#10211a;--muted:#6b7a72;--line:#dfe7e1;--canvas:#f2f5f1;--paper:#fff;--deep:#071810;--green:#1f7a4d;--lime:#b7f34a;--blue:#4f86f7;--danger:#b34135;--shadow:0 18px 60px rgba(13,37,25,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(31,122,77,.25);outline-offset:2px}[hidden]{display:none!important}
.eyebrow,.kicker{margin:0;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-mark{display:flex;align-items:flex-end;gap:6px;width:52px;height:48px}.brand-mark span{display:block;width:11px;border-radius:3px 3px 1px 1px;background:var(--lime)}.brand-mark span:nth-child(1){height:21px}.brand-mark span:nth-child(2){height:34px}.brand-mark span:nth-child(3){height:46px}.brand-mark.small{width:34px;height:32px;gap:4px}.brand-mark.small span{width:7px}.brand-mark.small span:nth-child(1){height:14px}.brand-mark.small span:nth-child(2){height:23px}.brand-mark.small span:nth-child(3){height:31px}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:var(--deep)}.auth-brand{padding:clamp(48px,8vw,120px);display:flex;flex-direction:column;justify-content:center;min-height:100vh;color:white;position:relative;overflow:hidden}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border:1px solid rgba(183,243,74,.15);border-radius:50%}.auth-brand:before{width:620px;height:620px;right:-240px;bottom:-260px}.auth-brand:after{width:380px;height:380px;right:-120px;bottom:-140px}.auth-brand .eyebrow{margin-top:38px;color:var(--lime)}.auth-brand h1{font-size:clamp(40px,5vw,76px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 28px;max-width:780px}.auth-copy{color:#aebdb5;line-height:1.8;max-width:620px;font-size:16px}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.auth-points span{border:1px solid #284236;border-radius:999px;padding:8px 13px;color:#d7e2dc;font-size:12px}.auth-card{background:#fff;min-height:100vh;padding:clamp(48px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:32px;margin:10px 0 28px;letter-spacing:-.03em}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;color:#4f5d56;font-size:13px;font-weight:700}.auth-card input,.filters input,.filters select{border:1px solid var(--line);border-radius:10px;background:#fafcf9;padding:12px 14px;color:var(--ink);min-width:0}.auth-card input{font-size:15px}.primary{border:0;border-radius:10px;background:var(--deep);color:white;padding:14px 18px;font-weight:800;margin-top:6px}.primary:hover{background:#123525}.form-note{font-size:13px;line-height:1.65;color:var(--muted);margin:-15px 0 22px}.message{min-height:24px;color:var(--danger);font-size:13px;margin:16px 0 0}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--deep);color:white;padding:30px 20px;display:flex;flex-direction:column;z-index:30}.logo-row{display:flex;align-items:center;gap:13px;padding:0 10px 30px;border-bottom:1px solid #1c3328}.logo-row strong,.logo-row small{display:block}.logo-row strong{font-size:17px}.logo-row small{color:#88a092;margin-top:3px;font-size:11px}.sidebar nav{display:grid;gap:8px;margin-top:28px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px;border-radius:9px;color:#91a59a;text-decoration:none;font-size:14px}.sidebar nav a i{font-style:normal;font-family:ui-monospace,monospace;font-size:10px;color:#577063}.sidebar nav a:hover,.sidebar nav a.active{background:#163628;color:white}.sidebar nav a.active i{color:var(--lime)}.sidebar-foot{margin-top:auto;border-top:1px solid #1c3328;padding:24px 10px 0;display:flex;gap:11px;align-items:center}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{font-size:12px}.sidebar-foot small{font-size:10px;color:#789084;margin-top:2px}.cloud-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,243,74,.1)}
.main-column{margin-left:230px}.topbar{height:96px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.breadcrumb{font-size:11px;color:#99a69f;margin:0 0 7px}.breadcrumb span{color:var(--green)}.topbar h1{font-size:20px;margin:0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:11px}.sync-pill{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding-right:18px;margin-right:3px}.sync-pill>span{width:8px;height:8px;border-radius:50%;background:#aab5af}.sync-pill>span.online{background:#50bd75;box-shadow:0 0 0 4px rgba(80,189,117,.12)}.sync-pill b,.sync-pill small{display:block}.sync-pill b{font-size:11px}.sync-pill small{font-size:10px;color:var(--muted);margin-top:2px}.icon-button,.user-button,.secondary,.page-button,.account-button{border:1px solid var(--line);background:white;border-radius:9px;color:var(--ink)}.icon-button{width:39px;height:39px;font-size:19px}.user-button{height:39px;padding:4px 12px 4px 5px;display:flex;gap:8px;align-items:center;font-size:12px}.user-button>span:first-child{width:29px;height:29px;border-radius:7px;background:var(--deep);color:var(--lime);display:grid;place-items:center;font-weight:800}.account-button{height:39px;padding:0 13px;font-size:11px;font-weight:800;color:var(--green)}.menu-button{display:none}
.content{padding:30px 34px 20px;max-width:1600px;margin:auto}.hero-panel{background:var(--deep);color:white;border-radius:16px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(183,243,74,.14);border-radius:50%;right:-160px;top:-230px}.hero-panel .eyebrow{color:var(--lime)}.hero-panel h2{font-size:clamp(25px,3vw,39px);line-height:1.28;margin:11px 0 12px;letter-spacing:-.035em}.hero-panel h2 em{font-style:normal;color:var(--lime)}.hero-panel>div>p:last-child{color:#93a99d;font-size:13px;margin:0}.hero-ring{width:150px;height:150px;position:relative;flex:0 0 auto;margin-right:36px;z-index:1}.hero-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hero-ring circle{fill:none;stroke-width:8}.ring-track{stroke:#173b2a}.ring-value{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:301.59;stroke-dashoffset:301.59;transition:stroke-dashoffset .8s ease}.hero-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.hero-ring strong{font-size:28px}.hero-ring span{font-size:10px;color:#8ea297;margin-top:3px}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.metric-card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;position:relative;min-width:0}.metric-card.lime{background:var(--lime);border-color:var(--lime)}.metric-icon{position:absolute;right:17px;top:17px;width:31px;height:31px;border:1px solid #dce5de;border-radius:8px;display:grid;place-items:center;color:var(--green);font-size:12px;font-weight:800}.metric-card.lime .metric-icon{border-color:rgba(7,24,16,.2);color:var(--deep)}.metric-card p{margin:0 0 14px;color:var(--muted);font-size:11px;font-weight:700}.metric-card.lime p,.metric-card.lime small{color:#375127}.metric-card strong{font-size:29px;letter-spacing:-.04em;display:block}.metric-card small{display:block;color:#84928a;font-size:10px;margin-top:7px}
.two-column{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 1px 0 rgba(7,24,16,.02)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf1ee}.panel-head h3{margin:5px 0 0;font-size:16px;letter-spacing:-.02em}.chart-wrap{height:280px;padding:20px}.chart-wrap canvas{width:100%;height:100%}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.legend .green:before{background:var(--green)}.legend .blue:before{background:var(--blue)}.platform-bars{padding:22px;display:grid;gap:19px}.bar-row header{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.bar-row header span{color:var(--muted)}.bar-track{height:7px;background:#edf1ee;border-radius:999px;overflow:hidden}.bar-value{height:100%;border-radius:999px;background:var(--green)}.bar-row:nth-child(2) .bar-value{background:#73a98b}.bar-row:nth-child(3) .bar-value{background:var(--lime)}
.articles-panel{margin-top:14px}.article-head{gap:20px}.filters{display:flex;gap:8px}.filters input{width:220px}.filters select{min-width:110px}.secondary{padding:0 16px;font-size:12px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;border-bottom:1px solid #edf1ee;padding:14px 20px;font-size:11px}th{color:#8b9891;font-size:10px;letter-spacing:.06em;background:#fbfcfb}td{color:#495850}.article-title{display:block;max-width:360px;color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-keyword{display:block;color:#8c9992;font-size:10px;margin-top:4px}.channel-tag,.status-tag,.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.channel-tag{background:#eef5f0;color:#337653}.status-tag.yes{background:#e4f5e9;color:#287643}.status-tag.no{background:#f5eee4;color:#9b6725}.status-tag.unknown{background:#eff1f0;color:#78847e}.external{color:var(--green);text-decoration:none;font-weight:800}.empty{text-align:center;color:#9ba7a1;padding:34px!important}.table-footer{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.table-footer>div{display:flex;align-items:center;gap:10px}.page-button{padding:7px 10px;font-size:10px}.page-button:disabled{opacity:.45;cursor:not-allowed}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.status-panel dl{padding:4px 22px 18px;margin:0;display:grid;grid-template-columns:1fr 1fr}.status-panel dl div{padding:15px 0;border-bottom:1px solid #edf1ee}.status-panel dl div:nth-last-child(-n+2){border-bottom:0}.status-panel dt{font-size:10px;color:#8b9891}.status-panel dd{font-size:12px;font-weight:800;margin:5px 0 0}.badge.neutral{background:#eff1f0;color:#77847d}.badge.online{background:#e4f5e9;color:#287643}.badge.stale{background:#f5eee4;color:#9b6725}.node-error{margin:0 22px 20px;padding:10px;border-radius:8px;background:#fff1ef;color:var(--danger);font-size:11px}.release-panel{padding-bottom:18px}.release-version{display:flex;align-items:baseline;justify-content:space-between;padding:26px 22px 16px}.release-version span{font-size:11px;color:var(--muted)}.release-version strong{font-size:22px;color:var(--green)}.release-panel>p{padding:0 22px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.page-foot{text-align:center;color:#9aa69f;font-size:10px;padding:30px 10px 12px}.no-permission{padding:50px;text-align:center;margin-top:18px}.no-permission h2{margin:10px 0}.no-permission>p:last-child{color:var(--muted);font-size:13px}
.accounts-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.3);color:var(--ink)}.accounts-dialog::backdrop{background:rgba(3,16,9,.62);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:6px 0 0;font-size:22px}.accounts-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:500px}.accounts-layout>section{padding:22px;border-right:1px solid var(--line)}.accounts-layout h3{font-size:13px;margin:0 0 16px}.account-list{display:grid;gap:9px;max-height:480px;overflow:auto}.account-row{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.account-row strong,.account-row small{display:block}.account-row strong{font-size:12px}.account-row small{font-size:10px;color:var(--muted);margin-top:4px}.account-row button{border:0;background:#edf5ef;color:var(--green);border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}.role-tag{display:inline-block;border-radius:999px;background:#eef2ef;color:#65746c;padding:3px 7px;margin-left:7px;font-size:8px}.role-tag.admin{background:#e3f3e8;color:var(--green)}.account-form{padding:22px;display:grid;align-content:start;gap:13px}.account-form>label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#536159}.account-form input:not([type=checkbox]),.account-form select{border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fafcf9;color:var(--ink)}.account-form label small{font-weight:400;color:#8a9790}.account-form fieldset{border:1px solid var(--line);border-radius:9px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-form legend{font-size:10px;font-weight:800;padding:0 5px}.account-form fieldset label,.enabled-field{font-size:10px!important;display:flex!important;align-items:center;gap:7px!important}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions button{margin:0;padding:10px 15px}.account-form .secondary{font-weight:700}.account-form .message{margin:0}.account-row.disabled{opacity:.55}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.metric-card:nth-child(n+4){grid-column:span 1}.two-column{grid-template-columns:1fr}.distribution-panel{min-height:260px}}
@media(max-width:780px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:48px 26px}.auth-brand h1{font-size:40px}.auth-card{min-height:auto;padding:48px 26px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.25)}.main-column{margin-left:0}.menu-button{display:block}.topbar{height:80px;padding:0 16px}.topbar>div:nth-child(2){display:none}.sync-pill{border:0;padding:0;margin:0}.sync-pill div{display:none}.user-button #user-name{display:none}.user-button{padding-right:5px}.account-button{display:none}.content{padding:16px}.hero-panel{padding:26px;align-items:flex-start}.hero-ring{width:100px;height:100px;margin:0}.hero-panel h2{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:17px}.metric-card strong{font-size:25px}.article-head{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-wrap:wrap}.filters input{width:100%}.filters select{flex:1}.system-grid{grid-template-columns:1fr}.accounts-layout{grid-template-columns:1fr}.accounts-layout>section{border-right:0;border-bottom:1px solid var(--line)}.accounts-dialog{max-height:calc(100vh - 16px)}}
@media(max-width:460px){.hero-panel{display:block}.hero-ring{margin:18px 0 0}.metric-grid{grid-template-columns:1fr 1fr}.metric-card p{padding-right:28px}.status-panel dl{grid-template-columns:1fr}.status-panel dl div:nth-last-child(2){border-bottom:1px solid #edf1ee}}