@charset "utf-8";
/* ==========================================================================
   广东诺信机电设备有限公司 · gdnxjd.cn 工程站
   全站统一样式表（视觉基线：诺信工程站gdnxjd-首页效果图）
   深底青橙工业风 · 深底青橙工业风 · 响应式（桌面 / 平板 / 移动）
   ========================================================================== */

:root{
  --bg:#070E17;
  --panel:#0F1D2C;
  --panel-2:#0B1826;
  --topbar:#050B12;
  --line:rgba(34,211,238,.18);
  --line-2:rgba(255,255,255,.07);
  --cyan:#22D3EE;
  --cyan-soft:rgba(34,211,238,.06);
  --orange:#FF7A1A;
  --txt:#E7F0F8;
  --muted:#8BA3B8;
  --dim:#5C7186;
  --mono:"Consolas","SFMono-Regular",Menlo,monospace;
  --wrap:1200px;
  --r:2px;
}

/* ---------- 基础重置 ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--txt);
  font-family:"Segoe UI","Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4,h5{font-weight:600;line-height:1.35}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 通用按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:var(--r);font-size:14px;padding:11px 20px;white-space:nowrap;
  transition:opacity .18s ease,transform .18s ease;cursor:pointer;
}
.btn:hover{opacity:.88}
.btn-o{background:var(--orange);color:#1A0D02;font-weight:600}
.btn-g{border:1px solid rgba(255,255,255,.22);color:#D7E5F0}
.btn-c{border:1px solid var(--line);color:var(--cyan);background:var(--cyan-soft)}
.btn-block{width:100%}

/* ---------- 顶部信息条 ---------- */
.topbar{min-height:36px;background:var(--topbar);border-bottom:1px solid var(--line-2);font-size:12.5px;color:var(--muted);display:flex;align-items:center}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;padding-bottom:6px}
.topbar b{color:#C9DCEA;font-weight:500}
.topbar .num{font-family:var(--mono);color:var(--cyan)}
.topbar .tb-r{text-align:right}
.topbar a{color:#9FC4DA}

/* ---------- 站头 + 主导航 ---------- */
.site-header{background:rgba(10,20,32,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;backdrop-filter:blur(6px)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo .mark{width:40px;height:40px}
.logo .n1{font-size:17.5px;font-weight:600;letter-spacing:1px}
.logo .n2{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--dim);margin-top:1px}
.nav{display:flex;gap:19px;font-size:14.3px;color:#C2D5E4;flex-wrap:wrap}
.nav a{padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:#fff}
.nav a.on{color:#fff;border-bottom-color:var(--orange)}
.hd-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.hd-tel{font-family:var(--mono);font-size:15px;color:var(--cyan)}
.nav-toggle{display:none;width:42px;height:38px;border:1px solid var(--line);border-radius:var(--r);align-items:center;justify-content:center;flex-direction:column;gap:4px}
.nav-toggle i{display:block;width:18px;height:2px;background:var(--cyan)}
.nav-mobile{display:none;border-top:1px solid var(--line-2);background:#08121D}
.nav-mobile.open{display:block}
.nav-mobile a{display:block;padding:13px 24px;border-bottom:1px solid var(--line-2);font-size:15px;color:#C2D5E4}
.nav-mobile a.on{color:#fff;border-left:3px solid var(--orange);padding-left:21px}
.nav-mobile .nm-tel{padding:14px 24px;font-family:var(--mono);color:var(--cyan)}

/* ---------- 首屏 Hero ---------- */
.hero{position:relative;padding:52px 0 46px;overflow:hidden;background:linear-gradient(180deg,#0B1826,#08111C 66%,var(--bg))}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);background-size:60px 60px}
.hero:after{content:"";position:absolute;right:-120px;top:-200px;width:680px;height:680px;pointer-events:none;background:radial-gradient(circle,rgba(34,211,238,.13),transparent 62%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 508px;gap:52px;align-items:center}
.hero h1{font-size:41px;line-height:1.3;margin:18px 0 16px}
.hero h1 span{color:var(--cyan)}
.rule{width:64px;height:3px;background:var(--orange);margin-bottom:18px}
.tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--cyan);border:1px solid var(--line);border-radius:var(--r);padding:5px 10px;background:var(--cyan-soft)}
.answer{border-left:2px solid var(--cyan);background:rgba(34,211,238,.05);padding:13px 17px;font-size:14.8px;color:#CFE1EF;line-height:1.75}
.answer .k{font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.1em;display:block;margin-bottom:6px}
.hero-cta{display:flex;gap:13px;margin-top:24px;flex-wrap:wrap}
.hero-note{margin-top:20px;font-size:12.5px;color:var(--dim)}
.panel{background:linear-gradient(160deg,rgba(19,36,53,.96),rgba(13,26,40,.96));border:1px solid var(--line);position:relative}
.panel:before{content:"";position:absolute;left:0;top:0;width:54px;height:3px;background:var(--cyan)}
.hero-visual{padding:18px}
.hero-visual svg{display:block;width:100%;height:auto}
.vstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2);margin-top:16px}
.vstats div{background:rgba(9,18,29,.9);padding:12px 14px}
.vstats .lb{font-size:11.5px;color:var(--dim);font-family:var(--mono)}
.vstats .vl{font-size:15.5px;font-weight:600;margin-top:4px}

/* ---------- 内页页头 ---------- */
.page-hero{position:relative;padding:42px 0 34px;background:linear-gradient(180deg,#0B1826,#08111C);border-bottom:1px solid var(--line-2);overflow:hidden}
.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);background-size:60px 60px}
.page-hero .wrap{position:relative;z-index:1}
.crumb{font-family:var(--mono);font-size:11.5px;color:var(--dim);letter-spacing:.06em}
.crumb a{color:#9FC4DA}
.crumb span{margin:0 6px;color:var(--dim)}
.page-hero h1{font-size:31px;margin:14px 0 12px}
.page-hero h1 span{color:var(--cyan)}
.page-hero .answer{max-width:900px}

/* ---------- 信任条 ---------- */
.trust{background:#08121D;border-top:1px solid var(--line);border-bottom:1px solid var(--line-2)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0}
.trust .item{padding:18px 22px;border-left:1px solid var(--line-2)}
.trust .item:first-child{border-left:0}
.trust .lb{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--cyan)}
.trust .vl{font-size:17px;font-weight:600;margin-top:5px}
.trust .ds{font-size:12.5px;color:var(--muted);margin-top:3px}

/* ---------- 通用分节 ---------- */
.sec{padding:52px 0;border-top:1px solid var(--line-2)}
.sec.alt{background:var(--panel-2)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.sec-no{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--cyan)}
.sec-t{font-size:25px;margin-top:6px}
.sec-sub{font-size:13.5px;color:var(--muted);max-width:560px;text-align:right}
.sec-lead{font-size:14px;color:var(--muted);margin:-8px 0 20px;max-width:900px}

/* ---------- 等级网格 ---------- */
.classes{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.cl{display:block;background:rgba(15,29,44,.85);border:1px solid var(--line-2);border-top:2px solid var(--cyan);padding:14px 12px;text-align:center;transition:border-color .18s ease,transform .18s ease}
.cl:hover{border-color:var(--line);transform:translateY(-2px)}
.cl .n{font-family:var(--mono);font-size:19px;color:var(--cyan)}
.cl .t{font-size:13px;font-weight:600;margin-top:6px}
.cl .d{font-size:11.5px;color:var(--dim);margin-top:5px;line-height:1.55}

/* ---------- 表格 ---------- */
.tw{width:100%;overflow-x:auto;margin-top:16px;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:12.8px;min-width:640px}
th,td{border:1px solid var(--line-2);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--cyan-soft);color:#CFE1EF;font-weight:500;font-size:12.5px;white-space:nowrap}
td{color:var(--muted)}
td b{color:#C6DAE8;font-weight:500;font-family:var(--mono)}
td.c{text-align:center}
.note{font-size:11.8px;color:var(--dim);margin-top:10px;font-family:var(--mono);line-height:1.7}

/* ---------- 五阶段流程 ---------- */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line-2)}
.flow > *{background:rgba(15,29,44,.9);padding:18px 16px}
.step .sn{font-family:var(--mono);font-size:12px;color:var(--orange)}
.step h4{font-size:14.5px;margin:8px 0}
.step p{font-size:12.4px;color:var(--muted);line-height:1.65}
.step .out{font-size:11.5px;color:var(--cyan);font-family:var(--mono);margin-top:10px;border-top:1px dashed var(--line-2);padding-top:9px}

/* ---------- 阶段详情（四要素） ---------- */
.stage{background:var(--panel);border:1px solid var(--line-2);border-left:2px solid var(--cyan);padding:20px;margin-bottom:14px}
.stage-hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.stage-hd .sn{font-family:var(--mono);font-size:12px;color:var(--orange)}
.stage-hd h3{font-size:17px}
.stage-hd .cyc{font-family:var(--mono);font-size:12px;color:var(--cyan);margin-left:auto}
.stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.stage-grid .blk{border:1px solid var(--line-2);background:rgba(8,18,29,.5);padding:13px 15px}
.stage-grid .blk h5{font-size:12.5px;color:var(--cyan);font-family:var(--mono);letter-spacing:.06em;margin-bottom:7px}
.stage-grid .blk p,.stage-grid .blk li{font-size:13px;color:var(--muted);line-height:1.7}
.stage-grid .blk li{padding-left:14px;position:relative}
.stage-grid .blk li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--cyan);opacity:.7}

/* ---------- 卡片矩阵 ---------- */
.scen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.s{background:var(--panel);border:1px solid var(--line-2);border-left:2px solid var(--cyan);padding:16px}
.s h4{font-size:14.5px}
.s p{font-size:12.6px;color:var(--muted);margin-top:7px;line-height:1.65}
.s .kv{font-size:12px;color:var(--dim);font-family:var(--mono);margin-top:9px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--panel);border:1px solid var(--line-2);padding:20px}
.card h4{font-size:15px;display:flex;align-items:center;gap:9px;margin-bottom:14px}
.card h4 i{width:3px;height:15px;background:var(--cyan);display:inline-block;flex:0 0 auto}
.card h4.or i{background:var(--orange)}
.caserow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line-2);font-size:13.2px}
.caserow:last-child{border-bottom:0}
.caserow .t{color:#D6E6F2}
.caserow .d{font-family:var(--mono);font-size:11.5px;color:var(--dim);text-align:right}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dl > div{border:1px dashed rgba(34,211,238,.3);background:rgba(34,211,238,.04);padding:11px;font-size:12.5px;color:var(--muted)}
.dl > div b{display:block;color:#CFE1EF;font-weight:500;font-size:13px;margin-bottom:4px}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qa{background:var(--panel);border:1px solid var(--line-2);padding:18px}
.qa .q{font-size:14.3px;font-weight:600;display:flex;gap:10px}
.qa .q em{font-style:normal;font-family:var(--mono);color:var(--cyan);font-size:12.5px;padding-top:2px;flex:0 0 auto}
.qa .a{font-size:13px;color:var(--muted);line-height:1.75;margin:9px 0 0 30px}

/* ---------- Schema 标签 ---------- */
.schema{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.schema span{font-family:var(--mono);font-size:11px;color:var(--cyan);border:1px solid var(--line);padding:4px 9px;background:var(--cyan-soft)}

/* ---------- 智能体与表单 ---------- */
.agent{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}
.chat{background:linear-gradient(160deg,rgba(11,32,46,.95),var(--panel));border:1px solid var(--line);padding:18px}
.chat .hd{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line-2);padding-bottom:12px}
.chat .av{width:34px;height:34px;border-radius:50%;background:rgba(34,211,238,.12);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--cyan);flex:0 0 auto}
.chat .nm{font-size:14px;font-weight:600}
.chat .ai{font-size:11.5px;color:var(--dim);font-family:var(--mono)}
.bub{font-size:13.2px;line-height:1.75;padding:11px 14px;margin-top:11px;max-width:92%}
.bub.b1{background:rgba(34,211,238,.08);border-left:2px solid var(--cyan);color:#CFE1EF}
.bub.b2{background:rgba(255,122,26,.09);border-left:2px solid var(--orange);margin-left:auto;color:#F2DCC8}
.bub.warn{border-left-color:var(--orange)}
.chat-acts{margin-top:13px;display:flex;gap:10px;flex-wrap:wrap}
.form{background:var(--panel);border:1px solid var(--line-2);padding:18px}
.form h4{font-size:14.5px;display:flex;gap:9px;align-items:center;margin-bottom:4px}
.form h4 i{width:3px;height:15px;background:var(--orange);display:inline-block}
.form .fhint{font-size:12px;color:var(--dim);margin-bottom:4px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}
.fi{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--dim)}
.fi input,.fi select,.fi textarea{border:1px solid var(--line-2);background:rgba(8,18,29,.75);padding:10px 12px;font-size:13px;color:var(--txt);border-radius:var(--r);font-family:inherit;width:100%}
.fi input:focus,.fi select:focus,.fi textarea:focus{outline:none;border-color:var(--line)}
.fi.full{grid-column:1/-1}
.up{border:1px dashed rgba(34,211,238,.35);background:rgba(34,211,238,.04);padding:12px;font-size:12.5px;color:var(--muted);grid-column:1/-1}
.chk{font-size:12px;color:var(--dim);margin-top:13px;display:flex;gap:8px;align-items:flex-start}
.chk input{margin-top:3px}
.form-acts{margin-top:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.form-acts .fs{font-size:12.5px;color:var(--dim)}

/* ---------- 筛选器 ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.filters .fl{font-family:var(--mono);font-size:11.5px;color:var(--dim);letter-spacing:.08em}
.chip{border:1px solid var(--line-2);color:var(--muted);font-size:12.5px;padding:6px 13px;border-radius:var(--r);cursor:pointer}
.chip:hover{border-color:var(--line);color:var(--txt)}
.chip.on{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft)}
.empty{display:none;font-size:13.5px;color:var(--muted);padding:18px;border:1px dashed var(--line-2)}
.empty.show{display:block}

/* ---------- 案例卡片 ---------- */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.case{background:var(--panel);border:1px solid var(--line-2);display:flex;flex-direction:column}
.case-top{border-bottom:1px solid var(--line-2);padding:14px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.case-top .yr{font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.case-top .sec-tag{font-family:var(--mono);font-size:11px;color:var(--cyan);border:1px solid var(--line);padding:3px 8px;background:var(--cyan-soft);white-space:nowrap}
.case h4{font-size:15px;padding:14px 16px 0}
.case .meta{font-family:var(--mono);font-size:11.5px;color:var(--dim);padding:6px 16px 0;line-height:1.7}
.case .quote{font-size:12.8px;color:#CFE1EF;line-height:1.75;padding:12px 16px;margin:12px 16px 0;background:rgba(34,211,238,.05);border-left:2px solid var(--cyan)}
.case .specs{padding:12px 16px;font-size:12.4px;color:var(--muted);line-height:1.8}
.case .specs b{color:#C6DAE8;font-weight:500;font-family:var(--mono)}
.case .shots{padding:0 16px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.case .shots span{border:1px dashed rgba(34,211,238,.3);background:rgba(34,211,238,.04);font-size:10.5px;color:var(--dim);text-align:center;padding:16px 4px;font-family:var(--mono)}
.case .case-ft{margin-top:auto;padding:12px 16px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.case .case-ft .lnk{font-size:12.5px;color:var(--cyan);font-family:var(--mono)}

/* ---------- 提示块 ---------- */
.notice{border:1px solid rgba(255,122,26,.35);background:linear-gradient(90deg,rgba(255,122,26,.1),rgba(255,122,26,.02));padding:12px 16px;font-size:12.6px;color:#E6C9AE;margin-bottom:18px}
.notice b{color:var(--orange)}
.placeholder{border:1px dashed rgba(34,211,238,.35);background:rgba(34,211,238,.04);color:var(--muted);font-size:12.5px;padding:10px 13px}

/* ---------- 文件下载行 ---------- */
.filelist{border:1px solid var(--line-2);background:var(--panel)}
.file{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--line-2);font-size:13.2px}
.file:last-child{border-bottom:0}
.file .ext{font-family:var(--mono);font-size:11px;color:var(--cyan);border:1px solid var(--line);padding:3px 8px;background:var(--cyan-soft);flex:0 0 auto}
.file .tt{color:#D6E6F2;flex:1 1 auto}
.file .tt em{display:block;font-style:normal;font-size:11.5px;color:var(--dim);font-family:var(--mono);margin-top:2px}
.file .go{font-size:12px;color:var(--muted);font-family:var(--mono);flex:0 0 auto}

/* ---------- 底部 CTA ---------- */
.cta{background:linear-gradient(90deg,rgba(255,122,26,.14),rgba(255,122,26,.03));border-top:1px solid rgba(255,122,26,.35);border-bottom:1px solid rgba(255,122,26,.2)}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 24px;flex-wrap:wrap}
.cta .t{font-size:21px}
.cta .s{font-size:13.2px;color:var(--muted);margin-top:6px}
.cta .r{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta .n{font-family:var(--mono);font-size:24px;color:var(--orange)}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--topbar);border-top:1px solid var(--line-2);padding:34px 0 26px}
.f-lines{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:26px;font-size:13px;color:var(--muted)}
.f-lines h5{font-size:13.5px;color:#D3E3EF;margin-bottom:10px}
.f-lines .l{line-height:2}
.f-lines a{color:#9FC4DA}
.f-lines .mono{color:var(--orange)}
.tel-link{color:var(--cyan)}
.copy{margin-top:24px;padding-top:15px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;gap:16px;font-size:11.5px;color:var(--dim);font-family:var(--mono);flex-wrap:wrap}

/* ---------- 工程小诺 · 悬浮入口（占位） ---------- */
.nx-float{position:fixed;right:28px;bottom:34px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.nx-btn{display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#0E2C3E,#0B1B28);border:1px solid var(--line);border-radius:26px;padding:9px 18px 9px 10px;box-shadow:0 12px 34px rgba(0,0,0,.55)}
.nx-btn .dot{width:30px;height:30px;border-radius:50%;background:rgba(34,211,238,.14);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--cyan)}
.nx-btn .tx{font-size:12.5px;color:#CBDFEC}
.nx-btn .tx b{color:var(--cyan);font-weight:600}
.nx-panel{width:352px;max-width:calc(100vw - 40px);background:linear-gradient(160deg,rgba(13,32,46,.99),rgba(9,20,31,.99));border:1px solid var(--line);box-shadow:0 18px 46px rgba(0,0,0,.6)}
.nx-panel[hidden]{display:none}
.nx-hd{padding:14px 16px;border-bottom:1px solid var(--line-2)}
.nx-hd .nm{font-size:14px;font-weight:600}
.nx-hd .sb{font-size:11.5px;color:var(--dim);font-family:var(--mono);margin-top:3px}
.nx-bd{padding:14px 16px}
.nx-tip{font-size:12.8px;color:var(--muted);line-height:1.75}
.nx-steps{margin:11px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nx-steps li{font-size:12px;color:#CFE1EF;border:1px dashed rgba(34,211,238,.3);background:rgba(34,211,238,.04);padding:8px 10px;font-family:var(--mono)}
.nx-note{font-size:11.5px;color:var(--dim);line-height:1.7;margin-top:10px;border-top:1px dashed var(--line-2);padding-top:10px}
.nx-acts{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}
.nx-acts .btn{padding:10px 15px;font-size:13px}

/* ---------- 响应式 ---------- */
@media (max-width:1240px){
  .hero .wrap{grid-template-columns:1fr 440px;gap:36px}
}
@media (max-width:1080px){
  .nav,.hd-right .btn{display:none}
  .nav-toggle{display:flex}
  .hero .wrap{grid-template-columns:1fr;gap:32px}
  .hero h1{font-size:34px}
  .classes{grid-template-columns:repeat(3,1fr)}
  .flow{grid-template-columns:repeat(2,1fr)}
  .scen,.cases{grid-template-columns:repeat(2,1fr)}
  .two,.agent,.faq,.f-lines{grid-template-columns:1fr}
  .trust .wrap{grid-template-columns:repeat(2,1fr)}
  .trust .item{border-left:0;border-top:1px solid var(--line-2)}
  .trust .item:nth-child(-n+2){border-top:0}
  .sec-sub{text-align:left;max-width:100%}
  .sec-head{flex-direction:column;align-items:flex-start;gap:10px}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  .site-header .wrap{min-height:64px;gap:10px}
  .logo{flex:0 1 auto;min-width:0;gap:9px}
  .logo .mark{width:32px;height:32px}
  .logo .n1{font-size:15.5px;letter-spacing:.5px;white-space:nowrap}
  .logo .n2{display:none}
  .hd-right{gap:9px;min-width:0}
  .hd-tel{font-size:13px;white-space:nowrap}
  .topbar{font-size:11.5px}
  .topbar .wrap{flex-direction:column;align-items:flex-start;gap:4px}
  .topbar .tb-r{text-align:left}
  .sec{padding:38px 0}
  .hero{padding:36px 0 32px}
  .hero h1{font-size:27px}
  .page-hero h1{font-size:24px}
  .sec-t{font-size:20px}
  .classes{grid-template-columns:repeat(2,1fr)}
  .flow,.scen,.cases,.dl,.stage-grid,.frow,.nx-steps{grid-template-columns:1fr}
  .trust .wrap{grid-template-columns:1fr}
  .trust .item{border-top:1px solid var(--line-2)}
  .trust .item:first-child{border-top:0}
  .vstats{grid-template-columns:1fr}
  .cta .n{font-size:20px}
  .cta .t{font-size:18px}
  .nx-float{right:14px;bottom:16px;left:14px;align-items:stretch}
  .nx-btn{justify-content:center}
  .copy{flex-direction:column}
  table{font-size:12px}
  th,td{padding:8px 9px}
}


/* ---------- 视频位（预埋） ---------- */
.video-box{position:relative;width:100%;max-width:960px;margin:26px auto 0;border:1px solid var(--line-2, rgba(148,163,184,.25));border-radius:14px;overflow:hidden;background:#0a1420;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.site-video{width:100%;height:100%;display:block;object-fit:contain;background:#0a1420}
.video-tip{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted, #94a3b8);font-size:13.5px;text-align:center;padding:0 24px;z-index:2;background:rgba(10,20,32,.94);border-radius:14px}
.video-tip::before{content:"";width:52px;height:52px;border:2px solid rgba(148,163,184,.35);border-radius:50%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M10 8.5l6 3.5-6 3.5z" fill="%2394a3b8"/></svg>') center/26px no-repeat;opacity:.9}
@media (max-width:760px){.video-box{aspect-ratio:4/3}}