:root{--bg:#f6f8ff;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#4f46e5}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--text);font-family:var(--font-geist-sans),"PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#818cf82e,#0000 24%),linear-gradient(#f8faff 0%,#fdf7ff 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1120px,100% - 32px);margin:0 auto}.page-shell{padding:32px 0 48px}.hero,.nav-card,.stat-card,.theme-card,.panel{background:#ffffffdb;border:1px solid #ffffffbf;border-radius:28px;box-shadow:0 20px 48px #0f172a14}.hero{padding:32px}.eyebrow,.chip{color:var(--primary);background:#4f46e51f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero h1{margin:16px 0 12px;font-size:48px;line-height:1.04}.hero p,.nav-card span,.theme-card span,.panel span,.stat-card span,.field label{color:var(--muted);line-height:1.7}.link-row,.card-grid,.stat-grid,.stack{gap:16px;display:grid}.link-row,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.nav-card,.stat-card,.theme-card,.panel{padding:20px}.nav-card strong,.theme-card strong,.panel strong{font-size:18px;display:block}.stat-card strong{color:var(--primary);font-size:28px}.section-title{margin:32px 0 16px;font-size:24px;font-weight:900}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.button-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#9333ea);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;display:inline-flex}.button.secondary{color:var(--primary);background:#4f46e514;border:1px solid #4f46e529}.field{gap:8px;display:grid}.field input,.field textarea{background:#fff;border:1px solid #94a3b852;border-radius:16px;width:100%;padding:14px 16px}@media (max-width:860px){.link-row,.card-grid,.stat-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.top-bar{flex-direction:column;align-items:flex-start}}