:root{color-scheme:dark;--bg-void: oklch(2% .005 250);--fluid-indigo: oklch(24% .08 270);--fluid-purple: oklch(27% .07 290);--glow-tint: oklch(58% .18 275);--glow-tint-soft: oklch(58% .18 275 / .15);--border-sharp: oklch(100% 0 0 / .4);--text-primary: oklch(93% .01 250);--text-muted: oklch(72% .016 250);--text-dim: oklch(58% .015 250);--surface-glass: oklch(8% .01 250 / .4);--surface-raised: oklch(10% .01 250 / .5);--line-subtle: oklch(100% 0 0 / .08);--line-sharp: oklch(100% 0 0 / .15);--line-glow: oklch(58% .18 275 / .3);--font-display: "Inter", "SF Pro Display", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", monospace;--radius-xl: 1.5rem;--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem}*{box-sizing:border-box;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--bg-void);color:var(--text-primary);min-height:100vh;overflow:hidden;letter-spacing:.01em;line-height:1.5}#fluid-canvas{position:fixed;inset:0;z-index:0;pointer-events:all}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,var(--bg-void) 85%);opacity:.6}.login-shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:2rem 1.5rem}.login-frame{width:min(68rem,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:1px;align-items:stretch;position:relative;filter:drop-shadow(0 0 40px oklch(58% .18 275 / .15))}.intro-panel,.auth-panel{position:relative;padding:3rem 2.5rem;background:var(--surface-glass);backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);overflow:hidden}.intro-panel{border-radius:var(--radius-xl) 0 0 var(--radius-xl);display:flex;flex-direction:column}.auth-panel{border-radius:0 var(--radius-xl) var(--radius-xl) 0;display:flex;flex-direction:column;justify-content:flex-start;padding-top:3.35rem}body.login-embedded{min-height:100dvh;overflow:auto;background:radial-gradient(circle at 50% 0%,oklch(58% .18 275 / .16),transparent 18rem),var(--bg-void)}body.login-embedded:after,body.login-embedded #fluid-canvas,body.login-embedded .intro-panel,body.login-embedded .version-info{display:none}body.login-embedded .login-shell{min-height:100dvh;padding:0;display:block}body.login-embedded .login-frame{width:100%;min-height:100dvh;display:block;filter:none}body.login-embedded .auth-panel{min-height:100dvh;border-radius:0;padding:2.4rem 2rem 1.75rem;background:radial-gradient(circle at 50% 0%,oklch(58% .18 275 / .16),transparent 17rem),var(--surface-glass)}.intro-panel:before,.auth-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff6,#fff0,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.intro-panel:after,.auth-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,oklch(58% .18 275 / .08) 0%,transparent 60%)}.intro-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;position:relative;z-index:1}.eyebrow{margin:0;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.status-pill{padding:.4rem .85rem;border:1px solid var(--line-glow);border-radius:999px;color:var(--glow-tint);background:#5f6be214;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em}.hero-copy{margin-bottom:2.5rem;position:relative;z-index:1}h1,h2{text-wrap:balance}h1{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:600;line-height:1.08;letter-spacing:-.03em;max-width:14ch;margin-bottom:1rem}.subtitle{color:var(--text-muted);line-height:1.65;max-width:48ch;font-size:.95rem}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:2.5rem;background:var(--line-subtle);border-radius:var(--radius-md);overflow:hidden;position:relative;z-index:1}.signal-card{padding:1.25rem;background:#0203064d;transition:background .2s ease}.signal-card:hover{background:#04060966}.signal-label{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem}.signal-card strong{display:block;font-size:.88rem;line-height:1.4;font-weight:600;color:var(--text-primary)}.entry-note{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1rem;align-items:start;margin-top:auto;padding-top:1.5rem;position:relative;z-index:1}.entry-line{display:block;height:1px;margin-top:.7rem;background:linear-gradient(90deg,oklch(58% .18 275 / .4),transparent)}.entry-note p{margin:0;color:var(--text-dim);font-size:.82rem;line-height:1.6}h2{font-size:1.35rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:.5rem}.panel-copy{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.6}.auth-mode-tabs{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(1.25rem,6vw,2.6rem);margin:0 0 2.4rem;padding:0}.auth-mode-tab{position:relative;min-height:2.1rem;padding:0 0 .55rem;border:0;border-radius:0;color:var(--text-dim);background:transparent;box-shadow:none;font-size:1rem;font-weight:700;letter-spacing:0}.auth-mode-tab:hover{color:var(--text-primary);background:transparent;transform:none}.auth-mode-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:transparent;transform:scaleX(.64);transform-origin:left center;transition:background .18s ease,transform .18s ease}.auth-mode-tab[aria-selected=true]{color:var(--text-primary);background:transparent;box-shadow:none}.auth-mode-tab[aria-selected=true]:after{background:var(--glow-tint);transform:scaleX(1)}.auth-mode-panel[hidden]{display:none}.login-form{display:grid;gap:1.55rem;position:relative;z-index:1}.field{display:grid;gap:.18rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field span{font-size:.78rem;font-weight:500;color:var(--text-dim)}.field-control{position:relative;display:block}.field input{width:100%;min-height:3.15rem;padding:.58rem 0;border:0;border-bottom:1px solid var(--line-sharp);border-radius:0;background:transparent;color:var(--text-primary);font-size:.98rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input::placeholder{color:var(--text-dim);font-size:.98rem}.field input:focus{border-color:var(--glow-tint);box-shadow:0 1px 0 var(--glow-tint);background:transparent}.field-inline{gap:0}.field-inline input{padding-right:8.3rem}.password-input-shell{position:relative;display:block}.password-input-shell input{padding-right:2.5rem}.password-visibility-toggle{position:absolute;top:50%;right:0;display:grid;width:2rem;height:2rem;min-height:0;padding:0;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--text-muted);transform:translateY(-50%)}.password-visibility-toggle:hover{color:var(--text-primary);background:#ffffff0a;transform:translateY(-50%)}.password-visibility-toggle svg{width:1.08rem;height:1.08rem}.password-form{gap:1.45rem}.registration-password-hint{display:flex;align-items:baseline;gap:.28rem;margin:-.35rem 0 -.15rem;padding:.62rem .78rem;border-left:2px solid var(--glow-tint);background:linear-gradient(90deg,var(--glow-tint-soft),transparent 78%);color:var(--text-muted);font-size:.78rem;line-height:1.45}.registration-password-hint span{color:var(--glow-tint);font-weight:650}.form-options{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:-.15rem}.agreements-section{display:grid;gap:0;margin-top:1.6rem;position:relative}.agreements-check{display:flex;align-items:flex-start;gap:.7rem;color:var(--text-muted);font-size:.82rem;line-height:1.45}.agreements-check input{width:1.05rem;height:1.05rem;margin-top:.2rem;accent-color:var(--glow-tint);flex:0 0 auto}.agreement-copy{display:grid;gap:.12rem}.agreement-line{display:block;color:var(--text-muted)}.agreement-link{padding:0;border:0;border-radius:0;background:transparent;color:var(--glow-tint);font-size:inherit;font-weight:500;box-shadow:none}.agreement-link:hover{color:#8c9cfb;transform:none}.agreements-error-tooltip{display:inline-flex;position:absolute;left:.15rem;top:calc(100% + .45rem);z-index:4;width:fit-content;max-width:100%;margin:0;padding:.75rem 1rem;border-radius:.5rem;background:#29292beb;color:#fff;font-size:.74rem;line-height:1.35}.agreements-error-tooltip[hidden]{display:none!important}.agreements-error-tooltip:before{content:"";position:absolute;left:.42rem;top:-.26rem;width:.78rem;height:.78rem;background:#29292beb;transform:rotate(45deg)}.agreement-modal{position:fixed;inset:0;z-index:132;display:grid;place-items:center;padding:1.5rem}.agreement-modal[hidden]{display:none}.agreement-modal-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.agreement-modal-panel{position:relative;z-index:1;width:min(52rem,100%);max-height:min(84vh,48rem);padding:1.35rem 1.35rem 1.15rem;border:1px solid var(--line-sharp);border-radius:var(--radius-lg);background:#010203f5;box-shadow:0 28px 90px #0000008c;overflow:hidden}.agreement-modal-head{padding-right:2rem;margin-bottom:.9rem}.agreement-modal-head h3{font-size:1.15rem;font-weight:600}.agreement-modal-close{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;padding:0;border-radius:50%;border-color:var(--line-subtle);background:#ffffff08;color:var(--text-muted);line-height:1}.agreement-modal-content{max-height:calc(84vh - 6rem);overflow:auto;padding-right:.4rem}.agreement-rich-text{color:var(--text-primary);font-size:.88rem;line-height:1.8}.agreement-rich-text h1,.agreement-rich-text h2,.agreement-rich-text h3{margin:0 0 .8rem;color:var(--text-primary)}.agreement-rich-text p{margin:0 0 .9rem;color:var(--text-muted)}.agreement-rich-text ul,.agreement-rich-text ol{margin:0 0 .9rem 1.2rem;color:var(--text-muted)}.agreement-rich-text a{color:var(--glow-tint)}.password-options{display:flex;min-height:1.8rem;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-dim);font-size:.82rem}.remember-option{display:inline-flex;align-items:center;gap:.55rem;color:var(--text-dim)}.remember-option input{width:1.05rem;height:1.05rem;accent-color:var(--glow-tint)}.remember-option span{color:var(--text-muted);font-size:.84rem}.text-action{min-width:max-content;padding:0;border:0;border-radius:0;background:transparent;color:var(--glow-tint);font-size:.78rem;box-shadow:none}.text-action:hover{transform:none;color:#8c9cfb}button{padding:.85rem 1.5rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .2s ease,transform .15s cubic-bezier(.25,1,.5,1),border-color .2s ease,box-shadow .2s ease;font-family:inherit;letter-spacing:.02em}.primary-action{min-height:3.55rem;border-radius:.82rem;background:var(--glow-tint);color:#f4f9ff;font-size:1rem;font-weight:600}.primary-action:hover{background:#4d53d9;transform:translateY(-1px);box-shadow:0 4px 24px #5f6be240}.primary-action.is-disabled,.primary-action[aria-disabled=true]{opacity:.68;cursor:not-allowed;box-shadow:none}.primary-action.is-disabled:hover,.primary-action[aria-disabled=true]:hover{background:var(--glow-tint);transform:none;box-shadow:none}.secondary-action{background:transparent;border-color:var(--line-subtle);color:var(--text-primary)}.secondary-action:hover{border-color:var(--line-sharp);background:#ffffff08}#request-code-button.secondary-action,.inline-action.secondary-action{position:absolute;top:50%;right:0;justify-self:end;min-height:2rem;margin-top:0;padding:0;border:0;border-radius:0;color:var(--glow-tint);background:transparent;font-size:.92rem;transform:translateY(-50%);box-shadow:none}#request-code-button.secondary-action:hover,.inline-action.secondary-action:hover{color:#8c9cfb;background:transparent;transform:translateY(-50%)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #5f6be21f}button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.social-login{position:relative;z-index:1;margin-top:1.9rem}.social-divider{display:flex;align-items:center;gap:.95rem;margin-bottom:1.2rem}.social-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-sharp),transparent)}.social-divider-text{font-size:.76rem;color:var(--text-dim);letter-spacing:0;white-space:nowrap}.social-icons{display:flex;justify-content:center;gap:1.35rem}.social-btn{width:3.25rem;height:3.25rem;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-subtle);background:#ffffff05;color:var(--text-dim);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .15s cubic-bezier(.25,1,.5,1),box-shadow .2s ease}.social-btn svg{width:1.38rem;height:1.38rem}.social-btn:hover{transform:translateY(-1px)}.social-btn.wechat:hover{border-color:oklch(72% .2 150 / .5);color:oklch(72% .2 150);background:oklch(72% .2 150 / .08);box-shadow:0 2px 12px oklch(72% .2 150 / .15)}.social-btn.apple:hover{border-color:var(--line-sharp);color:var(--text-primary);background:#ffffff0d;box-shadow:0 2px 12px #ffffff14}.social-btn.qq:hover{border-color:oklch(70% .15 220 / .5);color:oklch(70% .15 220);background:oklch(70% .15 220 / .08);box-shadow:0 2px 12px oklch(70% .15 220 / .15)}.social-btn.douyin:hover{border-color:oklch(85% .22 210 / .32);color:oklch(85% .22 210 / .92);background:oklch(85% .22 210 / .06);box-shadow:0 2px 12px oklch(85% .22 210 / .12)}.social-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #5f6be21f}.wechat-login-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:1.5rem}.wechat-login-modal[hidden]{display:none}.wechat-login-backdrop{position:absolute;inset:0;background:#000000ad;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.wechat-login-box{position:relative;z-index:1;width:min(23rem,100%);min-height:30rem;padding:1.5rem;border:1px solid var(--line-sharp);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%,oklch(72% .2 150 / .1),transparent 42%),#010102f5;box-shadow:0 28px 90px #0000008c}.wechat-login-close{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;padding:0;border-radius:50%;border-color:var(--line-subtle);background:#ffffff08;color:var(--text-muted);line-height:1}.wechat-login-kicker{margin:0 0 .45rem;color:oklch(72% .2 150);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.wechat-login-box h3{margin:0;font-size:1.2rem;font-weight:600}.wechat-login-copy{margin:.5rem 2rem 1rem 0;color:var(--text-muted);font-size:.84rem}.wechat-login-container{display:grid;min-height:20rem;place-items:center;overflow:hidden;border:1px solid var(--line-subtle);border-radius:var(--radius-md);background:#ffffff05}.wechat-login-container iframe{width:100%;min-height:20rem;border:0}.wechat-login-fallback{width:100%;margin-top:1rem;border-color:oklch(72% .2 150 / .42);background:oklch(72% .2 150 / .1);color:#a1e4ae}.status-message{min-height:1.4rem;margin:.75rem 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.5;position:relative;z-index:1}.debug-panel{margin:.75rem 0 0;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px dashed oklch(58% .18 275 / .2);background:#01020380;color:var(--glow-tint);font-family:var(--font-mono);font-size:.78rem;white-space:pre-wrap;position:relative;z-index:1}.global-toast{position:fixed;top:1.5rem;left:50%;z-index:120;display:flex;width:min(26rem,calc(100vw - 2rem));gap:.85rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);opacity:0;pointer-events:none;transform:translate(-50%,-.8rem) scale(.98);transition:opacity .18s ease,transform .22s cubic-bezier(.25,1,.5,1);box-shadow:0 18px 48px #00000057;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.global-toast.visible{opacity:1;transform:translate(-50%) scale(1)}.global-toast.success{border-color:#42c77b7a;background:linear-gradient(135deg,oklch(50% .16 154 / .28),#010502db),#010203eb;color:#d1edd9}.global-toast.error{border-color:#fc444785;background:linear-gradient(135deg,#c9222b47,#080202e0),#010203eb;color:oklch(95% .03 25)}.global-toast-icon{display:grid;width:1.65rem;height:1.65rem;flex:0 0 auto;place-items:center;border-radius:999px;font-family:var(--font-mono);font-size:.85rem;font-weight:700}.global-toast.success .global-toast-icon{background:#29c27133;color:#23e885}.global-toast.error .global-toast-icon{background:#fc444733;color:oklch(78% .2 25)}.global-toast-copy{display:grid;min-width:0;gap:.2rem}.global-toast-copy strong{font-size:.9rem;line-height:1.35}.global-toast-copy span{color:#e0e5ebc7;font-size:.8rem;line-height:1.45}.version-info{position:fixed;bottom:1.5rem;right:2rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);opacity:.4;z-index:2;letter-spacing:.06em;display:flex;gap:.5rem;align-items:center}.version-separator{opacity:.5}.dissolve-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .8s ease-out;background:var(--bg-void)}.dissolve-overlay.active{opacity:1;pointer-events:all}@media(max-width:980px){body{overflow:auto}.login-frame{grid-template-columns:1fr;max-width:28rem;filter:drop-shadow(0 0 30px oklch(58% .18 275 / .1))}.intro-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:2.5rem 2rem}.auth-panel{border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:2.5rem 2rem}h1{max-width:16ch;font-size:clamp(1.8rem,6vw,2.6rem)}.entry-note{grid-template-columns:1fr;gap:.75rem}.entry-line{width:3rem;margin-top:0}.version-info{position:static;text-align:center;padding:1rem;opacity:.3;justify-content:center}}@media(max-width:640px){.login-shell{padding:1rem}.intro-panel,.auth-panel{padding:2rem 1.5rem}.signal-grid{grid-template-columns:1fr}.hero-copy,.signal-grid{margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#fluid-canvas{display:none}}