*{box-sizing:border-box}body{margin:0;background:#fff;color:#151923;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}.xhs-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #ffe1e7;backdrop-filter:blur(14px)}.xhs-top>div{max-width:1180px;margin:0 auto;height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;font-size:20px}.brand strong{color:#ff2442}.xhs-top nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:850}.xhs-top nav a{height:58px;display:inline-flex;align-items:center;position:relative}.xhs-top nav a.active{color:#ff2442}.xhs-top nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ff2442;border-radius:99px}.xhs-top p{display:flex;gap:10px;margin:0}.outline,.login{height:38px;display:inline-flex;align-items:center;padding:0 18px;border-radius:8px;font-weight:900}.outline{color:#ff2442;border:1px solid #ff9aaa}.login{background:#ff2442;color:#fff;box-shadow:0 12px 28px rgba(255,36,66,.18)}.xhs-hero{padding:76px calc((100vw - 1180px)/2 + 22px) 58px;background:linear-gradient(100deg,#fff 0%,#fff4f6 52%,#ffe3e9 100%);border-bottom:1px solid #ffe1e7;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:54px;align-items:center}.xhs-hero h1{margin:0 0 18px;max-width:680px;font-size:54px;line-height:1.12}.xhs-hero h1 span{color:#ff2442}.xhs-hero p{margin:0 0 24px;max-width:610px;color:#3d4350;font-size:17px;line-height:1.9;font-weight:650}.xhs-hero form{width:min(620px,100%);height:52px;border:1px solid #ffbdc8;border-radius:999px;background:#fff;display:grid;grid-template-columns:1fr 116px;overflow:hidden;box-shadow:0 16px 36px rgba(255,36,66,.08)}.xhs-hero input{border:0;outline:none;padding:0 24px;font-size:14px}.xhs-hero button{border:0;background:#ff2442;color:#fff;font-weight:950;cursor:pointer}.xhs-hero aside{height:300px;position:relative;display:grid;place-items:center}.xhs-hero aside b{width:142px;height:142px;border-radius:32px;background:linear-gradient(145deg,#ff5068,#e80d31);box-shadow:0 26px 70px rgba(255,36,66,.32);display:grid;place-items:center;color:#fff;font-size:34px}.xhs-hero aside i{position:absolute;width:70px;height:70px;border-radius:20px;background:#fff;box-shadow:0 18px 36px rgba(255,36,66,.14);display:grid;place-items:center;color:#ff2442;font-size:25px;font-style:normal}.xhs-hero aside i:nth-of-type(1){left:58px;top:58px}.xhs-hero aside i:nth-of-type(2){right:70px;top:48px}.xhs-hero aside i:nth-of-type(3){right:76px;bottom:54px}.xhs-wrap{max-width:1180px;margin:0 auto;padding:0 22px}.xhs-cats{display:flex;gap:14px;flex-wrap:wrap;padding:28px 0 18px}.xhs-cats a,.xhs-keywords a{height:43px;display:inline-flex;align-items:center;padding:0 22px;border-radius:999px;border:1px solid #ffccd5;background:#fff;color:#737987;font-weight:850}.xhs-cats a.active{background:#ff2442;border-color:#ff2442;color:#fff}.xhs-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;padding-bottom:44px}.xhs-list{display:grid;gap:18px}.xhs-list article{min-height:144px;display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;background:#fff;border:1px solid #ffe1e7;border-radius:8px;padding:16px 20px 16px 16px;box-shadow:0 14px 34px rgba(255,36,66,.05)}.thumb{height:112px;border-radius:8px;background:linear-gradient(145deg,#fff1f4,#ffe4ea);display:grid;place-items:center;color:#ff2442;font-size:50px}.xhs-list em,.article-detail em{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#fff1f4;color:#ff2442;font-size:12px;font-weight:950;font-style:normal}.xhs-list h2{margin:10px 0 8px;font-size:20px;line-height:1.35}.xhs-list p{margin:0;color:#687385;line-height:1.75;font-size:14px}.xhs-list small{display:block;margin-top:10px;color:#9aa3b2;font-size:13px}.read{align-self:end;color:#ff2442;font-weight:950;white-space:nowrap}.xhs-layout aside section{background:#fff;border:1px solid #ffe1e7;border-radius:8px;box-shadow:0 14px 34px rgba(255,36,66,.05);padding:22px;margin-bottom:18px}.xhs-layout aside h3{margin:0 0 14px;font-size:19px}.xhs-layout aside a{display:block;padding:13px 0;border-top:1px solid #fff0f3}.xhs-layout aside a:first-of-type{border-top:0}.xhs-layout aside b{display:block;font-size:14px;line-height:1.5}.xhs-layout aside span{display:block;margin-top:5px;color:#9aa3b2;font-size:12px}.pages{display:flex;justify-content:center;gap:10px;margin:28px 0 36px}.pages a{min-width:42px;height:38px;border:1px solid #ffd2da;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#6f7684;font-weight:850;background:#fff}.pages .active{background:#ff2442;color:#fff;border-color:#ff2442}.xhs-keywords{margin:0 0 34px;padding:30px;border-radius:8px;background:linear-gradient(135deg,#fff6f8,#fff);border:1px solid #ffe1e7;text-align:center}.xhs-keywords h2{margin:0 0 8px;font-size:28px}.xhs-keywords p{margin:0 0 18px;color:#687385}.article-detail{padding-top:34px;padding-bottom:60px}.article-detail article{max-width:880px;margin:0 auto;background:#fff;border:1px solid #ffe1e7;border-radius:8px;box-shadow:0 14px 34px rgba(255,36,66,.05);padding:34px}.article-detail h1{font-size:38px;line-height:1.25;margin:14px 0}.article-detail .desc{color:#687385;line-height:1.8}.article-detail .body{font-size:16px;line-height:2;color:#1d2e4c}.article-detail .body h2{margin:30px 0 12px;padding-left:12px;border-left:4px solid #ff2442;font-size:22px}.article-detail .body ul{padding:18px 22px 18px 38px;border-radius:8px;background:#fff6f8;border:1px solid #ffe1e7}.cta{margin-top:30px;padding:20px;border-radius:8px;background:#151923;color:#fff;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cta b{margin-right:auto}.cta a{height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:8px;background:#ff2442;color:#fff;font-weight:900}footer{border-top:1px solid #ffe1e7;background:#fff8fa;color:#7c8492;text-align:center;padding:24px}@media(max-width:980px){.xhs-top nav{gap:14px;font-size:13px}.xhs-hero,.xhs-layout{grid-template-columns:1fr}.xhs-hero aside{display:none}.xhs-hero h1{font-size:38px}.xhs-list article{grid-template-columns:120px 1fr}.read{grid-column:2}}@media(max-width:640px){.xhs-top nav,.xhs-top p{display:none}.xhs-hero{padding:42px 18px}.xhs-list article{grid-template-columns:1fr}.thumb{height:150px}.xhs-hero form{grid-template-columns:1fr}.xhs-hero button{display:none}}