@charset "utf-8";
/* ==========================================================================
   kt-tabs.css — gateway/ 机型页「深空蓝科技主题 + 锚点图 + 五Tab」
   式样与配色对齐 https://www.ketetech.com/gateway/york100.html
   （site.css TECH-THEME 深空蓝 + tab-skin-v4 机型选择/Tab 皮肤）
   页头(#header/#navMenu)与页尾(#foot/footer)保持 kt-hf.css 原样不受影响。
   深圳市科特时控技术有限公司  /  2026-10-30
   ========================================================================== */

:root{
  --p:#22d3ee; --pd:#8fb8f7; --t:#e9f2ff; --m:#8ea4c6;
  --bg2:#0c1730; --bd:#1d2f52;
  --kt-line:rgba(120,175,255,.15);
  --kt-card:linear-gradient(160deg,rgba(19,33,63,.92),rgba(8,15,31,.94));
}

/* ---------- 页面底色：深空蓝 + 网格光效 ---------- */
html{background:#050a17}
body{
  color:#e9f2ff;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}

/* ---------- 通用文本 ---------- */
h1{
  font-size:30px;line-height:1.3;text-align:center;margin:22px 0 16px;letter-spacing:-.3px;
  background:linear-gradient(100deg,#ffffff 12%,#cfe3ff 54%,#5eead4 97%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
h2,h3,h4{color:#dbeafe}
a{color:#22d3ee}
hr{border:0;border-top:1px solid var(--kt-line);margin:24px 0}

table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
table th,table td{border:1px solid var(--kt-line);padding:10px 12px;text-align:left;vertical-align:top;color:#dbeafe}
table th{background:linear-gradient(135deg,#0f2a52,#0a1c38);color:#cfe3ff;font-weight:700}
table tr:nth-child(even) td{background:rgba(255,255,255,.03)}

/* 品牌索引页等非面板区域的正文文字 */
p,li{color:#a8bcda}
p strong,li strong,li b{color:#dbeafe}
.grid-item h3,.grid-item b{color:#8fb8f7}

/* ---------- 返回索引导航 ---------- */
.sub-back-nav{
  text-align:center;margin:15px 0;padding:10px;border-radius:10px;
  background:rgba(19,33,63,.7);border:1px solid var(--kt-line);
}
.sub-back-nav a{color:#8fb8f7;text-decoration:none;font-size:14px;margin:0 10px}
.sub-back-nav a:hover{color:#22d3ee}

/* ---------- AI 导语 / 信息卡 ---------- */
.ai-lead{
  margin:6px 0 16px;padding:12px 18px;font-size:15px;line-height:1.85;text-align:left;
  color:#a8bcda;background:var(--kt-card);border:1px solid var(--kt-line);border-radius:10px;
}
.ai-lead p{margin:0;color:#a8bcda}
.ai-facts{margin:0 0 20px;padding:14px 18px;background:var(--kt-card);border:1px solid var(--kt-line);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:#8ea4c6;font-size:14px;margin:0}
.ai-facts dd{grid-column:2;margin:0;font-size:14px;color:#a8bcda;line-height:1.7;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.ai-facts dd.ai-core{color:#cfe3ff;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.ai-facts dd b{color:#cfe3ff}
@media(max-width:720px){.ai-facts dl{grid-template-columns:1fr}.ai-facts dt{grid-column:1;margin-top:6px}.ai-facts dd{grid-column:1}}

/* ==========================================================================
   锚点图选择区（对齐 tab-skin-v4 .model-selector/.model-card）
   规则：1 行 4 个；图片保持同宽（width:100%）；空占位补齐末行
   ========================================================================== */
.kt-tabs-wrap{margin:18px 0 10px;font-family:inherit}
.kt-anchors{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  align-items:start;
  padding:4px 0;
  margin:10px 0 6px;
}
.kt-anchor{
  display:block;min-width:0;
  text-align:center;text-decoration:none;
  border:2px solid #1d2f52;border-radius:10px;overflow:hidden;
  background:rgba(12,24,48,.5);
  padding:0;box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s;
}
.kt-anchor img{display:block;width:100%;height:auto}
.kt-anchor .kt-anchor-name{
  display:block;padding:6px 10px;font-size:13px;line-height:1.5;
  color:#e9f2ff;text-align:center;background:rgba(8,15,31,.9);
}
.kt-anchor:hover{border-color:#22d3ee}
.kt-anchor.active{border-color:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.3)}
.kt-anchor.active .kt-anchor-name{color:#5eead4;font-weight:700}

/* 空占位：补齐最后一行，保持 4 个对齐 */
.kt-anchor-empty{
  border:1px dashed #1d2f52;border-radius:10px;
  background:rgba(12,24,48,.3);min-height:60px;
}

/* 单机型：锚点图居中、适中大小 */
.kt-anchors[data-n="1"]{grid-template-columns:1fr}
.kt-anchors[data-n="1"] .kt-anchor{max-width:420px;margin:0 auto;width:100%}

/* ---------- 当前选中机型栏（对齐 .current-model-bar） ---------- */
.kt-cur{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:14px 0 0;padding:10px 14px;width:100%;box-sizing:border-box;
  border:1px solid #22d3ee;border-radius:10px;background:rgba(34,211,238,.08);
  font-size:15px;color:#e9f2ff;
}
.kt-cur .kt-cur-name{color:#22d3ee;font-weight:700;font-size:16px;word-break:break-word}

/* ==========================================================================
   Tab 栏（对齐 .section-tabs/.section-tab）
   ========================================================================== */
.kt-tabbar{
  display:flex;gap:0;overflow-x:auto;scrollbar-width:none;
  margin:16px 0 8px;border-bottom:1px solid #1d2f52;
}
.kt-tabbar::-webkit-scrollbar{display:none}
.kt-tab{
  flex:0 0 auto;appearance:none;-webkit-appearance:none;
  padding:9px 16px 7px;cursor:pointer;font-size:14px;white-space:nowrap;
  color:#8ea4c6;border:1px solid #1d2f52;border-bottom:none;
  border-radius:6px 6px 0 0;background:rgba(12,24,48,.4);
  font-family:inherit;transition:.15s;
}
.kt-tab:hover{color:#e9f2ff;background:rgba(34,211,238,.10)}
.kt-tab.active{color:#22d3ee;background:#0c1730;border-color:#22d3ee;font-weight:700}

/* ---------- Tab 面板（对齐 .section-panel） ---------- */
.kt-panel{display:none}
.kt-panel.active{
  display:block;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;
  background:#0c1730;border:1px solid #1d2f52;border-radius:10px;padding:14px;
}
#kt-p-models{min-height:240px}
.kt-panel .kt-m{margin-bottom:6px}
.kt-panel h2{font-size:1.1em;margin:12px 0 6px;color:#dbeafe}
.kt-panel h3{font-size:1em;margin:8px 0 4px;color:#dbeafe}
.kt-panel p{margin:6px 0;color:#a8bcda}
.kt-panel strong{color:#dbeafe}
.kt-panel a{color:#22d3ee}
.kt-panel img{max-width:100%;width:100%;height:auto;display:block}
.kt-panel ul{list-style:none;padding:0;margin:8px 0}
.kt-panel ul li{
  padding:4px 0 4px 20px;position:relative;font-size:14px;color:#e9f2ff;
  overflow-wrap:anywhere;word-break:break-word;
}
.kt-panel ul li::before{content:"▸";position:absolute;left:0;color:#22d3ee}
/* 面板内截图网格：去白底、图全宽；显式 2 列 grid
   （gateway.css 为 flex 50%+gap10，面板内 gap 加大后会 50%+50%+gap>100% 触发换行变单列全宽） */
.kt-panel .grid-container2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;overflow-x:hidden;max-width:100%}
.kt-panel .grid-container2 .grid-item{min-width:0;text-align:center;overflow:hidden;padding:0;border:none;background:none;border-radius:0}
.kt-panel .grid-container2 .grid-item img{max-width:100%;width:100%;height:auto;display:block;border:none;margin:0;border-radius:0}
.kt-panel .grid-container2 .grid-item h3{font-size:15px;color:#8fb8f7;margin:4px 0 0}
.kt-panel .grid-container3 .grid-item,
.kt-panel .grid-container1 .grid-item{border:none;background:none;padding:0;border-radius:0}
.kt-panel .grid-container3 .grid-item img,
.kt-panel .grid-container1 .grid-item img{max-width:100%;width:100%;height:auto;display:block;border:none;border-radius:0}

/* ---------- 尾部导航（[返回小类] 等） ---------- */
.grid-bottom{text-align:center;font-size:15px;font-weight:700;margin:30px 0;color:#cfe3ff}
.grid-bottom a{
  display:inline-block;margin:4px;padding:8px 14px;border-radius:9px;font-size:14px;
  text-decoration:none;color:#cfe6ff;border:1px solid var(--kt-line);background:rgba(19,33,63,.7);
}
.grid-bottom a:hover{border-color:#22d3ee;color:#fff;background:rgba(34,211,238,.16)}

/* ---------- FAQ ---------- */
.ai-faq{margin:18px 0}
.ai-faq h2{color:#dbeafe}
.faq-item{border:1px solid var(--kt-line);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:var(--kt-card)}
.faq-item h3{font-size:16px;color:#dbeafe;margin:0 0 6px}
.faq-item p{margin:0;color:#a8bcda;font-size:14px}

/* ---------- 品牌墙（indexKt.html，对齐 ketetech.com 首页 pcard 品牌卡） ---------- */
.kt-sec-title{
  font-size:22px;margin:26px 0 10px;padding-left:18px;position:relative;color:#fff;
}
.kt-sec-title: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);
}
.brand-wall-sub{font-size:17px;color:#dbeafe;margin:14px 0 4px}
.brand-group-title{
  font-size:15px;font-weight:700;color:#cfe3ff;margin:20px 0 10px;
  padding-left:10px;border-left:3px solid #22d3ee;
}
.pgrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.pgrid4.pg3{grid-template-columns:repeat(3,1fr)}
.pgrid4>*{min-width:0}
.pcard{
  display:block;background:var(--kt-card);border:1px solid var(--kt-line);border-radius:10px;
  padding:14px;text-decoration:none;color:#e9f2ff;transition:.26s;
}
.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;
}
.pcard-imgrow{display:flex;align-items:center;gap:20px;padding:18px}
.pcard-text{display:flex;flex-direction:column;flex:1;min-width:0;justify-content:center}
.pcard-text b{
  display:block;color:#dbeafe;font-size:16px;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pcard-logo{
  height:80px;width:auto;max-width:180px;object-fit:contain;flex-shrink:0;
  background:#fff;padding:6px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35);
}
@media(max-width:720px){
  .pgrid4{grid-template-columns:repeat(2,1fr)}
  .pgrid4.pg3{grid-template-columns:repeat(2,1fr)}
  .pcard-imgrow{flex-direction:column;align-items:center;gap:10px;padding:12px 10px;text-align:center}
  .pcard-text{align-items:center;width:100%}
  .pcard-text b{white-space:normal;font-size:14px;line-height:1.35}
  .pcard-logo{height:52px;max-width:110px}
  .kt-sec-title{font-size:18px}
}

/* ---------- 移动端 ---------- */
@media(max-width:720px){
  body{background-attachment:scroll,scroll,scroll,scroll}
  h1{font-size:24px;padding:0 12px;box-sizing:border-box}
  .kt-anchors{grid-template-columns:repeat(2,1fr);gap:8px}
  .kt-anchors[data-n="1"]{grid-template-columns:1fr}
  .kt-anchor .kt-anchor-name{font-size:11px;padding:5px 6px}
  .kt-tab{font-size:12px;padding:7px 10px 5px}
  .kt-panel{padding:10px}
  #kt-p-models{min-height:180px}
  .kt-cur{margin:10px 0 0;padding:8px 12px}
  .kt-cur .kt-cur-name{font-size:14px}
}