:root{
  --dna-primary:#24b273;
  --dna-blue:#1aa3ea;
  --dna-text:#2b2f36;
  --dna-muted:#475569;
  --dna-line:#eef2f6;
  --dna-shadow:0 8px 24px rgba(0,0,0,.08);
  --dna-softshadow:0 10px 30px rgba(0,0,0,.06);
}
#dna-app{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:var(--dna-text);
  max-width:1080px;margin:0 auto;padding:0 16px 40px;
}
.dna-title{
  display:inline-block;background:var(--dna-blue);color:#fff;
  font-weight:700;font-size:28px;border-radius:999px;
  padding:14px 40px;margin:22px 0 18px;box-shadow:var(--dna-shadow);
}

/* ===== 1) 线上预约优势（新版排版） ===== */
.dna-adv{background:#fff;border-radius:26px;box-shadow:var(--dna-softshadow);padding:20px 18px;}
.dna-adv-row{
  display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;padding:16px 6px;
}
.dna-adv-row + .dna-adv-row{border-top:1px solid var(--dna-line);}
.dna-adv-badge{
  background:var(--dna-primary);color:#fff;border-radius:10px;min-height:10px;
  padding:18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--dna-shadow);
}
/* 两行同尺寸同字重 */
.dna-adv-badge .t1{font-size:20px;font-weight:700;line-height:1.15;margin:0;}
.dna-adv-panel{
  background:#fff;border-radius:9px;padding:9px 28px;box-shadow:var(--dna-shadow);
  font-size:18px;line-height:1.8;color:var(--dna-muted);
}

/* ===== 2) 检测预约流程 ===== */
.dna-flow{background:#fff;border-radius:28px;box-shadow:var(--dna-shadow);padding:8px 18px 26px;}
.dna-flow-inner{display:grid;grid-template-columns:0px 1fr;gap:18px;align-items:start;padding:10px 8px 16px;}
.dna-flow-line{width:6px;background:linear-gradient(#98b7ff 0 33%, #6ec28f 33% 66%, #98b7ff 66% 100%);border-radius:10px;margin:6px 0 0 18px;}
.dna-flow-list{display:flex;flex-direction:column;gap:22px;}
.dna-flow-step{display:flex;align-items:center;gap:16px;}
.dna-leaf{position:relative;width:46px;height:30px;background:#a7c8ff;border-radius:30px 0 30px 30px;transform:rotate(-20deg);flex:0 0 auto;}
.dna-leaf.green{background:#93d3b0}
.dna-leaf::after{content:attr(data-n);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transform:rotate(20deg);}
.dna-flow-text h4{margin:0 0 6px;font-size:22px;font-weight:700;color:#1f2937;}
.dna-flow-text p{margin:0;color:#6b7280;font-size:16px;line-height:1.7;}

/* ===== 3) 采样注意事项（去“采样法”，打勾列表） ===== */
.dna-notice{background:#fff;border-radius:28px;box-shadow:var(--dna-shadow);padding:8px 18px 30px;}
.dna-notice-item{padding:14px 0;border-bottom:1px solid #e5e7eb;}
.dna-notice-item:last-child{border-bottom:none;}
.dna-notice-list{display:flex;flex-direction:column;gap:12px;}
.dna-point{position:relative;padding-left:32px;font-size:16px;line-height:1.8;color:var(--dna-muted);}
.dna-point::before{
  content:"✓";position:absolute;left:0;top:.45em;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:2px solid var(--dna-primary);
  color:var(--dna-primary);font-size:12px;font-weight:700;background:#f0fdf4;
}

/* ===== 响应式 ===== */
@media (max-width:780px){
  .dna-title{font-size:22px;padding:10px 22px}
  .dna-adv-row{grid-template-columns:1fr;gap:10px}
  .dna-adv-badge{min-height:auto;padding:14px 16px}
  .dna-adv-panel{border-radius:18px;font-size:16px;padding:16px}
  .dna-flow-inner{grid-template-columns:36px 1fr}
  .dna-flow-text h4{font-size:18px}
}