* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; color:#222; background:#f7f8fa; line-height:1.6; }
.container { max-width:1180px; margin:0 auto; padding:0 20px; }
.site-header { background:#fff; border-bottom:1px solid #e8e8e8; position:sticky; top:0; z-index:50; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
.site-header .container { display:flex; align-items:center; justify-content:space-between; height:64px; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo-text { font-size:22px; font-weight:700; color:#e33; }
.main-nav ul { list-style:none; display:flex; gap:6px; }
.main-nav a { display:block; padding:8px 14px; color:#444; text-decoration:none; border-radius:6px; font-size:15px; }
.main-nav a:hover { background:#fdecec; color:#e33; }
.main-nav a.active { color:#e33; font-weight:600; }
.search-form { display:flex; gap:8px; }
.search-form input { width:200px; padding:8px 12px; border:1px solid #ddd; border-radius:6px; outline:none; }
.search-form button { background:#e33; color:#fff; border:none; padding:8px 14px; border-radius:6px; cursor:pointer; }
.hero { background:linear-gradient(135deg,#2b0a1a,#7a1030 55%,#c23152); color:#fff; padding:70px 0; }
.hero h1 { font-size:38px; margin-bottom:16px; }
.hero .highlight { color:#ffb3c1; }
.hero-desc { font-size:17px; max-width:760px; color:#f5d5db; }
.hero-actions { margin-top:26px; display:flex; gap:14px; }
.btn { padding:12px 26px; border-radius:8px; text-decoration:none; font-size:15px; }
.btn-primary { background:#ff5c7a; color:#fff; }
.btn-outline { border:1px solid rgba(255,255,255,.6); color:#fff; }
.features-section { padding:60px 0; }
.section-title { text-align:center; margin-bottom:36px; }
.section-title h2 { font-size:28px; margin-bottom:8px; }
.section-title p { color:#888; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:20px; }
.feature-card { background:#fff; border:1px solid #eee; border-radius:12px; padding:28px 22px; text-align:center; transition:.2s; }
.feature-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.feature-icon { font-size:34px; margin-bottom:12px; }
.feature-card h3 { margin-bottom:8px; }
.feature-card p { color:#777; font-size:14px; }
.page-hero { background:#7a1030; color:#fff; padding:44px 0; }
.section { padding:50px 0; background:#fff; }
.site-footer { background:#222; color:#aaa; padding:26px 0; text-align:center; font-size:14px; }
.ad-slot { max-width:1180px; margin:30px auto; padding:26px; text-align:center; border:2px dashed #ccc; border-radius:10px; color:#999; background:#fff; }
.mobile-menu-btn { display:none; }
@media (max-width:768px){ .main-nav { display:none; } .search-form input{ width:130px; } .hero h1{ font-size:26px; } }