/* ============================================================
   lnwmold.com —— 技术优势页专属样式 css/page-advantage.css
   布局特色：斜纹标题横幅 / 七组左右锯齿图文行（圆形序号章）/
             圆角对比表（定制绿 / 模板灰）/ 三色 CTA 横幅
   ============================================================ */

.section{ padding:56px 0; }
.sec-head{ text-align:center; max-width:640px; margin:0 auto 40px; }
.sec-head h2{ margin:12px 0 10px; }
.sec-head p{ margin:0; }

/* ---------- ① 页头：斜向拼色横幅 ---------- */
.ad-hero{
  position:relative; padding:56px 0 46px; overflow:hidden;
  background:
    radial-gradient(circle at 15% 30%, rgba(255,228,240,.7) 0, transparent 32%),
    linear-gradient(120deg,var(--yellow-soft) 0%,var(--cream) 55%);
}
.ad-hero::after{
  content:""; position:absolute; right:-60px; top:-40px;
  width:260px; height:260px; border-radius:50%;
  border:26px dashed var(--pink-mid); opacity:.5;
}
.ad-hero-inner{ position:relative; z-index:1; max-width:720px; }
.ad-hero h1{ margin:16px 0 16px; }
.ad-lead{ font-size:17px; max-width:560px; }

/* ---------- 七组锯齿图文行 ---------- */
.ad-list{ padding-bottom:20px; }
.ad-row{
  display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;
  margin-bottom:64px;
}
.ad-row:last-child{ margin-bottom:0; }
.ad-row-img{ position:relative; margin:0; }
.ad-row-img::before{
  content:""; position:absolute; inset:0;
  border-radius:var(--r-l); border:3px dashed var(--green-mid);
  transform:translate(14px,14px); z-index:-1;
}
.ad-row-img img{ border-radius:var(--r-l); width:100%; box-shadow:var(--shadow-l); }

.ad-row-text h2{ font-size:clamp(22px,2.6vw,30px); margin:14px 0 12px; }
.ad-row-text p{ font-size:15.5px; }
.ad-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,var(--yellow),var(--yellow-deep));
  color:#fff; font-weight:800; font-size:14px;
  padding:6px 16px; border-radius:999px;
  box-shadow:var(--shadow-s);
}
.badge-p{ background:linear-gradient(135deg,var(--pink),var(--pink-deep)); box-shadow:var(--shadow-m); }
.badge-g{ background:linear-gradient(135deg,var(--green),var(--green-deep)); box-shadow:0 10px 26px rgba(111,191,115,.3); }
.ad-points{ margin-top:16px; border-top:2px dashed var(--pink-soft); padding-top:14px; }
.ad-points li{
  position:relative; padding-left:26px; margin-bottom:8px; font-size:14.5px;
}
.ad-points li::before{
  content:""; position:absolute; left:0; top:6px;
  width:14px; height:14px; border-radius:50%;
  background:var(--green-soft);
  box-shadow:inset 0 0 0 3px var(--green);
}
/* 偶数行：图文对调 */
.ad-row-flip .ad-row-img{ order:2; }

/* ---------- 对比表 ---------- */
.ad-vs{ background:linear-gradient(180deg,var(--green-soft),transparent 80%); }
.vs-table-wrap{
  overflow-x:auto; border-radius:var(--r-l);
  box-shadow:var(--shadow-l); background:var(--white);
}
.vs-table{ width:100%; border-collapse:collapse; min-width:640px; }
.vs-table th,.vs-table td{ padding:16px 20px; text-align:left; font-size:14.5px; }
.vs-table thead th{ font-size:16px; color:var(--ink); }
.vs-table thead th:first-child{ background:var(--cream-2); }
.vs-table .col-good{ background:var(--green-soft); color:var(--green-deep); }
.vs-table .col-bad{ background:#F3EEE9; color:#8A7A6E; }
.vs-table tbody td:first-child{ font-weight:800; color:var(--ink); background:var(--cream-2); }
.vs-table tbody td{ border-bottom:2px dashed var(--yellow-soft); }
.vs-table tbody tr:last-child td{ border-bottom:0; }
.vs-note{ text-align:center; margin-top:22px; font-size:14.5px; }
.vs-note a{ color:var(--pink-deep); font-weight:700; }

/* ---------- 底部 CTA ---------- */
.ad-cta{ padding:30px 0; }
.ad-cta-inner{
  text-align:center; border-radius:var(--r-xl);
  background:linear-gradient(135deg,var(--yellow-soft),var(--pink-soft) 60%,var(--green-soft));
  border:3px dashed var(--pink-mid);
  padding:52px 24px;
}
.ad-cta-inner h2{ margin-bottom:12px; }
.ad-cta-inner p{ max-width:520px; margin:0 auto 24px; }
.ad-cta-btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }

/* ---------- 响应式 ---------- */
@media (max-width:991.98px){
  .ad-row{ grid-template-columns:1fr; gap:26px; margin-bottom:48px; }
  .ad-row-flip .ad-row-img{ order:0; }
}
@media (max-width:575.98px){
  .section{ padding:40px 0; }
  .ad-cta-btns .btn{ width:100%; }
  .vs-table th,.vs-table td{ padding:12px 14px; font-size:13.5px; }
}