/* 安装向导沿用白底与 #7456b8 紫色；响应式表单与错误区不使用浏览器 alert/confirm。 */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#252332;background:#faf9fc;font-synthesis:none;line-height:1.6;color-scheme:light}
*{box-sizing:border-box}body{margin:0}header,footer{max-width:1200px;margin:auto;padding:30px 38px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:21px;letter-spacing:-.5px}.logo{display:grid;place-items:center;background:#7456b8;color:white;width:34px;height:34px;border-radius:10px;font-weight:700}.badge{color:#7456b8;background:#eee9f7;font-size:12px;padding:3px 9px;border-radius:6px}.header-note,footer{font-size:12px;color:#797480}main{max-width:1124px;margin:38px auto 64px;display:grid;grid-template-columns:340px 1fr;gap:76px;padding:0 22px}aside{padding-top:18px}.eyebrow{color:#7456b8;letter-spacing:1.8px;font-size:11px;font-weight:700;margin:0 0 16px}h1{font-size:38px;line-height:1.4;letter-spacing:-1px;margin:0 0 18px}h2{font-size:26px;letter-spacing:-.5px;margin:0 0 12px}.intro,.description{color:#74707d;font-size:14px;margin:0 0 30px}.intro{max-width:310px}ol{list-style:none;margin:40px 0;padding:0;display:grid;gap:24px}li{display:flex;gap:15px;align-items:center;color:#89858f;font-size:14px}li>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e0dce8;border-radius:50%;font-size:12px}li small{display:block;font-size:12px;color:#89858f}li[aria-current=step]{color:#4b326f;font-weight:600}li[aria-current=step]>span{background:#7456b8;color:#fff;border-color:#7456b8}.safe-note{border-top:1px solid #e7e3ed;padding-top:23px;font-size:13px;color:#655c75}.safe-note small{display:block;font-size:12px;color:#89858f;margin-top:6px}.panel{padding:38px;background:white;border:1px solid #e8e4ee;border-radius:16px;box-shadow:0 8px 30px #2a124204;min-width:0}.check{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #f0edf5;font-size:14px}.check strong{font-size:13px;font-weight:500;color:#7456b8}.info{border:1px solid #eae4f3;background:#f8f6fc;padding:18px 20px;margin-top:27px;border-radius:10px;font-size:13px;color:#61596d}.info strong{color:#4e4161}.info p{margin:8px 0}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}button,.button{font:inherit;font-size:14px;background:#7456b8;color:#fff;border:1px solid #7456b8;padding:10px 17px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#63469f}.secondary{background:#fff;border-color:#e4dfea;color:#51465f}.secondary:hover{background:#f6f3fa}button:disabled{opacity:.5;cursor:wait}label{display:block;font-size:13px;font-weight:550;color:#403749;margin:17px 0 0}input:not([type=checkbox]){font:inherit;font-size:14px;font-weight:400;background:white;width:100%;border:1px solid #ddd7e6;border-radius:7px;color:#292034;padding:10px 12px;margin-top:6px;outline:none;min-width:0}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7456b833;outline-offset:2px;border-color:#7456b8}input::placeholder{color:#a39aa9}.row{display:flex;gap:16px}.row label{flex:1;min-width:0}.row label.port{max-width:115px}.checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:21px;cursor:pointer}.checkbox input{accent-color:#7456b8;margin:5px 0 0;flex-shrink:0}.hint{font-size:12px;color:#82758e;line-height:1.7;margin:8px 0}.optional{font-weight:400;color:#a196aa;margin-left:6px}.notice{border:1px solid #f0cccc;background:#fff7f7;color:#a23c48;border-radius:8px;padding:13px 16px;margin-bottom:22px;font-size:13px;overflow-wrap:anywhere}.warning{color:#8b591c}.success-icon{width:52px;height:52px;background:#efe9f9;color:#7456b8;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:26px}code{display:block;background:white;padding:12px;border:1px solid #e4dfea;border-radius:6px;margin:14px 0;color:#493369;overflow-wrap:anywhere}footer{border-top:1px solid #eeeaf4}[hidden]{display:none!important}
@media(max-width:900px){main{grid-template-columns:240px 1fr;gap:30px}h1{font-size:30px}.panel{padding:28px}}
@media(max-width:650px){header,footer{padding:20px}.header-note,footer span{display:none}main{display:block;margin:10px auto 28px;padding:0 16px}aside{padding:5px 4px 22px}h1{font-size:27px}h1 br,.intro,.safe-note,aside>.eyebrow,li small{display:none}ol{display:flex;gap:15px;justify-content:space-between;margin:20px 0 0}li{gap:8px;font-size:12px}li>span{width:26px;height:26px}.panel{padding:24px 20px}.row{flex-wrap:wrap;gap:10px}.row label{flex-basis:45%}.actions{gap:8px}button,.button{font-size:13px}h2{font-size:23px}}
