/* ============================================================
   daibao.html 代报名服务独有样式（命名空间 db-）
   ============================================================ */

/* ---------- Hero ---------- */
.db-hero{position:relative;background:var(--c1);padding-top:var(--header-h);overflow:hidden}
.db-hero__bg{position:absolute;inset:0}
.db-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.26}
.db-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.55),rgba(21,24,27,.94) 82%)}
.db-hero__inner{position:relative;z-index:2;padding:44px 24px 80px}
.db-hero .crumbs{padding:0 0 22px}
.db-hero__badge{margin-bottom:18px}
.db-hero h1{font-size:clamp(32px,4.8vw,56px);font-weight:900;line-height:1.22;margin-top:8px}
.db-accent{font-style:normal;color:var(--o1)}
.db-hero__desc{color:var(--g4);margin-top:18px;max-width:600px;font-size:15.5px;line-height:1.9}
.db-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* ---------- 适合谁三卡 ---------- */
.db-who{background:var(--c1)}
.db-who__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.db-who__card{background:var(--c2);border:1px solid var(--line-d);border-top:3px solid var(--o1);padding:32px 28px;transition:transform .3s}
.db-who__card:hover{transform:translateY(-6px)}
.db-who__card svg{width:38px;height:38px;color:var(--o2);margin-bottom:18px}
.db-who__card h3{font-size:18px;margin-bottom:10px}
.db-who__card p{font-size:14px;color:var(--g4);line-height:1.9}

/* ---------- 服务范围八宫格 ---------- */
.db-scope{background:var(--c2)}
.db-scope__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.db-scope__grid>div{padding:24px 20px;background:var(--c1);border:1px dashed var(--line-d);transition:transform .25s,border-color .25s}
.db-scope__grid>div:hover{transform:translateY(-4px);border-color:rgba(224,91,32,.5)}
.db-scope__grid svg{width:22px;height:22px;color:var(--o1);margin-bottom:12px}
.db-scope__grid h3{font-size:15px;margin-bottom:6px}
.db-scope__grid p{font-size:12.5px;color:var(--g4);line-height:1.75}

/* ---------- 流程 steps 底色 ---------- */
.db-flow{background:var(--g1)}

/* ---------- 隐私承诺 ---------- */
.db-privacy{background:var(--c1)}
.db-privacy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.db-privacy__card{background:var(--c2);border:1px solid var(--line-d);padding:34px 28px;position:relative;transition:transform .3s,border-color .3s}
.db-privacy__card::before{content:"";position:absolute;top:-1px;left:-1px;width:26px;height:26px;border-top:3px solid var(--o1);border-left:3px solid var(--o1)}
.db-privacy__card:hover{transform:translateY(-6px);border-color:rgba(224,91,32,.45)}
.db-privacy__card svg{width:40px;height:40px;color:var(--o1);margin-bottom:16px}
.db-privacy__card h3{font-size:17px;margin-bottom:10px}
.db-privacy__card p{font-size:13.5px;color:var(--g4);line-height:1.9}

/* ---------- 红线区（米白） ---------- */
.db-no__box{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;background:#fff;border:1px solid var(--line-l);border-left:6px solid var(--o1);padding:40px;box-shadow:0 14px 36px rgba(20,24,27,.07)}
.db-no__mark{writing-mode:vertical-lr;font-family:var(--font-en);font-weight:900;font-size:22px;letter-spacing:.3em;color:#fff;background:var(--o1);padding:18px 8px}
.db-no__title{font-size:clamp(20px,2.4vw,28px);margin-bottom:18px}
.db-no__list li{padding:10px 0 10px 22px;position:relative;font-size:14.5px;color:#3D453C;line-height:1.85;border-bottom:1px dashed var(--line-l)}
.db-no__list li::before{content:"✕";position:absolute;left:0;top:10px;color:var(--o1);font-weight:900}
.db-no__list b{color:var(--c1)}
.db-no__foot{margin-top:18px;font-size:13.5px;color:#6A7268;font-style:italic}

/* ---------- 费用表 ---------- */
.db-price{background:var(--c1)}
.db-price .tbl td:first-child{color:var(--white);font-weight:700}
.db-tcols col:nth-child(1){width:22%}
.db-tcols col:nth-child(2){width:46%}
.db-tcols col:nth-child(3){width:32%}
.db-price__note{margin-top:20px;font-size:13.5px;color:var(--g4);line-height:1.8}
.db-price__note a{color:var(--o2);font-weight:700}

/* ---------- 页底 CTA ---------- */
.db-cta{background:var(--c2)}
.db-cta__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.db-cta__title{font-size:clamp(26px,3.4vw,40px);margin:8px 0 14px}
.db-cta__inner>div>p{color:var(--g4);max-width:440px}
.db-cta__form{background:var(--c1);border:1px solid var(--line-d);padding:34px}

/* ---------- 进度可查（左图右文） ---------- */
.db-track{background:var(--c2)}
.db-track__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.db-track__img img{width:100%;height:420px;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.db-track__title{font-size:clamp(24px,3vw,34px);margin:8px 0 14px}
.db-track__grid>div>p{color:var(--g4);font-size:14.5px;line-height:1.9;margin-bottom:22px}
.db-track__list li{position:relative;padding:12px 0 12px 30px;font-size:14px;color:var(--g4);line-height:1.75;border-bottom:1px dashed var(--line-d)}
.db-track__list li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;background:var(--o1);border-radius:50%}
.db-track__list b{color:var(--white)}

/* ---------- 信任数据条 ---------- */
.db-trust{background:var(--g1);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:56px 0}
.db-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.db-trust__grid b{display:block;font-family:var(--font-en);font-size:clamp(32px,4vw,50px);font-weight:900;color:var(--o2);line-height:1.1}
.db-trust__grid span{font-size:13px;color:var(--g4);letter-spacing:.05em}

/* ---------- 犹豫引导区 ---------- */
.db-hesitate{background:var(--c1)}
.db-hesitate__box{background:var(--c2);border:1px solid var(--line-d);padding:48px 44px;position:relative}
.db-hesitate__box::before{content:"";position:absolute;top:-1px;left:-1px;width:30px;height:30px;border-top:3px solid var(--o1);border-left:3px solid var(--o1)}
.db-hesitate__text h2{font-size:clamp(22px,2.8vw,32px);margin:8px 0 16px}
.db-hesitate__text p{font-size:14.5px;color:var(--g4);line-height:1.95;margin-bottom:14px;max-width:760px}
.db-hesitate__text a{color:var(--o2);font-weight:700}
.db-hesitate__links{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .db-who__grid{grid-template-columns:1fr}
  .db-scope__grid{grid-template-columns:1fr 1fr}
  .db-privacy__grid{grid-template-columns:1fr}
  .db-no__box{grid-template-columns:1fr}
  .db-no__mark{writing-mode:horizontal-tb;padding:8px 16px;display:inline-block}
  .db-cta__inner{grid-template-columns:1fr}
  .db-track__grid{grid-template-columns:1fr;gap:32px}
  .db-trust__grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media (max-width:640px){
  .db-scope__grid{grid-template-columns:1fr}
  .db-trust__grid{grid-template-columns:1fr;gap:36px}
}