:root{--bg:#fffaf7;--ink:#332431;--muted:#7c6877;--card:#ffffffcc;--pink:#ff9ab3;--peach:#ffc38b;--rose:#fff0f3;--purple:#5a3d67;--shadow:0 18px 45px rgba(93,55,76,.12);--radius:28px}
*{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(--ink);background:linear-gradient(180deg,#fff7f3 0%,#fffaf7 45%,#f9f2ff 100%);line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1120px,92vw);margin:auto}.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(255,250,247,.78);border-bottom:1px solid rgba(255,154,179,.16)}.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:900;font-size:24px;letter-spacing:.5px;color:#40253d}.logo span{background:linear-gradient(135deg,var(--pink),var(--peach));color:white;border-radius:14px;padding:5px 10px;margin-right:8px}.links{display:flex;gap:18px;align-items:center;font-size:15px;color:#6c5565}.links a:hover{color:#cf5f7a}.btn,.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:13px 22px;font-weight:700;background:linear-gradient(135deg,var(--pink),var(--peach));color:white;box-shadow:0 12px 28px rgba(255,154,179,.28);cursor:pointer}.btn.secondary{background:#fff;color:#7a5264;border:1px solid #ffe0e6;box-shadow:var(--shadow)}.hero{padding:64px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;border:1px solid #ffdce4;background:#fff7f8;border-radius:999px;padding:7px 13px;color:#a65a70;font-size:14px}.hero h1{font-size:clamp(36px,6vw,70px);line-height:1.12;margin:18px 0 20px;letter-spacing:-1.5px}.lead{font-size:18px;color:#6d5b68;max-width:650px}.hero-card{background:linear-gradient(145deg,#fff,#fff0f3);border-radius:42px;padding:14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card img{border-radius:32px}.float-bubble{position:absolute;left:28px;bottom:32px;background:#fff;border-radius:24px 24px 24px 6px;padding:14px 18px;color:#5f4659;box-shadow:var(--shadow);max-width:78%;font-size:15px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.section{padding:52px 0}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:0 0 14px}.sub{color:var(--muted);max-width:780px;margin:0 0 26px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid rgba(255,154,179,.18);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card img{border-radius:22px;margin-bottom:16px;aspect-ratio:4/3;object-fit:cover}.tag{display:inline-flex;background:#fff0f4;border-radius:999px;color:#a24e68;padding:5px 11px;font-size:13px;margin-bottom:10px}.chat{display:flex;flex-direction:column;gap:10px}.bubble{max-width:84%;padding:12px 16px;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(93,55,76,.08)}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,#ffe1e7,#fff3d9)}.story{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:start}.avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffc3cf,#ffe0aa);font-weight:800;color:#7b4057}.stars{color:#ff9d52;letter-spacing:1px}.faq details{background:#fff;border:1px solid #ffe0e7;border-radius:22px;padding:16px 18px;box-shadow:0 10px 25px rgba(93,55,76,.07)}.faq summary{cursor:pointer;font-weight:800}.footer{padding:46px 0;background:#332431;color:#fceef3;margin-top:48px}.footer a{color:#ffe3eb}.foot-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.page-hero{padding:58px 0 34px}.page-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.18;margin:14px 0}.article{font-size:17px}.article p{margin:0 0 18px}.soft-list{display:grid;gap:14px}.soft-list li{background:#fff;border-radius:20px;padding:14px 16px;border:1px solid #ffe0e6;box-shadow:0 8px 20px rgba(93,55,76,.06)}
@media(max-width:820px){.links{display:none}.hero-grid,.grid-3,.grid-2,.foot-grid{grid-template-columns:1fr}.hero{padding-top:36px}.nav-inner{height:62px}.hero h1{letter-spacing:-.5px}.card{padding:20px}.section{padding:38px 0}.actions .btn{width:100%}.float-bubble{position:static;margin:12px;border-radius:22px}.story{grid-template-columns:58px 1fr}.avatar{width:54px;height:54px}}