:root{
  --cream:#fef3c7;
  --pink:#fbcfe8;
  --blue:#bfdbfe;
  --pink-deep:#f9a8d4;
  --blue-deep:#93c5fd;
  --ink:#5b4a52;
  --ink-soft:#8a7a82;
  --white:#fffdf8;
  --radius:24px;
  --shadow:0 12px 28px rgba(251,207,232,.45), 0 6px 14px rgba(191,219,254,.35);
}
html{scroll-behavior:smooth;}
*,*::before,*::after{
  box-sizing:border-box;
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
}
body{
  margin:0;
  background:linear-gradient(165deg,#fef3c7 0%,#fdf2f8 42%,#eff6ff 100%);
  color:var(--ink);
  font-size:16px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,253,248,.92);
  backdrop-filter:blur(12px);
  border-bottom:2px solid #fde9f3;
}
.nav-wrap{
  max-width:1180px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:#d1699f;}
.logo img{width:38px;height:38px;border-radius:14px;object-fit:cover;box-shadow:0 4px 12px rgba(251,207,232,.7);}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;}
.nav-links a{
  display:inline-block;padding:8px 15px;border-radius:999px;background:#fff;
  color:#7a5a6b;font-size:15px;font-weight:600;border:2px solid #fde9f3;transition:.25s ease;
}
.nav-links a:hover{background:var(--pink);color:#7a3f60;transform:translateY(-2px);}
.hero{
  margin-top:34px;padding:42px;border-radius:36px;
  background:linear-gradient(135deg,#fef3c7 0%,#fbcfe8 55%,#bfdbfe 100%);
  display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;
  box-shadow:var(--shadow);
}
.pill{
  display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.85);
  color:#b3548b;font-weight:700;font-size:14px;letter-spacing:.4px;
}
h1{font-size:32px;line-height:1.45;margin:16px 0 14px;color:#6b3f5c;font-weight:800;}
.hero p{margin:0 0 22px;color:#6a5560;font-size:16.5px;}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:.25s ease;}
.btn:hover{transform:translateY(-3px);}
.btn-pink{background:linear-gradient(135deg,#fbcfe8,#f9a8d4);color:#7a3f60;box-shadow:0 8px 18px rgba(249,168,212,.5);}
.btn-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#2f4d7d;box-shadow:0 8px 18px rgba(147,197,253,.5);}
.btn-ghost{background:#fffdf8;color:#8a5f76;border:2px solid #fde9f3;}
.hero-art img{border-radius:28px;box-shadow:0 16px 32px rgba(214,158,196,.35);object-fit:cover;width:100%;height:280px;}
.section{margin:56px 0;}
.section-head{margin-bottom:22px;}
.section-head h2{font-size:25px;margin:0 0 6px;color:#6b3f5c;font-weight:800;}
.section-head p{margin:0;color:var(--ink-soft);font-size:15px;}
.card{
  background:var(--white);border-radius:var(--radius);padding:24px;
  box-shadow:var(--shadow);border:2px solid #fff;transition:.28s ease;
}
.card:hover{transform:translateY(-4px);}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;}
.emoji{font-size:30px;line-height:1;}
.card h3{margin:12px 0 8px;font-size:18px;color:#6b3f5c;font-weight:800;}
.card p{margin:0;color:#7c6a72;font-size:15px;}
.geo-box{
  background:linear-gradient(135deg,#fffdf8,#fff5fa);
  border-radius:30px;padding:32px;border:2px solid #fde9f3;box-shadow:var(--shadow);
}
.geo-box p{margin:0;color:#6a5560;font-size:16px;}
.stat{text-align:center;background:linear-gradient(160deg,#fff,#fff7fb);border-radius:var(--radius);padding:22px 14px;box-shadow:var(--shadow);border:2px solid #fff;}
.stat b{display:block;font-size:28px;color:#d1699f;font-weight:800;}
.stat span{font-size:14px;color:var(--ink-soft);}
.timeline{position:relative;padding-left:26px;border-left:3px dashed #fbcfe8;}
.tl-item{margin-bottom:22px;position:relative;}
.tl-item::before{
  content:"";position:absolute;left:-36px;top:9px;width:16px;height:16px;border-radius:50%;
  background:linear-gradient(135deg,#fbcfe8,#bfdbfe);border:3px solid #fff;box-shadow:0 3px 8px rgba(249,168,212,.6);
}
.tl-item h3{margin:0 0 6px;font-size:17px;color:#6b3f5c;}
.tl-item p{margin:0;font-size:15px;color:#7c6a72;}
.tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;}
.tag-pink{background:#fce7f3;color:#b3548b;}
.tag-blue{background:#e0edff;color:#3c6499;}
.tag-cream{background:#fef3c7;color:#a97b15;}
.score-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:14px 18px;border-radius:18px;background:#fff9fc;border:2px solid #fde9f3;margin-bottom:12px;
}
.score-row strong{color:#6b3f5c;font-size:15.5px;}
.score-row .vs{font-weight:800;color:#d1699f;}
.news-card{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:2px solid #fff;margin-bottom:20px;}
.news-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.news-meta time{font-size:13.5px;color:var(--ink-soft);font-weight:600;}
.news-card h3{margin:0 0 10px;font-size:19px;color:#6b3f5c;line-height:1.55;}
.news-card p{margin:0 0 12px;color:#7c6a72;font-size:15px;}
.news-card a{color:#d1699f;font-weight:700;font-size:14.5px;}
details{
  background:var(--white);border-radius:20px;padding:18px 22px;margin-bottom:14px;
  box-shadow:0 8px 20px rgba(251,207,232,.35);border:2px solid #fff;
}
details[open]{border-color:#fbcfe8;}
summary{cursor:pointer;font-weight:800;color:#6b3f5c;font-size:16.5px;list-style:none;}
summary::-webkit-details-marker{display:none;}
summary::before{content:"🍭 ";}
details p{margin:12px 0 0;color:#7c6a72;font-size:15px;}
.cta-box{
  background:linear-gradient(135deg,#fbcfe8,#fef3c7 50%,#bfdbfe);
  border-radius:34px;padding:38px;text-align:center;box-shadow:var(--shadow);
}
.cta-box h2{margin:0 0 10px;color:#6b3f5c;font-size:24px;}
.cta-box p{margin:0 auto 22px;max-width:760px;color:#6a5560;}
.partner-chip{
  display:inline-block;padding:10px 18px;margin:6px 8px 0 0;border-radius:999px;
  background:#fffdf8;border:2px solid #e0edff;color:#4b6f9e;font-weight:700;font-size:14.5px;
}
.site-footer{
  margin-top:64px;padding:40px 0 26px;border-radius:40px 40px 0 0;
  background:linear-gradient(160deg,#fff7fb,#fef3c7 60%,#eef5ff);
  border-top:3px solid #fde9f3;
}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.footer-grid h3{margin:0 0 10px;font-size:16.5px;color:#6b3f5c;}
.footer-grid p,.footer-grid li{margin:0 0 8px;color:#7c6a72;font-size:14.5px;}
.footer-grid ul{list-style:none;padding:0;margin:0;}
.footer-grid a{color:#b3548b;font-weight:600;}
.footer-bottom{
  max-width:1180px;margin:26px auto 0;padding:16px 20px 0;border-top:2px dashed #fde9f3;
  text-align:center;color:var(--ink-soft);font-size:14px;
}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding:28px;border-radius:28px;}
  h1{font-size:25px;}
  .hero-art img{height:210px;}
}