.gate-root{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:linear-gradient(160deg,#fde7f0,#e7f0fd 50%,#e9fbf1);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.gate-blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;animation:gate-float 9s ease-in-out infinite}.gate-blob-1{width:300px;height:300px;background:#ffd3e6;top:-60px;left:-60px}.gate-blob-2{width:260px;height:260px;background:#cfe4ff;bottom:-50px;right:-40px;animation-delay:-3s}.gate-blob-3{width:200px;height:200px;background:#d3f7e2;top:40%;left:70%;animation-delay:-6s}@keyframes gate-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.06)}}.gate-card{position:relative;z-index:1;width:100%;max-width:380px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:40px 30px 26px;box-shadow:0 20px 60px rgba(120,110,200,.18);text-align:center}.gate-emoji{font-size:46px;line-height:1;margin-bottom:6px}.gate-emoji-float{display:inline-block;animation:gate-bob 3s ease-in-out infinite}@keyframes gate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gate-title{margin:4px 0 6px;font-size:34px;font-weight:800;font-style:italic;letter-spacing:-1px;background:linear-gradient(90deg,#8a7bf0,#f07bc0);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub{margin:0 0 24px;font-size:14px;color:#9a8fb0}.gate-form{display:flex;flex-direction:column;gap:14px;text-align:left}.gate-field,.gate-label{display:block}.gate-label{font-size:13px;font-weight:600;color:#7d7390;margin:0 0 6px 6px}.gate-input{width:100%;box-sizing:border-box;padding:14px 16px;font-size:16px;color:#4a4258;background:#fff;border:1.5px solid #eee6f5;border-radius:16px;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.gate-input::placeholder{color:#cbc3d8}.gate-input:focus{border-color:#b8a5f5;box-shadow:0 0 0 4px rgba(184,165,245,.18)}.gate-btn{margin-top:8px;width:100%;padding:15px;border:none;border-radius:16px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#8a7bf0,#f07bc0);cursor:pointer;font-family:inherit;box-shadow:0 10px 24px rgba(160,120,240,.35);transition:transform .15s,box-shadow .2s,opacity .2s;-webkit-tap-highlight-color:transparent}.gate-btn:active{transform:scale(.97)}.gate-btn:disabled{opacity:.65;cursor:not-allowed}.gate-error{min-height:18px;margin-top:4px;font-size:13px;color:#e26a8a;text-align:center}.gate-foot{margin:22px 0 0;font-size:11px;color:#c3bad0}@media (prefers-color-scheme:dark){.gate-root{background:linear-gradient(160deg,#1c1626,#141a26 50%,#12211c)}.gate-card{background:rgba(28,26,38,.78);border-color:rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.5)}.gate-sub{color:#6f6880}.gate-label{color:#9a92ac}.gate-input{background:#241f31;border-color:#352c44;color:#ece7f5}.gate-input::placeholder{color:#5d5470}.gate-input:focus{border-color:#8a7bf0;box-shadow:0 0 0 4px rgba(138,123,240,.2)}.gate-foot{color:#554f66}}