.login-layout{--ink:#1e293b;--ink-2:#2e3a50;--ink-3:#475569;--sea:#4a789f;--tide:#7ba4c7;--mist:#c4d5e3;--paper:#f0f2f5;--paper-2:#e5e8ed;--paper-3:#d8dce3;--copper:#1e5eff;--copper-deep:#1947cc;--copper-soft:#1e5eff1a;--bone:#fff;--bone-2:#f5f7fa;--line:#e8eaed;--text:#111827;--text-soft:#4b5563;--text-faint:#9ca3af;height:100vh;min-height:720px;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bone);grid-template-columns:440px 1fr;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;display:grid;overflow:hidden}.login-layout *{box-sizing:border-box;margin:0;padding:0}.login-layout button,.login-layout input{font-family:inherit}.login-layout button{cursor:pointer;border:none}.login-layout input{border:none;outline:none}.login-layout .panel-form{background:var(--bone);background-image:radial-gradient(at 20% 10%,#1e293b06,#0000 60%),radial-gradient(at 80% 90%,#1e5eff05,#0000 60%);flex-direction:column;display:flex;position:relative}.login-layout .brand{align-items:center;gap:12px;padding:38px 56px 0;animation:.7s ease-out 50ms backwards lp-fadeUp;display:flex}.login-layout .brand-mark{flex-shrink:0;width:38px;height:38px}.login-layout .brand-mark svg{width:100%;height:100%;display:block}.login-layout .brand-text{flex-direction:column;line-height:1.15;display:flex}.login-layout .brand-cn{color:var(--ink);letter-spacing:.04em;font-family:Noto Serif SC,serif;font-size:18px;font-weight:600}.login-layout .brand-en{color:var(--text-faint);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-family:Fraunces,serif;font-size:10.5px}.login-layout .form-wrap{flex-direction:column;flex:1;justify-content:center;max-width:100%;padding:0 56px;display:flex}.login-layout .form-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--copper);align-items:center;gap:10px;margin-bottom:14px;font-family:Fraunces,serif;font-size:11px;animation:.7s ease-out .15s backwards lp-fadeUp;display:flex}.login-layout .form-eyebrow:before{content:"";background:var(--copper);width:24px;height:1px;display:inline-block}.login-layout .form-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:30px;font-weight:600;animation:.7s ease-out .2s backwards lp-fadeUp}.login-layout .form-title-en{color:var(--text-soft);margin-bottom:36px;font-family:Fraunces,serif;font-size:15px;font-style:italic;font-weight:400;animation:.7s ease-out .25s backwards lp-fadeUp}.login-layout .field{margin-bottom:22px;animation:.7s ease-out backwards lp-fadeUp}.login-layout .field-1{animation-delay:.32s}.login-layout .field-2{animation-delay:.4s}.login-layout .field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:11px;font-weight:500;display:flex}.login-layout .field-label-en{color:var(--text-faint);text-transform:none;letter-spacing:0;font-family:Fraunces,serif;font-size:11px;font-style:italic}.login-layout .field-input{border-bottom:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:.01em;background:0 0;padding:11px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;transition:border-color .2s}.login-layout .field-input::placeholder{color:var(--text-faint);letter-spacing:.02em;font-weight:400}.login-layout .field-input:focus{border-bottom-color:var(--ink)}.login-layout .field-input:focus+.field-line{transform:scaleX(1)}.login-layout .field-line{background:var(--copper);transform-origin:0;width:100%;height:2px;margin-top:-1px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block;transform:scaleX(0)}.login-layout .options-row{justify-content:space-between;align-items:center;margin-bottom:32px;animation:.7s ease-out .45s backwards lp-fadeUp;display:flex}.login-layout .checkbox-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.login-layout .checkbox{border:1px solid var(--line);background:var(--bone);flex-shrink:0;width:14px;height:14px;transition:all .15s;display:inline-block;position:relative}.login-layout .checkbox-input{display:none}.login-layout .checkbox-input:checked+.checkbox-label .checkbox{background:var(--ink);border-color:var(--ink)}.login-layout .checkbox-input:checked+.checkbox-label .checkbox:after{content:"";background:var(--bone);clip-path:polygon(15% 50%,0 65%,35% 100%,100% 25%,85% 10%,35% 70%);position:absolute;inset:2px}.login-layout .checkbox-label{align-items:center;gap:8px;display:flex}.login-layout .checkbox-text{color:var(--text-soft);font-size:12.5px}.login-layout .link-forgot{color:var(--text-soft);font-size:12.5px;text-decoration:none;transition:color .15s;position:relative}.login-layout .link-forgot:after{content:"";background:var(--copper);transform-origin:100%;height:1px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.login-layout .link-forgot:hover{color:var(--copper)}.login-layout .link-forgot:hover:after{transform-origin:0;transform:scaleX(1)}.login-layout .btn-submit{background:var(--ink);width:100%;color:var(--bone);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:16px 24px;font-size:14px;font-weight:500;transition:background .2s;animation:.7s ease-out .55s backwards lp-fadeUp;display:flex;position:relative;overflow:hidden}.login-layout .btn-submit:hover:not(:disabled){background:var(--ink-2)}.login-layout .btn-submit:disabled{background:var(--ink-2);cursor:not-allowed;opacity:.85}.login-layout .btn-submit-text{align-items:center;gap:12px;display:flex}.login-layout .btn-submit-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1)}.login-layout .btn-submit:hover:not(:disabled) .btn-submit-arrow{transform:translate(4px)}.login-layout .btn-submit-num{color:var(--mist);letter-spacing:.1em;font-family:Fraunces,serif;font-size:11px;font-style:italic;font-weight:400}.login-layout .alt-divider{align-items:center;gap:14px;margin:32px 0 18px;animation:.7s ease-out .65s backwards lp-fadeUp;display:flex}.login-layout .alt-divider-line{background:var(--line);flex:1;height:1px}.login-layout .alt-divider-text{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-family:Fraunces,serif;font-size:11px}.login-layout .alt-buttons{gap:10px;animation:.7s ease-out .7s backwards lp-fadeUp;display:flex}.login-layout .alt-btn{border:1px solid var(--line);background:var(--bone);color:var(--text-soft);flex:1;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.login-layout .alt-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--bone-2)}.login-layout .alt-btn-icon{flex-shrink:0;width:14px;height:14px}.login-layout .foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:32px;padding:20px 56px 28px;animation:.7s ease-out .8s backwards lp-fadeUp;display:flex}.login-layout .foot-status{color:var(--text-faint);align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;display:flex}.login-layout .foot-status:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite lp-pulse}.login-layout .foot-version{color:var(--text-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}@keyframes lp-pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8066}50%{opacity:.7;box-shadow:0 0 0 6px #4ade8000}}.login-layout .panel-visual{background:linear-gradient(135deg, var(--paper) 0%, var(--paper-2) 50%, var(--paper-3) 100%);position:relative;overflow:hidden}.login-layout .visual-grid{pointer-events:none;background-image:linear-gradient(#1e293b0a 1px,#0000 1px),linear-gradient(90deg,#1e293b0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.login-layout .grid-marks{pointer-events:none;position:absolute;inset:0}.login-layout .grid-mark{color:#1e293b52;letter-spacing:.05em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;position:absolute}.login-layout .visual-noise{pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.22 0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.login-layout .network{z-index:1;width:100%;height:100%;position:absolute;inset:0}.login-layout .route-line{fill:none;stroke:var(--ink-2);stroke-width:1.4px;stroke-dasharray:4 6;opacity:.55;animation:30s linear infinite lp-routeFlow,1.4s ease-out .6s backwards lp-routeDraw}.login-layout .route-line.accent{stroke:var(--copper);stroke-width:1.8px;stroke-dasharray:5 4;opacity:.85;animation:18s linear infinite reverse lp-routeFlow,1.4s ease-out .9s backwards lp-routeDraw}@keyframes lp-routeFlow{to{stroke-dashoffset:-200px}}@keyframes lp-routeDraw{0%{stroke-dasharray:1 999;opacity:0}}.login-layout .port-node{fill:var(--bone);stroke:var(--ink);stroke-width:1.5px}.login-layout .port-pulse{fill:var(--copper);opacity:.5;transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite lp-portPulse}.login-layout .port-pulse.delay-1{animation-delay:.6s}.login-layout .port-pulse.delay-2{animation-delay:1.2s}.login-layout .port-pulse.delay-3{animation-delay:1.8s}.login-layout .port-pulse.delay-4{animation-delay:2.4s}@keyframes lp-portPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(2.2)}}.login-layout .port-label{letter-spacing:.04em;fill:var(--ink-2);font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:600;animation:.8s ease-out 1.2s backwards lp-fadeIn}.login-layout .port-label-cn{fill:var(--ink);letter-spacing:.02em;font-family:Noto Serif SC,serif;font-size:11px;font-weight:600}.login-layout .continent{fill:#1e293b0d;stroke:#1e293b1a;stroke-width:.8px;animation:1.2s ease-out .2s backwards lp-fadeIn}.login-layout .headline{z-index:5;animation:.9s ease-out .45s backwards lp-fadeUp;position:absolute;bottom:10%;left:7%;right:7%}.login-layout .headline-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--copper);align-items:center;gap:10px;margin-bottom:16px;font-family:Fraunces,serif;font-size:11px;display:flex}.login-layout .headline-eyebrow:before{content:"";background:var(--copper);width:28px;height:1px}.login-layout .headline-cn{color:var(--ink);letter-spacing:-.01em;margin-bottom:18px;font-family:Noto Serif SC,serif;font-size:clamp(36px,4.5vw,58px);font-weight:700;line-height:1.15}.login-layout .headline-cn .accent{color:var(--copper);display:inline-block;position:relative}.login-layout .headline-cn .accent:after{content:"";background:var(--copper-soft);z-index:-1;height:8px;position:absolute;bottom:6%;left:-2%;right:-2%}.login-layout .headline-en{color:var(--text-soft);letter-spacing:.01em;max-width:480px;font-family:Fraunces,serif;font-size:17px;font-style:italic;font-weight:400;line-height:1.5}.login-layout .visual-meta{z-index:5;text-align:right;animation:.7s ease-out .3s backwards lp-fadeUp;position:absolute;top:38px;right:56px}.login-layout .visual-meta-time{color:var(--ink);letter-spacing:-.01em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:32px;font-weight:500;line-height:1}.login-layout .visual-meta-date{color:var(--text-soft);letter-spacing:.02em;margin-top:6px;font-family:Fraunces,serif;font-size:13px;font-style:italic}.login-layout .visual-meta-tz{color:var(--text-faint);letter-spacing:.1em;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.login-layout .compass{z-index:5;align-items:flex-start;gap:14px;animation:.7s ease-out .3s backwards lp-fadeUp;display:flex;position:absolute;top:38px;left:56px}.login-layout .compass-icon{flex-shrink:0;width:44px;height:44px}.login-layout .compass-text{flex-direction:column;gap:2px;display:flex}.login-layout .compass-label{letter-spacing:.3em;text-transform:uppercase;color:var(--text-soft);font-family:Fraunces,serif;font-size:11px}.login-layout .compass-coord{color:var(--ink);letter-spacing:.04em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;font-weight:500}.login-layout .compass-coord-faint{color:var(--text-faint);letter-spacing:.04em;margin-top:1px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:980px){.login-layout{grid-template-columns:1fr}.login-layout .panel-visual{display:none}.login-layout .panel-form{max-width:480px;margin:0 auto;padding:0}}