:root{--color-primary: #e63946;--color-primary-dark: #c1121f;--color-primary-light: #ffe5e7;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-text: #1d3557;--color-text-muted: #6c757d;--color-text-soft: #9aa3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-success: #2a9d8f;--color-success-light: #d4edda;--color-danger: #e63946;--color-danger-light: #f8d7da;--color-warning: #f4a261;--color-warning-light: #fff3cd;--color-info: #4361ee;--color-info-light: #d1ecf1;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .12);--shadow-primary: 0 8px 24px rgba(230, 57, 70, .25);--gradient-primary: linear-gradient(135deg, #e63946 0%, #c1121f 100%);--gradient-warm: linear-gradient(135deg, #e63946 0%, #f4a261 100%);--gradient-cool: linear-gradient(135deg, #4361ee 0%, #2a9d8f 100%);--gradient-l0: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-l1: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-l2: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-l3: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--gradient-l4: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-l5: linear-gradient(135deg, #14b8a6 0%, #10b981 100%);--gradient-l6: linear-gradient(135deg, #84cc16 0%, #14b8a6 100%);--gradient-l7: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-l8: linear-gradient(135deg, #ef4444 0%, #e63946 100%);--gradient-l9: linear-gradient(135deg, #e63946 0%, #c1121f 100%);--gradient-l10: linear-gradient(135deg, #c1121f 0%, #1d3557 100%);--container-max: 1200px;--sidebar-w: 240px;--topbar-h: 56px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius);padding:10px 20px;font-size:15px;font-weight:500;transition:all var(--transition);-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #e6394640}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #e6394659;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-strong)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}input,textarea,select{font-family:inherit;font-size:15px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;outline:none;background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e639461f}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;transition:box-shadow var(--transition),transform var(--transition)}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px;width:100%}.page-title{font-size:clamp(22px,4vw,28px);font-weight:800;margin-bottom:6px;letter-spacing:-.3px;color:var(--color-text)}.page-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:14px}.section-title{font-size:clamp(16px,3vw,20px);font-weight:700;margin-bottom:16px;color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.badge-level{background:#e9ecef;color:var(--color-text)}.badge-free{background:var(--color-success-light);color:#155724}.badge-unlocked{background:var(--color-success);color:#fff;padding:2px 8px}.badge-discount{background:var(--color-warning-light);color:#856404}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-soft)}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible{outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}