:root{
  --pink:#ff6fa8;--rose:#ff8fbd;--orange:#ffb36b;--cream:#fff7ee;
  --text:#3f2d36;--muted:#7b6670;--line:#ffe0ea;--card:#ffffffdf;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at 10% 5%,#ffe0eb 0,#fff8fb 26%,transparent 45%),
linear-gradient(180deg,#fff6fa,#fffaf4 45%,#fff);line-height:1.82}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.nav{position:sticky;top:0;background:#fffafcd9;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);z-index:9}
.nav-inner{max-width:1180px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:900;font-size:22px;color:#ff5f96;letter-spacing:.5px}.menu{display:flex;gap:20px;color:#5d4650;font-size:15px}.menu a:hover{color:#ff5f96}
.hero,.section{max-width:1180px;margin:auto;padding:58px 20px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:center}
.hero h1{font-size:52px;line-height:1.13;margin:15px 0}.hero p,.lead{font-size:18px;color:var(--muted)}
.eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:#ff6398;font-weight:700}
.btn{display:inline-block;border-radius:999px;padding:13px 24px;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;font-weight:800;box-shadow:0 14px 30px #ff78aa44;margin:6px 8px 6px 0}
.btn.alt{background:white;color:#ff6198;border:1px solid #ffd1df;box-shadow:none}
h2{font-size:34px;line-height:1.25;margin:0 0 16px}h3{line-height:1.35}
.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:0 16px 42px #ffa8c421}
.card h3{margin:13px 0 8px;font-size:22px}.card p{color:var(--muted);margin:0 0 8px}
.pic{border-radius:26px;overflow:hidden;border:1px solid #fff7;box-shadow:0 18px 45px #ff9ab330}
.note{background:#fff2f6;border-left:5px solid var(--pink);padding:18px 20px;border-radius:18px;color:#6d5360}
.story{display:flex;gap:16px}.avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#ffc1d6,#ffd39a);flex:0 0 auto;box-shadow:inset 0 0 0 4px #fff7}
.stars{color:#ff9c3d;letter-spacing:1px}.faq details{background:white;border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:12px 0}
.footer{background:#3b2630;color:white;padding:44px 20px}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.footer p,.footer a{color:#f7dce7}
.page-hero{text-align:center;max-width:980px;margin:auto;padding:70px 20px 28px}.page-hero h1{font-size:44px;line-height:1.2;margin:15px 0}
.soft-list{padding-left:1.1em;color:var(--muted)}.soft-list li{margin:8px 0}
@media(max-width:820px){
  .hero,.grid-2,.grid-3,.footer-inner{grid-template-columns:1fr}.hero h1{font-size:38px}.page-hero h1{font-size:34px}
  .nav-inner{display:block}.menu{flex-wrap:wrap;gap:12px;margin-top:10px}.section,.hero{padding:42px 18px}
}