*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.login-page{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#0a1630;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.bg-layer{overflow:hidden;pointer-events:none}.bg-grid,.bg-layer{position:absolute;inset:0;z-index:0}.bg-grid{background-image:linear-gradient(rgba(95,168,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(95,168,255,.06) 1px,transparent 0);background-size:48px 48px}.glow1{width:640px;height:640px;background:radial-gradient(circle,rgba(47,123,255,.22),transparent 65%);top:-180px;left:-160px}.glow1,.glow2{position:absolute;border-radius:50%;z-index:0}.glow2{width:560px;height:560px;background:radial-gradient(circle,rgba(31,95,224,.18),transparent 65%);bottom:-200px;right:-120px}.layout{position:relative;z-index:2;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1280px;width:100%;margin:0 auto}.brand-side,.layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1}.brand-side{-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 32px}.brand-inner{width:100%;max-width:450px;margin:0 auto}.brand-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;margin-bottom:44px}.brand-head img{width:52px;height:52px;border-radius:13px;-webkit-box-shadow:0 0 28px rgba(95,168,255,.45);box-shadow:0 0 28px rgba(95,168,255,.45)}.brand-name{font-size:21px;font-weight:800;letter-spacing:2px}.brand-en{font-size:11px;color:rgba(168,190,224,.6);letter-spacing:3px;margin-top:3px}.mission{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;color:#e8c77a;font-weight:700;background:rgba(217,169,78,.12);border:1px solid rgba(232,199,122,.4);padding:11px 24px;border-radius:999px;margin-bottom:28px}.mission,.slogan{letter-spacing:3px}.slogan{font-size:50px;font-weight:900;line-height:1.3;background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#fff),color-stop(90%,#9cc9ff));background:linear-gradient(180deg,#fff 30%,#9cc9ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px}.sub-slogan{font-size:17px;color:rgba(207,224,248,.85);letter-spacing:2px;margin-bottom:8px}.sell-points{font-size:13px;color:rgba(168,190,224,.6);letter-spacing:2px;margin-bottom:48px}.uptime-hero{background:linear-gradient(135deg,rgba(217,169,78,.18),rgba(217,169,78,.04));border:1px solid rgba(232,199,122,.4);border-radius:20px;padding:26px 34px 22px;position:relative;overflow:hidden}.uptime-hero:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(247,231,190,.85)),to(transparent));background:linear-gradient(90deg,transparent,rgba(247,231,190,.85),transparent)}.uptime-nums{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}.uptime-part{display:contents}.uptime-num{font-size:64px;font-weight:900;line-height:1;background:-webkit-gradient(linear,left top,left bottom,from(#f7e7be),to(#d9a94e));background:linear-gradient(180deg,#f7e7be,#d9a94e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(217,169,78,.4);font-variant-numeric:tabular-nums}.uptime-unit{font-size:22px;font-weight:800;color:#e8c77a;margin-right:18px}.uptime-cap{text-align:center;margin-top:12px;font-size:13px;letter-spacing:4px;color:rgba(207,224,248,.75);font-weight:600}.uptime-cap b{color:#e8c77a}.uptime-live{position:absolute;top:16px;right:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:11px;color:#7fe3a8;letter-spacing:1px;font-weight:700}.uptime-live .pulse{width:7px;height:7px;border-radius:50%;background:#7fe3a8;-webkit-box-shadow:0 0 0 0 rgba(127,227,168,.7);box-shadow:0 0 0 0 rgba(127,227,168,.7);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(127,227,168,.7);box-shadow:0 0 0 0 rgba(127,227,168,.7)}70%{-webkit-box-shadow:0 0 0 9px rgba(127,227,168,0);box-shadow:0 0 0 9px rgba(127,227,168,0)}to{-webkit-box-shadow:0 0 0 0 rgba(127,227,168,0);box-shadow:0 0 0 0 rgba(127,227,168,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(127,227,168,.7);box-shadow:0 0 0 0 rgba(127,227,168,.7)}70%{-webkit-box-shadow:0 0 0 9px rgba(127,227,168,0);box-shadow:0 0 0 9px rgba(127,227,168,0)}to{-webkit-box-shadow:0 0 0 0 rgba(127,227,168,0);box-shadow:0 0 0 0 rgba(127,227,168,0)}}.login-side{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 32px}.card{width:100%;max-width:400px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(24,46,92,.72)),to(rgba(14,28,60,.62)));background:linear-gradient(180deg,rgba(24,46,92,.72),rgba(14,28,60,.62));border:1px solid rgba(143,208,255,.22);border-radius:22px;padding:44px 40px 34px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;-webkit-box-shadow:0 30px 80px rgba(4,12,32,.6),0 0 0 1px rgba(143,208,255,.12),0 0 70px rgba(47,123,255,.22);box-shadow:0 30px 80px rgba(4,12,32,.6),0 0 0 1px rgba(143,208,255,.12),0 0 70px rgba(47,123,255,.22)}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(191,224,255,.9)),to(transparent));background:linear-gradient(90deg,transparent,rgba(191,224,255,.9),transparent)}.card-title{font-size:26px;font-weight:800;letter-spacing:2px}.card-brand{display:none}.card-sub{font-size:12px;color:rgba(168,190,224,.65);letter-spacing:2px;margin-top:8px;margin-bottom:28px}.card-accent{width:44px;height:4px;border-radius:2px;background:-webkit-gradient(linear,left top,right top,from(#f7e7be),to(#d9a94e));background:linear-gradient(90deg,#f7e7be,#d9a94e);margin-top:12px}.field-label{font-size:13px;color:rgba(207,224,248,.8);letter-spacing:2px;margin-bottom:9px;font-weight:600}.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;background:rgba(10,22,48,.6);border:1px solid rgba(143,208,255,.22);border-radius:12px;padding:0 16px;height:50px;margin-bottom:20px;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.field:focus-within{border-color:#5fa8ff;-webkit-box-shadow:0 0 0 3px rgba(95,168,255,.18);box-shadow:0 0 0 3px rgba(95,168,255,.18)}.field svg{-webkit-box-flex:0;-ms-flex:none;flex:none;opacity:.6}.field input{-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px;letter-spacing:1px}.field input::-webkit-input-placeholder{color:rgba(120,145,185,.55)}.field input::-moz-placeholder{color:rgba(120,145,185,.55)}.field input:-ms-input-placeholder{color:rgba(120,145,185,.55)}.field input::-ms-input-placeholder{color:rgba(120,145,185,.55)}.field input::placeholder{color:rgba(120,145,185,.55)}.login-btn{width:100%;height:52px;border:none;border-radius:12px;background:linear-gradient(135deg,#4c8dff,#1f5fe0);color:#fff;font-size:17px;font-weight:800;letter-spacing:8px;cursor:pointer;-webkit-box-shadow:0 10px 34px rgba(47,123,255,.55),0 0 24px rgba(95,168,255,.35);box-shadow:0 10px 34px rgba(47,123,255,.55),0 0 24px rgba(95,168,255,.35);-webkit-transition:-webkit-transform .15s,-webkit-box-shadow .2s;transition:-webkit-transform .15s,-webkit-box-shadow .2s;transition:transform .15s,box-shadow .2s;transition:transform .15s,box-shadow .2s,-webkit-transform .15s,-webkit-box-shadow .2s}.login-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 14px 36px rgba(47,123,255,.5);box-shadow:0 14px 36px rgba(47,123,255,.5)}.login-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.register-row{text-align:center;margin-top:22px;font-size:13px;color:rgba(168,190,224,.7)}.register-row a{color:#8fd0ff;font-weight:700;text-decoration:none}.register-row a:hover{text-decoration:underline}.foot-slogan{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;z-index:3;padding:0 0 24px;text-align:center;font-size:12px;letter-spacing:2px;color:rgba(168,190,224,.6)}.foot-slogan b{color:#8fd0ff}@media (max-width:960px){.login-page{overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;min-height:100svh;padding:15px 0}.glow1,.glow2{width:300px;height:300px}.layout{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%}.login-side{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-ms-flex:0 0 auto;flex:0 0 auto;padding:calc(14px + env(safe-area-inset-top)) 22px 4px}.card,.login-side{-webkit-box-flex:0}.card{-ms-flex:none;flex:none;max-width:480px;padding:20px 22px 18px}.field{height:44px;margin-bottom:12px;padding:0 14px}.field input,.login-btn{font-size:16px}.login-btn{height:48px;letter-spacing:6px;-webkit-tap-highlight-color:transparent}.login-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}a{-webkit-tap-highlight-color:transparent}.card-brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(143,208,255,.16)}.card-brand img{width:36px;height:36px;border-radius:9px;-webkit-box-shadow:0 0 18px rgba(95,168,255,.45);box-shadow:0 0 18px rgba(95,168,255,.45)}.card-brand .cb-name{font-size:16px;font-weight:800;letter-spacing:2px}.card-brand .cb-en{font-size:9px;color:rgba(168,190,224,.6);letter-spacing:2px;margin-top:2px}.card-title{font-size:20px}.card-accent{width:38px;margin-top:9px}.card-sub{font-size:11px;margin-top:6px;margin-bottom:16px}.brand-side{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 22px 0}.brand-head{display:none}.brand-inner{max-width:480px}.mission{font-size:10px;letter-spacing:1.5px;padding:6px 13px;margin-bottom:10px}.slogan{font-size:22px;letter-spacing:2px;margin-bottom:6px}.slogan br{display:none}.sub-slogan{font-size:12px;margin-bottom:3px}.sell-points{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}.uptime-hero{padding:10px 16px 9px;border-radius:14px}.uptime-live{top:9px;right:12px;font-size:9px}.uptime-live .pulse{width:5px;height:5px}.uptime-num{font-size:28px}.uptime-unit{font-size:13px;margin-right:8px}.uptime-cap{margin-top:5px;font-size:10px;letter-spacing:1.5px}.foot-slogan{padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-size:10px}}@media (max-width:380px){.slogan{font-size:19px}.uptime-num{font-size:24px}.uptime-unit{font-size:12px;margin-right:6px}.field{height:42px}}