:root {--brand:#183153;--action:#007C91;--accent:#D98E32;--bg:#F7F9FB;--card:#FFFFFF;--text:#17212B;--muted:#627286;--border:#DCE3E9;--actionText:#FFFFFF;--good:#166C52;--goodBg:#E7F5EF;--bad:#A52F3D;--badBg:#FBECEE;--soft:#E9F3F4;--heroText:#FFFFFF}
@media(prefers-color-scheme:dark){:root{--brand:#7FA9D8;--action:#4FC3D7;--accent:#F0B35A;--bg:#0D1723;--card:#142231;--text:#F4F7FA;--muted:#B4C2D0;--border:#344557;--actionText:#0D1723;--good:#81E0B4;--goodBg:#15342B;--bad:#FF9AA4;--badBg:#40252A;--soft:#183341;--heroText:#FFFFFF}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.container{width:min(100%,520px);padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 36px);margin:0 auto}.brandbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-logo{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#FFF;background:#183153;font-weight:800;font-size:26px}.brand-copy{display:flex;flex:1;flex-direction:column;gap:2px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:12px;color:var(--muted)}.tag{padding:5px 9px;color:var(--action);background:var(--soft);border-radius:20px;font-size:11px;font-weight:700}.hero{background:#183153;color:var(--heroText);padding:24px 22px;border-radius:24px;margin-bottom:15px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c6d5e6;font-size:13px}.state-chip{border-radius:18px;padding:5px 11px;color:#E6EFF7;background:rgba(255,255,255,.16)}.state-chip.good{color:#CAFAE7;background:rgba(20,160,117,.28)}.state-chip.bad{color:#FFE2E6;background:rgba(201,55,68,.3)}h1{font-size:32px;line-height:1.21;letter-spacing:.2px;margin:24px 0 12px}.hero p{color:#d1deec;font-size:13px;line-height:1.7;margin:0}.hero-foot{border-top:1px solid #42617d;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;padding-top:15px}.hero-foot div{display:flex;flex-direction:column;gap:2px}.hero-foot span{font-size:12px;color:#c6d5e6}.hero-foot b{font-size:15px}.panel{background:var(--card);border:1px solid var(--border);border-radius:21px;padding:18px 17px;margin-bottom:14px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.section-heading h2{font-size:17px;margin:1px 0 3px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.step{width:37px;height:37px;display:grid;place-items:center;background:var(--soft);color:var(--action);font-size:16px;font-weight:800;border-radius:12px;flex-shrink:0}.checks{margin-bottom:14px}.checks>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--border);min-height:49px}.checks>div:last-child{border:0}.checks span,.offline span{color:var(--muted);font-size:13px}.checks b{font-size:13px;text-align:right}.primary,.secondary{width:100%;min-height:50px;border-radius:13px;font-weight:700;font-size:15px;cursor:pointer}.primary{color:var(--actionText);border:0;background:var(--action)}.secondary{color:var(--action);border:1px solid var(--border);background:var(--card)}button:disabled{opacity:.47;cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.message{padding:11px 13px;border-radius:12px;background:var(--soft);color:var(--text);font-size:12px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}.message.good{background:var(--goodBg);color:var(--good)}.message.bad{background:var(--badBg);color:var(--bad)}.timeline>div{border-bottom:1px solid var(--border);display:flex;gap:11px;align-items:center;min-height:54px}.timeline>div:last-child{border:0}.timeline i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;font-style:normal;background:var(--soft);color:var(--action)}.timeline span{flex:1;font-size:13px}.timeline em{font-size:12px;color:var(--muted);font-style:normal}.timeline .pass em{color:var(--good);font-weight:700}.timeline .fail em{color:var(--bad);font-weight:700}.actions{margin-top:15px;display:grid;gap:9px}.offline{border:1px solid var(--border);background:var(--bg);padding:13px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.offline div{display:flex;flex-direction:column;gap:3px}.offline strong{font-size:14px}.footnote{font-size:12px;color:var(--muted);line-height:1.7}.footer{margin-top:22px;font-size:12px;color:var(--muted)}.footer strong{color:var(--text)}.footer p{line-height:1.7}.footer>span{display:block;margin-top:15px;text-align:center;letter-spacing:.05em}