@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#213b4c;background:#f9fbfb;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #77bfb3;outline-offset:4px}p,h1,h2{margin:0}.login-layout{min-height:100svh;display:grid;grid-template-columns:56% 44%}.story{position:relative;isolation:isolate;overflow:hidden;background:#142f43;color:white;padding:44px 7.4%;display:flex;flex-direction:column}.story:before{content:"";position:absolute;z-index:-1;width:680px;height:680px;border:1px solid #a5d8cd12;border-radius:50%;top:7%;left:32%;box-shadow:0 0 0 88px #7bb1ac05,0 0 0 176px #7bb1ac04;pointer-events:none}.story:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 95% 80%,#1d685b70,transparent 63%);pointer-events:none}.story-grid{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#a2c8cc24 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(135deg,transparent 15%,#0008 75%)}.brand{display:inline-flex;align-items:center;gap:13px;align-self:flex-start}.brand-mark{display:grid;place-items:center;width:43px;height:45px;border-radius:13px;border:1px solid #90c4be77;color:#a0e0d3;font-family:"Songti SC",SimSun,serif;font-size:27px;background:#ffffff06}.brand strong{font-size:19px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#92aab8;margin-top:7px}.story-content{width:100%;max-width:610px;margin:auto;padding:66px 0 60px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a8c6ca;display:flex;align-items:center;gap:11px;margin-bottom:24px}.eyebrow>span{display:block;width:24px;height:1px;background:#83cdbb}h1{font-size:clamp(34px,3.4vw,54px);font-weight:600;line-height:1.55;letter-spacing:1px}h1 span{color:#9edbc9}.story-description{font-size:14px;line-height:2;color:#afc2cd;margin-top:24px}.scene-board{margin-top:45px;border:1px solid #d1ece224;border-radius:15px;background:linear-gradient(135deg,#ffffff09,#ffffff03);box-shadow:0 22px 60px #071c2d18;padding:21px 23px 0;backdrop-filter:blur(6px)}.board-header{display:flex;align-items:center;gap:9px;color:#c4d6dd;font-size:11px}.board-symbol{font-size:23px;color:#a3d8c9;font-weight:400}.board-tag{margin-left:auto;background:#9bd7c712;color:#a6d2c9;font-size:9px;border:1px solid #a4d8c71c;border-radius:5px;padding:5px 7px;white-space:nowrap}.board-flow{display:flex;align-items:center;padding:30px 0 26px;gap:13px}.flow-step{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}.step-icon{width:37px;height:37px;display:grid;place-items:center;background:#7ec4b51a;border:1px solid #9ccebf23;border-radius:10px;color:#a6d9ce}.step-icon svg{width:19px;height:19px}.flow-step small{font-size:8px;letter-spacing:1px;color:#91adb8;display:block;margin-bottom:6px}.flow-step b{font-size:11px;color:#e1ecec;font-weight:500}.flow-line{height:1px;background:#a2c7c044;flex:1;min-width:10px;position:relative;margin-top:-38px}.flow-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #a2c7c066;border-right:1px solid #a2c7c066;transform:rotate(45deg)}.board-bottom{border-top:1px solid #b0d7cf1a;display:flex;align-items:center;gap:8px;padding:16px 0;color:#93b3bc;font-size:10px;letter-spacing:.5px}.pulse-dot{width:5px;height:5px;background:#9bd8bf;border-radius:50%;box-shadow:0 0 0 3px #9bd8bf0b}.board-arrow{margin-left:auto;color:#aad0c3;font-size:16px}.story-footer{display:flex;justify-content:space-between;gap:15px;color:#7d9ba9;font-size:9px;letter-spacing:.5px;line-height:1.8}.entry{display:flex;flex-direction:column;padding:44px 10.5% 28px;position:relative;background:linear-gradient(145deg,#fff,#f7faf9)}.entry-top{font-size:11px;color:#8b9da5;display:flex;align-items:center;gap:7px;justify-content:flex-end;letter-spacing:1px}.entry-dot{width:5px;height:5px;background:#7cbaac;border-radius:50%}.login-card{width:100%;max-width:370px;align-self:center;margin:auto;padding:60px 0 54px}.welcome-icon{width:47px;height:47px;display:grid;place-items:center;background:#eaf4f0;border:1px solid #dcece4;border-radius:14px;color:#377d70;margin-bottom:27px}.welcome-icon svg{width:23px;height:23px}.entry-eyebrow{font-size:9px;letter-spacing:2.5px;color:#6d8e86;font-weight:600;margin-bottom:12px}h2{font-size:26px;letter-spacing:-.5px;font-weight:650;line-height:1.5}.entry-description{margin-top:10px;font-size:12px;color:#899ba4;line-height:1.8}form{margin-top:34px}.field+.field{margin-top:22px}.field label{display:block;font-size:12px;font-weight:600;color:#506774;margin-bottom:10px}.input-wrap{display:flex;align-items:center;gap:11px;min-height:50px;border:1px solid #dce5e8;background:#fff;border-radius:8px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#559b8e;box-shadow:0 0 0 3px #398d7810}.input-wrap>svg{width:17px;height:17px;color:#9baeb6;stroke-width:1.5}.input-wrap input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:#2b4758;font-size:13px;height:48px;padding:0;letter-spacing:.2px}.input-wrap input::placeholder{color:#afbdc4;font-size:12px}.password-toggle{background:transparent;border:0;color:#97aab3;display:grid;place-items:center;padding:7px;margin-right:-6px;border-radius:5px}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:#287e71;background:#f0f7f4}.password-toggle svg{width:18px;height:18px}.caps-warning{font-size:11px;color:#9b773f;margin-top:7px}.login-message{font-size:12px;line-height:1.7;color:#b74f49;min-height:22px;margin:10px 0 11px}.login-message.success{color:#337f6b}.submit-button{width:100%;min-height:50px;border:0;border-radius:8px;background:#167e73;color:#fff;font-size:13px;font-weight:600;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 6px 16px #167e7317;transition:background .2s,transform .2s}.submit-button:hover{background:#116d64;transform:translateY(-1px)}.submit-button:disabled{opacity:.7;cursor:wait;transform:none}.submit-button svg{width:17px;height:17px}.account-help{font-size:10px;line-height:1.9;color:#9aaab2;text-align:center;margin-top:17px}.entry-note{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #e7edeb;color:#a1b0b5;font-size:10px;margin-top:34px;padding-top:23px}.entry-note svg{width:15px;height:15px;stroke-width:1.4;color:#91aba2}.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#a4b2b8;line-height:1.8}.entry-footer>span:last-child{font-size:8px;letter-spacing:1px}.noscript-note{color:#b74f49;font-size:12px;margin-top:15px;line-height:1.8}
.entry-top{justify-content:space-between;gap:12px}.entry-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.home-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 9px;margin-left:-9px;border-radius:6px;color:#4b8277;font-size:11px;letter-spacing:0;white-space:nowrap;transition:background .2s,color .2s}.home-link svg{width:15px;height:15px}.home-link:hover{background:#eaf4ef;color:#167e73}
@media(min-width:1600px){.story{padding-left:13%;padding-right:13%}.entry{padding-left:15%;padding-right:15%}.story-content{padding-top:90px;padding-bottom:90px}}
@media(max-width:1100px){.login-layout{grid-template-columns:51% 49%}.story{padding:32px 8%}.entry{padding:34px 10% 24px}h1{font-size:34px}.story-description{font-size:12px}.scene-board{padding:17px 17px 0}.board-tag{display:none}.board-flow{gap:10px}.flow-step b{font-size:10px}.flow-step small{font-size:7px}.story-footer>span:last-child{display:none}h2{font-size:24px}.entry-footer>span:last-child{display:none}}
@media(max-width:760px){.login-layout{display:flex;flex-direction:column;min-height:100svh}.story{padding:24px 26px 32px;min-height:auto}.brand{gap:10px}.brand-mark{width:35px;height:37px;border-radius:10px;font-size:23px}.brand strong{font-size:16px}.brand small{font-size:6px;letter-spacing:1.8px;margin-top:5px}.story-content{padding:30px 0 0;margin:0;max-width:none}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}h1{font-size:29px;line-height:1.45;letter-spacing:.5px}h1 br{display:none}h1 span{display:block}.story-description{font-size:11px;line-height:1.9;margin-top:13px}.story-description br{display:none}.scene-board,.story-footer{display:none}.story:before{width:300px;height:300px;top:-20px;left:55%;box-shadow:0 0 0 50px #7bb1ac05,0 0 0 100px #7bb1ac04}.entry{flex:1;padding:28px 28px 20px;background:#fcfdfc}.welcome-icon{display:none}.entry-top{display:flex;margin-bottom:24px}.login-card{max-width:400px;padding:0;margin:0 auto 38px}.entry-eyebrow{font-size:8px;margin-bottom:9px}h2{font-size:23px}.entry-description{font-size:11px;margin-top:7px}form{margin-top:26px}.field+.field{margin-top:19px}.input-wrap{min-height:50px}.input-wrap input{font-size:16px}.account-help{font-size:9px}.entry-note{margin-top:26px;padding-top:20px}.entry-footer{margin-top:auto;font-size:9px}.entry-footer>span:last-child{display:inline;font-size:7px}.login-message{margin-top:7px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.submit-button:hover{transform:none}}