*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#02010d}body{color:#f5f0ff;font-family:Noto Sans SC Variable,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}#app,.app-shell{min-height:100vh}.auth-dialog-mask{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,1,13,.72);backdrop-filter:blur(8px)}.auth-dialog{width:min(100%,332px);padding:26px 22px 20px;border:1px solid rgba(195,121,255,.36);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(134,54,224,.22),transparent 48%),linear-gradient(180deg,rgba(22,12,52,.98),rgba(8,5,27,.98));box-shadow:0 18px 54px rgba(0,0,0,.54),0 0 32px rgba(126,41,255,.18);text-align:center}.auth-dialog-icon{width:42px;height:42px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(224,163,255,.58);border-radius:50%;color:#f0d5ff;background:linear-gradient(145deg,rgba(137,49,231,.72),rgba(75,29,145,.72));box-shadow:0 0 22px rgba(160,74,255,.34);font-size:23px;font-weight:700}.auth-dialog h2{margin:0;color:#fff8ff;font-size:19px;font-weight:700;letter-spacing:.04em}.auth-dialog p{margin:10px 8px 20px;color:rgba(232,220,244,.76);font-size:13px;line-height:1.65}.auth-dialog-primary{width:100%;height:44px;border:1px solid rgba(236,176,255,.5);border-radius:999px;color:#fff;background:linear-gradient(90deg,#7a2dda,#a846f0 55%,#d04fcf);box-shadow:0 8px 24px rgba(121,43,209,.32),inset 0 1px hsla(0,0%,100%,.18);font-size:14px;font-weight:700}.auth-dialog-primary:active{transform:translateY(1px)}.auth-dialog-fade-enter-active,.auth-dialog-fade-leave-active{transition:opacity .2s ease}.auth-dialog-fade-enter,.auth-dialog-fade-leave-to{opacity:0}:root{--dt-bg:#020012;--dt-bg-deep:#01000d;--dt-surface:rgba(12,8,35,.82);--dt-surface-soft:rgba(17,10,48,.72);--dt-surface-strong:rgba(26,13,60,.72);--dt-border:rgba(133,75,196,.3);--dt-border-strong:rgba(165,91,239,.52);--dt-border-faint:rgba(145,88,205,.14);--dt-primary:#8f35ed;--dt-primary-2:#b24df5;--dt-primary-bright:#d27bff;--dt-primary-soft:#9b68c8;--dt-text:#f5efff;--dt-text-2:#c0b2d1;--dt-text-3:#8c809f;--dt-text-4:#675e7a;--dt-danger:#ff78b7;--dt-success:#d39aff;--dt-radius-card:14px;--dt-radius-large:18px;--dt-radius-pill:999px;--dt-shadow-soft:0 0 18px rgba(120,48,223,.14);--dt-shadow-glow:0 0 10px rgba(180,89,255,.52),0 0 24px rgba(100,41,210,.22)}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.page{min-height:100vh;width:100%;max-width:430px;margin:0 auto;padding:24px 16px 96px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 14% 8%,rgba(125,58,218,.12),transparent 28%),radial-gradient(ellipse at 88% 38%,rgba(75,28,157,.1),transparent 32%),linear-gradient(180deg,var(--dt-bg-deep),#07031b 58%,var(--dt-bg))}.page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.62;background-image:radial-gradient(circle at 9% 18%,#bc83ff 0 1px,transparent 1.4px),radial-gradient(circle at 17% 12%,#b774ff 0 1px,transparent 1.5px),radial-gradient(circle at 84% 8%,#7353ff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 32%,#d086ff 0 1px,transparent 1.5px),radial-gradient(circle at 28% 56%,#7856ff 0 1px,transparent 1.5px),radial-gradient(circle at 92% 68%,#a064ff 0 1px,transparent 1.4px),radial-gradient(circle at 5% 78%,#8a68ff 0 1px,transparent 1.4px)}.page>*{position:relative;z-index:1}.card{background:linear-gradient(145deg,var(--dt-surface-soft),rgba(7,5,25,.78));border:1px solid var(--dt-border-faint);border-radius:var(--dt-radius-card);box-shadow:var(--dt-shadow-soft),inset 0 0 20px rgba(126,41,255,.035)}.glow{color:var(--dt-primary-bright);text-shadow:0 0 8px rgba(180,100,255,.7),0 0 18px rgba(126,41,255,.3)}.section-title{margin:0 0 12px;font-size:18px;font-weight:600}.muted{color:var(--dt-text-2)}.small{color:var(--dt-text-4);font-size:11px}.toast{position:fixed;left:50%;bottom:88px;z-index:20;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:#26104f;border:1px solid #934dff;box-shadow:0 0 18px #7c2cff;font-size:13px;white-space:nowrap}[role=button]:active,[tabindex]:active,a:active,button:active{box-shadow:none!important}@media(min-width:431px){body{background:#02010d}.page{box-shadow:0 0 50px rgba(65,25,130,.18)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.primary-inline{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:42px;padding:0 18px;border:1px solid rgba(241,154,13,.68);border-radius:999px;color:#fff;font-size:14px;letter-spacing:2px;background:linear-gradient(180deg,rgba(160,79,245,.99),rgba(109,38,214,.99) 54%,rgba(86,18,183,.99));position:relative;overflow:hidden;appearance:none;-webkit-appearance:none;text-shadow:0 0 8px hsla(0,0%,100%,.18)}.primary-inline:before{inset:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0))}.primary-inline:after,.primary-inline:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.primary-inline:after{inset:0;box-shadow:inset 0 0 0 1px rgba(255,244,204,.16),0 0 14px rgba(246,198,93,.11)}.primary-inline:disabled{opacity:.92}.auth-expired .primary-inline{min-width:54px;height:26px;padding:0 8px 1px;font-size:10px;font-weight:600;line-height:1;letter-spacing:.5px}