/* dn-laser 分站布局变体 (13 维度) — 由 body class 驱动 */

/* ---------- 顶部导航 (共享) ---------- */
.topnav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.topnav a{color:var(--ink);font-weight:600;font-size:14px;padding:6px 4px}
.topnav a:hover{color:var(--accent);text-decoration:none}
.nav-1 .topnav a{border:1px solid #dbe3ec;border-radius:20px;padding:6px 14px}
.nav-1 .topnav a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.nav-2 .topnav a{background:#eef2f7;border-radius:6px;padding:7px 12px}

/* ---------- 页眉 6 变体 ---------- */
.hd{background:var(--surface);border-bottom:1px solid #e6ecf3}
.hd0 .hd0-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:var(--maxw);margin:0 auto}
.hd1{padding:10px 0}
.hd1-wrap{display:flex;flex-direction:column;gap:10px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.hd2 .hd2-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin:0 auto;padding:12px 20px}
.hd3 .hd3-top{background:var(--accent);color:#fff;font-size:13px}
.hd3-toprow{display:flex;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:6px 20px}
.hd3-toprow a{color:#fff}
.hd3-main{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:12px 20px}
.hd4 .hd4-wrap{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:16px 20px;border-bottom:3px solid var(--accent)}
.hd5 .hd5-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:14px 20px}

/* ---------- Hero 6 变体 ---------- */
.hero{padding:0;background:linear-gradient(135deg,var(--bg),var(--surface))}
.hero-cta{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.hero-panel{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:14px;
  min-height:220px;display:flex;flex-direction:column;justify-content:center;padding:30px;gap:10px}
.hero-panel b{font-size:24px}
.hero-panel span{letter-spacing:3px;opacity:.85}
.hero0{padding:60px 0}
.hero0-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero0-media{background:var(--surface);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(20,40,70,.08)}
.hero1 .hero1-media{background:var(--surface);padding:30px}
.hero1-txt{padding:46px 0}
.hero2{padding:56px 0;text-align:center}
.hero2 .hero-cta{justify-content:center}
.hero2-media{margin-top:30px;background:var(--surface);border-radius:14px;padding:22px;max-width:780px}
.hero3{padding:56px 0}
.hero3-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.hero3-cards{display:grid;gap:12px}
.hero4{padding:56px 0}
.hero4-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.hero4-media{background:var(--surface);border-radius:14px;padding:18px}
.hero4-bar{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero4-bar span{background:var(--surface);border:1px solid #dbe3ec;border-radius:20px;padding:8px 16px;font-weight:600;color:var(--accent)}
.hero5{display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:56px 20px}
.hero5-rail{background:var(--surface);border-radius:14px;padding:18px}

/* ---------- 布局(侧栏) ---------- */
.layout{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.main{min-width:0}
.side-1 .layout,.side-2 .layout{display:flex;gap:30px}
.side-1 .layout .main,.side-2 .layout .main{flex:1}
.side-1 .layout .sub-side,.side-2 .layout .sub-side{width:260px;flex:none;background:var(--surface);
  border:1px solid #e6ecf3;border-radius:12px;padding:20px;align-self:flex-start;position:sticky;top:20px}
.side-2 .layout{flex-direction:row-reverse}
.sub-side h4{color:var(--accent);margin-bottom:10px}
.sub-side .btn{margin-top:14px;width:100%;text-align:center}

/* ---------- 产品区 6 变体 ---------- */
.prod-grid{display:grid;gap:22px}
.prod-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.prod-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.prod-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.pcard{background:var(--surface);border:1px solid #e6ecf3;border-radius:14px;padding:24px;transition:.2s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,40,70,.10)}
.pcard-ic{font-size:26px;color:var(--accent)}
.pcard h3{margin:10px 0 8px}
.pcard .ptag{display:inline-block;margin:10px 0;font-size:12px;color:var(--accent);background:#eef4fb;border-radius:6px;padding:3px 10px}
.plink{font-weight:700}
.prod-list .prow{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;
  background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:18px;margin-bottom:14px}
.prow-ic{font-size:22px;color:var(--accent)}
.prod-tabs .tab{background:#eef2f7;border:none;padding:10px 18px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:700;margin-right:6px}
.prod-tabbody .tabpane{background:var(--surface);border:1px solid #e6ecf3;border-radius:0 12px 12px 12px;padding:22px}
.prod-acc .acc{background:var(--surface);border:1px solid #e6ecf3;border-radius:10px;padding:14px 18px;margin-bottom:12px}
.prod-acc summary{cursor:pointer;font-weight:700}
.prod4-wrap{display:block}
.prod4-wrap .side-grid{grid-template-columns:repeat(2,1fr)}
.prod-masonry{columns:3;column-gap:22px}
.prod-masonry .pcard{break-inside:avoid;margin-bottom:22px}

/* ---------- 优势 3 变体 ---------- */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.adv-card{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:20px}
.adv-card b{color:var(--accent);display:block;margin-bottom:6px}
.adv1-wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:start}
.adv-list li{list-style:none;margin-bottom:12px}
.adv1-note{background:var(--accent);color:#fff;border-radius:12px;padding:22px}
.adv-timeline{display:grid;gap:0}
.tl-item{position:relative;padding:0 0 18px 26px;border-left:2px solid var(--accent)}
.tl-dot{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent)}

/* ---------- 案例 3 变体 ---------- */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case-card{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:22px}
.case-list{list-style:none}
.case-list li{background:var(--surface);border:1px solid #e6ecf3;border-radius:10px;padding:16px;margin-bottom:12px}
.case-list span{color:#475569;font-size:14px}
.case-row{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid #e6ecf3}
.case-idx{color:var(--accent);font-size:22px}

/* ---------- 区域/流程/FAQ/联系/关于/新闻 ---------- */
.region-wrap{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}
.region-box{background:var(--accent);color:#fff;border-radius:14px;padding:26px;text-align:center}
.region-box b{font-size:22px;display:block;margin:6px 0}
.region-policy{background:var(--surface);border:1px solid #e6ecf3;border-left:4px solid var(--accent);border-radius:10px;padding:16px 18px;margin-top:16px}
.region-policy h3{font-size:16px;margin-bottom:8px;color:var(--accent)}
.region-policy p{color:#33455c;line-height:1.7}
.region-phone{margin-top:12px;font-weight:700;font-size:15px}
.step-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:18px;text-align:center}
.step span{display:inline-block;width:34px;height:34px;line-height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;margin-bottom:8px}
.proc-list li{margin-bottom:10px}
.faq-wrap details,.faq-wrap .fq2,.faq-wrap li{background:var(--surface);border:1px solid #e6ecf3;border-radius:10px;padding:16px 18px;margin-bottom:12px}
.faq-wrap summary{cursor:pointer;font-weight:700}
.faq-wrap li{list-style:none}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.contact-meta{list-style:none;margin-top:14px}
.contact-meta li{margin-bottom:8px;color:#33455c}
.contact-phone{margin-top:16px;padding:14px 18px;background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;display:flex;flex-direction:column;gap:2px}
.contact-phone span{font-size:13px;color:#33455c}
.contact-phone a{font-size:24px;font-weight:800;color:var(--accent);text-decoration:none}
.contact-phone em{font-style:normal;font-size:12px;color:#67788c}
.contact-form{background:var(--surface);border:1px solid #e6ecf3;border-radius:14px;padding:24px;display:grid;gap:12px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #d3dbe5;border-radius:8px;font-family:inherit;font-size:14px}
.contact-form textarea{min-height:90px}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}
.form-msg{font-size:14px;min-height:20px;padding:2px 0}
.form-msg.ok{color:#1f8a4c}
.form-msg.err{color:#c0392b}
.about-wrap{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}
.about-stats{display:grid;gap:14px}
.about-stats div{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:18px;text-align:center}
.about-stats b{font-size:22px;color:var(--accent);display:block}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:20px}
.news-card h4{color:var(--accent);margin-bottom:8px}

/* ---------- CTA 4 变体 ---------- */
.cta{background:var(--accent);color:#fff;text-align:center;padding:46px 0}
.cta h2{color:#fff}
.cta .btn{background:#fff;color:var(--accent)}
.cta1{text-align:left}
.cta1-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta2 .cta2-badge{background:#fff;color:var(--accent);border-radius:20px;padding:4px 14px;font-weight:800;font-size:13px}
.cta3{background:var(--accent2)}
.cta3-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;text-align:left}

/* ---------- 页脚 4 变体 ---------- */
.ft{background:#10202f;color:#cdd7e2;padding:40px 0 18px}
.ft a{color:#9fb4c9}
.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ft h5{color:#fff;margin-bottom:12px}
.ft-bottom{border-top:1px solid #243446;margin-top:24px;padding-top:14px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ft-phone{color:var(--accent2);font-weight:700}
.ft1-simple{text-align:center;padding:22px 0;font-size:14px}
.ft2-cta{background:var(--accent2);color:#fff;text-align:center;padding:26px;margin-bottom:24px;border-radius:0}
.ft2-cta .btn{background:#fff;color:var(--accent2)}
.ft3-split{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;align-items:start}

/* ---------- 密度 3 变体 ---------- */
.dens-0 .sec{padding:34px 0}
.dens-2 .sec{padding:72px 0}

/* ---------- 装饰 3 变体 ---------- */
.orn-1 .sec + .sec{border-top:1px dashed #cdd8e4}
.orn-2 .sec-t::after{content:"";display:block;width:48px;height:4px;background:var(--accent2);margin-top:10px;border-radius:2px}
.orn-0 .sec{position:relative}

/* ---------- 字体 3 变体 ---------- */
.fnt-1 h1,.fnt-1 h2,.fnt-1 h3{font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.5px;font-weight:800}
.fnt-2 h1,.fnt-2 h2,.fnt-2 h3{font-family:Georgia,"Songti SC",serif;font-weight:800}

/* ---------- 面包屑 ---------- */
.breadcrumb{background:var(--surface);border-bottom:1px solid #e6ecf3;font-size:13px;color:#5b6b7e;padding:9px 0}
.breadcrumb a{color:var(--accent)}

/* ---------- 数据条 ---------- */
.statstrip{background:var(--accent);color:#fff}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr)}
.stat{padding:22px;text-align:center;border-right:1px solid rgba(255,255,255,.16)}
.stat:last-child{border-right:none}
.stat b{display:block;font-size:20px;margin-bottom:4px}
.stat span{font-size:13px;opacity:.9}

/* ---------- 客户反馈 3 变体 ---------- */
.testi{background:var(--bg);padding:42px 0}
.testi blockquote{font-size:18px;color:var(--ink);border-left:4px solid var(--accent);padding-left:16px;margin-bottom:8px}
.testi cite{color:#5b6b7e;font-style:normal;font-size:14px}
.testi1-row{display:flex;gap:16px;align-items:flex-start}
.testi-q{font-size:48px;color:var(--accent);line-height:.8}
.testi2 .testi-card{background:var(--surface);border:1px solid #e6ecf3;border-radius:12px;padding:26px}

/* ---------- 响应式 ---------- */
@media(max-width:980px){
  .hero0-grid,.hero3-split,.hero4-grid,.hero5,.region-wrap,.about-wrap,.contact-wrap,.ft3-split{grid-template-columns:1fr!important}
  .adv-grid,.case-grid,.news-grid,.step-row,.ft-cols{grid-template-columns:repeat(2,1fr)!important}
  .prod-grid.cols-3,.prod-grid.cols-4{grid-template-columns:repeat(2,1fr)}
  .prod-masonry{columns:2}
  .side-1 .layout,.side-2 .layout{flex-direction:column}
  .sub-side{width:auto!important;position:static!important}
}
@media(max-width:560px){
  .adv-grid,.case-grid,.news-grid,.prod-grid.cols-2,.prod-grid.cols-3,.prod-grid.cols-4,.step-row,.ft-cols,.cta3-grid,.stat-row{grid-template-columns:1fr!important}
  .stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.16)}
  .prod-masonry{columns:1}
  .testi1-row{flex-direction:column}
  .hd0-row,.hd2-wrap,.hd3-main,.hd4-wrap,.hd5-grid{flex-direction:column;align-items:flex-start}
}