/* ==========================================================================
   price-yingxiao.html · 营销站报价 —— 错位叙事 + 三档横条
   ========================================================================== */

/* ---------- 页首 ---------- */
.y-hero{padding:140px 0 30px}
.y-hero-in{max-width:760px;margin-top:24px}
.y-hero h1{margin:14px 0 18px}
.y-hero-desc{color:var(--ink-2);font-size:16px;line-height:2}

/* ---------- 错位叙事 ---------- */
.y-ways{padding:30px 0 10px}
.y-way{display:grid;grid-template-columns:70px 1fr 1fr;gap:26px;align-items:center;margin-bottom:56px}
.y-way-no{font-family:var(--font-serif);font-size:34px;color:var(--brown-bg);line-height:1}
.y-way-text h2{font-size:22px;margin-bottom:10px}
.y-way-text p{color:var(--ink-2);font-size:14.5px}
.y-way-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}
.y-way-flip .y-way-media{order:3}

/* ---------- 三档横条 ---------- */
.y-tiers{padding:40px 0}
.y-tier-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.y-tier{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:30px 26px;display:flex;flex-direction:column;gap:16px}
.y-tier-hot{background:var(--brown);color:#fff}
.y-tier-name b{font-family:var(--font-serif);font-size:19px;display:block}
.y-tier-name span{font-size:13px;color:var(--muted)}
.y-tier-hot .y-tier-name span{color:rgba(255,255,255,.7)}
.y-tier-price{font-family:var(--font-serif);font-size:38px;color:var(--brown)}
.y-tier-hot .y-tier-price{color:#fff}
.y-tier-price em{font-style:normal;font-size:15px;color:var(--muted);margin-left:6px}
.y-tier ul{display:grid;gap:8px}
.y-tier li{font-size:13.5px;color:var(--ink-2);padding-left:14px;position:relative}
.y-tier-hot li{color:rgba(255,255,255,.85)}
.y-tier li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brown-soft)}
.y-tier-note{text-align:center;color:var(--muted);font-size:13.5px;margin-top:18px}

/* ---------- 转化工具 chips ---------- */
.y-feats{padding:40px 0}
.y-feats-in{background:var(--brown-bg);border-radius:26px;padding:50px}
.y-feats-head .sec-title{margin:10px 0 24px}
.y-feats-grid{display:flex;flex-wrap:wrap;gap:12px}
.y-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:14px;color:var(--brown-deep)}

/* ---------- FAQ ---------- */
.y-faq{padding:30px 0}
.y-faq-in{max-width:860px;margin:0 auto}
.y-faq-list{display:grid;gap:14px}
.y-faq-list details{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:18px 24px}
.y-faq-list summary{cursor:pointer;font-weight:600;color:var(--brown-deep)}
.y-faq-list p{color:var(--ink-2);font-size:14.5px;margin-top:10px}

/* ---------- CTA ---------- */
.y-cta{background:var(--brown-deep);border-radius:26px;margin:20px 28px 0;padding:60px 28px;text-align:center}
.y-cta h2{color:#fff;margin:0 0 24px}
.y-cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.y-cta p{color:rgba(255,255,255,.65);font-size:14px}
.y-cta p a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .y-way{grid-template-columns:1fr;gap:14px}
  .y-way-flip .y-way-media{order:0}
  .y-tier-list{grid-template-columns:1fr;max-width:520px;margin:0 auto}
}
@media (max-width:640px){
  .y-feats-in{padding:34px 24px}
  .y-cta{margin:16px 16px 0}
}