:root{--ink:#0f172a;--muted:#64748b;--primary:#5b5ce2;--cyan:#16c7d9}
body{background:#f5f7fb;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.nav-glass{background:rgba(15,23,42,.92);backdrop-filter:blur(14px)}
.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#7c5cff);margin-right:9px;box-shadow:0 0 14px #16c7d9}
.hero{background:radial-gradient(circle at 75% 20%,rgba(22,199,217,.25),transparent 28%),linear-gradient(135deg,#0b1020,#171d3b 55%,#302b63);color:#fff;border-radius:28px;padding:70px 8%;overflow:hidden}
.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);letter-spacing:-.04em}
.hero p{color:#cbd5e1;max-width:680px}
.glass-card,.card{border:0;border-radius:20px;box-shadow:0 12px 40px rgba(15,23,42,.07)}
.glass-card{background:rgba(255,255,255,.92);padding:24px}
.service-card{transition:.2s;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(15,23,42,.12)}
.cover{height:180px;object-fit:cover;background:linear-gradient(135deg,#1e293b,#6366f1)}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e2e8f0}
.price{color:#e11d48;font-weight:800;font-size:1.35rem}.muted{color:var(--muted)}
.footer{background:#0f172a;color:#94a3b8}.stat{padding:22px}.stat b{font-size:2rem}.table td,.table th{vertical-align:middle}
.btn-primary{background:#5b5ce2;border-color:#5b5ce2}.btn-primary:hover{background:#4748c8;border-color:#4748c8}
