:root{--ink:#07121f;--surface:#0c1a2a;--surface-deep:#081522;--line:#29445c;--line-soft:#1c3449;--text:#f2f7fb;--muted:#a8bacb;--quiet:#8ba1b6;--cyan:#8ee9ef;--cyan-bright:#b8f9ff;--error:#ffb8bd;--font-display:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--font-heading:var(--font-display);--font-sub:var(--font-display);--font-body:var(--font-display);--font-ui:var(--font-display);color-scheme:dark}
*{box-sizing:border-box}html{min-width:320px;background:var(--ink)}body{margin:0;min-height:100vh;min-height:100svh;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus-visible{outline:none}a{color:inherit;text-decoration:none}button svg{display:block}button{color:inherit}svg{flex:none}button:disabled{opacity:.6}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 24% 50%,#12365170,transparent 62%),radial-gradient(ellipse at 90% 0%,#15335355,transparent 45%),linear-gradient(125deg,#07121f,#081624 65%,#0b1b2b);z-index:-1}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#87dcf004 1px,transparent 1px),linear-gradient(90deg,#87dcf004 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent)}
.page-shell{max-width:1680px;margin:auto;padding:38px 5.5% 24px;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:14px;align-items:center}.brand-mark{color:var(--cyan)}.brand-copy{display:flex;gap:16px;align-items:baseline}.brand-copy strong{font-weight:600;font-size:24px;letter-spacing:.12em}.brand-copy>span{font-size:12px;color:var(--muted);letter-spacing:.06em;padding-left:16px;border-left:1px solid var(--line)}.access-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.access-label>span{height:6px;width:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #8ee9ef55}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,460px);gap:6%;align-items:center;flex:1;padding:44px 0;min-height:680px}.spatial-story{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.story-copy{position:relative;z-index:2;pointer-events:none}.project-label{font-size:13px;color:var(--cyan);display:flex;align-items:center;gap:12px;margin:0 0 22px;letter-spacing:.1em}.project-line{display:block;width:30px;height:1px;background:var(--cyan)}h1{font-family:var(--font-display);font-size:clamp(34px,3.45vw,56px);font-weight:500;line-height:1.38;letter-spacing:.035em;margin:0 0 24px}.story-description{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.spatial-visual{position:relative;margin:6px -5% -8px -9%;height:300px;min-height:260px}.spatial-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.visual-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--ink),transparent 17%);opacity:.6}.visual-caption{position:absolute;bottom:13px;left:12%;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--quiet);letter-spacing:.04em}.caption-rule{width:20px;height:1px;background:var(--quiet)}.motion-toggle{position:absolute;bottom:0;right:9%;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:8px;color:var(--quiet);transition:background .18s,color .18s}.motion-toggle:hover{background:#8ee9ef0a;color:var(--cyan)}.motion-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.story-bottom{display:flex;align-items:center;gap:18px;margin:6px 0 0;max-width:570px}.three-d{font-family:Arial,sans-serif;font-weight:400;font-size:32px;line-height:1;color:#a8c6d9;letter-spacing:-.06em}.story-bottom>span:nth-child(2){font-size:11px;line-height:1.7;color:var(--quiet);letter-spacing:.04em}.bottom-rule{flex:1;max-width:190px;height:1px;margin-left:12px;background:linear-gradient(to right,#41627a66,transparent)}
.login-region{min-width:0}.login-panel{position:relative;padding:36px 38px 30px;background:linear-gradient(150deg,#14283c8c,#0c1b2bdf 48%,#0a1726df);border:1px solid #31506a85;border-radius:18px;box-shadow:0 24px 70px #00000026,0 1px 0 #ffffff03 inset;isolation:isolate}.login-panel:before{content:"";position:absolute;z-index:-1;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#8ee9ef80,transparent)}.panel-corner{position:absolute;width:16px;height:16px;pointer-events:none;border-color:#8ee9ef88;border-style:solid}.corner-top{top:-1px;left:-1px;border-width:1px 0 0 1px;border-top-left-radius:18px}.corner-bottom{bottom:-1px;right:-1px;border-width:0 1px 1px 0;border-bottom-right-radius:18px}.form-intro{margin-bottom:30px}.welcome-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #567d9255;border-radius:12px;background:#8ee9ef07;color:var(--cyan);margin-bottom:21px}.welcome-symbol svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}h2{font-family:var(--font-heading);font-size:26px;line-height:1.4;letter-spacing:.03em;font-weight:500;margin:0 0 8px}.form-intro p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.field{margin-bottom:20px}.field label{display:block;color:#d7e2ec;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.6;margin-bottom:8px}.input-wrap{display:flex;align-items:center;position:relative;background:#06142094;border:1px solid var(--line);border-radius:8px;height:54px;transition:border-color .16s,box-shadow .16s}.input-wrap:focus-within{border-color:#8ee9efb3;box-shadow:0 0 0 3px #8ee9ef0b}.input-wrap>svg{width:19px;height:19px;fill:none;stroke:var(--quiet);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-left:16px;pointer-events:none}.input-wrap input{color:var(--text);font-size:15px;font-family:var(--font-body);width:100%;min-width:0;background:transparent;border:0;height:100%;padding:0 14px;outline:0;border-radius:8px}.input-wrap input::placeholder{color:#7f95aa;font-size:13px;opacity:1}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 60px #0c1d2e inset}.input-wrap input[aria-invalid="true"]{box-shadow:inset 0 0 0 1px #ffb8bd80}.password-toggle{width:46px;height:50px;flex:none;background:transparent;border:0;display:grid;place-items:center;border-radius:7px;color:var(--quiet);margin-right:2px}.password-toggle:hover{color:var(--cyan)}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:block}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-6px}.field-heading label{margin-bottom:0}.refresh-text{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 1px 0 8px;border:0;background:transparent;color:var(--cyan);font-size:12px;border-radius:5px}.refresh-text svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.refresh-text:hover{color:#d1fcff}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}.captcha-image-button{position:relative;background:#dcecf1;min-width:0;height:54px;padding:0;border:1px solid #91c2cf70;border-radius:8px;overflow:hidden;color:#31546b;display:grid;place-items:center}.captcha-image-button:hover{border-color:var(--cyan)}.captcha-image-button img{display:none;width:100%;height:100%;object-fit:contain}.captcha-image-button.has-image img{display:block}.captcha-image-button.has-image>span{display:none}.captcha-image-button>span{font-size:12px;letter-spacing:.05em}.captcha-field{margin-bottom:22px}.field-hint{font-size:11px;color:var(--quiet);line-height:1.6;margin:7px 0 0;min-height:18px}.form-message{padding:10px 12px;color:var(--error);border:1px solid #ffb8bd35;background:#ffb8bd08;font-size:12px;line-height:1.7;border-radius:7px;margin:-7px 0 16px}.form-message:focus{outline:1px solid #ffb8bd88;outline-offset:2px}.submit-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:54px;font-size:15px;font-family:var(--font-ui);font-weight:600;letter-spacing:.05em;color:#082430;background:linear-gradient(110deg,#a1edf0,#73d8e7);border:1px solid #c5ffff70;border-radius:8px;box-shadow:0 4px 20px #60d8e510;transition:box-shadow .2s,filter .2s}.submit-button:hover:not(:disabled){box-shadow:0 4px 24px #60d8e526;filter:brightness(1.06)}.submit-button:active:not(:disabled){filter:brightness(.94)}.button-arrow{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button-loader{display:none;width:17px;height:17px;border:2px solid #08243040;border-top-color:#082430;border-radius:50%;animation:spin .8s linear infinite}.submit-button.is-loading .button-loader{display:block}.submit-button.is-loading .button-arrow{display:none}.access-note{font-size:11px;color:var(--quiet);margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:6px}.access-note svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.noscript-message{color:var(--error);font-size:13px}.site-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--quiet);padding-top:15px;border-top:1px solid #31506a4d;letter-spacing:.04em}.login-panel.is-success .welcome-symbol{border-color:var(--cyan);background:#8ee9ef14}.login-panel.is-success .submit-button{background:#b8f9ff}.field input:disabled{opacity:.7}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.page-shell{padding-top:46px;padding-bottom:30px}.login-layout{gap:8%;grid-template-columns:minmax(0,1fr) 480px}.login-panel{padding:44px}.spatial-visual{height:350px}h1{font-size:60px}}
@media(max-width:1100px){.page-shell{padding:30px 5% 20px}.login-layout{gap:4%;grid-template-columns:minmax(0,1fr) 390px}.login-panel{padding:30px 28px}.brand-copy>span{display:none}h1{font-size:36px}.story-description{font-size:13px}.spatial-visual{margin-left:-13%;height:270px}.story-bottom{gap:12px}.story-bottom .bottom-rule{display:none}}
@media(max-width:850px){.login-layout{grid-template-columns:minmax(0,1fr) 360px;gap:4%}.login-panel{padding:28px 24px}.story-description br{display:none}.story-description{max-width:270px}.project-label{font-size:12px;gap:9px}h1{font-size:31px;letter-spacing:.015em}.spatial-visual{height:260px;margin-left:-17%;margin-right:-14%}.visual-caption{display:none}.motion-toggle{right:16%}.story-bottom>span:nth-child(2){font-size:10px}}
@media(max-width:740px){.page-shell{padding:24px 24px 20px}.site-header{gap:12px}.brand{gap:10px}.brand-mark{width:33px;height:33px}.brand-copy strong{font-size:22px}.access-label{font-size:10px;gap:7px}.access-label>span{width:5px;height:5px}.login-layout{display:block;min-height:0;flex:initial;padding:31px 0 29px}.spatial-story{display:block}.project-label{display:none}h1{font-size:29px;line-height:1.35;letter-spacing:.025em;margin:0 0 12px}h1 br{display:initial}.story-description{font-size:12px;line-height:1.7;max-width:100%;margin-bottom:20px}.story-description br{display:none}.spatial-visual{position:absolute;right:-20px;top:-8px;margin:0;width:225px;height:170px;min-height:0;opacity:.32;z-index:-1;overflow:hidden}.spatial-visual canvas{width:100%;height:100%}.motion-toggle,.story-bottom,.visual-vignette{display:none}.login-region{max-width:460px;margin:0 auto}.login-panel{padding:28px 26px 24px;border-radius:16px}.welcome-symbol{display:none}.form-intro{margin-bottom:23px}h2{font-size:23px;line-height:1.4;margin-bottom:6px}.form-intro p{font-size:12px}.field{margin-bottom:18px}.field label{font-size:12px}.input-wrap{height:52px}.input-wrap input{font-size:16px}.input-wrap>svg{margin-left:14px}.input-wrap input{padding:0 12px}.captcha-row{grid-template-columns:minmax(0,1fr) 116px;gap:9px}.captcha-image-button{height:52px}.refresh-text{min-height:44px}.field-heading{margin-top:-10px;margin-bottom:-1px}.captcha-field{margin-bottom:19px}.submit-button{height:52px;font-size:14px}.access-note{margin-top:16px}.site-footer{font-size:10px;line-height:1.7;margin-top:auto;justify-content:center;padding-top:15px;text-align:center}.site-footer>span:last-child{display:none}}
@media(max-width:390px){.page-shell{padding:21px 20px 18px}.login-layout{padding-top:28px;padding-bottom:26px}h1{font-size:26px}.story-description{font-size:11px;margin-bottom:19px}.login-panel{padding:24px 22px 22px}.form-intro{margin-bottom:20px}h2{font-size:22px}.field{margin-bottom:16px}.field-hint{font-size:10px}.captcha-row{grid-template-columns:minmax(0,1fr) 108px;gap:8px}.input-wrap input::placeholder{font-size:12px}.input-wrap>svg{margin-left:12px;width:17px;height:17px}.input-wrap input{padding-left:10px}.access-label{font-size:9px}}
@media(max-width:740px) and (max-height:730px){.page-shell{padding-top:18px}.login-layout{padding-top:24px}.story-description{display:none}h1{font-size:25px;margin-bottom:20px}.login-panel{padding-top:23px;padding-bottom:21px}.form-intro{margin-bottom:18px}.field{margin-bottom:14px}.access-note{margin-top:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-toggle{display:none}.button-loader{border-color:#082430;border-style:dotted}}