:root{--brand:#c8161d;--brand-soft:#fff1f1;--wx-green:#07c160;--bg:#fff8f6;--bg-white:#fff;--text:#1a1a1a;--text-2:#6b7280;--text-3:#9ca3af;--line:#f3f4f6;--fill:#f7f8fa;--fill-2:#f3f4f6;--radius-page:0;--safe-bottom:env(safe-area-inset-bottom,0px);--tab-h:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;color:var(--text);background:#111;margin:0;font-family:Noto Sans SC,system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}.app-root{background:var(--bg-white);justify-content:center;min-height:100dvh;display:flex}.page{background:var(--bg-white);width:100%;max-width:none;min-height:100dvh;margin:0;position:relative;overflow:hidden}.page--warm{background:var(--bg)}.page--dark{color:#fff;background:#0b0f19}.page-body{padding:0 20px 24px}.page-body--tab{padding-bottom:calc(var(--tab-h) + 16px + var(--safe-bottom))}.btn{cursor:pointer;border-radius:25px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.btn--block{width:100%}.btn--brand{background:var(--brand);color:#fff}.btn--wx{background:var(--wx-green);color:#fff}.btn--ghost{background:var(--fill-2);color:var(--text)}.btn--outline{color:var(--text);background:#fff;box-shadow:inset 0 0 0 1px #d1d5db}.field{background:var(--fill);border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.field input{min-width:0;color:var(--text);flex:1}.field input::placeholder{color:var(--text-3)}.muted{color:var(--text-3);font-size:12px}.card{background:#fff;border-radius:16px;overflow:hidden}.card--pad{padding:16px}