:root{--blue:#255be6;--ink:#18233c;--muted:#647084;--line:#e2e7f0;--paper:#fff;--wash:#f5f7fc}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}.studio{background:var(--wash);padding:42px 7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;gap:12px;align-items:center;width:max-content}.mark{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);color:#ffffff;border-radius:11px;font-size:36px}.brand strong{font-size:22px;letter-spacing:3px}.brand strong span{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}.story{margin:65px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue)}h1{font-family:inherit;font-size:clamp(30px,3.3vw,49px);line-height:1.45;font-weight:650;letter-spacing:-.5px;margin:18px 0}p{line-height:1.7}.story p{font-size:13px;color:var(--muted);margin:0}.artwork{background:var(--paper);padding:18px 22px 16px;max-width:470px;transform:rotate(-3deg);box-shadow:0 15px 35px #18233c14;border:1px solid #ffffffb0;margin:8px 0 30px}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);align-items:center}.art-top{padding-bottom:10px;border-bottom:1px solid var(--line);letter-spacing:1px}#bead-art{display:block;width:100%;max-height:260px}.art-bottom i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;background:var(--blue)}.art-bottom i:nth-child(2){background:#aac0fa}.art-bottom i:nth-child(3){background:#255be6}.art-bottom i:nth-child(4){background:#f3bf4f}.art-bottom i:nth-child(5){background:#d7e2ff}.studio-foot{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);letter-spacing:1px}.access{padding:45px 10%;display:flex;flex-direction:column}.access-top{align-self:flex-end;color:var(--muted);font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.form-wrap{width:100%;max-width:360px;margin:auto; padding:60px 0}h2{font-size:29px;letter-spacing:1px;font-weight:600;margin:15px 0 12px}.intro{font-size:13px;color:var(--muted);margin:0 0 38px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{width:100%;height:49px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);outline:none;padding:0 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #255be61a}input::placeholder{color:#8793a7}.label-row{margin-top:23px}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.reveal{position:absolute;right:5px;top:5px;height:39px;width:40px;background:none;border:0;color:var(--muted);cursor:pointer;border-radius:4px}.reveal svg{width:20px}.reveal:hover{background:#eef3ff;color:var(--blue)}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin-top:28px;background:var(--blue);color:#fff;height:49px;border:0;border-radius:7px;font-weight:500;font-size:13px;cursor:pointer;transition:background .15s,transform .15s}.submit:hover{background:#1749c7;transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.submit span+span{font-size:23px;font-weight:300}.help{font-size:11px;color:var(--muted);text-align:center;margin-top:17px}.private-note{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:24px;color:var(--muted);font-size:11px;line-height:1.8}.private-note svg{width:22px;flex:none}.private-note small{font-size:10px;color:var(--muted)}footer{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}footer span{font-size:10px;color:var(--muted)}.error{padding:10px 12px;background:#faebe6;border-radius:5px;color:#a33628;font-size:12px;margin-top:15px;line-height:1.6}.caps{font-size:11px;color:#946829;margin:8px 0 0}@media(min-width:1500px){.studio{padding-left:12%;padding-right:12%}.story{margin-top:80px}}@media(max-width:800px){.shell{grid-template-columns:1fr}.studio{padding:25px 7% 28px}.story{margin:28px 0 0}h1{font-size:30px;margin:10px 0}.story p{font-size:12px}.artwork,.studio-foot{display:none}.access{padding:24px 7%}.access-top{font-size:10px}.form-wrap{max-width:430px;padding:30px 0 36px}h2{font-size:26px}.intro{margin-bottom:26px}.private-note{margin-top:25px}.brand strong{font-size:19px}.mark{width:35px;height:35px;font-size:31px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}