:root{color-scheme:dark;--accent-300: #d3a0f6;--accent-400: #ca82f3;--accent-500: #bf5af2;--accent-600: #a63fe0;--accent-700: #8e34cb;--accent-soft: rgba(191, 90, 242, .15);--accent-softer: rgba(191, 90, 242, .08);--accent-border: rgba(191, 90, 242, .4);--green-50: rgba(50, 215, 75, .1);--green-100: rgba(50, 215, 75, .16);--green-200: rgba(50, 215, 75, .26);--green-300: #7ce592;--green-400: #4ade68;--green-500: #32d74b;--green-600: #34c94c;--green-700: #5fe075;--green-800: #7ce88f;--felt-700: #163020;--felt-900: #0d1e13;--gold-200: #fae9c2;--gold-300: #f5d07b;--gold-500: #d6a23e;--gold-600: #c5973c;--on-gold: #4a3609;--bg: #121214;--surface: #1c1c1f;--surface-2: #232327;--surface-3: #2c2c2e;--surface-sunken: #141416;--text: #ffffff;--text-muted: #9a9aa1;--text-faint: #6c6c73;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--overlay: rgba(0, 0, 0, .62);--success: #32d74b;--success-soft: rgba(50, 215, 75, .14);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .14);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .14);--on-warning: #ffca7a;--info: #0a84ff;--info-soft: rgba(10, 132, 255, .16);--suit-spade: #1a1f1c;--suit-heart: #ff453a;--suit-diamond: #5a9cff;--suit-club: #32d74b;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .42);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(191, 90, 242, .35);--glow-accent: 0 4px 16px rgba(191, 90, 242, .4);--glow-gold: 0 2px 14px rgba(245, 208, 123, .32);--grad-brand: linear-gradient(135deg, #bf5af2 0%, #8e34cb 100%);--grad-gold: linear-gradient(135deg, #f5d07b 0%, #c5973c 100%);--grad-felt: linear-gradient(160deg, #163020 0%, #0d1e13 100%);--grad-card: linear-gradient(145deg, #1f1f24 0%, #17171b 100%);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--fz-xs: 12px;--fz-sm: 13px;--fz-base: 15px;--fz-md: 16px;--fz-lg: 18px;--fz-xl: 22px;--fz-2xl: 28px;--page-max: 560px;--page-max-wide: 940px;--header-h: 56px;--tabbar-h: 60px;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fz-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh;min-height:100dvh}a{color:var(--accent-300);text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--fz-md)}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-4)}.page--wide{max-width:var(--page-max-wide)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.card+.card{margin-top:var(--sp-4)}.glow-card{position:relative;overflow:hidden;background:var(--grad-card)}.glow-card:before{content:"";position:absolute;top:-46px;right:-46px;width:132px;height:132px;border-radius:50%;background:var(--grad-brand);filter:blur(50px);opacity:.22;pointer-events:none}.section-title{font-size:var(--fz-md);font-weight:700;margin-bottom:var(--sp-2)}.section-title+.muted{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-md);font-size:var(--fz-md);font-weight:600;color:var(--text);background:var(--surface-2);cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--primary{color:#fff;background:var(--grad-brand);box-shadow:var(--glow-accent)}.btn--gold{color:var(--on-gold);background:var(--grad-gold);box-shadow:var(--glow-gold)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn--danger{color:#fff;background:var(--danger)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fz-sm)}.field{margin-bottom:var(--sp-4)}.field__label{display:block;margin-bottom:var(--sp-2);font-size:var(--fz-sm);font-weight:600;color:var(--text-muted)}.field__label .req{color:var(--danger);margin-left:2px}.input,.select{width:100%;min-height:46px;padding:0 var(--sp-4);background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus{border-color:var(--accent-500);box-shadow:var(--ring)}.input::placeholder{color:var(--text-faint)}.field__hint{margin-top:var(--sp-2);font-size:var(--fz-xs);color:var(--text-faint)}.field__error{margin-top:var(--sp-2);font-size:var(--fz-xs);color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fz-xs);font-weight:600;line-height:1.4}.badge--active{color:var(--green-700);background:var(--success-soft)}.badge--expired{color:var(--danger);background:var(--danger-soft)}.badge--gold{color:var(--gold-300);background:#f5d07b29}.badge--neutral{color:var(--text-muted);background:var(--surface-3)}.badge--info{color:var(--info);background:var(--info-soft)}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--gap{gap:var(--sp-3)}.stack>*+*{margin-top:var(--sp-3)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.text-sm{font-size:var(--fz-sm)}.text-center{text-align:center}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.hide-mobile{display:none}@media (min-width: 720px){.hide-mobile{display:revert}.hide-desktop{display:none}}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-faint)}.empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--sp-3);border-radius:var(--r-lg);background:var(--surface-2);color:var(--text-faint)}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-400);flex-shrink:0}.icon-chip--success{background:var(--success-soft);color:var(--success)}.icon-chip--danger{background:var(--danger-soft);color:var(--danger)}.icon-chip--gold{background:#f5d07b24;color:var(--gold-300)}.icon-chip--info{background:var(--info-soft);color:var(--info)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.loading-bar{position:fixed;top:0;left:0;height:3px;width:100%;z-index:1000;background:linear-gradient(90deg,var(--accent-500),var(--gold-300));transform-origin:left;animation:loading-slide 1s ease-in-out infinite}@keyframes loading-slide{0%{transform:scaleX(.05);opacity:.7}50%{transform:scaleX(.7);opacity:1}to{transform:scaleX(1);opacity:.5}}.toast{position:fixed;left:50%;bottom:calc(var(--sp-8) + env(safe-area-inset-bottom,0));transform:translate(-50%);z-index:1100;max-width:86vw;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:#28282ef5;color:#fff;font-size:var(--fz-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast--error{background:#ff453af2;border-color:transparent}.toast--success{background:#32d74bf0;color:#08210f;border-color:transparent}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .25s ease,transform .25s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,8px)}