:root{--bg0: #070722;--bg1: #0b1232;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .58);--line: rgba(255, 255, 255, .12);--card: rgba(255, 255, 255, .08);--card2: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .38);--primary: #38bdf8;--primary2: #22c55e;--danger: #fb7185;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.5;font-weight:460;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(900px 520px at 15% 18%,rgba(56,189,248,.18),transparent 55%),radial-gradient(820px 520px at 82% 22%,rgba(34,197,94,.16),transparent 62%),radial-gradient(820px 520px at 60% 92%,rgba(232,121,249,.12),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.page{position:relative;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--text)}.bg{position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;background:radial-gradient(1400px 900px at 50% 0%,rgba(255,255,255,.05),transparent 65%),radial-gradient(680px 420px at 8% 40%,rgba(56,189,248,.2),transparent 65%),radial-gradient(820px 520px at 92% 35%,rgba(34,197,94,.18),transparent 62%);filter:blur(0px);transform:translateZ(0)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 0);background-size:3px 3px;opacity:.35;mix-blend-mode:overlay}.wrap{position:relative;z-index:1;min-height:100%;max-width:1180px;margin:0 auto;padding:28px 18px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}.left{padding:14px 6px}.brand{display:flex;align-items:center;gap:14px}.mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(56,189,248,.26),rgba(34,197,94,.18));border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.markDot{border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.12))}.title{font-size:26px;font-weight:900;letter-spacing:3px}.subtitle{color:var(--muted);font-size:13px;margin-top:2px}.hero{margin-top:26px;max-width:560px}.heroTitle{font-size:40px;font-weight:950;letter-spacing:.5px;line-height:1.08}.heroDesc{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.8}.badge{margin-top:18px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px #00000047;color:#ffffffdb;font-size:13px}.tips{margin-top:24px;max-width:560px;padding:16px;border-radius:18px;background:var(--card2);border:1px solid var(--line)}.tipsTitle{font-weight:900;letter-spacing:.5px;margin-bottom:8px}.tipsItem{color:var(--muted2);font-size:13px;line-height:1.75}.right{display:flex;justify-content:center}.card{width:100%;max-width:460px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 70px #0000007a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px}.cardHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cardTitle{font-weight:900;letter-spacing:.5px;font-size:16px}.cardMeta{font-size:12px;color:var(--muted2)}.error{margin-top:12px;border-radius:14px;padding:10px 12px;background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.25);color:#ffffffeb;font-size:13px}.grid{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px}.panel{border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);padding:14px}.panelTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.panelTitle{font-weight:900;font-size:14px}.panelTag{font-size:11px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#ffffffc2}.panelDesc{margin-top:8px;color:var(--muted2);font-size:13px;line-height:1.65}.panelActions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#ffffffeb;font-size:14px;font-weight:850;letter-spacing:.2px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 44px #0006;border-color:#ffffff38}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{border-color:#38bdf873;background:linear-gradient(135deg,rgba(56,189,248,.32),rgba(34,197,94,.26))}.btn.ghost{background:rgba(255,255,255,.04)}.warn{margin-top:10px;color:#ffffffb3;font-size:12px}.footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.footLine{display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:12px;line-height:1.6}.footLine.small{margin-top:6px;color:#ffffff8c}.dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(56,189,248,.2));border:1px solid rgba(255,255,255,.22)}.plat{color:#ffffffe6}.toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);color:#ffffffeb;box-shadow:0 18px 50px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px}@media (max-width: 980px){.wrap{grid-template-columns:1fr;align-items:start;padding-top:22px}.heroTitle{font-size:34px}.left{padding:6px 4px}}@media (max-width: 420px){.panelActions{grid-template-columns:1fr}.heroTitle{font-size:30px}}