:root{font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#14233b;background:#eef5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14% 4%,#fff 0,rgba(255,255,255,.25) 26%,transparent 42%),linear-gradient(145deg,#edf6ff,#f7f9fc 48%,#e9f0ff)}button{font:inherit}.shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:34px 0 28px}.brand{display:flex;align-items:center;gap:13px;margin-bottom:26px}.crest{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#1152a8,#1f76d4);color:#fff;font-family:serif;font-size:23px;box-shadow:0 10px 25px #1765bd3b}.brand p,.brand h1{margin:0}.brand p{font-size:12px;letter-spacing:.16em;color:#65738a}.brand h1{font-size:21px;letter-spacing:.04em}.security{margin-left:auto;font-size:12px;color:#357158;background:#e3f6ec;padding:7px 11px;border-radius:999px}.card{background:#ffffffe6;border:1px solid rgba(193,210,232,.76);border-radius:26px;box-shadow:0 22px 60px #1d44761a;padding:28px;margin-bottom:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notice{display:flex;gap:12px;align-items:flex-start;background:#fff8dd;border:1px solid #f2d98b;border-radius:18px;padding:15px 18px;margin-bottom:16px;color:#675321}.notice>span{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#e3aa18;box-shadow:0 0 0 5px #f9e9b5}.notice strong,.notice p{margin:0}.notice p{font-size:13px;margin-top:3px;color:#8a7340}.hero{text-align:center;padding:46px 48px}.network-icon{height:70px;width:94px;margin:0 auto 18px;position:relative}.network-icon i{position:absolute;left:50%;transform:translate(-50%);border:5px solid #2171ce;border-color:#2171ce transparent transparent;border-radius:50%}.network-icon i:nth-child(1){width:88px;height:88px;top:0}.network-icon i:nth-child(2){width:58px;height:58px;top:18px}.network-icon i:nth-child(3){width:19px;height:19px;top:46px;background:#2171ce;border:0}.eyebrow{font-size:11px;letter-spacing:.24em;color:#3b75b8}.hero h2{font-size:31px;margin:12px 0 10px}.lead{color:#637087;line-height:1.7;max-width:530px;margin:0 auto 25px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 auto 24px}.facts div,.metrics div{background:#f5f8fd;border:1px solid #e7edf6;border-radius:15px;padding:13px}.facts span,.metrics span{display:block;font-size:11px;color:#7b8799;margin-bottom:4px}.facts strong,.metrics strong{font-size:14px}.primary{width:100%;border:0;border-radius:15px;padding:16px 20px;background:linear-gradient(110deg,#1455aa,#2583dd);color:#fff;font-weight:650;cursor:pointer;box-shadow:0 12px 24px #176ac039}.primary b{float:right;font-size:18px}.hint{font-size:11px;color:#98a2b0;margin:14px 0 0}.loading{text-align:center;padding:80px}.spinner{width:32px;height:32px;border:3px solid #d9e8f8;border-top-color:#2171ce;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status{background:linear-gradient(140deg,#fffffff5,#f1f7fff5)}.status-head,.section-title,.logout-row{display:flex;align-items:center;justify-content:space-between}.status-head>div{display:flex;align-items:center;gap:9px}.dot{width:10px;height:10px;border-radius:50%;background:#e0a523}.dot.on{background:#20a163;box-shadow:0 0 0 5px #dff4e9}.pill{font-size:12px;background:#e8f1fc;color:#285d99;border-radius:999px;padding:7px 11px}.welcome p,.welcome h2{margin:0}.welcome{margin:30px 0 22px}.welcome p{color:#78869a}.welcome h2{font-size:30px;margin-top:3px}.countdown{display:flex;flex-direction:column;background:linear-gradient(120deg,#104d9c,#1f7bd1);color:#fff;padding:22px 24px;border-radius:20px}.countdown span{font-size:12px;opacity:.75}.countdown strong{font-size:42px;letter-spacing:.06em;margin:5px 0}.countdown small{opacity:.7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.actions .section-title p,.list-card .section-title p{font-size:17px;font-weight:700;margin:0}.section-title span{font-size:12px;color:#8995a5}.section-title>b{background:#edf4fc;padding:7px 11px;border-radius:10px;color:#2865a7}.renew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.renew-grid button{position:relative;border:1px solid #dfe8f3;background:#f7faff;border-radius:16px;padding:17px 8px;color:#27466c;cursor:pointer}.renew-grid b,.renew-grid span{display:block}.renew-grid b{font-size:23px}.renew-grid span{font-size:11px;margin-top:3px;color:#7a8798}.renew-grid .recommended{border-color:#3f82ce;background:#edf6ff}.renew-grid em{position:absolute;right:7px;top:6px;font-size:9px;font-style:normal;background:#2a75c8;color:#fff;border-radius:6px;padding:2px 5px}.logout-row{gap:10px}.logout-row button{flex:1;border:1px solid #dbe5f0;background:#fff;border-radius:13px;padding:13px;color:#556579;cursor:pointer}.logout-row .danger{color:#b44848;border-color:#f0d6d6;background:snow}button:disabled{opacity:.5;cursor:wait}.device{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f6}.device:last-child{border:0}.device-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf5ff;color:#2b6db6;font-size:20px}.device>div:nth-child(2){flex:1}.device strong,.device span{display:block}.device strong{font-size:14px}.device span{font-size:11px;color:#8b97a7;margin-top:4px}.device em{font-style:normal;font-size:11px;color:#7e8996}.device em.active{color:#168d58}.empty{text-align:center;color:#94a0ae;padding:30px}.error{background:#fff1f1;border:1px solid #f0c9c9;color:#a33e3e;padding:13px 16px;border-radius:14px}footer{display:flex;justify-content:space-between;padding:15px 5px;color:#8c98a8;font-size:11px}footer a{color:#3974b6;text-decoration:none}@media(max-width:600px){.shell{width:min(100% - 20px,760px);padding-top:18px}.brand{margin-bottom:16px}.security{display:none}.card{padding:20px;border-radius:21px}.hero{padding:36px 22px}.hero h2{font-size:25px}.facts,.metrics{grid-template-columns:1fr}.countdown strong{font-size:34px}.renew-grid{gap:7px}.renew-grid b{font-size:19px}.logout-row{flex-direction:column}.logout-row button{width:100%}footer{flex-direction:column;gap:7px;text-align:center}}