:root{--bg:#f4f7fb;--panel:#fff;--ink:#16233f;--muted:#78859a;--line:#e4eaf2;--violet:#6f5ce7;--cyan:#18b9c9;--green:#19ad8c;--amber:#e5a83b;--red:#e95f68;--nav:#11192c;--shadow:0 12px 35px rgba(27,48,85,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;background:#10172a}.login-copy{position:relative;overflow:hidden;padding:48px 64px;color:white;background:radial-gradient(circle at 70% 35%,rgba(96,74,220,.35),transparent 26%),linear-gradient(135deg,#10172a,#17264a)}.login-copy:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px}.brand{position:relative;display:flex;align-items:center;gap:14px}.brand-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#26d2df,#725be7);font-weight:900;box-shadow:0 12px 25px rgba(50,192,218,.25)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em}.brand small{margin-top:4px;color:#8fa1c3;font-size:9px;letter-spacing:.18em}.login-message{position:relative;max-width:650px;margin:22vh 0 0 7vw}.kicker,.eyebrow{color:#42d0dc;font-size:10px;font-weight:900;letter-spacing:.2em}.login-message h1{margin:22px 0;font-size:54px;line-height:1.18}.login-message h1 em,.hero-card h1 em{font-style:normal;background:linear-gradient(90deg,#28d0d8,#9c77ff);background-clip:text;color:transparent}.login-message p{max-width:570px;color:#a7b6d1;font-size:16px;line-height:1.9}.system-line{position:absolute;left:64px;bottom:45px;color:#8192b2;font:10px Consolas,monospace;letter-spacing:.12em}.system-line i{display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#23d4a8;box-shadow:0 0 15px #23d4a8}.login-panel{display:grid;place-items:center;padding:40px;background:#f7f9fc}.login-card{width:min(430px,100%);padding:45px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 28px 80px rgba(16,31,59,.14)}.login-card h2{margin:12px 0 8px;font-size:28px}.login-card>p{margin:0 0 30px;color:var(--muted);font-size:13px}.login-card label,.settings-card label,.preview-panel label{display:grid;gap:8px;margin:16px 0;color:#53617a;font-size:12px}.login-card input,.settings-card input,.settings-card select,.preview-panel input{height:48px;border:1px solid var(--line);border-radius:9px;padding:0 13px;color:var(--ink);background:#fafbfd;outline:none}.login-card input:focus,.settings-card input:focus,.preview-panel input:focus{border-color:#7763e7;box-shadow:0 0 0 3px rgba(111,92,231,.1)}.login-options{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.check{display:flex!important;grid-template:none!important;align-items:center;gap:8px!important;margin:0!important}.check input{width:16px;height:16px}.primary,.secondary,.ghost,.back,.chip,.link{border:0}.primary,.secondary{min-height:42px;padding:0 18px;border-radius:9px;font-weight:800}.primary{color:white;background:linear-gradient(100deg,#0ebcca,#735ce4);box-shadow:0 8px 20px rgba(86,81,213,.18)}.secondary{border:1px solid var(--line);color:#44536e;background:white}.wide{width:100%}.primary span{float:right}.link{padding:0;color:#5f64d5;background:transparent;font-size:12px}.secure{display:block;margin-top:20px;color:#96a2b5;text-align:center}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;padding:26px 17px;color:#d9e1f1;background:var(--nav);z-index:10}.brand.compact{padding:0 10px 30px}.nav-label{margin:22px 12px 10px;color:#66738e;font-size:9px;font-weight:900;letter-spacing:.2em}.sidebar nav{display:grid;gap:5px}.nav-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;width:100%;min-height:46px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#8e9ab1;text-align:left;background:transparent}.nav-item:hover{background:#19243b}.nav-item.active{border-color:#34415a;color:white;background:linear-gradient(90deg,#21324e,#24294b);box-shadow:inset 3px 0 #25c6d1}.nav-item b{font-size:13px}.nav-item em{min-width:20px;padding:3px 6px;border-radius:9px;color:#63d4dc;background:#203e50;font-size:9px;font-style:normal;text-align:center}.nav-item em.amber{color:#ffd27b;background:#423922}.sidebar-status{position:absolute;left:18px;right:18px;bottom:22px;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #283651;border-radius:10px;background:#151f34}.sidebar-status i{width:9px;height:9px;border-radius:50%;background:#20cba3;box-shadow:0 0 13px #20cba3}.sidebar-status b,.sidebar-status small{display:block}.sidebar-status b{font-size:10px}.sidebar-status small{margin-top:4px;color:#71809d;font-size:8px}main{margin-left:238px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;height:96px;padding:0 38px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}.topbar h2{margin:6px 0 0;font-size:23px}.top-actions{display:flex;align-items:center;gap:9px}.ghost{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:9px;color:#5c6980;background:white}.notice{position:relative}.notice i{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--red)}.avatar{display:grid;place-items:center;width:39px;height:39px;margin-left:12px;border-radius:10px;color:white;background:linear-gradient(145deg,#22c3cf,#715ce3);font-weight:800}.user b,.user small{display:block}.user b{font-size:11px}.user small{margin-top:3px;color:#8c98aa;font-size:9px}.page{display:none;padding:30px 38px 60px}.page.active{display:block}.hero-card{display:grid;grid-template-columns:1.25fr .75fr;min-height:300px;padding:38px 45px;border:1px solid #dfe4f0;border-radius:20px;background:radial-gradient(circle at 85% 50%,rgba(89,73,211,.12),transparent 23%),linear-gradient(135deg,#fff,#f5f8ff);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:900;letter-spacing:.08em}.pill.success{color:#118f76;background:#e3f8f1}.pill.violet{color:#6653d6;background:#ece9ff}.hero-card h1{margin:19px 0 12px;font-size:38px;line-height:1.25}.hero-card p{max-width:530px;color:var(--muted);font-size:13px;line-height:1.8}.hero-buttons{display:flex;gap:10px;margin-top:25px}.orbital{position:relative;min-height:210px}.ring,.core,.node{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.ring{border:1px solid rgba(91,91,210,.18)}.ring-a{width:230px;height:230px}.ring-b{width:160px;height:160px}.core{display:grid;place-items:center;width:110px;height:110px;color:white;background:linear-gradient(145deg,#2fc5d1,#725ce6);box-shadow:0 18px 40px rgba(77,89,203,.3);font-size:26px;font-weight:900}.core small{font-size:8px;letter-spacing:.1em}.node{width:12px;height:12px;background:#18c4ad;box-shadow:0 0 14px #18c4ad}.n1{margin:-80px 0 0 70px}.n2{margin:75px 0 0 -84px;background:#e9b33d;box-shadow:0 0 14px #e9b33d}.n3{margin:15px 0 0 115px;background:#795fe5;box-shadow:0 0 14px #795fe5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metrics article{padding:20px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:10px}.metrics b{display:block;margin:10px 0 7px;font-size:27px}.metrics b em{color:#a4adba;font-size:13px;font-style:normal}.metrics .version{font-size:19px}.metrics small.up{color:#119d84}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #edf0f5}.panel-head>div{display:flex;align-items:center;gap:10px}.panel-head span{color:#18aab6;font:10px Consolas}.panel-head h3{margin:0;font-size:14px}.panel-head select{border:1px solid var(--line);border-radius:7px;padding:6px;color:#667287;background:#fff;font-size:10px}.plugin-health{padding:4px 20px 14px}.plugin-health>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eff2f6}.icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-style:normal;font-weight:900}.icon.violet{color:#725ce2;background:#eeebff}.icon.cyan{color:#0aa9b7;background:#e3fafc}.icon.yellow{color:#b98519;background:#fff6d9}.icon.blue{color:#3e78d1;background:#eaf2ff}.plugin-health b,.plugin-health small{display:block}.plugin-health b{font-size:11px}.plugin-health small{margin-top:4px;color:#8a96a8;font-size:9px}.status{padding:5px 8px;border-radius:12px;font-size:8px;font-style:normal}.status.ok{color:#138b74;background:#e5f8f2}.status.pending,.status.beta{color:#a87514;background:#fff3d7}.status.muted{color:#7f8a9c;background:#edf0f4}.chart{position:relative;height:236px;padding:28px 20px 20px}.chart-grid{position:absolute;inset:28px 20px 40px;background:repeating-linear-gradient(to bottom,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 42px)}.chart svg{position:relative;width:100%;height:170px;overflow:visible}.line{fill:none;stroke:#6b59df;stroke-width:3}.area{fill:url(#none);fill:rgba(111,92,231,.09)}.days{display:flex;justify-content:space-between;color:#9aa4b3;font-size:8px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 25px}.page-heading h1{margin:6px 0 8px;font-size:29px}.page-heading p:last-child{margin:0;color:var(--muted);font-size:12px}.filterbar{display:flex;align-items:center;gap:9px;margin-bottom:17px}.search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:white}.search input{width:100%;border:0;outline:none}.chip{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:18px;color:#68768c;background:white;font-size:10px}.chip.active{border-color:#cfc8ff;color:#6956d6;background:#f0edff}.filterbar select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#657287;background:white}.plugin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plugin-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow);transition:.2s}.plugin-card:hover{transform:translateY(-2px);box-shadow:0 17px 40px rgba(27,48,85,.12)}.plugin-card header{display:flex;justify-content:space-between}.plugin-card h3{margin:18px 0 7px;font-size:16px}.plugin-card>p{min-height:42px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.plugin-meta{display:flex;justify-content:space-between;margin:20px 0 14px;padding-top:14px;border-top:1px solid #edf1f5;color:#8590a1;font-size:9px}.plugin-card footer{display:flex;justify-content:space-between;align-items:center}.toggle{position:relative;width:38px;height:21px;border-radius:12px;background:#ccd3de}.toggle.on{background:#34bea8}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:white;transition:.2s}.toggle.on:after{left:20px}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.back{color:#65738a;background:transparent}.editor-actions{display:flex;align-items:center;gap:9px}.saved{color:#159779;font-size:10px}.compact-heading{margin-bottom:17px}.editor-layout{display:grid;grid-template-columns:230px minmax(400px,1fr) 285px;gap:13px}.file-tree,.preview-panel{padding:12px}.tree-title{display:flex;justify-content:space-between;padding:8px 9px 15px;font-size:11px;font-weight:800}.tree-title button{border:0;color:#725ce4;background:transparent}.file-tree p{margin:16px 10px 8px;color:#9aa4b2;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.tree-item{width:100%;padding:9px 10px;border:0;border-radius:7px;color:#637087;text-align:left;background:transparent;font-size:10px}.tree-item:hover,.tree-item.active{color:#6250d2;background:#efedff}.code-panel{overflow:hidden}.code-head{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.code-head b,.code-head small{display:block}.code-head b{font-size:12px}.code-head small{margin-top:4px;color:#929dac;font-size:8px}.code-head>span{color:#7764dc;font-size:9px}.variables{display:flex;align-items:center;gap:6px;padding:10px 15px;border-bottom:1px solid var(--line);background:#f9fafc;font-size:8px}.variables code{padding:4px 6px;border-radius:5px;color:#6154be;background:#ece9ff}.code-panel textarea{display:block;width:100%;height:455px;resize:none;border:0;padding:19px;color:#33415a;background:#fcfdff;font:12px/1.8 Consolas,monospace;outline:none}.editor-foot{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--line);color:#98a1af;font-size:8px}.preview-panel label{margin:10px 6px}.preview-panel input{height:38px}.preview-box{margin:15px 6px;padding:17px;border:1px solid #ddd9fa;border-radius:10px;background:#faf9ff;font-size:10px;line-height:1.7}.preview-box>span{color:#725de1;font:8px Consolas}.preview-box mark{color:#5948ba;background:#e7e2ff}.preview-box ul{padding:0;list-style:none}.preview-box li.pass{color:#178d77}.release-banner{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border:1px solid #d8e9e5;border-radius:15px;background:linear-gradient(110deg,#fff,#ecfbf7);box-shadow:var(--shadow)}.release-banner h2{margin:12px 0 6px}.release-banner p{margin:0;color:var(--muted);font-size:11px}.release-score{text-align:center}.release-score b,.release-score small{display:block}.release-score b{color:#149c81;font-size:35px}.release-score small{color:#849185;font-size:9px}.release-grid{margin:15px 0}.channels,.checks{padding:8px 20px 18px}.channels>div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eff2f4}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.green{background:#20b897;box-shadow:0 0 10px #20b897}.dot.amber{background:#e9ad3b}.dot.violet-dot{background:#795ee6}.dot.red{background:#e85862}.channels b,.channels small{display:block}.channels b{font-size:11px}.channels small{margin-top:4px;color:#929cad;font-size:8px}.channels strong{font-size:9px}.checks p{margin:0;padding:10px 0;border-bottom:1px solid #eff2f4;font-size:10px}.checks i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;color:#168e77;background:#e4f8f1;font-style:normal}.checks .warn{color:#9e731c}.checks .warn i{color:#a27213;background:#fff2d5}.history{overflow:hidden}.history table,.client-table table{width:100%;border-collapse:collapse}.history th,.history td,.client-table th,.client-table td{padding:13px 18px;border-top:1px solid #edf1f4;text-align:left;font-size:9px}.history th,.client-table th{color:#929dac;font-size:8px;letter-spacing:.07em}.client-summary{display:flex;gap:12px;margin-bottom:16px}.client-summary article{display:flex;align-items:center;gap:12px;min-width:145px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.client-summary b,.client-summary small{display:block}.client-summary b{font-size:19px}.client-summary small{color:#8a95a5;font-size:9px}.client-table{overflow:hidden}.device{display:flex;align-items:center;gap:9px}.device-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#5c55c4;background:#eceaff}.timeline{padding:5px 24px}.log-row{display:grid;grid-template-columns:28px 145px 1fr 120px;gap:15px;align-items:start;padding:18px 0;border-bottom:1px solid #edf1f4}.log-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#5f52cd;background:#ece9ff;font-size:10px}.log-row time{color:#8995a7;font-size:9px}.log-row b,.log-row small{display:block}.log-row b{font-size:11px}.log-row small{margin-top:5px;color:#8995a7;font-size:9px}.log-row>span{color:#5e6c81;font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:25px}.settings-card h3{margin-top:0}.toggle-row{display:flex!important;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f4}.toggle-row b,.toggle-row small{display:block}.toggle-row small{margin-top:5px;color:#8a96a7;font-size:9px}.toggle-row input{width:42px!important;height:22px!important}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(12,21,39,.52);backdrop-filter:blur(5px)}.modal[hidden]{display:none}.modal-card{position:relative;width:390px;padding:35px;border-radius:18px;text-align:center;background:white;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-close{position:absolute;right:15px;top:12px;border:0;color:#9aa4b1;background:transparent;font-size:24px}.modal-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border-radius:50%;color:white;background:linear-gradient(145deg,#22c5ac,#37bea6);font-size:25px}.modal-card h2{margin:18px 0 8px}.modal-card p{margin:0 0 25px;color:var(--muted);font-size:12px;line-height:1.7}@media(max-width:1050px){.sidebar{width:190px}main{margin-left:190px}.editor-layout{grid-template-columns:200px 1fr}.preview-panel{display:none}.plugin-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-copy{display:none}.sidebar{width:70px;padding:20px 9px}.brand.compact div,.nav-label,.nav-item b,.nav-item em,.sidebar-status div{display:none}.nav-item{grid-template-columns:1fr;text-align:center}.sidebar-status{left:15px;right:15px;justify-content:center}main{margin-left:70px}.topbar,.page{padding-left:18px;padding-right:18px}.user{display:none}.hero-card{grid-template-columns:1fr}.orbital{display:none}.metrics,.grid-2,.plugin-grid,.settings-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.file-tree{display:none}.filterbar{flex-wrap:wrap}.history,.client-table{overflow:auto}}