:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172b46;background:#f8fcff}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:linear-gradient(160deg,#fff 0,#fbfdff 54%,#e2f5ff 100%)}button{font:inherit}.gate{position:relative;display:flex;width:100%;min-height:100vh;min-height:100dvh;padding:24px;align-items:center;justify-content:center;overflow:hidden}.ambient{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}.ambient-one{width:560px;height:560px;left:-250px;bottom:-330px;background:radial-gradient(circle,#6bc9ed 0,rgba(106,201,237,.3) 44%,rgba(106,201,237,0) 70%)}.ambient-two{width:440px;height:440px;right:-270px;top:-240px;background:radial-gradient(circle,#dceeff 0,rgba(220,238,255,.25) 48%,rgba(220,238,255,0) 70%)}.gate-card{position:relative;z-index:1;width:min(100%,680px);padding:42px 34px 38px;text-align:center}.brand{display:flex;margin-bottom:26px;min-height:70px;align-items:center;justify-content:center}.brand-logo{display:block;width:min(100%,240px);height:70px;object-fit:contain}.slider{position:relative;width:min(100%,500px);height:74px;margin:0 auto;overflow:hidden;border:1px solid #e3e8ed;border-radius:14px;background:#edf0f2;box-shadow:inset 0 1px 2px rgba(21,51,78,.05),0 10px 26px rgba(43,100,143,.08);touch-action:none;user-select:none}.slider-fill{position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,#dff3ff,#c7ebff);transition:width .08s linear}.slider-text{position:absolute;inset:0;display:flex;padding-left:70px;align-items:center;justify-content:center;color:#8b969f;font-size:23px;white-space:nowrap;pointer-events:none}.slider-handle{position:absolute;z-index:2;left:6px;top:6px;width:62px;height:62px;padding:0;border:0;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(29,89,135,.12);cursor:grab;touch-action:none}.slider-handle:active{cursor:grabbing}.slider-handle span,.slider-handle span:before{position:absolute;display:block;width:20px;height:4px;border-radius:3px;background:#1685eb;content:""}.slider-handle span{left:21px;top:29px;transform:rotate(45deg);transform-origin:right center}.slider-handle span:before{right:-1px;top:0;transform:rotate(-90deg);transform-origin:right center}.slider.complete .slider-fill{width:100%!important;background:linear-gradient(90deg,#d9f8e9,#baf0d5)}.slider.complete .slider-text{color:#168554}.slider.complete .slider-handle span,.slider.complete .slider-handle span:before{background:#16a269}.hint{margin:14px 0 9px;color:#94a1ab;font-size:12px}.accessible-enter{padding:6px 10px;border:0;background:transparent;color:#3b91ce;font-size:12px;text-decoration:underline;cursor:pointer}@media(max-width:640px){.gate{padding:15px}.gate-card{padding:28px 6px}.brand{min-height:58px}.brand-logo{width:min(100%,210px);height:58px}.slider{height:66px;border-radius:13px}.slider-handle{width:54px;height:54px}.slider-handle span{left:17px;top:25px}.slider-text{padding-left:58px;font-size:17px}}@media(max-width:360px){.slider-text{font-size:15px}}