@charset "UTF-8";:root{--c-primary: #cd9b55;--c-primary-2: #eacea1;--c-primary-deep: #ab9c85;--c-primary-soft: rgba(205, 155, 85, .12);--c-primary-glow: rgba(205, 155, 85, .35);--c-gold: #f0e07a;--c-gold-deep: #ab9c85;--c-bg: #1a1d22;--c-bg-elev: #21252b;--c-bg-elev2: #262b32;--c-bg-card: #1f2329;--c-bg-input: #15181c;--c-bg-hover: rgba(255, 255, 255, .04);--c-text: #f5f5f7;--c-text-soft: #c7c7cc;--c-text-mute: #8e8e93;--c-text-dim: #5a5a60;--c-border: #2a2f36;--c-border-strong: #3a3f48;--c-border-gold: rgba(205, 155, 85, .4);--c-success: #34c759;--c-warning: #ff9f0a;--c-danger: #ff453a;--c-info: #0a84ff;--grad-brand: linear-gradient(135deg, #cd9b55 0%, #eacea1 100%);--grad-brand-soft: linear-gradient(135deg, rgba(205, 155, 85, .18) 0%, rgba(234, 206, 161, .18) 100%);--grad-gold: linear-gradient(135deg, #f0e07a 0%, #eacea1 100%);--grad-card: linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, transparent 100%);--grad-glow: radial-gradient(circle at 30% 0%, rgba(205, 155, 85, .1), transparent 50%), radial-gradient(circle at 70% 100%, rgba(240, 224, 122, .05), transparent 60%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-gold: 0 4px 16px rgba(205, 155, 85, .2);--shadow-glow: 0 0 0 1px rgba(205, 155, 85, .4), 0 4px 16px rgba(205, 155, 85, .3);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 999px;--header-h: 56px;--tabbar-h: 64px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--d-fast: .15s;--d-mid: .25s;--d-slow: .4s}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background-color:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Hiragino Sans GB,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;background-image:var(--grad-glow);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;-webkit-appearance:none;appearance:none}img{display:block;max-width:100%}ul,ol{list-style:none}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.01em}::selection{background:#cd9b5566;color:#fff}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cd9b5540;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#cd9b5580}.container{width:100%;max-width:750px;margin:0 auto;padding:0 var(--sp-4)}.text-grad{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gold{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass{background:#1a1d22bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--r-md);font-weight:600;font-size:14px;transition:all var(--d-fast) var(--ease-out);white-space:nowrap;user-select:none;border:1px solid transparent}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-gold)}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #cd9b5526}.btn-gold{background:var(--grad-gold);color:#4a3a18;font-weight:700;box-shadow:0 4px 14px #f0e07a40}.btn-gold:active{transform:scale(.97)}.btn-ghost{background:#ffffff0d;color:var(--c-text-soft);border:1px solid var(--c-border-strong)}.btn-ghost:active{background:#ffffff1a}.btn-block{width:100%}.btn-lg{padding:14px 24px;font-size:16px;border-radius:var(--r-lg)}.fade-enter-active,.fade-leave-active{transition:opacity var(--d-mid) var(--ease-out),transform var(--d-mid) var(--ease-out)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeInUp var(--d-slow) var(--ease-out) both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s linear infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 1px #cd9b5566,0 0 8px #cd9b5559}50%{box-shadow:0 0 0 1px #eacea180,0 0 12px #eacea173}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c-primary);animation:pulseGlow 1.6s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 16px;color:var(--c-text-mute);text-align:center}.empty-state .em-icon{font-size:56px;filter:grayscale(.4);opacity:.4}.empty-state .em-text{font-size:14px;letter-spacing:.02em}.surface{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.charge-tag{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:var(--r-xs);font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.charge-tag.free{background:#34c759d9;color:#fff}.charge-tag.vip{background:linear-gradient(135deg,#f0e07a,#cd9b55);color:#2a1d05}.charge-tag.single{background:#000000b3;color:var(--c-gold);border:1px solid rgba(240,224,122,.4)}@keyframes spin{to{transform:rotate(360deg)}}.loader{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--c-primary);animation:spin .6s linear infinite}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}