@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111215;--panel:#1b1c20;--line:#2a2b30;--text:#eeeef0;--muted:#878890;--orange:#ff9a3c;--green:#72c6a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC','Microsoft Yahei',sans-serif;font-size:13px}button,a,input,select,textarea{font:inherit}button,a{cursor:pointer}button{color:inherit}button{transition:.2s}button:hover{filter:brightness(1.15)}a{text-decoration:none;color:inherit}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:#17181c;border-right:1px solid var(--line);padding:31px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:900;letter-spacing:1px}.brandmark{font-size:38px;color:var(--orange)}.brand small{display:block;font-size:6px;color:#85858b;letter-spacing:1.2px;margin-top:4px}.orange{color:var(--orange)}.space-label{font-size:10px;color:#73747b;margin:45px 9px 16px}.space-label span{font-size:7px;margin-left:12px;background:#24252b;padding:3px 5px}.nav-item{display:flex;gap:13px;align-items:center;width:100%;padding:13px 15px;margin-bottom:7px;border:0;background:transparent;border-radius:7px;text-align:left;color:#a2a2aa}.nav-item.active{color:#ffac60;background:linear-gradient(90deg,#53322280,#2e252050);border:1px solid #75432866}.nav-icon{font-size:19px;width:22px}.nav-item .badge{margin-left:auto;background:#342c26;color:#f9ac62;font-size:10px;padding:2px 6px;border-radius:4px}.nav-section{font-size:10px;color:#666871;margin:26px 15px 13px}.side-bottom{margin-top:auto}.support{background:linear-gradient(120deg,#30241e,#222024);padding:16px;border:1px solid #483125;border-radius:9px}.support>span{font-size:23px;color:var(--orange);display:block;margin-bottom:8px}.support b{font-size:12px}.support p{font-size:10px;color:var(--muted)}.support button{background:transparent;border:0;color:var(--orange);padding:5px 0;font-size:11px}.admin-switch{width:100%;text-align:left;background:transparent;border:0;color:#9798a0;padding:21px 7px}.admin-switch span{float:right}.side-user{display:flex;gap:11px;align-items:center;padding-top:19px;border-top:1px solid var(--line)}.avatar{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:35px;height:35px;background:linear-gradient(140deg,#f6b85d,#a74f2d);font-weight:800;color:#5c2c16;border:2px solid #e0a263}.side-user b{font-size:11px}.side-user small{display:block;color:#777981;font-size:9px;margin-top:4px}.online-dot,.system i{height:6px;width:6px;border-radius:50%;background:var(--green);display:inline-block}.side-user .online-dot{margin-left:auto}.shell{margin-left:232px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:#141519}.crumb{color:#777981;font-size:11px}.slash{margin:0 15px;color:#4e5058}header b{font-size:11px;font-weight:500}.header-right{display:flex;gap:17px;align-items:center}.system{color:#a9abb0;font-size:10px}.system i{margin-right:6px}.icon-button{background:none;border:0;position:relative;font-size:22px;color:#a9abb0}.icon-button em{position:absolute;right:5px;top:3px;width:4px;height:4px;background:var(--orange);border-radius:50%}.header-divider{height:23px;border-right:1px solid var(--line)}.mini{width:27px;height:27px;font-size:11px}.profile-button{background:none;border:0;font-size:11px}.mobile-menu{display:none}main{max-width:1560px;margin:auto;padding:29px 36px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-heading h1{font-size:24px;margin:0 0 8px;letter-spacing:.5px}.page-heading p{margin:0;color:var(--muted);font-size:11px}.date{font-size:10px;color:#9c9ca4;border:1px solid var(--line);padding:9px 12px;border-radius:6px}.hero{position:relative;overflow:hidden;height:267px;border:1px solid #6b3926;border-radius:12px;background:#251d1b;margin-bottom:22px}.hero-copy{position:relative;z-index:2;padding:32px;max-width:65%;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2px;color:#ffbc77}.eyebrow:before{content:'✦';margin-right:9px}.hero h2{font-size:34px;line-height:1.4;letter-spacing:2px;margin:11px 0 9px;font-weight:900}.hero h2 span{color:#ffb061}.hero p{font-size:11px;color:#cfb6a7;margin-bottom:22px}.primary{background:linear-gradient(100deg,#ffb35e,#ff843d);border:1px solid #ffb36c;color:#40200e;border-radius:6px;padding:10px 18px;font-weight:700;font-size:11px;box-shadow:0 5px 20px #ed752021}.secondary{background:#ffffff07;border:1px solid #ffffff28;border-radius:6px;padding:10px 17px;color:#e4d3c6;font-size:11px;margin-left:10px}.hero-art{position:absolute;inset:0 0 0 28%;width:72%;height:100%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#261e1c 5%,#261e1cf0 25%,transparent 70%);pointer-events:none}.hero-bottom{position:absolute;right:20px;bottom:15px;z-index:2;font-size:8px;color:#fbd0a5;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:19px}.stat-top{display:flex;justify-content:space-between;color:#a2a3aa;font-size:11px}.stat-icon{color:#d1a67e;background:#302923;border-radius:5px;padding:4px 7px;margin-top:-4px}.stat strong{font-size:26px;display:block;letter-spacing:.5px;margin-top:9px}.stat strong small{font-size:11px;color:#8c8c96;font-weight:400;margin-left:4px}.stat-foot{margin-top:9px;font-size:9px;color:#82848c;display:flex;justify-content:space-between}.green{color:var(--green)}.progress{height:4px;background:#343039;border-radius:8px;margin-top:13px}.progress i{height:100%;display:block;background:linear-gradient(90deg,#ef8a3c,#ffc37c);border-radius:8px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;margin-bottom:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.panel h3{font-size:13px;margin:0}.panel h3 span{color:var(--orange);margin-right:8px}.subtle{font-size:9px;color:var(--muted)}.text-button{background:none;border:0;color:#a1a2aa;font-size:10px}.segmented{display:inline-flex;background:#141519;padding:3px;border-radius:5px;gap:3px}.segmented button{font-size:9px;padding:5px 11px;background:none;border:0;color:#80818a;border-radius:4px}.segmented button.selected{color:#e7be96;background:#393027}.chart-labels{display:flex;gap:22px;align-items:baseline;font-size:9px;color:#93949e;margin-bottom:10px}.chart-labels strong{font-size:23px;color:#ecebef;margin-left:8px}.legend{margin-left:auto}.legend i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin:0 5px 0 12px}.legend i:last-of-type{background:#7e727e}.chart{height:155px;display:flex}.axis{width:32px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#686a74;padding-bottom:12px}.chart svg{flex:1;min-width:0;overflow:visible}.xaxis{margin:10px 0 0 34px;display:flex;justify-content:space-between;color:#73757e;font-size:8px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{border:1px solid #303138;background:#212227;border-radius:7px;padding:15px 3px;text-align:center;font-size:10px}.quick span{display:block;font-size:22px;margin-bottom:9px;color:#f1ae68}.subscription{display:flex;align-items:center;justify-content:space-between;background:#2d261f;border:1px solid #59402a;border-radius:7px;padding:13px;margin-top:15px;font-size:10px;color:#e7be91}.subscription small{display:block;color:#ac947d;margin-top:6px;font-size:9px}.subscription button{background:#d397571c;color:#f6ba7a;border:1px solid #76522f;border-radius:4px;padding:6px 10px;font-size:9px}.table{width:100%;border-collapse:collapse;text-align:left}.table th{font-size:9px;color:#858791;font-weight:400;background:#222329;padding:11px}.table td{padding:13px 11px;border-bottom:1px solid #2b2c32;font-size:10px}.table tr:last-child td{border:0}.flag{font-size:17px;margin-right:9px}.node-name{font-weight:500}.node-name small{font-weight:400;font-size:8px;display:block;margin:4px 0 0 30px;color:#777a84}.tag{color:#d6a66c;background:#44321f;font-size:8px;border-radius:3px;padding:3px 5px;margin-left:8px}.status-pill{color:#85c9ac;font-size:8px;background:#23423366;padding:4px 7px;border-radius:4px}.load{display:flex;gap:7px;align-items:center;color:#91939d}.load i{height:3px;width:47px;background:#30343a;display:block}.load b{display:block;height:100%;background:#74bd9b}.notice{padding:13px 0;border-bottom:1px solid #2b2c32}.notice:last-child{border:0}.notice-top{display:flex;gap:8px;align-items:center;font-size:10px}.notice-type{font-size:8px;padding:3px 5px;background:#433022;color:#efb576;border-radius:3px}.notice p{font-size:9px;color:#81838e;line-height:1.9;margin:8px 0}.notice small{font-size:8px;color:#626570}.notice-callout{padding:12px;background:linear-gradient(120deg,#38281d,#28211d);border:1px solid #503824;border-radius:6px;margin-top:15px;font-size:10px;color:#e4b887}.notice-callout span{display:block;color:#ad9379;font-size:9px;margin-top:6px}footer{display:flex;justify-content:space-between;padding:5px 36px 25px;font-size:8px;color:#5e606a}footer i{font-style:normal;margin:0 9px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.plan{position:relative;padding:30px;border-radius:13px;background:var(--panel);border:1px solid var(--line)}.plan.featured{border-color:#db8647;background:linear-gradient(150deg,#3c2b20,#1b1c20 65%)}.plan h2{font-size:23px}.plan .price{font-size:42px;margin:20px 0}.plan .price small{font-size:12px;color:#aaa}.plan ul{padding:0;list-style:none;line-height:3;color:#b4b4bc;font-size:12px}.plan button{width:100%;margin-top:20px}.recommended{position:absolute;top:0;right:20px;background:#ffa451;color:#42250e;font-size:10px;padding:5px 10px;border-radius:0 0 7px 7px}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}input,select,textarea{background:#141519;border:1px solid #3a3b43;border-radius:5px;padding:10px 12px;color:#ddd;outline:none}input:focus,textarea:focus{border-color:var(--orange)}.toolbar input{flex:1}.empty{padding:50px;text-align:center;color:#9596a0}dialog{background:#1e1f24;color:var(--text);border:1px solid #58402f;border-radius:14px;width:440px;max-width:94vw;padding:28px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:21px;margin-top:0}dialog p{color:#aaa;line-height:1.9;font-size:12px}dialog label,.settings-form label{display:block;color:#aaa;font-size:11px;margin:15px 0 8px}dialog input,dialog textarea,dialog select,.settings-form input{width:100%}dialog .actions{display:flex;justify-content:flex-end;margin-top:24px;gap:10px}dialog .actions .secondary{margin:0}.settings-form{max-width:540px}.settings-form button{margin-top:24px}.form-note{color:#85858f;font-size:10px;line-height:2}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.download-card{text-align:center;padding:30px 15px}.download-card .os{font-size:40px;color:#f0b16f}.download-card p{font-size:10px;color:#92939c;line-height:2}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#34271d;border:1px solid #a76c38;color:#ffd3a3;padding:14px 24px;border-radius:8px;z-index:100;transition:.3s;font-size:12px}#toast.show{transform:translateX(-50%) translateY(0)}.banner{border:1px solid #56412c;background:#30271c;color:#c8a77f;padding:13px;border-radius:7px;font-size:11px;margin-bottom:20px}.faq details{padding:20px;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer}.faq p{color:#9697a1;font-size:12px;line-height:2}.admin-stat{font-size:30px;margin:15px 0}.admin-tabs{margin-bottom:22px}.admin-tabs button{font-size:12px}.table-wrap{overflow:auto}@media(min-width:1500px){.hero{height:300px}.hero h2{font-size:42px}.hero-copy{padding:38px}.chart{height:180px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 14px}.shell{margin-left:200px}main{padding:25px 22px}.grid-main{grid-template-columns:1fr}.hero-copy{max-width:80%}.stats{gap:9px}.stat{padding:15px}.system{display:none}.plans{gap:10px}.plan{padding:20px}}@media(max-width:720px){.sidebar{transform:translateX(-100%);width:232px;transition:.2s}.menu-open .sidebar{transform:translateX(0)}.shell{margin:0}header{padding:0 18px;height:62px}.mobile-menu{display:inline;background:none;border:0;margin-right:12px}.crumb,.slash,.profile-button,.header-divider{display:none}main{padding:22px 16px}.page-heading h1{font-size:21px}.date{display:none}.hero{height:290px}.hero-copy{max-width:100%;padding:25px}.hero h2{font-size:30px}.hero p{max-width:220px;line-height:1.9}.hero-art{left:5%;width:95%;opacity:.6}.hero:after{background:linear-gradient(90deg,#261e1cf0,transparent)}.hero-bottom{display:none}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:24px}.plans,.download-grid{grid-template-columns:1fr}.panel{padding:17px}.grid-main{gap:15px}.legend{display:none}.table th,.table td{white-space:nowrap}.table th:nth-child(3),.table td:nth-child(3){display:none}footer{padding:15px 16px;display:block;line-height:2}.page-heading p{font-size:10px}.header-right{gap:10px}.plan{padding:25px}.chart-labels{gap:15px}}
