:root{--navy:#11243e;--sidebar:#10243c;--accent:#147d86;--accent-dark:#0b616e;--text:#1e2f45;--muted:#7f90a5;--bg:#f5f7fb;--border:#e8edf2;--shadow:0 4px 22px rgba(18,41,67,.045)}*{box-sizing:border-box}body{margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{background:var(--sidebar);width:238px;flex:0 0 238px;min-height:100vh;padding:29px 15px;display:flex;flex-direction:column;color:#b8cbe0;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#fff;margin:1px 10px 42px}.brand strong{font-size:19px;letter-spacing:.1px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#7393b3;margin-top:-2px}.brand-mark{background:linear-gradient(135deg,#24b2b2,#24769f);color:white;font-size:25px;font-weight:900;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;box-shadow:0 6px 14px #0b17264d}.brand-mark.big{width:52px;height:52px;font-size:30px}.nav-label{font-size:11px;color:#5f7790;letter-spacing:1.1px;margin:19px 14px 9px}.navitem{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;font-size:13px;margin-bottom:3px;transition:background .15s}.navitem:hover{background:#1b3451;color:#fff}.navitem.sel{background:#1d4358;color:#efffff;border-left:3px solid #30c7c0;padding-left:9px}.navicon{width:22px;text-align:center;font-size:18px;color:#8bafc4}.sel .navicon{color:#4bdfcf}.side-foot{border-top:1px solid #263c56;margin-top:auto;padding:20px 10px 0;font-size:12px;color:#98b5cb}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29d3aa;margin-right:6px}.version{display:block;color:#56748f;margin-top:6px;font-size:11px}.content{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;flex-shrink:0}.breadcrumb{font-size:13px;color:#92a1b0}.breadcrumb span{padding:0 9px;color:#c6d0dc}.top-right{display:flex;align-items:center;gap:22px;font-size:12px}.pill{color:#208c75;background:#ebfaf4;padding:5px 11px;border-radius:25px}.top-user{font-weight:600}.text-btn{border:0;background:none;color:#71849a}.page{padding:35px 42px 45px;max-width:1750px;width:100%;margin:auto;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.eyebrow,.kicker{font-size:11px;letter-spacing:1.6px;font-weight:750;color:#0c9f9f}.page-head h1{font-size:26px;margin:3px 0 5px;color:#18324a;line-height:1.3;letter-spacing:-.4px}.page-head p{margin:0;color:#8c9aac;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:7px;padding:0 17px;font-size:12px;font-weight:650;border:1px solid transparent;white-space:nowrap}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{background:white;border-color:#dae5ee;color:#43647b}.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.btn.disabled{background:#e9eef2;color:#9aa9b6;cursor:not-allowed}.btn.full{width:100%}.inline{display:inline-flex;margin:0}.intro-banner{background:linear-gradient(105deg,#173753,#18566b 66%,#277e83);border-radius:13px;min-height:193px;color:#fff;padding:28px 35px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin-bottom:23px;box-shadow:var(--shadow)}.intro-banner h2{font-size:22px;margin:7px 0;letter-spacing:.2px}.intro-banner p{color:#c9dfe6;font-size:12px;line-height:1.85;margin:6px 0 13px}.banner-eyebrow{font-size:10px;letter-spacing:2px;color:#65d0c8}.banner-link{font-weight:bold;font-size:12px;color:#67ebd7}.banner-shape{align-self:flex-end;border:1px solid #a6ebef24;transform:rotate(-10deg);border-radius:29px;padding:12px 35px;font-size:62px;font-weight:900;color:#ffffff21;letter-spacing:-5px;white-space:nowrap}.banner-shape span{font-size:33px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px 22px;box-shadow:var(--shadow);min-height:124px}.stat>span{display:block;color:#7d8ea2;font-size:12px}.stat strong{display:block;color:#153a53;font-size:31px;margin-top:2px;letter-spacing:-1px}.stat small{font-size:11px;color:#a5b2bf}.card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);margin-bottom:21px;min-width:0}.card-heading{padding:20px 23px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h3,.sidecard h3{font-size:15px;color:#223f55;margin:0;font-weight:760}.card-heading p{font-size:12px;color:#9aabba;margin:5px 0 0}.link,.strong-link{color:#167c86;font-weight:650;font-size:12px}.strong-link{font-size:13px;color:#1c3a56}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:11px;color:#8495a8;background:#fbfcfe;font-weight:650;border-bottom:1px solid #eaf0f6;padding:14px 20px}td{border-bottom:1px solid #f0f3f7;color:#486077;padding:15px 20px}tr:last-child td{border-bottom:none}td strong{color:#263d51}code{background:#f1f5f9;color:#446078;font-family:ui-monospace,Consolas,monospace;font-size:11px;padding:3px 5px;border-radius:4px}.badge{border-radius:100px;font-size:11px;font-weight:650;padding:5px 10px;display:inline-flex}.badge.waiting{background:#fff5e6;color:#b37b19}.badge.good{background:#e7f8f1;color:#168567}.badge.soft{background:#ebf4f7;color:#417a8c}.small-tag{background:#eff7f7;color:#277c83;border-radius:6px;padding:5px 9px;font-size:11px}.empty{text-align:center;color:#9cabbc;padding:34px 20px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 26px 30px}.milestones>div{display:flex;flex-direction:column;gap:5px}.milestones strong{font-size:12px;color:#486179}.milestones span{font-size:11px;color:#98a8b9}.circle{background:#edf3f7;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#64869a;font-size:12px;margin-bottom:4px}.circle.done{background:#e5f8f2;color:#24997d}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px}.stack{min-width:0}.sidecard{padding:24px}.sidecard>h3{margin-bottom:15px}.sidecard>p{font-size:12px;line-height:1.9}.muted{color:#8d9faf}.tiny{font-size:11px}.padded-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.field{display:block;font-size:12px;color:#536a7e;margin-bottom:16px}.field>span{display:block;font-weight:650;margin-bottom:7px}.field input,.field select,.field textarea,.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid #dce5ed;background:#fff;color:#2b4053;border-radius:7px;padding:10px 12px;outline:none;font-size:13px;min-height:40px}.field input:focus,.field textarea:focus,.form-stack input:focus{border-color:#32a6a8;box-shadow:0 0 0 3px #26a0a01a}.field textarea{resize:vertical}.section-divider{border-top:1px dashed #e0e8ee;margin:15px 0 22px;padding-top:18px;font-weight:700;color:#506a81}.form-actions{display:flex;align-items:center;gap:15px;margin-top:5px}.statusline{padding:5px 0 10px}.divider{border-bottom:1px solid #edf0f5;margin:20px 0}.small-list>div{margin:9px 0;color:#60758b;font-size:12px}.big-list>div{margin:15px 0;font-size:13px}.sidecard h4{margin:0;color:#344e62;font-size:13px}.form-stack{display:flex;flex-direction:column;gap:14px;margin-top:12px}.form-stack label{font-size:12px;font-weight:650;color:#546b7e}.form-stack input,.form-stack select{margin-top:6px}.steps{padding-left:20px;font-size:12px;color:#5c7185}.steps li{padding:5px 0}.notice{margin-top:15px;background:#f0f7fa;color:#587184;border-left:3px solid #6eafbd;padding:12px 13px;font-size:11px;line-height:1.8;border-radius:0 6px 6px 0}.notice.narrow{max-width:500px;margin:24px auto}.field-note{font-size:11px;color:#9babbb;margin-top:-7px}.domain-actions{padding:0 24px 24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dns-result{width:100%;padding:12px;border-radius:7px;font-size:12px}.dns-result.pass{background:#e8f7f2;color:#19745e}.dns-result.warn{background:#fff7eb;color:#9a753b}.alert{border-radius:8px;padding:12px 17px;margin-bottom:22px;background:#e6f9f2;border:1px solid #cef0e0;color:#26745b;font-size:12px}.alert.err{color:#af514d;background:#fff1ef;border-color:#f9d7d2}.illustrated{text-align:center;min-height:480px;padding:60px 25px}.center-icon{font-size:48px;color:#48a8a5;line-height:1;margin-bottom:21px}.illustrated h2{color:#23465c}.illustrated>p{color:#8599ac;font-size:13px;max-width:560px;margin:0 auto 22px;line-height:1.9}.mini-tags{display:flex;justify-content:center;gap:12px;margin-bottom:25px;flex-wrap:wrap}.mini-tags span{padding:8px 12px;border-radius:30px;background:#f1f6f8;color:#668098;font-size:11px}.illustrated .btn{margin:0 6px}.copyright{margin:0 42px 15px;color:#a0adba;font-size:11px}.login-body{min-height:100vh;background:#edf2f7;display:flex;align-items:center;justify-content:center;padding:25px}.login-wrap{display:grid;grid-template-columns:1.1fr .9fr;max-width:960px;width:100%;min-height:560px;box-shadow:0 20px 60px #24405722;border-radius:18px;overflow:hidden}.login-brand{background:linear-gradient(125deg,#112e4b,#176875);color:#fff;padding:72px 55px}.login-brand h1{font-size:34px;line-height:1.35;margin:30px 0 18px}.login-brand>p{color:#a4ccdc;font-size:13px;line-height:2}.kicker.light{color:#75ddcb;margin-top:28px}.login-points{display:flex;gap:10px;margin-top:60px;flex-wrap:wrap}.login-points span{font-size:11px;color:#c0e1e4;border:1px solid #ffffff44;border-radius:30px;padding:7px 11px}.login-panel{background:#fff;padding:84px 56px}.mini-heading{font-size:11px;color:#168b8d;letter-spacing:2px;font-weight:bold}.login-panel h2{font-size:27px;color:#1c3d56;margin:11px 0 3px}.login-panel>.muted{font-size:12px;margin-bottom:30px}.login-panel .form-stack{gap:22px}.login-panel label{font-size:12px}.login-panel input{min-height:45px}.login-panel .btn{min-height:46px}.footer-hint{font-size:11px;color:#a8b6c4;margin-top:33px;line-height:1.9}@media(max-width:1180px){.sidebar{width:208px;flex-basis:208px}.page{padding:28px}.topbar{padding:0 28px}.stats{grid-template-columns:repeat(2,1fr)}.milestones{grid-template-columns:repeat(2,1fr)}.banner-shape{display:none}}@media(max-width:840px){.sidebar{width:68px;flex-basis:68px;padding:22px 8px}.brand{margin:0 auto 35px}.brand>div:nth-child(2),.nav-label,.navitem>span:not(.navicon),.side-foot{display:none}.navitem{justify-content:center;padding:0}.navitem.sel{padding-left:0;border:0}.topbar{padding:0 18px}.page{padding:25px 18px}.two-col{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:55px 35px}.copyright{margin:0 18px 18px}}@media(max-width:580px){.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:26px}.form-grid{grid-template-columns:1fr}.milestones{grid-template-columns:1fr 1fr}.top-right .pill{display:none}}