
:root{--pink:#ff72a6;--orange:#ffb36b;--text:#3f2f36;--muted:#7a6670;--line:#ffe0ea}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff6fa,#fffaf4 45%,#fff);line-height:1.8}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.nav{position:sticky;top:0;background:#fffafccc;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);z-index:2}
.nav-inner{max-width:1180px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:22px;color:#ff5f96}.menu{display:flex;gap:20px;color:#5b4650}
.hero,.section{max-width:1180px;margin:auto;padding:56px 20px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero h1{font-size:52px;line-height:1.12;margin:15px 0}
.lead,.hero p{font-size:18px;color:var(--muted)}.eyebrow{display:inline-block;background:white;border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:#ff6398}
.btn{display:inline-block;border-radius:999px;padding:13px 24px;background:linear-gradient(135deg,var(--pink),var(--orange));color:white;font-weight:700;box-shadow:0 12px 28px #ff7aa844}.btn.alt{background:white;color:#ff6198;border:1px solid #ffd1df;box-shadow:none}
.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#ffffffd9;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 16px 40px #ffa8c421}.card h3{margin:12px 0 8px;font-size:22px}.card p{color:var(--muted)}
.pic{border-radius:24px;min-height:230px;background:linear-gradient(135deg,#ffd5e4,#fff1d5);display:flex;align-items:center;justify-content:center;text-align:center;color:#ff6198;font-weight:800;font-size:28px;padding:25px;box-shadow:inset 0 0 0 1px #fff8}
.story{display:flex;gap:16px}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffc1d6,#ffd39a);flex:0 0 auto}.stars{color:#ff9c3d}.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.2fr 1fr 1fr;gap:24px}.footer p,.footer a{color:#f7dce7}.page-hero{text-align:center;max-width:980px;margin:auto;padding:70px 20px 30px}.page-hero h1{font-size:44px}.note{background:#fff2f6;border-left:5px solid var(--pink);padding:18px 20px;border-radius:18px;color:#6d5360}
@media(max-width:820px){.hero,.grid-2,.grid-3,.footer-inner{grid-template-columns:1fr}.hero h1{font-size:38px}.menu{flex-wrap:wrap;gap:12px}.nav-inner{display:block}.page-hero h1{font-size:34px}}
