:root{--brand-50: #f5f3ff;--brand-100: #ede9fe;--brand-200: #ddd6fe;--brand-300: #c4b5fd;--brand-400: #a78bfa;--brand-500: #8b5cf6;--brand-600: #7c3aed;--brand-700: #6d28d9;--brand-gradient: linear-gradient(135deg, #a78bfa 0%, #7c3aed 50%, #6366f1 100%);--bg: #f7f8fb;--bg-soft: #fafbff;--card: #ffffff;--line: #eef0f5;--line-2: #e3e6ee;--text-1: #1f2330;--text-2: #4a5168;--text-3: #8a90a3;--text-4: #b6bac8;--blue: #3b82f6;--cyan: #22d3ee;--green: #10b981;--orange: #f59e0b;--pink: #ec4899;--purple: #8b5cf6;--red: #ef4444;--yellow: #eab308;--qg-blue: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--qg-pink: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);--qg-cyan: linear-gradient(135deg, #cffafe 0%, #a5f3fc 100%);--qg-green: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);--qg-orange: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);--qg-purple: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);--qg-red: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);--qg-yellow: linear-gradient(135deg, #fef9c3 0%, #fde68a 100%);--ad-blue: linear-gradient(135deg, #c7d2fe 0%, #a5b4fc 100%);--ad-green: linear-gradient(135deg, #bbf7d0 0%, #86efac 100%);--ad-purple: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%);--ad-orange: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);--ad-red: linear-gradient(135deg, #fecaca 0%, #fca5a5 100%);--shadow-sm: 0 1px 2px rgba(20,24,40,.04);--shadow: 0 4px 14px rgba(20,24,40,.06);--shadow-md: 0 8px 24px rgba(20,24,40,.08);--shadow-lg: 0 20px 50px rgba(76,55,179,.12);--r-sm: 8px;--r: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none;padding:0;margin:0}.container{max-width:1280px;margin:0 auto;padding:0 24px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line);padding:10px}.card-flat{background:var(--card);border-radius:var(--r);border:1px solid var(--line)}.muted{color:var(--text-3)}.tiny{font-size:12px}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;background:var(--brand-gradient);color:#fff;font-weight:500;box-shadow:0 6px 16px #7c3aed40;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #7c3aed52}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-2);box-shadow:none}.btn-ghost:hover{background:var(--bg)}.btn-outline{background:#fff;color:var(--brand-600);box-shadow:none;border:1px solid var(--brand-200)}.btn-outline:hover{background:var(--brand-50)}.btn-sm{height:28px;padding:0 12px;font-size:12px;border-radius:8px}.btn-lg{height:44px;padding:0 22px;font-size:15px;border-radius:12px}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;color:var(--text-2);background:var(--bg);border:1px solid var(--line)}.chip-brand{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-100)}.chip-green{color:#047857;background:#ecfdf5;border-color:#d1fae5}.chip-orange{color:#b45309;background:#fff7ed;border-color:#ffedd5}.chip-pink{color:#be185d;background:#fdf2f8;border-color:#fce7f3}.chip-cyan{color:#0e7490;background:#ecfeff;border-color:#cffafe}.divider{height:1px;background:var(--line);margin:16px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-1);display:flex;align-items:center;gap:8px}.section-title h3:before{content:"";display:inline-block;width:4px;height:16px;border-radius:2px;background:var(--brand-gradient)}.section-title .more{font-size:12px;color:var(--text-3)}.section-title .more:hover{color:var(--brand-600)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d6dae3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8bdc9}::-webkit-scrollbar-track{background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s ease both}