:root{color-scheme:dark;--bg:#07111f;--panel:#10233fdd;--line:#25486f;--text:#edf6ff;--muted:#9fb5cc;--cyan:#4dd7ff;--blue:#397cff;--good:#54d49a;--bad:#ff6e7b;--warn:#ffc45d;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% 0,#173c69 0,transparent 36rem),linear-gradient(145deg,#06101d,#0a1729 60%,#07111f)}
.shell{width:min(1040px,calc(100% - 32px));margin:auto;padding:54px 0 80px}.hero{margin-bottom:30px}.brand{color:var(--cyan);font-size:13px;letter-spacing:.28em;font-weight:800}.hero h1{font-size:clamp(34px,6vw,62px);margin:8px 0 10px;letter-spacing:-.04em}.hero p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7}
.panel{background:linear-gradient(155deg,#132b49e8,#0d1c32e8);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 60px #0005;backdrop-filter:blur(15px)}.connect-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.connect-panel p{margin:7px 0 0;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#718096;margin-right:9px;box-shadow:0 0 0 5px #71809622}.dot.online{background:var(--good);box-shadow:0 0 0 5px #54d49a22}
button{border:0;border-radius:11px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;transition:.18s transform,.18s opacity,.18s box-shadow}.primary{color:white;background:linear-gradient(120deg,var(--blue),#25b6e9);box-shadow:0 8px 28px #2f8fff44}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 34px #2f8fff66}button:disabled{opacity:.42;cursor:not-allowed}.wide{width:100%;margin-top:18px;padding:14px}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}h2{font-size:18px;margin:0 0 20px}.facts{margin:0}.facts div,.version-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #27425f}.facts div:last-child{border-bottom:0}.facts dt,.version-row span{color:var(--muted)}.facts dd{margin:0;text-align:right;overflow-wrap:anywhere}.update-card>p{color:var(--muted);line-height:1.65}.micro{font-size:12px;text-align:center;margin-bottom:0!important}
.progress-title{display:flex;justify-content:space-between}.track{height:9px;background:#07111f;border:1px solid #294867;border-radius:99px;overflow:hidden;margin:15px 0 22px}.bar{width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .2s}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 20px;margin:0;padding:0;counter-reset:item;list-style:none}.steps li{color:var(--muted);font-size:13px;padding-left:22px;position:relative}.steps li:before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border:2px solid #607b98;border-radius:50%}.steps li.active{color:var(--text)}.steps li.active:before{border-color:var(--cyan);box-shadow:0 0 12px var(--cyan)}.steps li.done{color:var(--good)}.steps li.done:before{border-color:var(--good);background:var(--good)}
.notice{border-radius:12px;padding:14px 16px;line-height:1.55;margin-bottom:18px}.warning{color:#ffe7b7;background:#6b481e66;border:1px solid #8c682e}.error{color:#ffd7da;background:#681f2a88;border:1px solid #9c3d49;margin:20px 0 0}.help{margin-top:18px}.help summary{cursor:pointer;font-weight:700}.help li{color:var(--muted);margin:10px 0;line-height:1.5}
@media(max-width:720px){.shell{width:min(100% - 20px,1040px);padding-top:30px}.connect-panel{align-items:stretch;flex-direction:column}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.connect-panel button{width:100%}.panel{padding:20px}}