/* ==========================================================================
   price-qiye.html · 企业官网报价 —— 横排套餐行 + 对比表
   ========================================================================== */

/* ---------- 页首 ---------- */
.q-hero{padding:140px 0 40px}
.q-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;margin-top:24px}
.q-hero-copy h1{margin:14px 0 18px}
.q-hero-desc{color:var(--ink-2);font-size:15.5px;max-width:540px}
.q-hero-media img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;height:auto}

/* ---------- 套餐横排行 ---------- */
.q-pkgs{padding:30px 0}
.q-pkg{display:grid;grid-template-columns:1.1fr 1fr 1.4fr auto;gap:30px;align-items:center;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:30px 34px;margin-bottom:22px;position:relative;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.q-pkg:hover{transform:translateX(8px);box-shadow:var(--shadow)}
.q-pkg-mid{background:var(--brown);color:#fff;border-color:var(--brown)}
.q-pkg-badge{position:absolute;top:-13px;left:30px;background:var(--brown-deep);color:#fff;font-size:12px;padding:4px 14px;border-radius:999px}
.q-pkg-head{display:flex;gap:16px;align-items:center}
.q-pkg-no{width:46px;height:46px;border-radius:50%;background:var(--brown-bg);color:var(--brown);font-family:var(--font-serif);font-size:18px;display:flex;align-items:center;justify-content:center;flex:none}
.q-pkg-mid .q-pkg-no{background:rgba(255,255,255,.16);color:#fff}
.q-pkg-head h2{font-size:21px}
.q-pkg-head p{font-size:13px;color:var(--muted)}
.q-pkg-mid .q-pkg-head p{color:rgba(255,255,255,.7)}
.q-pkg-price b{font-family:var(--font-serif);font-size:36px;color:var(--brown)}
.q-pkg-mid .q-pkg-price b{color:#fff}
.q-pkg-price span{display:block;font-size:12.5px;color:var(--muted)}
.q-pkg-list{display:grid;gap:8px}
.q-pkg-list li{font-size:13.5px;color:var(--ink-2);padding-left:14px;position:relative}
.q-pkg-mid .q-pkg-list li{color:rgba(255,255,255,.88)}
.q-pkg-list li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--brown-soft)}

/* ---------- 对比表 ---------- */
.q-cmp{padding:40px 0 10px}
.q-cmp-scroll{overflow-x:auto;border-radius:var(--r)}
.q-note{color:var(--muted);font-size:13.5px;margin-top:16px}

/* ---------- 加项 ---------- */
.q-addon{padding:50px 0 10px}
.q-addon-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}
.q-addon-head .sec-title{margin:10px 0 14px}
.q-addon-list{display:grid;gap:0;border-top:1px solid var(--line)}
.q-addon-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line-2)}
.q-addon-list b{font-size:15.5px;color:var(--brown-deep)}
.q-addon-list span{font-family:var(--font-serif);color:var(--brown);font-size:16px;flex:none}

/* ---------- 交付物 ---------- */
.q-deliver{padding:50px 0}
.q-deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.q-deliver-item{background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:24px 22px}
.q-deliver-item b{font-family:var(--font-serif);font-size:17px;color:var(--brown-deep);display:block;margin-bottom:8px}
.q-deliver-item p{font-size:13.5px;color:var(--ink-2)}

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

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .q-hero-in,.q-addon-in{grid-template-columns:1fr;gap:30px}
  .q-pkg{grid-template-columns:1fr;gap:16px}
  .q-deliver-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .q-deliver-grid{grid-template-columns:1fr}
  .q-cta{margin:16px 16px 0}
}