:root{color-scheme:dark;--bg:#0b1220;--panel:#141e30;--line:#29364b;--muted:#a5b2c7;--accent:#56e0c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef3fc;font:16px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 17px;color:inherit;background:#223149}button.primary{background:var(--accent);color:#052c25;border:0;font-weight:700}button.danger{color:#ff9b9b}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent)}input,textarea,select{width:100%;background:#0d1727;color:#eef3fc;border:1px solid #42526c;border-radius:8px;padding:12px}label{display:block;margin:15px 0;font-size:14px;color:var(--muted)}label input,label select,label textarea{margin-top:7px}h1{font-size:32px;line-height:1.3;margin:8px 0 16px}h2{font-size:22px;margin:0 0 16px}h3{font-size:19px}p{color:var(--muted)}small{font-size:14px;color:var(--muted)}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{padding:30px 22px;border-right:1px solid var(--line);background:#101a2b}.brand{font-size:23px;font-weight:800;letter-spacing:1px}.brand b{color:var(--accent)}.side nav{margin-top:40px;display:grid;gap:9px}.side nav button{text-align:left;background:transparent}.side nav button.active{background:#203b40;color:var(--accent);border-color:#32615d}.main{padding:30px 5%;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.eyebrow{color:var(--accent);font-size:14px;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:20px}.metric{font-size:32px;font-weight:750;letter-spacing:-1px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted)}.badge{font-size:14px;border:1px solid #49615a;border-radius:20px;padding:3px 10px;color:var(--accent)}.warn{color:#ffcf83}.notice{padding:15px 20px;border-left:3px solid var(--accent);background:#132e32;margin:20px 0;white-space:pre-wrap}.progress{width:100%;height:9px;accent-color:var(--accent)}.auth{max-width:450px;margin:8vh auto;padding:25px}.auth .card{margin-top:30px}.auth h1{font-size:36px}.auth button.primary{width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);white-space:nowrap}td button{padding:5px 9px;font-size:14px}.empty{padding:30px;text-align:center;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}.price{font-size:35px;font-weight:750}.plan{display:flex;flex-direction:column}.plan button{margin-top:auto}.code{word-break:break-all;font-family:monospace;background:#0d1727;padding:15px;border-radius:8px}.foot{font-size:14px;margin:30px 0;color:var(--muted)}dialog{background:var(--panel);color:#eef3fc;border:1px solid var(--line);border-radius:18px;padding:28px;width:min(640px,92vw);max-height:88vh}dialog::backdrop{background:#000b}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#264a48;padding:14px 25px;border-radius:10px;z-index:99;display:none;max-width:90vw}pre{white-space:pre-wrap;word-break:break-all}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:850px){.shell{display:block}.side{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.side nav{display:flex;margin-top:16px;overflow:auto}.side nav button{white-space:nowrap}.main{padding:25px 18px}.grid{grid-template-columns:1fr}.top{align-items:flex-start}.fields{grid-template-columns:1fr}.metric{font-size:28px}.auth{margin:3vh auto}}
.qr{display:block;width:220px;max-width:100%;height:auto;margin:15px 0;border-radius:10px;background:white;padding:10px}

/* User console: compact dark layout */
:root{--bg:#1c202b;--panel:#202430;--line:#2d3240;--muted:#b4b8c3;--accent:#2460ff}body{font-size:14px;color:#e5e7ec}.shell{grid-template-columns:230px 1fr}.side{background:#1e2432;padding:20px 12px}.brand{font-size:19px;letter-spacing:0}.brand b{color:#e5e7ec}.side nav{gap:8px;margin-top:38px}.side nav button{border:0;border-radius:7px;color:#b6bdcb;padding:10px 14px}.side nav button.active{background:#2a3042;color:#eef1f8}.main{max-width:none;margin:0;padding:0 32px 24px}.top{min-height:64px;padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.top h1{font-size:18px;margin:0}.top .eyebrow{display:none}.top p{display:inline;margin-left:12px}.top button{padding:5px 10px}.card{border-radius:6px;padding:20px}.grid{gap:20px}h1{font-size:30px}h2{font-size:20px}h3{font-size:14px}.plans-heading{margin:0 0 8px}.purchase-notice{background:#4a3728;border-radius:6px;padding:10px 16px;margin-bottom:16px;color:#eadbce}.purchase-guide p{margin:20px 0}.plan{min-height:480px}.plan h2{margin-bottom:28px}.plan-details h3{margin:14px 0 0;color:#c1c5cf}.plan-details p{margin:3px 0}.feature-check{display:inline-block;border:1px solid #29985a;border-radius:50%;color:#48bb79;width:18px;height:18px;text-align:center;line-height:16px;margin-right:5px}.plan-bottom{margin-top:auto;padding-top:26px}.plan-bottom button{margin:0}.price{color:#ffad00;font-size:24px}.primary,button.primary{background:#1958ff;color:white;font-weight:500;border-radius:5px}button{border-radius:5px}.badge{color:#55bf86}.notice{background:#263146;border-color:#4d7dff}.eyebrow{color:#89a7ff}.foot{color:#8390a5}@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-guide{grid-column:1/-1}}@media(max-width:850px){.main{padding:0 18px 24px}.side{padding:16px}.top{flex-wrap:wrap}.plans-grid{grid-template-columns:1fr}.plan{min-height:420px}}
:root{--bg:#1c202b;--panel:#202430;--line:#2d3240;--muted:#a8afbf;--accent:#2864ff}.main{padding:0}.page-content{padding:16px 26px 26px}.top{padding:0 26px;height:62px;margin:0;background:#1e2432;position:sticky;top:0;z-index:10}.top h1{font-size:17px}.top-actions{gap:13px}.top-email{max-width:190px;overflow:hidden;text-overflow:ellipsis}.brand{height:42px;display:flex;align-items:center;gap:7px;white-space:nowrap}.brand small{font-size:9px;color:#708099;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:white;border-radius:8px;background:#2864ff;font-size:17px}.side{position:sticky;top:0;height:100vh;padding:10px 12px;display:flex;flex-direction:column}.side nav{margin-top:8px;gap:4px;overflow:auto}.nav-group{color:#70849f;font-size:12px;margin:16px 8px 6px}.side nav button{display:flex;align-items:center;gap:11px;padding:9px 11px;font-size:13px}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.side nav .icon{color:#738bac}.side nav button.active .icon{color:#95acda}.side-status{margin-top:auto;padding:15px 8px;font-size:11px;color:#7e8fa7}.status-dot{display:inline-block;width:6px;height:6px;background:#52b788;border-radius:50%;margin-right:6px}.icon-button{border:0;background:transparent;color:#9ca9be;padding:6px;display:grid;place-items:center}.avatar{width:34px;height:34px;border:1.5px solid #d8b47a;border-radius:50%;display:grid;place-items:center;font-size:17px;background:#293149}.quiet{background:transparent;border:0;color:#aab5c7;padding:5px}.hero{position:relative;overflow:hidden;border:1px solid #2e3b57;min-height:242px;background:radial-gradient(ellipse at 80% 40%,#273d66,transparent 50%),linear-gradient(110deg,#131b2d,#142138 60%,#10182b);border-radius:8px;margin-bottom:18px;display:flex;align-items:center}.hero-copy{padding:34px;position:relative;z-index:2}.hero-copy h2{font-size:32px;margin:12px 0;font-weight:700;letter-spacing:1px}.hero-copy p{margin:8px 0 20px;color:#a6b5ce}.hero-kicker{font-size:10px;color:#829ed0;letter-spacing:4px}.hero-symbol{position:absolute;right:12%;top:24px;font-size:135px;font-weight:800;line-height:1.4;color:#abc6ff12;letter-spacing:-14px;transform:rotate(-8deg);user-select:none}.hero-symbol span{color:#abc6ff0c}.hero-orbit{position:absolute;right:0;top:-145px;width:560px;height:560px;border:1px solid #647bb522;border-radius:50%;transform:rotate(-25deg) scaleX(1.6)}.orbit-two{right:40px;top:-90px;width:460px;height:460px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.dashboard-grid h2{font-size:16px;margin-bottom:18px}.dashboard-grid h3{font-size:16px;margin:0}.dashboard-grid .card{margin-bottom:18px;padding:18px}.dashboard-grid .progress{height:8px;accent-color:#29bf70}.dashboard-grid .progress::-webkit-progress-bar{background:#383f4b;border-radius:4px}.dashboard-grid .progress::-webkit-progress-value{background:#29bf70;border-radius:4px}.dashboard-grid .progress::-moz-progress-bar{background:#29bf70;border-radius:4px}.dashboard-grid p{font-size:13px;margin:10px 0}.dashboard-grid small{font-size:11px}.stat-line{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:var(--muted);font-size:13px}.stat-line strong{color:#e2e5eb;text-align:right;font-weight:500}.link-button{border:0;padding:0 4px;background:none;color:#4982ff;font-size:12px}.downloads{display:flex;gap:25px;flex-wrap:wrap;margin:22px 0}.download-tile{padding:0;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;color:#889ab5}.download-tile span{display:grid;place-items:center;width:74px;height:74px;background:#2c3242;border:1px solid #363e50;border-radius:7px;color:#759fff}.download-tile svg{width:30px;height:30px}.download-tile:hover span{background:#343e54}.quick-links{display:grid;gap:14px}.quick-link{display:flex;justify-content:space-between;align-items:center;padding:20px 18px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:6px}.quick-link small{display:block;font-size:12px;margin-top:5px}.quick-link .icon{color:#2964ff;width:28px;height:28px}.node-card h2{font-size:17px;max-width:65%;margin:0 0 16px}.node-state{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}.node-state i{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #5f6b8130}.online{color:#62c85c}.offline{color:#e4ad62}.node-card .stat-line{padding:2px 0;font-size:12px}.section-title{border-left:4px solid #2864ff;padding-left:10px;margin:24px 0 15px;font-size:20px}.tutorial-hero{min-height:190px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-item{margin:0}.faq-item summary{cursor:pointer;color:#e3e7ee;font-weight:500}.faq-item p{font-size:13px}.faq-grid+.card{margin-top:20px}.narrow-form{max-width:420px}.switch{padding:0;width:40px;height:24px;border:0;border-radius:20px;background:#454b5c;position:relative}.switch::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:left .15s}.switch.on{background:#2864ff}.switch.on::after{left:19px}.setting-row{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;margin-bottom:15px}.button-link{color:white;background:#1958ff;padding:7px 15px;border-radius:5px;text-decoration:none;font-size:13px}.pre-line{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-thread{max-height:45vh;overflow:auto}.ticket-message{border:1px solid var(--line);background:#191f2c;border-radius:7px;padding:13px 16px;margin:12px 0}.ticket-message.admin,.ticket-message.ai{border-left:3px solid #4982ff}.ticket-message.knowledge{border-left:3px solid #4dbe84}.ticket-message small{font-size:11px}.ticket-message p{font-size:13px;color:#d5dbe7;margin:9px 0}.checkout-summary{background:#181e2c;border-radius:6px;padding:15px}.support-float{position:fixed;bottom:25px;right:25px;z-index:15;width:48px;height:48px;padding:0;border-radius:50%;background:#2864ff;color:white;box-shadow:0 5px 20px #0a122c88;display:grid;place-items:center}.support-float .icon{width:25px;height:25px}.badge{font-size:11px;border-radius:4px;background:#255e4033;border-color:#36876233;padding:3px 7px}.notice{font-size:12px;border:0;border-radius:5px;padding:12px 15px;background:#1c2e57;color:#b9cef7;margin:0 0 15px}.purchase-notice{font-size:12px}.purchase-guide h2{font-size:18px}.purchase-guide p{font-size:13px}.plan h2{font-size:19px}.plan-details p{font-size:13px}.plan-details h3{font-size:12px}.plan-bottom .price{font-size:23px}.plan-bottom button{font-size:12px;padding:7px 14px}table{font-size:13px}th{background:#2a2d35;color:#e0e2e7;font-weight:500}td{background:#22252d}td,th{padding:13px 14px}.table-wrap{border:1px solid var(--line);border-radius:5px}.empty{min-height:130px}.foot{font-size:11px}.mobile-only{display:none}.auth{width:430px;max-width:100%;margin:0;min-height:100vh;padding:75px 48px;background:#1a2233ee;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.auth .card{border:0;background:none;padding:0}.auth h1{font-size:29px}.auth .brand{margin-bottom:18px}.auth .eyebrow{font-size:10px}.auth p{font-size:13px}.auth small{font-size:12px}.auth .card p button{width:100%;background:transparent;border:0;color:#97a7c0}.auth input{background:#2a3143;padding:10px;font-size:14px}.auth label{font-size:12px}.auth button.primary{padding:9px}body:has(.auth){background:radial-gradient(ellipse at 78% 62%,#324c78,transparent 30%),radial-gradient(ellipse at 75% 100%,#2b4a59,#0c1220 65%)}body:has(.auth)::after{content:'YUSHEN / NETWORK';position:fixed;right:9%;top:45%;color:#abc8ee44;font-size:clamp(28px,4vw,65px);letter-spacing:8px}.light{color-scheme:light;--bg:#f3f5fa;--panel:#fff;--line:#e1e6ef;--muted:#62718a;color:#27364e}.light .side,.light .top{background:#fff}.light .side nav button{color:#62718a}.light .side nav button.active{background:#eaf0ff;color:#2864ff}.light .brand,.light .stat-line strong,.light .faq-item summary{color:#27364e}.light input,.light select,.light textarea{background:#f7f9fd;color:#27364e;border-color:#d3dcec}.light th{background:#edf1f8;color:#3d4b61}.light td{background:#fff}.light .ticket-message,.light .checkout-summary{background:#f1f4fa}.light .ticket-message p{color:#3e506b}.light .avatar{background:#f1f4fb}.light .download-tile span{background:#edf2ff}.light .notice{background:#e7efff;color:#315a9d}.light .purchase-notice{background:#fff1d8;color:#835d1d}.light button:not(.primary):not(.switch):not(.support-float){color:#526583}.light dialog{color:#27364e}.light .code{background:#edf1f8}.light .hero-copy h2{color:#e4ecff}@media(min-width:1800px){.page-content{max-width:1560px;margin:0 auto}}@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid>.card:first-child{grid-column:1/-1}.shell{grid-template-columns:210px 1fr}.hero-symbol{right:7%;font-size:110px}.top-email{display:none}}@media(max-width:850px){.shell{display:block}.side{position:relative;height:auto;border-bottom:1px solid var(--line);padding:10px 18px}.side nav{display:none}.side.mobile-open nav{display:grid;max-height:65vh}.side-status{display:none}.mobile-only{display:grid}.top{height:58px;padding:0 18px}.page-content{padding:16px}.hero{min-height:210px}.hero-copy{padding:25px}.hero-copy h2{font-size:25px}.hero-symbol{font-size:100px;right:-5%;top:30px}.dashboard-grid,.faq-grid{grid-template-columns:1fr}.dashboard-grid>.card:first-child{grid-column:auto}.downloads{gap:16px}.download-tile span{width:60px;height:60px}.top-actions{gap:8px}.auth{width:100%;padding:35px;min-height:100vh}.auth h1{font-size:30px}body:has(.auth)::after{display:none}.support-float{bottom:16px;right:16px}}