:root{
  --bg:#fff0f3;
  --bg-soft:#fffafb;
  --card:#ffffff;
  --text:#1d1d1d;
  --muted:#5c6b73;
  --line:#ffccd5;
  --accent:#ff0054;
  --accent-2:#ff4d6d;
  --btn-dark:#590d22;
  --btn-text:#ffffff;
  --shadow:0 12px 28px rgba(255,117,143,0.1);
  --radius:16px;
}

body{
  background:
    radial-gradient(1200px 540px at 100% -120px,rgba(255,0,84,0.06) 0,rgba(255,0,84,0) 60%),
    radial-gradient(980px 520px at -140px 0,rgba(255,75,110,0.05) 0,rgba(255,75,110,0) 58%),
    linear-gradient(180deg,#fffafb 0%,#fff0f3 42%,#ffe5ec 100%);
  color: var(--text);
}

.site-header{
  background:rgba(255,252,253,0.92);
  border-bottom:1px solid var(--line);
}

.top-nav a{
  color: var(--text);
  font-weight: 500;
}
.top-nav a:hover{
  background:#ffe0e6;
  color:var(--accent);
}

.nav-toggle{
  background:#fff0f3;
  border-color:#ffb3c1;
  color:var(--text);
}

.btn-primary{
  background: var(--btn-dark);
  color: var(--btn-text) !important;
  box-shadow: 0 4px 14px rgba(89,13,34,0.22);
  border: 0;
  border-radius: 999px;
  transition: all 0.2s ease;
}
.btn-primary:hover{
  background: #7a1230;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(89,13,34,0.3);
}

.btn-ghost{
  background:#fff5f7;
  border-color:var(--line);
  color:#590d22;
  border-radius: 999px;
}

.home-hero{
  border:1px solid var(--line);
  background:
    radial-gradient(500px 320px at 100% 0,rgba(255,0,84,0.08) 0,rgba(255,0,84,0) 72%),
    linear-gradient(145deg,#ffffff 0%,#fffcfc 58%,#fff0f3 100%);
  border-radius: var(--radius);
}
.home-hero h1{
  color: var(--text);
  font-weight: 800;
}
.home-hero p{
  color: var(--muted);
}

.hero-seo-intro{
  border-color:var(--line);
  background: #fff;
  border-radius: 14px;
}
.hero-seo-intro h2{color:var(--text)}
.hero-seo-intro p{color:var(--muted)}

.hero-chip-link{
  border-color:var(--line);
  background:#fff;
  color:var(--text);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
}
.hero-chip-link:hover{
  background:#fff0f3;
  color:var(--accent);
  border-color: var(--accent);
}

.stat-box{
  border-color:var(--line);
  background:#fff;
  border-radius: 14px;
}
.stat-box strong{
  color:var(--btn-dark);
}

.card{
  border:1px solid #ffccd5;
  background:#fff;
  box-shadow: var(--shadow);
  border-radius: 18px;
}
.card:hover{
  border-color:var(--accent-2);
}
.card h3 a{
  color: var(--text);
  font-weight: 700;
}
.card h3 a:hover{
  color:var(--accent);
}
.card-link{
  border-color:var(--line);
  background:var(--btn-dark);
  color:var(--btn-text) !important;
  font-size: 13px;
  font-weight: 600;
}

.tag-item{
  border-color:var(--line);
  background:#fff;
  color:var(--text);
  border-radius: 999px;
}
.tag-item small{
  color:var(--muted);
}

.site-footer{
  border-top:1px solid var(--line);
  color:var(--muted);
  background: #fff;
}
.footer-content a,
.footer-tags-list a{
  color:var(--btn-dark);
  font-weight: 600;
}

.scroll-top-btn{
  border-color:var(--line);
  background:var(--btn-dark);
  color:var(--btn-text);
  border-radius: 999px;
}