:root{--bg0:#0A0705;--bg1:#130B07;--ink:#FFF3D9;--muted:rgba(255,243,217,.72);--hair:rgba(255,243,217,.14);--card0:rgba(14,10,8,.72);--card1:rgba(28,18,12,.64);--gold:#F6C86A;--amber:#FFB454;--ruby:#FF5F77;--emerald:#37F2B5;--ink2:#23150F;--shadow: 0 26px 90px rgba(0,0,0,.58);--r:22px;--ring: 0 0 0 1px rgba(246,200,106,.24), 0 0 0 6px rgba(246,200,106,.1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(1000px 720px at 15% -10%,rgba(246,200,106,.22),transparent 55%),radial-gradient(860px 620px at 110% 15%,rgba(55,242,181,.12),transparent 58%),radial-gradient(820px 560px at 50% 120%,rgba(255,95,119,.1),transparent 62%),linear-gradient(165deg,var(--bg0),var(--bg1));font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100svh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(1px 1px at 14% 22%,rgba(246,200,106,.5),transparent 3px),radial-gradient(1px 1px at 64% 18%,rgba(55,242,181,.34),transparent 3px),radial-gradient(1px 1px at 76% 58%,rgba(255,95,119,.3),transparent 3px),radial-gradient(1px 1px at 32% 74%,rgba(255,180,84,.3),transparent 3px),repeating-linear-gradient(115deg,rgba(255,243,217,.06),rgba(255,243,217,.06) 1px,transparent 1px,transparent 54px),repeating-linear-gradient(25deg,rgba(255,243,217,.035),rgba(255,243,217,.035) 1px,transparent 1px,transparent 34px);transform:rotate(6deg);opacity:.22;pointer-events:none;filter:blur(.25px)}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 760px at 50% 16%,#0000,#00000085),radial-gradient(520px 240px at 50% 92%,rgba(0,0,0,.42),transparent 62%);pointer-events:none}.card{width:min(420px,92vw);border-radius:var(--r);background:radial-gradient(900px 320px at 50% -10%,rgba(246,200,106,.14),transparent 58%),linear-gradient(180deg,var(--card0),var(--card1));box-shadow:var(--shadow);border:1px solid rgba(255,243,217,.1);position:relative;overflow:hidden;padding:18px 18px 16px;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(960px 220px at 16% 0%,rgba(246,200,106,.16),transparent 52%),radial-gradient(860px 220px at 105% 12%,rgba(55,242,181,.1),transparent 58%),linear-gradient(180deg,#00000038,#0000 60%);pointer-events:none}.card:after{content:"";position:absolute;left:-36%;top:-50%;width:176%;height:160%;background:conic-gradient(from 210deg,transparent,rgba(246,200,106,.12),transparent,rgba(255,180,84,.1),transparent,rgba(55,242,181,.08),transparent);filter:blur(22px);opacity:.4;transform:rotate(-9deg);pointer-events:none}.head{position:relative;z-index:1;padding:6px 2px 10px}.badge{width:100%;height:24px;display:flex;align-items:center;gap:10px}.coin{width:18px;height:18px;border-radius:999px;background:radial-gradient(9px 9px at 35% 35%,rgba(255,255,255,.55),transparent 55%),radial-gradient(20px 18px at 60% 70%,rgba(0,0,0,.2),transparent 62%),linear-gradient(180deg,#ffe7b0,#f3b84e);box-shadow:0 0 0 6px #f6c86a1f,0 10px 30px #f6c86a2e;border:1px solid rgba(0,0,0,.2)}.gem{width:18px;height:18px;border-radius:6px;transform:rotate(10deg);background:radial-gradient(10px 10px at 30% 25%,rgba(255,255,255,.48),transparent 60%),linear-gradient(145deg,#37f2b5f2,#37f2b547);box-shadow:0 0 0 6px #37f2b51a,0 12px 30px #37f2b51f;border:1px solid rgba(255,255,255,.1)}.seal{margin-left:auto;font-size:12px;letter-spacing:1.2px;padding:6px 10px;border-radius:999px;background:radial-gradient(90px 30px at 35% 30%,rgba(255,255,255,.22),transparent 70%),linear-gradient(180deg,#f6c86a47,#f6c86a1f);border:1px solid rgba(246,200,106,.22);color:#fff3d9e6;text-transform:uppercase}.title{margin:8px 0 6px;display:grid;gap:4px;line-height:1.05}.titleTop{font-family:STKaiti,KaiTi,Kaiti SC,STSong,Songti SC,SimSun,serif;font-weight:700;font-size:14px;letter-spacing:3px;color:#fff3d9b8}.titleMain{font-family:STKaiti,KaiTi,Kaiti SC,STSong,Songti SC,SimSun,serif;font-weight:800;font-size:32px;letter-spacing:1px;text-shadow:0 10px 28px rgba(0,0,0,.4)}.subtitle{margin:0;color:var(--muted);font-size:13px;letter-spacing:.25px;line-height:1.5}.form{position:relative;z-index:1;display:grid;gap:12px;padding-top:10px}.field{display:grid;gap:8px}.label{font-size:13px;color:#fff3d9cc;letter-spacing:.2px}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.input{width:100%;height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,243,217,.12);background:radial-gradient(140px 60px at 20% 30%,rgba(246,200,106,.08),transparent 70%),#08060580;color:#fff3d9f0;outline:none;font-size:16px;letter-spacing:.2px;box-shadow:inset 0 0 0 1px #0000001a}.input::placeholder{color:#fff3d96b}.input:focus{border-color:#f6c86a61;box-shadow:var(--ring)}.ghost{height:48px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,243,217,.14);background:radial-gradient(120px 60px at 20% 35%,rgba(255,180,84,.14),transparent 70%),#fff3d90f;color:#fff3d9db;font-size:14px;letter-spacing:.2px}.ghost:active{transform:translateY(1px)}.captcha{height:48px;padding:0 12px;border-radius:14px;border:1px dashed rgba(246,200,106,.36);background:radial-gradient(120px 70px at 25% 25%,rgba(246,200,106,.18),transparent 70%),radial-gradient(120px 70px at 80% 70%,rgba(55,242,181,.1),transparent 70%),#fff3d90f;color:#fff3d9e6;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.captcha:active{transform:translateY(1px)}.captchaCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:18px;letter-spacing:2px;padding:8px 10px;border-radius:12px;background:radial-gradient(90px 40px at 28% 30%,rgba(255,255,255,.2),transparent 70%),#0003;border:1px solid rgba(255,243,217,.1)}.captchaHint{font-size:12px;color:#fff3d9b8;letter-spacing:.4px;white-space:nowrap}.msg{margin:2px 0 0;min-height:18px;color:#fff3d9c7;font-size:13px;letter-spacing:.2px}.msg.bad{color:#ff5f77f5}.msg.ok{color:#37f2b5eb}.msg.warn{color:#ffb454f2}.primary{margin-top:2px;height:52px;border-radius:16px;border:1px solid rgba(246,200,106,.22);background:radial-gradient(240px 110px at 20% 30%,rgba(255,255,255,.22),transparent 65%),radial-gradient(240px 120px at 85% 70%,rgba(55,242,181,.12),transparent 72%),linear-gradient(180deg,#f6c86a7a,#f6c86a33);color:var(--ink2);font-size:16px;letter-spacing:.6px;font-weight:780;box-shadow:0 18px 44px #00000059,0 0 0 6px #f6c86a12;position:relative}.primary:active{transform:translateY(1px)}.primary[disabled]{opacity:.65;transform:none}.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(115deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-50%);opacity:.55;pointer-events:none;animation:glint 4.8s ease-in-out infinite}.primary[disabled]:after{animation:none;opacity:.22;transform:none}.foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding-top:14px;color:#fff3d975;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.line{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,243,217,.16),transparent)}.sig{padding:6px 10px;border:1px solid rgba(255,243,217,.12);border-radius:999px;background:radial-gradient(90px 26px at 40% 30%,rgba(255,255,255,.16),transparent 70%),#0000002e}@media(max-width:360px){.card{padding:16px 14px 14px}.titleMain{font-size:29px}.row{grid-template-columns:1fr}.ghost,.captcha{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.primary:after{animation:none}}@keyframes glint{0%{transform:translate(-65%);opacity:0}16%{opacity:.6}30%{transform:translate(65%);opacity:0}to{transform:translate(65%);opacity:0}}