*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--bg:#fdf2f8;--surface:#fff;--surface-2:#fce7f3;--nav-bg:rgba(253,242,248,.92);--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#88a;--accent:#ec4899;--accent-2:#6366f1;--accent-bg:rgba(236,72,153,.1);--border:#f0e6ee;--shadow:rgba(0,0,0,.06);--gradient-1:linear-gradient(135deg,#ec4899,#f472b6 35%,#818cf8 70%,#6366f1);--gradient-2:linear-gradient(135deg,#fdf2f8,#eef2ff);--ai-glow:rgba(236,72,153,.15)}[data-theme=dark]{--bg:#0d0a14;--surface:#16121f;--surface-2:#1e1a2a;--nav-bg:rgba(13,10,20,.92);--text-primary:#f0e8f8;--text-secondary:#9898b8;--text-muted:#668;--accent:#f472b6;--accent-2:#a5b4fc;--accent-bg:rgba(244,114,182,.12);--border:#2a2035;--shadow:rgba(0,0,0,.4);--gradient-1:linear-gradient(135deg,#ec4899,#f472b6 35%,#818cf8 70%,#6366f1);--gradient-2:linear-gradient(135deg,#16121f,#1a1535);--ai-glow:rgba(244,114,182,.25)}[data-theme=ai]{--bg:#050810;--surface:#0a0d1e;--surface-2:#0f1225;--nav-bg:rgba(5,8,16,.92);--text-primary:#e0e8ff;--text-secondary:#89c;--text-muted:#45a;--accent:#38bdf8;--accent-2:#c084fc;--accent-bg:rgba(56,189,248,.08);--border:#1a2240;--shadow:rgba(56,189,248,.05);--gradient-1:linear-gradient(135deg,#ec4899,#f472b6 30%,#818cf8 65%,#6366f1);--gradient-2:linear-gradient(135deg,#050810,#0a1535);--ai-glow:rgba(56,189,248,.25)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.7;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.85}.container{max-width:1280px;margin:0 auto;padding:0 40px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;text-decoration:none;letter-spacing:.5px}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 16px var(--ai-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--ai-glow);opacity:1}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-outline:hover{background:var(--accent-bg);opacity:1}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 4px 20px var(--shadow);transition:all .3s}.card:hover{border-color:var(--accent);box-shadow:0 8px 32px var(--ai-glow)}.section-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:8px}.section-title{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:1px;margin-bottom:4px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;border:1px solid var(--border);color:var(--accent);background:var(--accent-bg)}.badge-dark{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}.ai-glow{position:relative}.ai-glow:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-1);opacity:0;z-index:-1;transition:opacity .3s;filter:blur(8px)}.ai-glow:hover:after{opacity:.4}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:24px;gap:24px}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}@media (max-width:768px){.container{padding:0 20px}.hide-mobile{display:none!important}}