:root{--p:#0b5fff;--pd:#063f9e;--t:#1a2233;--m:#5a6475;--bg2:#f5f8ff;--bd:#e6ecf7}
*{box-sizing:border-box;margin:0}
body{font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--t);line-height:1.7;background:#fff}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
/* 顶栏 */
.topnav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--bd);box-shadow:0 2px 10px rgba(11,95,255,.06)}
.topnav .bar{max-width:1080px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.topnav .brand{font-weight:800;color:var(--pd);font-size:18px;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}
.topnav .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--p)}
.topnav nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}
.topnav nav a{color:var(--t);text-decoration:none;font-size:15px;padding:7px 13px;border-radius:8px}
.topnav nav a:hover{background:var(--bg2);color:var(--pd)}
.topnav nav a.active{background:var(--p);color:#fff}
.topnav .dd{position:relative}
.topnav .dd>.menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--bd);border-radius:10px;box-shadow:0 10px 28px rgba(11,95,255,.14);min-width:170px;display:none;padding:6px;z-index:60}
.topnav .dd:hover>.menu{display:block}
.topnav .dd>.menu a{display:block;padding:8px 12px;border-radius:6px;color:var(--t)}
.topnav .dd>.menu a:hover{background:var(--bg2);color:var(--pd)}
/* 面包屑 */
.crumb{font-size:13px;color:var(--m);padding:14px 0 0}
.crumb a{color:var(--m);text-decoration:none}
.crumb a:hover{color:var(--pd)}
.crumb span{margin:0 7px;opacity:.6}
.crumb .here{margin:0;font-weight:600;color:var(--pd);opacity:1}
/* 文章正文 */
.article{padding:30px 0 6px}
.article h1{font-size:30px;margin:4px 0 14px;color:var(--t);line-height:1.3}
.article h2{font-size:22px;margin:24px 0 12px;color:var(--pd)}
.article h3{font-size:18px;margin:18px 0 8px;color:var(--pd)}
.article p{margin:10px 0;color:#2a3242}
.article img{max-width:100%;height:auto;border:1px solid var(--bd);border-radius:10px;margin:12px 0}
.article ul,.article ol{padding-left:22px;margin:10px 0}
.article li{margin:6px 0}
.article table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
.article th,.article td{border:1px solid var(--bd);padding:10px 12px;text-align:left;vertical-align:top}
.article th{background:var(--pd);color:#fff}
.article a{color:var(--p)}
/* 通用区块（与 P001 同体系） */
section{padding:40px 0}h2{font-size:24px;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.card{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:18px}
.card b{color:var(--pd)}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.shots figure{margin:0;border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:#fff}
.shots img{width:100%;display:block}
.shots figure.p img{width:auto;max-width:100%;margin:0 auto}
.shots-app{display:contents}
.shots figcaption{padding:9px 13px;font-size:13px;color:var(--m);border-top:1px solid var(--bd)}
.shots figcaption b{color:var(--pd)}
.bgroups{margin:16px 0;display:grid;gap:12px}
.bg{border:1px solid var(--bd);border-radius:12px;padding:14px 16px;background:#fff}
.bg .bh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bg .bh b{color:var(--pd);font-size:16px}.bg .bh span{color:var(--m);font-size:13px}
.bg .bh em{font-style:normal;background:var(--bg2);border:1px solid var(--bd);border-radius:20px;padding:2px 10px;font-size:12px;color:var(--pd)}
.bgs{display:flex;flex-wrap:wrap;gap:7px}.bgs .b{background:var(--bg2);border:1px solid var(--bd);border-radius:7px;padding:5px 11px;font-size:13px;display:inline-block;text-decoration:none;color:var(--t);transition:.15s}
.bgs a.b:hover{border-color:var(--p);color:var(--p);box-shadow:0 2px 8px rgba(11,95,255,.14)}
.blink{color:var(--pd);text-decoration:none;border-bottom:1px dashed currentColor}
.blink:hover{color:var(--p)}
.bgs .b i{font-style:normal;color:var(--m);font-size:12px;margin-left:5px}
.cat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.cat div{border:1px solid var(--bd);border-radius:10px;padding:13px;font-size:14px;background:#fff}
.cat div b{display:block;color:var(--pd);font-size:15px;margin-bottom:3px}
details{border:1px solid var(--bd);border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#fff}
details summary{font-weight:700;cursor:pointer;color:var(--pd)}
details p{margin-top:10px;color:#333}
#lead{background:var(--pd);color:#fff}
/* 底部联系方式区：文字强制浅色（防止被 .article p / p 等深色规则覆盖），全站一致 */
#lead p,#lead .tel{color:#e8f0ff;opacity:1}
#lead .tel{color:#fff;font-weight:700}
#lead h2{color:#fff}
.qr{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;align-items:flex-start;justify-content:space-between}
.qr-grp{display:flex;gap:18px;flex-wrap:wrap}
.qr-dl{margin-left:auto}
.qr figure{text-align:center;margin:0}
.qr img{width:132px;height:132px;border-radius:10px;background:#fff;padding:6px;object-fit:contain}
.qr figcaption{font-size:12px;line-height:1.35;margin-top:6px;opacity:.92;min-height:2.7em}
@media(max-width:720px){.qr{gap:14px;justify-content:flex-start}.qr-grp{display:contents}.qr img{width:118px;height:118px}.qr figcaption{font-size:11px}.qr-dl{margin-left:0}}
.tel{font-size:20px;font-weight:700;margin-top:6px}
.cta{display:inline-block;background:var(--p);color:#fff;font-weight:700;padding:12px 26px;border-radius:8px;text-decoration:none;margin-top:14px}
.cta.inv{background:#fff;color:var(--pd)}
.note{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:14px 18px;font-size:15px;margin-bottom:14px}
.muted{color:var(--m);font-size:15px}
/* hero（新落地页/总览页头部） */
.hero{background:linear-gradient(120deg,#0b5fff,#0a3aa0);color:#fff;padding:50px 0}
.hero .kicker{font-size:14px;letter-spacing:1px;opacity:.85}
.hero h1{color:#fff;font-size:32px;margin:8px 0 12px}
.hero .sub{font-size:17px;opacity:.92;max-width:820px}
.hero .cta{background:#fff;color:var(--pd);margin-top:18px}
/* 线卡片 */
.linegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.linecard{display:block;background:#fff;border:1px solid var(--bd);border-radius:14px;padding:20px;text-decoration:none;color:var(--t);transition:.15s}
.linecard:hover{border-color:var(--p);box-shadow:0 6px 18px rgba(11,95,255,.12);transform:translateY(-2px)}
.linecard b{display:block;color:var(--pd);font-size:18px;margin-bottom:6px}
.linecard span{font-size:14px;color:var(--m)}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.pgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
/* 品牌网格（文字左+logo右）卡片较宽，一行 3 个更舒展；sitemap 等纯文字列表仍用 .pgrid4 一行 4 个 */
.pgrid4.pg3{grid-template-columns:repeat(3,1fr)}
/* 网格项允许收缩（否则卡片内 nowrap 文案的 min-content 会把轨道撑破 → 移动端横向溢出） */
.pgrid>*,.pgrid4>*{min-width:0}
.pcard{display:block;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:14px;text-decoration:none;color:var(--t)}
.pcard:hover{border-color:var(--p);box-shadow:0 4px 14px rgba(11,95,255,.1)}
.pcard b{display:block;color:var(--pd);font-size:15px;margin-bottom:4px}.pcard span{font-size:13px;color:var(--m)}
.pcard-imgrow{display:flex;align-items:center;gap:20px;padding:18px;text-decoration:none;color:var(--t)}
.pcard-imgrow .pcard-logo-lg + .pcard-text{max-width:380px}
.pcard-imgrow:hover{border-color:var(--p);box-shadow:0 4px 14px rgba(11,95,255,.1)}
.pcard-imgrow .pcard-text{display:flex;flex-direction:column;flex:1;min-width:0;justify-content:center}
.pcard-imgrow .pcard-text b{color:var(--pd);font-size:16px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard-imgrow .pcard-text span{font-size:13px;color:var(--m);line-height:1.4}
.brand-cat-title{font-size:15px;font-weight:700;color:var(--pd);margin:18px 0 10px;padding-left:4px;border-left:3px solid var(--p)}
.pcard-imgrow .pcard-logo{height:80px;width:auto;max-width:180px;object-fit:contain;border-radius:10px;flex-shrink:0}
.pcard-imgrow .pcard-logo-lg{height:190px;width:auto;max-width:320px;object-fit:contain;border-radius:14px;flex-shrink:0}
.pcard-imgrow .pcard-logo-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:50%;font-size:24px;font-weight:700;color:var(--p);flex-shrink:0}
.pcard-imgrow .pcard-logo-placeholder-lg{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:#f0f4ff;border-radius:50%;font-size:40px;font-weight:700;color:var(--p);flex-shrink:0}
/* 页脚 */
.foot{background:#0a1f3d;color:#cfe0ff;padding:30px 0;font-size:14px;margin-top:34px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot .links a{color:#fff;text-decoration:none;margin-right:14px}
.foot .links a:hover{text-decoration:underline}
@media(max-width:720px){.grid,.cat,.linegrid{grid-template-columns:1fr}.pgrid{grid-template-columns:1fr}.pgrid4{grid-template-columns:repeat(2,1fr)}.pgrid4.pg3{grid-template-columns:repeat(2,1fr)}.shots{grid-template-columns:1fr}.shots-app{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.shots-app figure{flex:1 1 20%;min-width:0}.hero h1{font-size:24px}.pcard-imgrow .pcard-logo{height:56px;width:auto;max-width:130px}.pcard-imgrow .pcard-logo-placeholder{width:56px;height:56px;font-size:18px}.pcard-imgrow .pcard-logo-lg,.pcard-imgrow .pcard-logo-placeholder-lg{height:112px;width:auto;max-width:42%;font-size:28px}}
/* ---- 兼容 P001 新落地页原样式（原先在内联 style，现统一到 site.css） ---- */
p{margin:8px 0}
header{background:linear-gradient(120deg,#0b5fff,#0a3aa0);color:#fff;padding:54px 0}
header .kicker{font-size:14px;letter-spacing:1px;opacity:.85}
header h1{color:#fff;font-size:32px;line-height:1.3;margin-bottom:14px}
header .sub{font-size:17px;opacity:.92;max-width:780px}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.stat{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px 16px}
.stat b{font-size:22px;display:block}.stat span{font-size:13px;opacity:.9}
.brs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.br{background:#fff;border:1px solid var(--bd);border-radius:8px;padding:7px 13px;font-size:14px}
.yes{color:#0a7d4f;font-weight:700}
.tbl{width:100%;border-collapse:collapse;margin-top:14px;font-size:15px}
.tbl th,.tbl td{border:1px solid var(--bd);padding:11px 14px;text-align:left}
.tbl th{background:var(--pd);color:#fff;font-weight:600}
.tbl:not(.tbl-filt) tr:nth-child(even) td{background:#f8faff}
.tbl tr.grp td{background:#eaf1ff;font-weight:700;color:var(--pd)}
.tbl tr.grp span{font-weight:400;color:var(--m);font-size:13px;margin-left:6px}
.filtbar{margin-top:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.filtbar label{font-size:14px;color:var(--m)}
.filtbar input{padding:9px 12px;border:1px solid var(--bd);border-radius:8px;font-size:15px;min-width:210px}
.filtbar .reset{background:#fff;border:1px solid var(--bd);border-radius:8px;padding:8px 14px;font-size:13px;color:var(--pd);cursor:pointer}
.tbl-filt .grp-row{cursor:pointer;user-select:none}
.tbl-filt .grp-row td{background:#eaf1ff;font-weight:700;color:var(--pd)}
.tbl-filt .grp-row td>span{font-weight:400;color:var(--m);font-size:13px;margin-left:6px}
.tbl-filt .grp-row .caret{display:inline-block;margin-right:8px;transition:transform .2s;font-size:12px}
.tbl-filt .grp-row.open .caret{transform:rotate(90deg)}
.tbl-filt tr.hide{display:none}
.leadcta{margin-top:14px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.leadcta:active{transform:translateY(1px)}
/* CTA 变体：默认蓝（白底页），渐变/深色背景用白 */
.cta{background:var(--p);color:#fff;border:1px solid var(--p)}
.cta.inv{background:#fff;color:var(--pd);border:1px solid var(--bd)}
header .cta,.hero .cta,#lead .cta{background:#fff;color:var(--pd);border-color:#fff}
/* ---- 品牌页专用（来自 Gateway 品牌页正文 ai-* / grid-container2 等） ---- */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ai-lead{margin:6px 0 16px}
.ai-lead p{color:#2a3242}
.ai-facts{margin:14px 0;border:1px solid var(--bd);border-radius:12px;padding:16px 18px;background:#fff}
.ai-facts dl{display:grid;grid-template-columns:116px 1fr;gap:8px 14px;margin:0}
.ai-facts dt{grid-column:1;font-weight:700;color:var(--pd);font-size:14px;margin:0}
.ai-facts dd{grid-column:2;margin:0;font-size:14px;color:#2a3242}
.ai-facts dd.ai-core{color:var(--t)}
.center-text{text-align:center}
.grid-container2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.grid-container2 .grid-item{display:block;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:14px;text-align:center;text-decoration:none;color:var(--t);transition:.15s;min-width:0}
.grid-container2 .grid-item:hover{border-color:var(--p);box-shadow:0 4px 14px rgba(11,95,255,.12);transform:translateY(-2px)}
.grid-container2 .grid-item img{max-width:100%;height:auto;border:1px solid var(--bd);border-radius:8px;margin-bottom:8px}
.grid-container2 .grid-item h3{font-size:15px;color:var(--pd);margin:4px 0 0}
/* 长型号串（如 TIMS080/100/120/140/160/180）无空格 → 允许任意断行，防移动端横向溢出 */
.article li,.article p,.article h2,.article h3,.article td,.grid-item h3{overflow-wrap:anywhere;word-break:break-word}
/* 恢复旧站 main.css / gateway.css 丢失的正文样式类（换壳时必须补回，否则该类内容塌版） */
.grid-bottom{text-align:center;font-weight:700;margin:26px 0;padding:14px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.grid-bottom h3{margin:0;font-size:16px;color:var(--pd)}
.grid-bottom a{color:var(--p);text-decoration:none;margin:0 8px}
.sub-back-nav{text-align:center;margin:14px 0;padding:10px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px}
.sub-back-nav a{color:var(--p);text-decoration:none;font-size:14px;margin:0 10px}
.sub-back-nav a:hover{text-decoration:underline}
.grid-item1{border:1px solid var(--bd);padding:8px;font-size:15px;border-radius:10px;text-align:center;background:#fff}
.grid-item1 img{max-width:100%;height:auto;border-radius:8px}
.clear{clear:both;font-size:0;height:1px;overflow:hidden}
#plist1 ul{list-style:none;margin:0;padding:0}
#plist1 li{display:grid;grid-template-columns:300px 1fr;gap:2px 16px;padding:12px 0;border-bottom:1px dashed var(--bd)}
#plist1 li>a{grid-row:1/3;display:block}
#plist1 .proimg{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:contain;background:#fff;border:1px solid var(--bd);border-radius:10px;margin:0}
#plist1 h2{grid-column:2;font-size:17px;color:var(--pd);margin:0;line-height:1.5}
#plist1 p{grid-column:2;margin:0;font-size:14px;color:var(--m);line-height:1.8}
@media(max-width:720px){#plist1 li{grid-template-columns:1fr;gap:8px}#plist1 li>a{grid-row:auto}#plist1 h2,#plist1 p{grid-column:1}}
/* 分类分组：旧站侧栏 #prolist 的 <dl class="item"> 分类结构 */
.cat-section{margin:28px 0}
.cat-title{font-size:18px;color:var(--pd);border-left:4px solid var(--p);padding:6px 14px;margin:0 0 14px;background:var(--bg2);border-radius:0 8px 8px 0}
.plist1-grouped{list-style:none;margin:0;padding:0}
.plist1-grouped li{display:grid;grid-template-columns:300px 1fr;gap:2px 16px;padding:12px 0;border-bottom:1px dashed var(--bd)}
.plist1-grouped li>a{grid-row:1/3;display:block}
.plist1-grouped .proimg{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:contain;background:#fff;border:1px solid var(--bd);border-radius:10px;margin:0}
.plist1-grouped h2{grid-column:2;font-size:17px;color:var(--pd);margin:0;line-height:1.5}
.plist1-grouped p{grid-column:2;margin:0;font-size:14px;color:var(--m);line-height:1.8}
@media(max-width:720px){.plist1-grouped li{grid-template-columns:1fr;gap:8px}.plist1-grouped li>a{grid-row:auto}.plist1-grouped h2,.plist1-grouped p{grid-column:1}}
/* GEO 内容块：AI 搜索引擎优化专用样式 */
.geo-faq{max-width:1080px;margin:36px auto;padding:0 20px}
.geo-faq-title{font-size:22px;color:var(--pd);border-bottom:2px solid var(--p);padding-bottom:8px;margin-bottom:20px}
.geo-faq-item{border:1px solid var(--bd);border-radius:10px;margin-bottom:14px;overflow:hidden}
.geo-faq-q{font-size:17px;color:var(--t);background:var(--bg2);margin:0;padding:14px 18px;cursor:pointer}
.geo-faq-a{padding:14px 18px;font-size:15px;color:#2a3242;line-height:1.8}
.geo-qa{max-width:1080px;margin:0 auto;padding:16px 20px;background:var(--bg2);border-left:4px solid var(--p);border-radius:0 8px 8px 0;font-size:16px;color:var(--t)}
.model-search-wrap{text-align:center;margin:18px 0;padding:0 15px}
.model-search-input{width:100%;max-width:480px;padding:11px 14px;font-size:15px;border:2px solid var(--bd);border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box}
.model-search-input:focus{border-color:var(--p)}
.model-search-hint{font-size:13px;color:var(--m);margin-top:6px}
.model-search-noresult{text-align:center;color:var(--m);padding:26px 0;font-size:14px;display:none}
/* 系统拓扑结构统一式样：≤2张flex无空占位自动调整，>2张grid用空占位 */
.topo-grid-flex{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}
.topo-grid-flex .grid-item{flex:1 1 calc(50% - 8px);min-width:0;text-align:center;overflow:hidden}
.topo-grid-flex .grid-item img{max-width:100%;height:auto;display:block;margin:0 auto 8px;border:1px solid var(--bd);border-radius:8px}
.topo-grid-flex .grid-item h3{font-size:15px;color:var(--pd);margin:4px 0 0}
.topo-grid-flex .grid-item p{font-size:14px;color:var(--m);margin:4px 0 0}
.topo-grid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0}
.topo-grid-grid .grid-item{text-align:center;min-width:0;overflow:hidden}
.topo-grid-grid .grid-item img{max-width:100%;height:auto;display:block;margin:0 auto 8px;border:1px solid var(--bd);border-radius:8px}
.topo-grid-grid .grid-item h3{font-size:15px;color:var(--pd);margin:4px 0 0}
.topo-grid-grid .grid-item p{font-size:14px;color:var(--m);margin:4px 0 0}
/* 电脑界面 / App 界面统一式样：≤4张flex无空占位自动调整，>4张grid用空占位 */
.screen-grid-flex{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.screen-grid-flex .grid-item{flex:1 1 calc(25% - 9px);min-width:0;text-align:center;overflow:hidden}
.screen-grid-flex .grid-item img{max-width:100%;height:auto;display:block;margin:0 auto 6px;border:1px solid var(--bd);border-radius:8px}
.screen-grid-flex .grid-item h3{font-size:14px;color:var(--pd);margin:4px 0 0}
.screen-grid-flex .grid-item p{font-size:13px;color:var(--m);margin:4px 0 0}
.screen-grid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.screen-grid-grid .grid-item{text-align:center;min-width:0;overflow:hidden}
.screen-grid-grid .grid-item img{max-width:100%;height:auto;display:block;margin:0 auto 6px;border:1px solid var(--bd);border-radius:8px}
.screen-grid-grid .grid-item h3{font-size:14px;color:var(--pd);margin:4px 0 0}
.screen-grid-grid .grid-item p{font-size:13px;color:var(--m);margin:4px 0 0}
/* grid-item 内链接样式：去除下划线 + 填充 grid-item 宽度（避免 inline <a> 撑破 flex 布局） */
.topo-grid-flex .grid-item a,.topo-grid-grid .grid-item a,
.screen-grid-flex .grid-item a,.screen-grid-grid .grid-item a{
  text-decoration:none;color:inherit;display:block;width:100%}
.topo-grid-flex .grid-item a:hover,.topo-grid-grid .grid-item a:hover,
.screen-grid-flex .grid-item a:hover,.screen-grid-grid .grid-item a:hover{
  color:var(--pd)}
.grid-container4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.grid-container3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.grid-container1{display:grid;grid-template-columns:1fr;margin:18px 0}
.grid-container4 .grid-item,.grid-container3 .grid-item,.grid-container1 .grid-item{margin:0;text-align:center;min-width:0}
.grid-container4 .grid-item img,.grid-container3 .grid-item img,.grid-container1 .grid-item img{max-width:100%;height:auto;display:block;margin:0 auto}
/* App 截图组（移动端：≤4 张共用 1 行，>4 张换行；a1..a4=张数，aN=5 张及以上） */
@media(max-width:720px){
.grid-container4.a1,.grid-container3.a1,.grid-container2.a1,.grid-container1.a1{grid-template-columns:1fr}
.grid-container4.a2,.grid-container3.a2,.grid-container2.a2,.grid-container1.a2{grid-template-columns:repeat(2,1fr)}
.grid-container4.a3,.grid-container3.a3,.grid-container2.a3,.grid-container1.a3{grid-template-columns:repeat(3,1fr)}
.grid-container4.a4,.grid-container3.a4,.grid-container2.a4,.grid-container1.a4{grid-template-columns:repeat(4,1fr)}
.grid-container4.aN,.grid-container3.aN,.grid-container2.aN,.grid-container1.aN{grid-template-columns:repeat(2,1fr)}
}
.ai-faq{margin:18px 0}
.faq-item{border:1px solid var(--bd);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:#fff}
.faq-item h3{font-size:16px;color:var(--pd);margin:0 0 6px}
.faq-item p{margin:0;color:#2a3242;font-size:14px}
@media(max-width:720px){.ai-facts dl{grid-template-columns:1fr}.ai-facts dt{grid-column:1}.ai-facts dd{grid-column:1}.grid-container2{grid-template-columns:1fr}.grid-container4,.grid-container3{grid-template-columns:repeat(2,1fr)}.grid-container1{grid-template-columns:1fr}.topo-grid-flex .grid-item{flex:1 1 100%}.topo-grid-grid{grid-template-columns:1fr}.screen-grid-flex .grid-item{flex:1 1 calc(50% - 6px)}.screen-grid-grid{grid-template-columns:repeat(2,1fr)}}
/* ---- 整合原 gateway.css（S05）式样，保证品牌页/子锚点页内容区与整站统一 ---- */
/* 分隔线：S05 内容大量用 <hr> 分隔区块，统一为站点浅灰细线并保留间距 */
hr{border:0;border-top:1px solid var(--bd);margin:24px 0}
/* AI 导语/信息卡：浅蓝底+描边（对齐 s05 gateway.css 观感），信息项纵向紧凑 */
.ai-lead{margin:6px 0 16px;padding:12px 18px;font-size:15px;line-height:1.85;color:#2a3242;background:var(--bg2);border:1px solid var(--bd);border-radius:10px}
.ai-lead p{margin:0}
.ai-facts{margin:14px 0;padding:14px 18px;background:var(--bg2);border:1px solid var(--bd);border-radius:10px}
.ai-facts dl{display:grid;grid-template-columns:116px 1fr;gap:10px 14px;margin:0}
.ai-facts dt{grid-column:1;font-weight:700;color:var(--pd);font-size:14px;margin:0}
.ai-facts dd{grid-column:2;margin:0;font-size:14px;color:#2a3242;line-height:1.7}
.ai-facts dd.ai-core{color:var(--t)}
/* grid-item2：S05 App 截图外层包裹 span，仅作为布局中性容器（视觉交给 .grid-container*/.screen-grid* 的 .grid-item） */
.grid-item2{display:block;max-width:100%}
.grid-item2 img{max-width:100%;height:auto;border:1px solid var(--bd);border-radius:8px;margin:0 auto}
/* 品牌带锚点页（模型子页）：center-text 区的标题/正文/列表左对齐，仅图片卡片(.grid-item)保留居中 */
.center-text h2,.center-text h3,.center-text p,.center-text ul,.center-text ol,
.center-text dl,.center-text dt,.center-text dd,.center-text em,.center-text strong{text-align:left}
.center-text .grid-item,.center-text .grid-item h3,.center-text .grid-item p{text-align:center}

/* ===== TECH-THEME-START · 深空蓝 · 光效科技（全站统一样式层，置于末尾以覆盖旧样式） ===== */
:root{
  --p:#22d3ee; --pd:#8fb8f7; --t:#e9f2ff; --m:#8ea4c6;
  --bg2:#0c1730; --bd:#1d2f52;
  --tech-line:rgba(120,175,255,.15);
  --tech-card:linear-gradient(160deg,rgba(19,33,63,.92),rgba(8,15,31,.94));
  --tech-cyan:#22d3ee;
}
html{background:#050a17;scroll-behavior:smooth}
body{
  color:var(--t);background-color:#050a17;
  background-image:
    radial-gradient(680px 640px at 5% -6%,rgba(14,116,144,.42),transparent 70%),
    radial-gradient(720px 700px at 100% -2%,rgba(67,56,202,.34),transparent 70%),
    linear-gradient(rgba(120,175,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,175,255,.055) 1px,transparent 1px);
  background-size:auto,auto,62px 62px,62px 62px;
  background-repeat:no-repeat,no-repeat,repeat,repeat;
  background-attachment:fixed,fixed,fixed,fixed;
  -webkit-font-smoothing:antialiased;letter-spacing:.2px;
}
::selection{background:rgba(34,211,238,.32);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#050a17}
::-webkit-scrollbar-thumb{background:#1d2f52;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#2a4a7a}

/* ---------- 顶栏 ---------- */
.topnav{background:rgba(5,10,23,.74);border-bottom:1px solid var(--tech-line);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 30px rgba(0,0,0,.45)}
.topnav .brand{color:#fff;letter-spacing:.5px}
.topnav .brand .dot{background:var(--p);box-shadow:0 0 0 3px rgba(34,211,238,.14),0 0 14px var(--p);animation:tpulse 2.8s ease-in-out infinite}
@keyframes tpulse{50%{box-shadow:0 0 0 6px rgba(34,211,238,.05),0 0 22px var(--p)}}
.topnav nav a{color:#b9cbe8}
.topnav nav a:hover{background:rgba(34,211,238,.1);color:#fff}
.topnav nav a.active{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04101c;font-weight:800}
.topnav .dd>.menu{background:#0a1428;border:1px solid var(--tech-line);box-shadow:0 24px 60px rgba(0,0,0,.65)}
.topnav .dd>.menu a{color:#b9cbe8}
.topnav .dd>.menu a:hover{background:rgba(34,211,238,.1);color:#fff}

/* ---------- 面包屑 ---------- */
body>.crumb{max-width:1080px;margin:0 auto;padding:14px 20px 0}
.crumb,.crumb a{color:#7d90b3}
.crumb a:hover{color:var(--p)}
.crumb .here{color:#cfe3ff}

/* ---------- 首屏 HERO（header / .hero 统一） ---------- */
header,.hero{background:transparent;color:#fff;padding:66px 0 44px;position:relative;overflow:hidden}
header:before,.hero:before{content:"";position:absolute;left:50%;top:-320px;width:1100px;height:560px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(34,211,238,.15),transparent 62%);pointer-events:none}
header .kicker,.hero .kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:2px;
  color:#8fe6f7;border:1px solid rgba(34,211,238,.3);background:rgba(34,211,238,.07);
  border-radius:999px;padding:7px 16px;opacity:1}
header .kicker:before,.hero .kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--p);box-shadow:0 0 10px var(--p)}
header h1,.hero h1{color:#fff;font-size:42px;line-height:1.24;letter-spacing:-.4px;margin:18px 0 16px;max-width:920px;
  background:linear-gradient(100deg,#ffffff 12%,#cfe3ff 54%,#5eead4 97%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
header .sub,.hero .sub{color:#a8bcda;font-size:17px;max-width:820px;opacity:1}
header .sub b,.hero .sub b{color:#fff}
header .stats,.hero .stats{gap:12px;margin-top:26px}
.stat{background:linear-gradient(160deg,rgba(20,36,68,.92),rgba(8,16,32,.92));border:1px solid var(--tech-line);
  border-radius:14px;padding:14px 20px;min-width:132px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.25s}
.stat:hover{border-color:rgba(34,211,238,.5);box-shadow:0 10px 30px rgba(34,211,238,.14),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-2px)}
.stat b{font-size:26px;letter-spacing:.5px;
  background:linear-gradient(120deg,#5eead4,#22d3ee 45%,#93c5fd);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat span{color:#8ea4c6}

/* ---------- 按钮 ---------- */
.cta{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04101c;font-weight:800;border:0;border-radius:10px;
  padding:14px 30px;box-shadow:0 12px 34px rgba(34,211,238,.26);position:relative;overflow:hidden;transition:.22s}
.cta:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(34,211,238,.4)}
.cta.inv{background:rgba(255,255,255,.06);color:#dbeafe;border:1px solid rgba(120,175,255,.3)}
header .cta,.hero .cta,#lead .cta{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04101c;border:0}

/* ---------- 标题与强调 ---------- */
h1,h2,h3,h4{color:#fff}
.article h2,.article h3,.bg .bh b,.cat div b,.card b,.pcard b,.linecard b{color:#dbeafe}
section>.wrap>h2,section>h2,.hero h2{position:relative;padding-left:18px}
section>.wrap>h2:before,section>h2:before{content:"";position:absolute;left:0;top:.26em;width:4px;height:1em;border-radius:3px;
  background:linear-gradient(180deg,#22d3ee,#3b82f6);box-shadow:0 0 14px rgba(34,211,238,.35)}
a{color:var(--p)}
.muted{color:#8ea4c6}
.muted b{color:#cfe3ff}

/* ---------- 卡片类表面统一 ---------- */
.card,.linecard,.pcard,.bg,.cat div,details,.faq-item,.ai-facts,.grid-item1,.br,.geo-faq-item,.topo-grid-grid .grid-item,.screen-grid-grid .grid-item{
  background:var(--tech-card);border-color:var(--tech-line);color:var(--t)}
.card,.linecard,.pcard,.bg,.grid-item1,.geo-faq-item{transition:.26s}
.card:hover,.linecard:hover,.pcard:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.42);
  box-shadow:0 18px 44px rgba(2,10,30,.7),0 0 0 1px rgba(34,211,238,.16) inset}
.card b,.linecard b,.pcard b{color:#dbeafe}
.card p,.linecard span,.pcard span{color:#93a7c7}
.pcard-logo-placeholder,.pcard-imgrow .pcard-logo-placeholder,.pcard-imgrow .pcard-logo-placeholder-lg{
  background:rgba(34,211,238,.1);color:#5eead4}
.brand-cat-title{color:#cfe3ff;border-left-color:var(--p)}
/* 品牌 logo 多为白底图：给白色圆角底板，避免在白底logo直接压在深色卡片上显脏 */
.pcard-imgrow .pcard-logo{background:#fff;padding:6px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.pcard-imgrow .pcard-logo-lg{background:#0a1428;border:1px solid var(--tech-line);border-radius:12px}
.note{background:rgba(34,211,238,.06);border-color:rgba(34,211,238,.22);color:#cfe3ff}

/* ---------- 图片展示框 ---------- */
.shots figure{background:#08101f;border-color:var(--tech-line);transition:.26s}
.shots figure:hover{border-color:rgba(34,211,238,.4);box-shadow:0 18px 44px rgba(2,10,30,.75)}
.shots img{background:#0a1428;filter:brightness(.95) contrast(1.02)}
.shots figcaption{background:rgba(6,12,26,.9);border-top-color:var(--tech-line);color:#8ea4c6}
.shots figcaption b{color:#5eead4}
.article img{border-color:var(--tech-line)}

/* ---------- 兼容品牌 ---------- */
.bg .bh b{color:#dbeafe}
.bg .bh span{color:#8296b8}
.bg .bh em{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.28);color:#8fe6f7}
.bgs .b{background:rgba(255,255,255,.05);border:1px solid rgba(120,175,255,.24);color:#d3e3fb}
.bgs a.b:hover,.br:hover{border-color:#22d3ee;color:#fff;background:rgba(34,211,238,.16);
  box-shadow:0 0 0 1px rgba(34,211,238,.28),0 6px 20px rgba(34,211,238,.2)}
.bgs .b i{color:#8fb4d8}
.br{color:#d3e3fb}

/* ---------- 表格 ---------- */
.tbl th,.article th{background:linear-gradient(135deg,#0f2a52,#0a1c38);color:#cfe3ff;
  border-color:var(--tech-line);font-weight:700}
.tbl td,.article td,.article th{border-color:var(--tech-line)}
.tbl:not(.tbl-filt) tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.tbl tr.grp td,.tbl-filt .grp-row td{background:rgba(34,211,238,.1);color:#8fe6f7}
.tbl-filt .grp-row td>span,.tbl tr.grp span{color:#8ea4c6}
.yes{color:#34d399}
.filtbar label{color:#8ea4c6}
.filtbar input,.model-search-input{background:#0a1428;border-color:var(--tech-line);color:#fff}
.filtbar input:focus,.model-search-input:focus{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.filtbar input::placeholder,.model-search-input::placeholder{color:#6f88ab}
.filtbar .reset{background:rgba(255,255,255,.06);border-color:var(--tech-line);color:#cfe3ff}

/* ---------- 分类区块 / GEO FAQ ---------- */
.cat-title{color:#8fe6f7;background:rgba(34,211,238,.08);border-left-color:var(--p)}
.geo-faq-title{color:#fff;border-bottom-color:rgba(34,211,238,.4)}
.geo-faq-q{background:rgba(255,255,255,.04);color:#dbeafe}
.geo-faq-a{color:#a8bcda}
.faq-item h3{color:#dbeafe}
.faq-item p,.ai-lead p,.article p,details p,.ai-facts dd{color:#a8bcda}
details summary{color:#dbeafe}
details summary:hover{color:#5eead4}
details[open]{border-color:rgba(34,211,238,.3);box-shadow:0 14px 36px rgba(2,10,30,.55)}
.ai-facts dt{color:#8ea4c6}
.ai-facts dd b{color:#cfe3ff}

/* ---------- 列表页 ---------- */
#plist1 li,.plist1-grouped li{border-bottom-color:rgba(120,175,255,.14)}
#plist1 h2,.plist1-grouped h2{color:#dbeafe}
#plist1 p,.plist1-grouped p{color:#93a7c7}
#plist1 .proimg,.plist1-grouped .proimg{background:#0a1428;border-color:var(--tech-line)}

/* ---------- 底部联系方式区 / 页脚 ---------- */
#lead{background:linear-gradient(180deg,#0a1730 0%,#060f22 55%,#040a16 100%);
  border-top:1px solid var(--tech-line);position:relative;overflow:hidden;color:#fff}
#lead:before{content:"";position:absolute;left:50%;top:-220px;width:900px;height:420px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(34,211,238,.14),transparent 65%);pointer-events:none}
#lead h2{color:#fff}
#lead p,#lead .tel{color:#a8bcda}
#lead .tel{color:#fff}
#lead figcaption{color:#a8bcda}
#lead .qr img{box-shadow:0 10px 28px rgba(0,0,0,.5)}
.foot{background:#030711;border-top:1px solid rgba(120,175,255,.1);color:#7d90b3}
.foot .links a{color:#9fb4d6}
.foot .links a:hover{color:var(--p)}

/* ---------- 入场动效（配合 assets/tech.js） ---------- */
.rv{opacity:0;transform:translateY(20px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------- 品牌页导语（后台可编辑） ---------- */
.brand-intro{
  margin:0 0 20px;padding:14px 18px;border-radius:0 12px 12px 0;font-size:15.5px;line-height:1.85;
  color:#d7e6fb;border-left:3px solid var(--tech-cyan, #22d3ee);
  background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(34,211,238,0));
}
.brand-models{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.brand-models a{
  padding:8px 14px;border-radius:9px;font-size:14px;text-decoration:none;
  color:#cfe6ff;border:1px solid var(--tech-line);background:rgba(19,33,63,.7);
}
.brand-models a:hover{border-color:var(--tech-cyan);color:#fff}

/* ---------- 移动端 ---------- */
@media(max-width:720px){
  header,.hero{padding:48px 0 32px}
  header h1,.hero h1{font-size:29px;line-height:1.3}
  header .sub,.hero .sub{font-size:15.5px}
  .stat{min-width:0;flex:1 1 calc(50% - 6px);padding:12px 14px}
  .stat b{font-size:22px}
  section>.wrap>h2,section>h2{padding-left:14px}
  .card{padding:18px}
  body{background-attachment:scroll,scroll,scroll,scroll}
}

/* ---------- 移动端适配增强（叠加在 720 断点上，不改动桌面布局） ---------- */
@media(max-width:720px){
  /* 顶栏收窄：品牌+导航两行总高 103px → ~80px，减少首屏被导航占用 */
  .topnav .bar{padding:6px 14px;gap:8px}
  .topnav .brand{font-size:16px;gap:6px}
  .topnav nav{gap:2px}
  .topnav nav a{font-size:14px;padding:5px 9px;border-radius:7px}
  /* 宽表格（品牌矩阵十几列）横向滚动：table 转可滚动块，内部表格布局保留、列仍对齐 */
  .article table,.tbl{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .article table th,.article table td,.tbl th,.tbl td{white-space:nowrap}
  /* 下拉菜单触屏可展开（配合 tech.js：coarse 指针下 .dd.open 显示 menu） */
  .topnav .dd>.menu{display:none}
  .topnav .dd.open>.menu{display:block}
}
/* 触屏设备（手机/平板）让下拉菜单默认可见，桌面 hover 行为不变。
   关键：.menu 基础是 position:absolute（相对 .dd 的 left:0），触屏下若保持绝对定位，
   200px 菜单会从顶栏右缘伸出、把整个 body 横向撑宽（全站 +47px 溢出）。
   故触屏下改文档流定位 + max-width:100%，使菜单受顶栏宽度约束、不撑破视口。 */
@media(hover:none) and (pointer:coarse){
  .topnav .dd{display:block}
  .topnav .dd>.menu{display:block;position:static;left:auto;min-width:0;max-width:100%;
    margin:6px 0 0;box-shadow:none;border:0;padding:4px 0;background:transparent}
  .topnav .dd>.menu a{padding:7px 10px}
}
/* ---------- 横向溢出兜底（治本）：网格/弹性项可收缩 + 长串断行 ----------
   grid/flex 子项默认 min-width:auto，会被 min-content（长型号串/文件名/URL）撑破轨道
   → 移动端横向溢出。这里统一给常见文本容器加 min-width:0 + overflow-wrap:anywhere，
   长串任意断行、轨道可收缩，从根上消除撑宽（不影响中文正常换行）。 */
.ai-facts dd,.ai-facts dt,.pcard b,.pcard span,.pgrid>*,.pgrid4>*,.grid>*,
.cat div,.card,.linecard,.br,.geo-faq-a,.ai-lead,.brand-intro,.shots figure,
.topo-grid-flex .grid-item,.screen-grid-flex .grid-item,.sub-back-nav a,.grid-bottom a{
  min-width:0;overflow-wrap:anywhere;word-break:break-word}
/* 顶栏在触屏/窄屏下保证不被内部元素撑出视口 */
@media(max-width:720px){
  .topnav .bar{max-width:100%;overflow:hidden}
}
/* ===== TECH-THEME-END ===== */