*{box-sizing:border-box}
body{margin:0;background:#f5f8fb;color:#22303c;font:15px/1.8 "PingFang SC","Microsoft YaHei",system-ui,sans-serif}
a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}
.y-wrap{max-width:1150px;margin:auto;padding:0 18px}

/* 顶部优惠条 */
.y-promo{background:linear-gradient(93deg,#2b7fd4,#2f9e8f);color:#fff;font-size:13px}
.y-promoin{max-width:1150px;margin:auto;height:38px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 18px}
.y-promoin b{background:rgba(255,255,255,.22);padding:3px 10px;border-radius:20px;font-weight:600}

/* 导航 */
.y-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e2e9f0}
.y-navin{max-width:1150px;margin:auto;height:74px;display:flex;align-items:center;gap:34px;padding:0 18px}
.y-logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;color:#2b7fd4;letter-spacing:1px}
.y-logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2b7fd4,#2f9e8f);display:block}
.y-menu{display:flex;gap:4px;flex:1}
.y-menu a{padding:8px 15px;border-radius:20px;font-size:14px;color:#495c6b}
.y-menu a:hover{background:#eaf2fa;color:#2b7fd4}
.y-cta{background:linear-gradient(93deg,#2b7fd4,#2f9e8f);color:#fff;padding:10px 22px;border-radius:22px;font-size:14px;font-weight:600}

/* Hero */
.y-hero{padding:56px 0 46px;background:
  radial-gradient(900px 380px at 82% -10%,#dceefb 0%,rgba(255,255,255,0) 62%),
  radial-gradient(700px 320px at 4% 110%,#e0f4ef 0%,rgba(255,255,255,0) 60%)}
.y-heroin{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.y-hero h1{font-size:42px;line-height:1.28;margin:0 0 16px;letter-spacing:-.4px}
.y-hero h1 em{font-style:normal;color:#2b7fd4}
.y-hero p{margin:0 0 26px;color:#6b7c8c;font-size:16px;max-width:520px}
.y-btns{display:flex;gap:12px;flex-wrap:wrap}
.y-btns a{padding:13px 30px;border-radius:26px;font-size:15px;font-weight:600}
.y-btns .p{background:linear-gradient(93deg,#2b7fd4,#2f9e8f);color:#fff}
.y-btns .o{border:1px solid #e2e9f0;background:#fff;color:#2b7fd4}
.y-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.y-stats div{background:#fff;border:1px solid #e2e9f0;border-radius:14px;padding:20px 18px}
.y-stats b{display:block;font-size:24px;color:#2b7fd4;line-height:1.2}
.y-stats span{font-size:12px;color:#6b7c8c}

/* 通用分节 */
.y-sec{padding:52px 0}
.y-hd{text-align:center;margin-bottom:30px}
.y-hd h2{font-size:28px;margin:0 0 10px}
.y-hd p{margin:0;color:#6b7c8c;font-size:14px}

/* 优势卡 */
.y-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.y-adv article{background:#fff;border:1px solid #e2e9f0;border-radius:16px;padding:24px 22px;transition:.2s}
.y-adv article:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(43,127,212,.1)}
.y-adv b{display:inline-block;font-size:13px;color:#2f9e8f;background:#e8f5f2;padding:3px 10px;border-radius:14px;margin-bottom:12px}
.y-adv h3{margin:0 0 8px;font-size:17px}
.y-adv p{margin:0;color:#6b7c8c;font-size:13.5px;line-height:1.85}

/* 快递 */
.y-exp{background:#fff;border-top:1px solid #e2e9f0;border-bottom:1px solid #e2e9f0}
.y-expin{max-width:1150px;margin:auto;padding:34px 18px;text-align:center}
.y-expin h2{font-size:20px;margin:0 0 6px}
.y-expin p{margin:0 0 20px;color:#6b7c8c;font-size:13px}
.y-couriers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.y-couriers span{border:1px solid #e2e9f0;border-radius:10px;padding:10px 22px;font-size:14px;color:#41525f;background:#f5f8fb}

/* 场景 */
.y-scene{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.y-scene article{background:#fff;border-left:3px solid #2f9e8f;border-radius:10px;padding:20px}
.y-scene h3{margin:0 0 8px;font-size:16px}
.y-scene p{margin:0;color:#6b7c8c;font-size:13.5px;line-height:1.85}

/* 套餐 */
.y-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.y-plans article{background:#fff;border:1px solid #e2e9f0;border-radius:18px;padding:26px 24px}
.y-plans article.hot{border-color:#2b7fd4;box-shadow:0 12px 30px rgba(43,127,212,.14);position:relative}
.y-plans article.hot:after{content:"多数人选";position:absolute;top:-11px;right:20px;background:#2b7fd4;color:#fff;
  font-size:11px;padding:3px 10px;border-radius:12px}
.y-plans h3{margin:0 0 6px;font-size:17px}
.y-plans .num{font-size:30px;font-weight:700;color:#2b7fd4;line-height:1.1}
.y-plans .num small{font-size:13px;color:#6b7c8c;font-weight:400;margin-left:4px}
.y-plans ul{margin:16px 0 0;border-top:1px solid #e2e9f0;padding-top:14px}
.y-plans li{font-size:13.5px;color:#6b7c8c;line-height:2.1}
.y-plans li:before{content:"·";color:#2f9e8f;margin-right:8px;font-weight:700}

/* 口碑 */
.y-voice{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.y-voice blockquote{margin:0;background:#fff;border:1px solid #e2e9f0;border-radius:14px;padding:22px}
.y-voice p{margin:0 0 14px;font-size:14px;line-height:1.9;color:#3a4c5a}
.y-voice cite{font-style:normal;font-size:12.5px;color:#6b7c8c}

/* FAQ */
.y-faq{max-width:860px;margin:auto}
.y-faq details{background:#fff;border:1px solid #e2e9f0;border-radius:12px;margin-bottom:10px;overflow:hidden}
.y-faq summary{padding:16px 48px 16px 20px;font-size:15px;font-weight:600;cursor:pointer;position:relative}
.y-faq summary::-webkit-details-marker{display:none}
.y-faq summary:after{content:"›";position:absolute;right:20px;top:13px;font-size:20px;color:#2b7fd4;transform:rotate(90deg)}
.y-faq details[open] summary:after{transform:rotate(-90deg)}
.y-faq p{margin:0;padding:0 20px 18px;color:#6b7c8c;font-size:13.5px;line-height:1.9}

/* 页脚 */
.y-ft{background:#16283a;color:#a9bccd;margin-top:20px}
.y-ftin{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:40px 18px 28px}
.y-ft h4{color:#fff;font-size:14px;margin:0 0 12px}
.y-ft li{font-size:13px;line-height:2.1}
.y-ft .fb b{display:block;color:#fff;font-size:19px;letter-spacing:2px;margin-bottom:10px}
.y-ft .fb p{margin:0;font-size:13px;line-height:1.9}
.y-fbar{border-top:1px solid #27405a;font-size:12px;color:#7d94a9;display:flex;justify-content:center;gap:22px;
  padding:14px 18px;flex-wrap:wrap}
.y-fbar a{color:#a9bccd}

@media(max-width:900px){
.y-heroin{grid-template-columns:1fr;gap:26px}
.y-hero h1{font-size:30px}
.y-adv,.y-scene,.y-plans,.y-voice{grid-template-columns:1fr}
.y-adv article,.y-scene article{width:100%}
.y-menu{display:none}
.y-ftin{grid-template-columns:1fr 1fr}
}