body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#dce8ff,#e4eeff,#e6cbfd);min-height:100vh}#app{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:0}.card{width:100%;max-width:480px;min-height:100vh;background:#fff;border-radius:0;box-shadow:none;padding:28px 20px 32px}.title{margin:0 0 8px;font-size:26px;color:#2a345e}.desc{margin:0 0 20px;color:#6b748f;line-height:1.6;font-size:14px}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn,.submit-btn,.captcha-btn{border:none;border-radius:10px;cursor:pointer}.tab-btn{flex:1;padding:10px 14px;background:#eef2ff;color:#50608f}.tab-btn.active,.submit-btn{background:linear-gradient(135deg,#6b8cff,#a966ff);color:#fff}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:#39456a;font-size:14px}.field input,.field select{width:100%;box-sizing:border-box;padding:14px;border:1px solid #d9e1f8;border-radius:12px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{padding-right:42px;color:#39456a;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6b748f 50%),linear-gradient(135deg,#6b748f 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field select:disabled{color:#98a1b8;background-color:#f4f6fb;cursor:not-allowed}.field-hint,.field-error{margin:6px 0 0;font-size:12px;line-height:1.5}.field-hint{color:#7c86a3}.field-error{color:#d84b4b}.retry-btn{margin-top:8px;padding:8px 12px;border:none;border-radius:9px;background:#eef2ff;color:#50608f;cursor:pointer}.inline-field{display:grid;grid-template-columns:1fr 120px;gap:10px}.captcha-btn{background:#eef2ff;color:#50608f;font-size:14px}.captcha-image{width:100%;height:48px;box-sizing:border-box;border:1px solid #d9e1f8;border-radius:10px;background:#fff;cursor:pointer;object-fit:fill}.submit-btn{width:100%;padding:14px;margin-top:12px;font-size:16px}.submit-btn:disabled{cursor:not-allowed;opacity:.55}.message{min-height:22px;margin-top:14px;color:#d84b4b;font-size:13px}.message.success{color:#1f9d65}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-page,.auth-page *{box-sizing:border-box}.auth-page{width:100%;min-height:100vh;min-height:100svh;background:radial-gradient(circle at 78% 18%,rgba(238,218,195,.18),transparent 34%),radial-gradient(circle at 17% 72%,rgba(222,238,223,.12),transparent 29%),linear-gradient(158deg,#fffefa,#fcf8f2 58%,#f8f3ec);color:#0d3459;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.auth-shell{width:100%;max-width:480px;min-height:100vh;min-height:100svh;margin:0 auto;padding:max(62px,calc(env(safe-area-inset-top) + 46px)) 38px max(42px,calc(env(safe-area-inset-bottom) + 28px))}.auth-brand{margin-left:3px}.auth-brand-cn{font-size:43px;font-weight:500;letter-spacing:7px;line-height:1.12}.auth-brand-en{margin-top:7px;color:#7f8991;font-size:17px;font-weight:400;letter-spacing:6px;line-height:1}.auth-intro{margin-top:52px}.auth-intro p{margin:0;font-size:23px;font-weight:400;letter-spacing:1px;line-height:1.55}.auth-form-card{margin-top:43px;padding:28px 22px 27px;border:1px solid rgba(225,218,207,.76);border-radius:22px;background:#fffdf8db;box-shadow:13px 15px 4px #48443d26,0 18px 42px #70583812;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-mode-title{display:flex;width:calc(100% - 48px);min-height:48px;align-items:center;justify-content:center;margin:0 auto;border:1.5px solid #4f9b6b;border-radius:999px;color:#4b9567;font-size:20px;letter-spacing:2px}.auth-fields{margin-top:27px}.auth-field-row{display:flex;min-height:66px;align-items:center;border-bottom:1px solid #e8e0d7}.auth-field-icon{display:flex;width:35px;height:35px;flex:0 0 35px;align-items:center;justify-content:center;margin:0 17px 0 3px;color:#55a174}.auth-icon-svg{width:31px;height:31px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-field-row input,.auth-field-row select{min-width:0;height:48px;flex:1;padding:0;border:0;outline:0;background:transparent;color:#12375d;font-family:inherit;font-size:18px;letter-spacing:.5px}.auth-field-row input::placeholder{color:#12375d;opacity:1}.auth-field-row select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6d927b 50%),linear-gradient(135deg,#6d927b 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 8px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.auth-field-row select:disabled{color:#8c9691;cursor:not-allowed}.auth-captcha-row input{width:0}.auth-captcha-image,.auth-captcha-refresh{width:112px;height:48px;flex:0 0 112px;margin-left:8px;border:1px solid rgba(226,217,204,.7);border-radius:8px}.auth-captcha-image{background:#f5f0e8;object-fit:fill}.auth-captcha-refresh{background:#f5f0e8;color:#4b9567;font-size:13px}.auth-field-meta{padding:7px 0 1px 55px}.auth-field-meta .field-hint,.auth-field-meta .field-error{margin:0 0 4px}.auth-field-meta .retry-btn{margin:2px 0 4px;background:#edf5ef;color:#3f895b}.auth-submit-btn,.auth-secondary-btn{width:100%;min-height:58px;border:0;border-radius:999px;font-family:inherit;font-size:21px;letter-spacing:2px;cursor:pointer}.auth-submit-btn{margin-top:32px;background:linear-gradient(100deg,#5ca274,#3f8959);box-shadow:0 7px 14px #3170482e;color:#fff}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.52}.auth-secondary-btn{margin-top:12px;border:1px solid #8db39b;background:transparent;color:#4b9567;font-size:16px}.auth-message{min-height:0;margin:14px 4px 0;text-align:center}.auth-message:empty{display:none}.auth-switch-copy{margin:34px 0 0;color:#858b8d;font-size:17px;letter-spacing:.5px;text-align:center}.auth-switch-btn{padding:8px 4px;border:0;background:transparent;color:#3f9a62;font-family:inherit;font-size:inherit;cursor:pointer}.auth-page-register .auth-intro{margin-top:38px}.auth-page-register .auth-form-card{margin-top:30px}.auth-page-register .auth-field-row{min-height:59px}.auth-page-register .auth-fields{margin-top:20px}.auth-page-register .auth-submit-btn{margin-top:26px}.section-card{padding:16px;border-radius:16px;background:#f8faff;margin-top:18px}.section-title{margin:0 0 8px;color:#2a345e;font-size:16px}.section-text{margin:0;color:#6b748f;line-height:1.6;font-size:13px}.device-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.device-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border-radius:14px;background:#fff;border:1px solid #e5ebff}.device-main{flex:1;min-width:0}.device-name{font-size:15px;color:#2a345e;font-weight:600;margin-bottom:4px;word-break:break-all}.device-meta{font-size:12px;color:#6b748f;line-height:1.6;word-break:break-all}.danger-btn{border:none;border-radius:10px;padding:10px 12px;background:#fff1f1;color:#d84b4b;cursor:pointer;white-space:nowrap}.device-actions{display:flex;flex-direction:column;gap:8px}.plain-btn{border:none;border-radius:10px;padding:10px 12px;background:#eef2ff;color:#50608f;cursor:pointer;white-space:nowrap}.action-row{display:flex;gap:10px;margin-top:4px}.flex-btn{flex:1}.compact-btn{margin-top:0}.native-entry-btn{width:100%;margin:14px 0 4px;padding:12px 14px;border:none;border-radius:12px;background:#e7efff;color:#315fda;cursor:pointer;font-size:14px;font-weight:600}.event-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.event-item{padding:12px;border-radius:12px;background:#fff;border:1px solid #e5ebff}.event-topic{font-size:14px;font-weight:600;color:#2a345e;margin-bottom:6px}.event-meta{font-size:12px;color:#6b748f;line-height:1.6;word-break:break-all}@media(min-width:768px){#app{padding:24px;align-items:center}.card{min-height:auto;border-radius:24px;box-shadow:0 12px 40px #2b437d2e;padding:28px}.auth-page{min-height:calc(100vh - 48px);overflow:hidden;border-radius:28px}.auth-shell{min-height:calc(100vh - 48px)}}@media(max-width:380px){.auth-shell{padding-right:28px;padding-left:28px}.auth-brand-cn{font-size:39px}.auth-intro p{font-size:21px}.auth-form-card{padding-right:18px;padding-left:18px}.auth-field-icon{margin-right:12px}.auth-captcha-image,.auth-captcha-refresh{width:98px;flex-basis:98px}}