/* winyam 深色主题 —— 覆盖 style.css 的浅色面
   老板 2026-10-14 定：全站统一深色，但不纯深色，要带渐变 + 背光。
   加载顺序：style.css 之后引用本文件。 */
:root{
  --paper:#0A0F17;
  --paper-2:#0E1723;
  --line:rgba(127,212,255,.14);
  --steel:#95A9BE;
  --steel-2:#BACBDA;
  --beam-ink:#7FD4FF;
  --hover-tint:linear-gradient(90deg,rgba(127,212,255,.18) 0%,rgba(127,212,255,.11) 55%,rgba(127,212,255,.07) 100%);
  --hover-box:linear-gradient(160deg,rgba(127,212,255,.15) 0%,rgba(127,212,255,.07) 55%,rgba(127,212,255,.03) 100%);
  --fs-label:16px;
  --fs-mini:15px;
}
html{background:#070C13}
body{
  color:#E8F0F8;
  background:
    radial-gradient(1200px 720px at 78% -12%,rgba(127,212,255,.15),transparent 62%),
    radial-gradient(900px 640px at 6% 28%,rgba(58,126,175,.13),transparent 64%),
    radial-gradient(760px 520px at 92% 68%,rgba(127,212,255,.07),transparent 66%),
    linear-gradient(180deg,#0A0F17 0%,#0B121B 42%,#080D14 100%);
  background-attachment:fixed;
}
h1,h2,h3,.display{color:#F3F8FD}
.lede{color:#A7B9CB}
.body,.ul li,.card p,.abil p,.flow .d,.metrics .u,.crumb,.frame span,.note,.ind p{color:#9FB3C8}
.ul li strong{color:#EDF4FB}
.card .meta dd{color:#EDF4FB}
.card .meta dt{color:#8FA4B8}
section{border-top-color:rgba(127,212,255,.12)}
.metrics .k,.table caption,.table thead th,.fcol h4{color:#8FA4B8}

/* ── 1) 顶栏：间距调宽、字号加大 ── */
.topbar-in{height:58px;font-size:15.5px}
.topbar{font-size:15.5px}
.topbar a{color:rgba(255,255,255,.72)}
.topbar a:hover{color:#fff}
.topbar .r{gap:26px}

/* ── 2) 品牌标：logo 放大 + 英文放到中文下面 ── */
.top-in{height:96px;gap:30px}
.brand{display:flex;align-items:center}
.brand .logo{display:inline-flex;align-items:center;gap:13px}
.brand .logo img{height:42px;width:auto;display:block}
.brand .txt{display:flex;flex-direction:column;line-height:1.06}
.brand .cn{font-size:20px;font-weight:800;letter-spacing:.06em;color:#fff}
.brand .en{font-size:12.5px;font-weight:600;letter-spacing:.24em;color:rgba(255,255,255,.58);margin-top:2px}
footer .brand .logo img{height:46px}
footer .brand .cn{font-size:21px}
footer .brand .en{font-size:13px}
.nav{font-size:15.5px}

/* ── 3) 指标条：字号整体加大，大数字换成无衬线粗体（原来等宽数字不好看） ── */
.metrics div{padding:40px 28px 44px}
.metrics .k{font-size:16.5px;letter-spacing:.14em;color:#9DB2C6}
.metrics .v{
  font-family:var(--sans);font-size:clamp(34px,3vw,46px);font-weight:800;
  letter-spacing:-.02em;line-height:1.08;margin-top:18px;color:#F3F8FD;
}
.metrics .u{font-size:16.5px;margin-top:14px}
.metrics{background:linear-gradient(180deg,rgba(127,212,255,.05),rgba(127,212,255,0))}

/* ── 表格/卡片/流程：深色适配 ── */
.table thead th{border-bottom-color:rgba(255,255,255,.24);color:#9DB2C6}
.table th,.table td{border-bottom-color:rgba(255,255,255,.09)}
.table .col-beam{color:#7FD4FF}
.table.spec td:last-child{font-family:var(--sans);font-size:15.5px}
.flow{border-top-color:rgba(255,255,255,.24)}
.flow .n,.abil .n{color:#7FD4FF}
.flow .step.core{background:linear-gradient(160deg,rgba(127,212,255,.14),rgba(127,212,255,.04))}
.flow .step.core .n{color:#7FD4FF}
.abil{border-top-color:rgba(255,255,255,.24)}
.card,.ind,.note,.badge,.frame{border-color:rgba(127,212,255,.16)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.ind{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.ind .k,.card .k,.ind .go{color:#7FD4FF}
.note{background:rgba(127,212,255,.07);border-left-color:#3E7C9E}
.frame{background:linear-gradient(160deg,rgba(127,212,255,.07),rgba(255,255,255,.02))}
.btn.line{background:transparent;color:#EAF2FA;border-color:rgba(255,255,255,.3)}
.btn.line:hover,.btn.line.is-hover{background:rgba(127,212,255,.18);border-color:#7FD4FF;color:#fff}
.crumb a:hover,.crumb a.is-hover{color:#fff}
.inds{background:var(--line);border-color:var(--line)}

/* ── 4) 产品宫格：小字与链接统一加大 ── */
.tiles{gap:24px}
.tile{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border-color:rgba(127,212,255,.18)}
.tile .bd{padding:22px 22px 24px}
.tile .no{font-size:15px;letter-spacing:.12em;color:#7FD4FF}
.tile h3{font-size:21.5px;margin:10px 0 10px}
.tile p{font-size:15.5px;line-height:1.78;color:#A7B9CB}
.tile .go{font-size:16px;font-weight:700;margin-top:16px;color:#7FD4FF}
.tile.wide .bd{padding:30px 34px}

/* ── 5) 询盘/页脚深色微调 ── */
.inquire .lede{color:rgba(255,255,255,.74)}
.contact-bar div{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
footer{background:linear-gradient(180deg,#08131D 0%,#070B12 58%,#060910 100%)}

/* ── 6) 深色下 hover 不再发白 ── */
.table tbody tr:hover,.table tbody tr.is-hover{background:var(--hover-tint)}

/* ══════════════════════════════════════════════════════════
   2026-10-27 老板第四轮批注 16 条
   依据：workspace/revision-images-20261027/（01.png–16.png + 批注清单.md）
   ══════════════════════════════════════════════════════════ */

/* #01 适用与配置：左列表头标签 +6 字号（15 → 21） */
#spec .table.spec td:first-child{font-size:21px}

/* #02 交付与验收：01–04 序号数字 +8 字号（15 → 23） */
#delivery .abil .n{font-size:23px;line-height:1.2}

/* #03 交付与验收：悬停出现底色时，序号、标题、正文全部水平居中 */
#delivery .abil:hover,#delivery .abil.is-hover{text-align:center}

/* #04 品牌英文字 winyam +8 字号（12.5 → 20.5），字距收一档重排 */
.brand .en{font-size:20.5px;letter-spacing:.13em;margin-top:3px}
footer .brand .en{font-size:21px;letter-spacing:.13em}

/* #11 为什么是我们：01–04 序号数字 +6 字号（15 → 21） */
#about .abil .n{font-size:21px;line-height:1.2}

/* #12 关于嵘鑫智能：该段文字 +4 字号（16 → 20），右侧表格同步放大 */
.about-body{font-size:20px}
#about .table.spec td{font-size:17.5px}

/* #13 页脚简介：内容已写全（见 index.html），行宽放宽 */
footer p.about-foot{max-width:48ch;font-size:15.5px;line-height:1.9;color:rgba(255,255,255,.84)}

/* #14 全站深色底上的弱字提亮 —— 老板：每一页都有这样的字，颜色太深看不清 */
section.dark .lede,section.dark .body{color:rgba(255,255,255,.86)}
.dark .micro{color:rgba(255,255,255,.8)}
.topbar{color:rgba(255,255,255,.82)}
.topbar a{color:rgba(255,255,255,.88)}
.hero-foot .hint,.form .hint{color:rgba(255,255,255,.8)}
.hero-shot .cap{color:rgba(255,255,255,.84)}
.rail a{color:rgba(255,255,255,.86)}
.field label{color:rgba(255,255,255,.82)}
.contact-bar .k{color:rgba(255,255,255,.8)}
.contact-bar .v{color:#fff}
footer{color:rgba(255,255,255,.82)}
.fcol a,.fcol p{color:rgba(255,255,255,.88)}
.fcol h4{color:rgba(255,255,255,.74)}
.foot-btm{color:rgba(255,255,255,.74)}
.body strong,.lede strong,.ul li strong{color:#EDF4FB}

/* #03 补充：悬停居中后长句不能越出卡片（body 的 word-break:keep-all 会禁止整句换行） */
.abil p{word-break:normal;overflow-wrap:break-word}

/* #15 补充：语言项改成「语言/Language：中文 / English」后变长；
   顶栏左侧那 5 个锚点链接与主导航/页脚重复，已删除，字号维持老板要求的 15.5 */
.topbar{font-size:15.5px}
.topbar-in{gap:18px}
.topbar .r{gap:18px}

/* #03 补充二：悬停卡片左右留出内边距，文字不贴边框 */
#delivery .abil{padding-left:10px;padding-right:10px}

/* ── 2026-10-31 老板批注：why-us 四张卡悬停时文字太靠左 / 没居中 ── */
#about .abil{padding:24px 20px 32px}
#about .abil:hover,#about .abil.is-hover{text-align:center}

/* ── 常见问题（FAQ）：可折叠，问答结构同时喂给 SEO/GEO ── */
#faq details{border-top:1px solid rgba(127,212,255,.16);padding:20px 0}
#faq details:last-of-type{border-bottom:1px solid rgba(127,212,255,.16)}
#faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17.5px;line-height:1.5;
  color:#EAF2FA;position:relative;padding-right:34px;transition:color .2s ease}
#faq summary:hover{color:#7FD4FF}
#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:"+";position:absolute;right:6px;top:-3px;font-size:22px;color:#7FD4FF;font-weight:400}
#faq details[open] summary::after{content:"\2013"}
#faq .a{margin:14px 0 0;max-width:80ch;font-size:15.5px;line-height:1.95;color:#9FB3C8}

#faq summary{padding-right:64px}