:root{--bg-primary: #f5f7fb;--bg-primary-rgb: 245, 247, 251;--bg-secondary: #ffffff;--bg-secondary-rgb: 255, 255, 255;--bg-card: #ffffff;--bg-card-hover: #eef2f8;--bg-input: #f5f7fb;--text-primary: #171b26;--text-secondary: #596273;--text-muted: #8891a1;--accent-primary: #e6a817;--accent-primary-rgb: 230, 168, 23;--accent-secondary: #c48c14;--accent-secondary-rgb: 196, 140, 20;--accent-hover: #f0b830;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #f59e0b;--danger: #ef4444;--danger-hover: #f25a5a;--info: #3b82f6;--border-color: #d7deea;--border-light: #c3cddd;--surface-soft: rgba(15, 23, 42, .05);--surface-soft-strong: rgba(15, 23, 42, .08);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .18);color-scheme:light}:root[data-theme=dark]{--bg-primary: #0a0a0f;--bg-primary-rgb: 10, 10, 15;--bg-secondary: #12121a;--bg-secondary-rgb: 18, 18, 26;--bg-card: #1a1a26;--bg-card-hover: #222233;--bg-input: #16161f;--text-primary: #e8e8ee;--text-secondary: #9999aa;--text-muted: #666677;--accent-primary: #e6a817;--accent-primary-rgb: 230, 168, 23;--accent-secondary: #c48c14;--accent-secondary-rgb: 196, 140, 20;--accent-hover: #f0b830;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #f59e0b;--danger: #ef4444;--danger-hover: #f25a5a;--info: #3b82f6;--border-color: #2a2a3a;--border-light: #333344;--surface-soft: rgba(255, 255, 255, .05);--surface-soft-strong: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary: #0a0a0f;--bg-primary-rgb: 10, 10, 15;--bg-secondary: #12121a;--bg-secondary-rgb: 18, 18, 26;--bg-card: #1a1a26;--bg-card-hover: #222233;--bg-input: #16161f;--text-primary: #e8e8ee;--text-secondary: #9999aa;--text-muted: #666677;--accent-primary: #e6a817;--accent-primary-rgb: 230, 168, 23;--accent-secondary: #c48c14;--accent-secondary-rgb: 196, 140, 20;--accent-hover: #f0b830;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #f59e0b;--danger: #ef4444;--danger-hover: #f25a5a;--info: #3b82f6;--border-color: #2a2a3a;--border-light: #333344;--surface-soft: rgba(255, 255, 255, .05);--surface-soft-strong: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:clip}#app{min-width:0;overflow-x:clip}a{color:var(--accent-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.page{padding-top:32px;padding-bottom:48px;min-height:calc(100vh - 264px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#000}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-primary));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .15s ease}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-gold{background:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary)}.badge-free{background:rgba(var(--success-rgb),.15);color:var(--success)}.badge-vip{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1200px){.grid-5{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.divider{border:none;border-top:1px solid var(--border-color);margin:24px 0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}