/* ============================================================
   中国华录·松下 网站 — 共享样式
   设计语言：深色星空科技风 + 蓝(#00B0F0)白高对比
   维护说明：所有页面共用本文件；改配色/间距只需改这里
   ============================================================ */

/* ---------- 设计令牌（改这里即可全局换肤） ---------- */
/* 不引用任何外链字体：保证离线 / 内网 / 国内网络下打开效果一致且不阻塞渲染 */
:root{
  --c-bg:#0a1322;
  --c-bg-2:#0e1b30;
  --c-ink:#10203A;
  --c-primary:#00B0F0;
  --c-primary-deep:#0070C0;
  --c-white:#ffffff;
  --c-text:#e8eef6;
  --c-mute:rgba(232,238,246,.66);
  --c-card:rgba(255,255,255,.05);
  --c-card-bd:rgba(255,255,255,.12);
  --c-line:rgba(255,255,255,.10);
  --radius:16px;
  --radius-sm:10px;
  --maxw:1200px;
  --nav-h:150px;
  --shadow:0 10px 40px rgba(0,0,0,.35);
  --font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Avenir Next Condensed","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}

/* ---------- reset ---------- */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font);
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
h1,h2,h3,h4{line-height:1.25;font-weight:700;color:var(--c-white);font-family:var(--font-display);letter-spacing:.5px;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px;border-radius:4px;}

/* 通用容器 */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:88px 0;position:relative;}
.section.alt{background:linear-gradient(180deg,var(--c-bg),var(--c-bg-2));}
.eyebrow{color:var(--c-primary);font-size:14px;letter-spacing:2px;font-weight:600;text-transform:uppercase;margin-bottom:12px;display:inline-block;}
.title{font-size:clamp(26px,3.4vw,40px);margin-bottom:14px;}
.lead{color:var(--c-mute);font-size:17px;max-width:760px;}
.center{text-align:center;}
.center .lead{margin-left:auto;margin-right:auto;}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:600;font-size:15px;transition:.25s;white-space:nowrap;}
.btn-primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-deep));color:#fff;box-shadow:0 8px 24px rgba(0,176,240,.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,176,240,.45);}
.btn-ghost{border:1px solid var(--c-card-bd);color:var(--c-text);}
.btn-ghost:hover{border-color:var(--c-primary);color:var(--c-primary);}

/* ============================================================
   导航（由 site-nav.js 注入到 #siteNav）
   结构：.topbar（logo + 工具：站内搜索 / 语言）+ .mainnav（5 项居中，首页置中放大）
   ============================================================ */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,12,22,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,176,240,.18);}
.site-nav .topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 8px;}
.site-nav .brand{display:flex;align-items:center;gap:10px;color:var(--c-white);font-weight:700;font-size:18px;letter-spacing:2px;}
.site-nav .brand img{height:28px;width:auto;}
.site-nav .brand .sub{font-size:11px;color:var(--c-mute);font-weight:400;letter-spacing:1px;margin-left:2px;}
.site-nav .utils{display:flex;align-items:center;gap:16px;}
.site-nav .search{position:relative;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;color:var(--c-mute);}
.site-nav .search svg{width:16px;height:16px;flex:none;}
.site-nav .search input{background:none;border:none;outline:none;color:var(--c-white);font-size:14px;width:118px;}
.site-nav .search input::placeholder{color:rgba(232,238,246,.5);}
.site-nav .search-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:rgba(14,27,48,.98);border:1px solid var(--c-line);border-radius:12px;padding:8px;display:none;flex-direction:column;box-shadow:var(--shadow);z-index:20;}
.site-nav .search-panel.show{display:flex;}
.site-nav .search-panel a{padding:9px 12px;color:var(--c-mute);font-size:14px;border-radius:8px;transition:.15s;}
.site-nav .search-panel a:hover{color:var(--c-primary);background:rgba(0,176,240,.08);}
.site-nav .search-panel .no{padding:10px 12px;color:var(--c-mute);font-size:13px;}
.site-nav .lang{display:flex;align-items:center;gap:8px;color:var(--c-white);font-size:14px;}
.site-nav .lang button{background:#fff;color:#0a1322;border-radius:999px;padding:5px 12px;font-weight:600;font-size:13px;}
.site-nav .hamburger{display:none;flex-direction:column;gap:5px;padding:8px;}
.site-nav .hamburger span{width:24px;height:2px;background:var(--c-white);border-radius:2px;}

.site-nav .mainnav{position:relative;}
.site-nav .mainnav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,176,240,.6),transparent);}
.site-nav .menu{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:4px 24px 14px;list-style:none;}
.site-nav .menu>li{position:relative;}
.site-nav .menu>li>a{display:block;padding:8px 16px;color:var(--c-text);font-size:17px;letter-spacing:3px;transition:.25s;white-space:nowrap;}
.site-nav .menu>li>a:hover{color:var(--c-primary);}
.site-nav .menu>li.active>a{color:var(--c-white);}
.site-nav .menu>li.center>a{font-size:28px;font-weight:800;color:var(--c-white);letter-spacing:6px;padding:2px 26px 8px;}
.site-nav .menu>li.center.active>a{color:var(--c-primary);text-shadow:0 0 18px rgba(0,176,240,.6);}
.site-nav .menu>li.edge>a{font-size:15px;color:var(--c-mute);letter-spacing:1px;padding:8px 16px;}
.site-nav .menu>li.edge>a:hover{color:var(--c-white);}
/* 下拉子菜单：外层 top:100% 与 <li> 零缝隙（视觉留白由 padding-top 承担，仍是可命中区域），
   鼠标从主项下移不会断 hover；内层 .submenu-in 承载背景/描边/阴影。 */
.site-nav .submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:9px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease .12s,visibility .18s ease .12s;z-index:20;}
.site-nav .submenu-in{min-width:206px;background:rgba(14,27,48,.98);border:1px solid var(--c-line);border-radius:12px;padding:8px;box-shadow:var(--shadow);transform:translateY(6px);transition:transform .18s ease;}
.site-nav .menu>li:hover .submenu,
.site-nav .menu>li:focus-within .submenu{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;}
.site-nav .menu>li:hover .submenu-in,
.site-nav .menu>li:focus-within .submenu-in{transform:translateY(0);}
.site-nav .submenu a{display:block;padding:9px 12px;color:var(--c-mute);font-size:14px;border-radius:8px;transition:.15s;white-space:nowrap;}
.site-nav .submenu a:hover,.site-nav .submenu a:focus-visible{color:var(--c-primary);background:rgba(0,176,240,.08);}
/* 两端下拉对齐到边缘，避免居中定位顶出视口 */
.site-nav .menu>li:first-child .submenu{left:0;transform:none;}
.site-nav .menu>li:last-child .submenu{left:auto;right:0;transform:none;}
/* 有子菜单的主项：右侧小箭头提示可展开 */
.site-nav .menu>li.has-child>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;margin-bottom:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.5;transition:.25s;}
.site-nav .menu>li.has-child:hover>a::after,
.site-nav .menu>li.has-child:focus-within>a::after{opacity:1;transform:rotate(45deg) translate(1px,1px);}

/* ============================================================
   首页英雄区（设计稿 P3：HUD 边框屏幕 + 深空星云背景）
   ============================================================ */
/* ===== 首页英雄区（设计稿 P3：居中 HUD 金属屏 + 星云背景） ===== */
.home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 40px) 24px 110px;overflow:hidden;background:url('../images/bg-nebula.jpg') center/cover fixed;}
.home::after{content:"";position:absolute;inset:0;background:radial-gradient(78% 78% at 50% 46%,rgba(8,14,28,.22),rgba(3,6,15,.82) 100%);z-index:0;}
.home .stage{position:relative;z-index:1;width:min(58vw,860px);aspect-ratio:16/9;animation:floaty 7s ease-in-out infinite;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
/* 冰蓝金属 HUD 外框（八边形斜切角） */
.home .screen{position:relative;width:100%;height:100%;padding:7px;
  background:linear-gradient(135deg,#eef5fc 0%,#aec4d8 28%,#5e7a95 52%,#c2d6e8 78%,#86a0b8 100%);
  clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px),0 30px);
  filter:drop-shadow(0 0 24px rgba(0,176,240,.55)) drop-shadow(0 3px 12px rgba(0,0,0,.6));}
/* 内屏（画面）八边形 */
.home .screen-img{position:relative;width:100%;height:100%;background:#000;overflow:hidden;
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);}
.home .screen-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
/* 蓝色全息辉光叠加 */
.home .screen-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 58% at 50% 54%,rgba(0,176,240,.14),transparent 70%),linear-gradient(180deg,rgba(0,176,240,.05),transparent 28%);
  mix-blend-mode:screen;}
/* 沿八边形的亮蓝 HUD 描边 */
.home .screen::before{content:"";position:absolute;inset:5px;pointer-events:none;
  box-shadow:inset 0 0 0 1.5px rgba(140,210,255,.85),inset 0 0 14px rgba(0,176,240,.45);
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);}

/* ============================================================
   子页面页头（沿用：关于我们 / 产品等内页）
   ============================================================ */

/* ---------- 核心数据（数字滚动） ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px;}
.stat{background:var(--c-card);border:1px solid var(--c-card-bd);border-radius:var(--radius);padding:28px 22px;text-align:center;}
.stat .num{font-size:clamp(30px,4vw,46px);font-weight:800;color:var(--c-primary);line-height:1;}
.stat .num .unit{font-size:.5em;margin-left:2px;}
.stat .label{color:var(--c-mute);font-size:14px;margin-top:10px;}

/* ---------- 卡片网格通用 ---------- */
.grid{display:grid;gap:22px;margin-top:46px;}
.grid.cols-2{grid-template-columns:repeat(2,1fr);}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.grid.cols-4{grid-template-columns:repeat(4,1fr);}
.card{background:var(--c-card);border:1px solid var(--c-card-bd);border-radius:var(--radius);padding:28px;transition:.28s;overflow:hidden;}
.card:hover{transform:translateY(-4px);border-color:rgba(0,176,240,.45);box-shadow:0 14px 40px rgba(0,0,0,.4);}
.card .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:rgba(0,176,240,.12);color:var(--c-primary);font-size:22px;margin-bottom:16px;}
.card h3{font-size:19px;margin-bottom:8px;}
.card p{color:var(--c-mute);font-size:15px;}

/* 能力卡（带图） */
.cap-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-card-bd);min-height:260px;display:flex;align-items:flex-end;}
.cap-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s;}
.cap-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,19,34,0),rgba(10,19,34,.92));}
.cap-card .cap-body{position:relative;z-index:1;padding:22px;}
.cap-card h3{font-size:20px;margin-bottom:6px;}
.cap-card p{color:var(--c-mute);font-size:14px;}
.cap-card:hover img{transform:scale(1.06);}

/* 产品亮点 */
.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-top:46px;}
.feature.flip .media{order:2;}
.feature .media img{border-radius:var(--radius);border:1px solid var(--c-card-bd);width:100%;}
.feature h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:14px;}
.feature p{color:var(--c-mute);margin-bottom:18px;}
.feature ul{display:grid;gap:10px;margin-bottom:22px;}
.feature ul li{display:flex;gap:10px;color:var(--c-text);font-size:15px;}
.feature ul li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:50%;background:var(--c-primary);}

/* ---------- 公司概述（P08 设计稿：标题条 + 左右分栏 + 维恩图） ---------- */
.about-hero{position:relative;padding:calc(var(--nav-h) + 60px) 24px 34px;text-align:center;background:url('../images/starfield.jpg') center/cover fixed;}
.about-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 38%,rgba(8,14,28,.40),rgba(3,6,15,.86));}
.about-hero .bar{position:relative;z-index:1;display:inline-block;background:rgba(8,12,22,.72);color:#fff;font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:14px;padding:12px 40px 12px 54px;border-radius:6px;border:1px solid rgba(0,176,240,.22);}

.about-split{display:grid;grid-template-columns:0.92fr 1.08fr;gap:56px;align-items:center;margin-top:58px;}
/* 标语：流光金属渐变 + 呼吸辉光 */
.about-left .slogan{position:relative;font-size:clamp(19px,2.2vw,24px);font-weight:800;line-height:1.5;margin-bottom:22px;text-align:center;letter-spacing:1px;
  background:linear-gradient(100deg,#6cc7f5 0%,#00b0f0 22%,#eaf7ff 50%,#00b0f0 78%,#6cc7f5 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:shine 8s linear infinite;
  filter:drop-shadow(0 0 10px rgba(0,176,240,.35));}
@keyframes shine{to{background-position:220% center;}}
.about-left .slogan .q{-webkit-text-fill-color:rgba(150,210,255,.78);color:rgba(150,210,255,.78);opacity:.9;animation:none;filter:drop-shadow(0 0 8px rgba(0,176,240,.5));}

.venn{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:8px auto 0;}
.venn .v{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;
  font-weight:800;font-size:clamp(15px,1.9vw,21px);color:#dff2ff;
  border:1px solid rgba(150,205,245,.45);
  background:radial-gradient(62% 62% at 50% 36%,rgba(0,176,240,.26),rgba(90,150,210,.07) 72%);
  box-shadow:inset 0 0 26px rgba(0,176,240,.2),0 0 22px rgba(0,176,240,.12);
  backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease,box-shadow .45s ease,border-color .45s ease,filter .45s ease;
  cursor:default;animation:floatV 7s ease-in-out infinite;}
.venn .v1{top:1%;left:0;animation-delay:0s;}
.venn .v2{top:1%;right:0;animation-delay:-2.3s;}
.venn .v3{top:33%;left:50%;transform:translateX(-50%);animation-delay:-4.6s;}
@keyframes floatV{0%,100%{margin-top:0;}50%{margin-top:-12px;}}
/* 悬停聚焦：当前圈发光放大、其余退场 */
.venn:hover .v{opacity:.4;filter:saturate(.65) blur(.3px);}
.venn .v:hover{opacity:1;filter:none;transform:scale(1.07);border-color:rgba(170,220,255,.95);box-shadow:inset 0 0 32px rgba(0,176,240,.42),0 0 40px rgba(0,176,240,.55);z-index:3;}
.venn .v3:hover{transform:translateX(-50%) scale(1.07);}
.venn .v .vt{display:block;line-height:1.2;text-shadow:0 0 14px rgba(0,176,240,.55);}
.venn .v .vd{display:block;font-size:.6em;font-weight:600;letter-spacing:2px;color:#bfe6ff;opacity:0;transform:translateY(8px);transition:.4s ease;margin-top:3px;}
.venn .v:hover .vd{opacity:.95;transform:none;}
/* 三圆交汇处的融合辉光 */
.venn::after{content:"";position:absolute;top:40%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(0,176,240,.5),transparent 68%);filter:blur(6px);
  pointer-events:none;opacity:.7;z-index:0;animation:corePulse 5s ease-in-out infinite;}
@keyframes corePulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.9);}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.1);}}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .about-left .slogan{-webkit-text-fill-color:var(--c-primary);color:var(--c-primary);filter:none;}
  .venn .v,.venn::after{animation:none;}
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .tl-arrow{animation:none;}
  .sv-data .d,.sv-era,.sv-col,.prod-card,.card,.cap-card{transition:none!important;}
}

.about-right .prose p{color:var(--c-text);font-size:15.5px;line-height:1.85;margin-bottom:14px;}
.about-right .prose .lead{float:left;font-size:46px;line-height:.84;font-weight:800;color:#fff;margin:4px 12px 0 0;}

/* ---------- 经营理念（P09 设计稿：居中标题条 + 左斜切金属标签牌/右正文三段） ---------- */
.phil-page{position:relative;background:url('../images/starfield.jpg') center/cover fixed;}
.phil-page::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 30%,rgba(8,14,28,.40),rgba(3,6,15,.88));z-index:0;pointer-events:none;}
.phil-page .wrap{position:relative;z-index:1;}

.tenet{display:flex;gap:40px;align-items:flex-start;margin-bottom:56px;}
.tenet:last-child{margin-bottom:0;}
.tenet .tag{
  flex:0 0 132px;align-self:flex-start;margin-top:4px;padding:15px 10px;
  text-align:center;font-weight:800;font-size:clamp(16px,1.8vw,20px);letter-spacing:8px;text-indent:8px;
  color:#0c1a2e;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#eef4fa 0%,#b9c6d4 46%,#dde7f0 70%,#aab8c8 100%);
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);
  box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6);
}
.tenet .tag.tag-wide{flex-basis:168px;}
.tenet .tag::after{content:"";position:absolute;top:0;left:-70%;width:55%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);
  transform:skewX(-18deg);transition:left .9s ease;}
.tenet:hover .tag::after{left:140%;}
.tenet-body{flex:1;color:#fff;font-size:clamp(19px,2.3vw,28px);line-height:1.9;font-weight:600;letter-spacing:.5px;}
.tenet-body .hl{color:var(--c-primary);font-weight:800;}

.spirit .spirit-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 48px;}
.spirit .spirit-col p{color:#e8eef6;font-size:clamp(16px,1.9vw,21px);line-height:1.35;margin-bottom:16px;transition:.25s;}
.spirit .spirit-col b{color:var(--c-primary);font-weight:800;margin-right:5px;text-shadow:0 0 12px rgba(0,176,240,.4);transition:.25s;}
.spirit .spirit-col p:hover{transform:translateX(4px);}
.spirit .spirit-col p:hover b{text-shadow:0 0 20px rgba(0,176,240,.75);}

@media(max-width:720px){
  .tenet{flex-direction:column;gap:14px;margin-bottom:40px;}
  .tenet .tag{flex-basis:auto;align-self:flex-start;letter-spacing:6px;text-indent:6px;}
  .spirit .spirit-body{grid-template-columns:1fr;gap:4px;}
  .spirit .spirit-col p{margin-bottom:10px;}
}

/* ---------- 发展历程（P10 设计稿：横向时间线） ---------- */
.history-page{position:relative;background:url('../images/starfield.jpg') center/cover fixed;}
.history-page::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 26%,rgba(8,14,28,.40),rgba(3,6,15,.88));z-index:0;pointer-events:none;}
.history-page .wrap{position:relative;z-index:1;}

.timeline-scroll{overflow-x:auto;padding:14px 0 26px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,176,240,.5) transparent;}
.timeline-scroll::-webkit-scrollbar{height:8px;}
.timeline-scroll::-webkit-scrollbar-thumb{background:rgba(0,176,240,.4);border-radius:8px;}
.timeline-h{position:relative;display:flex;width:max-content;min-width:100%;margin:24px 0;padding:30px 6px;}
.timeline-h::before{content:"";position:absolute;left:28px;right:28px;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,var(--c-primary) 6%,var(--c-primary) 94%,transparent);box-shadow:0 0 12px rgba(0,176,240,.5);}
.tl-node{position:relative;flex:0 0 172px;height:340px;}
.tl-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px rgba(10,19,34,.9),0 0 0 6px rgba(0,176,240,.32),0 0 16px rgba(0,176,240,.7);z-index:2;transition:.3s;}
.tl-card{position:absolute;left:50%;transform:translateX(-50%);width:160px;text-align:center;padding:0 4px;}
.tl-node.up .tl-card{bottom:calc(50% + 26px);}
.tl-node.down .tl-card{top:calc(50% + 26px);}
.tl-year{font-size:19px;font-weight:800;color:#fff;letter-spacing:.5px;transition:.3s;}
.tl-node:hover .tl-year{color:var(--c-primary);text-shadow:0 0 14px rgba(0,176,240,.5);}
.tl-title{font-size:14px;font-weight:600;color:var(--c-text);margin-top:6px;line-height:1.4;}
.tl-note{font-size:12px;color:var(--c-mute);margin-top:4px;}
.tl-badge{display:inline-block;margin-top:9px;padding:4px 10px;border-radius:999px;background:rgba(0,176,240,.16);border:1px solid rgba(0,176,240,.5);color:var(--c-primary);font-size:11px;font-weight:700;line-height:1.35;max-width:150px;}
.tl-node:hover .tl-dot{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 4px rgba(10,19,34,.9),0 0 0 8px rgba(0,176,240,.5),0 0 24px rgba(0,176,240,.9);}
.tl-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--c-primary);font-size:20px;z-index:3;animation:nudge 1.6s ease-in-out infinite;}
@keyframes nudge{0%,100%{transform:translateY(-50%) translateX(0);}50%{transform:translateY(-50%) translateX(6px);}}

.history-outro{text-align:center;margin-top:36px;}
.history-outro h2{font-size:clamp(24px,3.4vw,40px);line-height:1.3;margin-bottom:14px;}
.history-outro .sub{color:var(--c-primary);font-weight:600;font-size:clamp(15px,1.8vw,18px);letter-spacing:1px;margin-bottom:26px;}
.lead-para{font-size:clamp(15px,1.8vw,19px);line-height:1.95;color:var(--c-text);max-width:840px;margin:0 auto;text-align:left;}
.lead-para .drop{float:left;font-size:62px;line-height:.78;font-weight:800;color:var(--c-primary);margin:6px 12px 0 0;}

@media(max-width:720px){
  .tl-node{flex-basis:150px;}
  .tl-card{width:142px;}
  .tl-badge{max-width:134px;}
}

/* ---------- 产业布局（P11 设计稿：上两大产业 / 下制造服务网格） ---------- */
.layout-page{position:relative;background:url('../images/starfield.jpg') center/cover fixed;}
.layout-page::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 24%,rgba(8,14,28,.40),rgba(3,6,15,.88));z-index:0;pointer-events:none;}
.layout-page .wrap{position:relative;z-index:1;}

.ind-top{display:flex;align-items:stretch;margin-top:30px;}
.ind-col{flex:1;padding:0 36px;}
.ind-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(0,176,240,.6),transparent);}
.ind-title{font-size:clamp(22px,3vw,32px);font-weight:800;color:#fff;text-align:center;margin-bottom:22px;letter-spacing:2px;}
.ind-media{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-card-bd);box-shadow:var(--shadow);}
.ind-media img{width:100%;height:300px;object-fit:cover;display:block;transition:.4s;}
.ind-col:hover .ind-media img{transform:scale(1.04);}
.ind-media .tags{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:linear-gradient(0deg,rgba(3,6,15,.86),transparent);}
.ind-media .tags span{font-size:13px;color:#dff2ff;background:rgba(0,176,240,.18);border:1px solid rgba(0,176,240,.45);padding:4px 12px;border-radius:999px;backdrop-filter:blur(4px);}

.ind-bottom{display:flex;gap:36px;align-items:flex-start;margin-top:64px;}
.ind-side{writing-mode:vertical-rl;text-orientation:upright;flex:0 0 auto;font-size:clamp(20px,2.6vw,28px);font-weight:800;color:#fff;letter-spacing:6px;padding:18px 14px;background:rgba(0,176,240,.08);border:1px solid rgba(0,176,240,.3);border-radius:var(--radius);}
.mfg-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mfg-card{background:#e9eef4;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.28s;}
.mfg-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.5);}
.mfg-card img{width:100%;height:150px;object-fit:cover;display:block;background:#cfd8e2;}
.mfg-card h3{font-size:15px;font-weight:700;color:#0a1322;text-align:center;padding:12px 8px;letter-spacing:1px;}

@media(max-width:980px){
  .ind-top{flex-direction:column;gap:30px;}
  .ind-col{padding:0;}
  .ind-divider{width:auto;height:1px;margin:6px 0;background:linear-gradient(90deg,transparent,rgba(0,176,240,.6),transparent);}
  .ind-bottom{flex-direction:column;gap:18px;}
  .ind-side{writing-mode:horizontal-tb;letter-spacing:3px;padding:12px 18px;text-align:center;}
  .mfg-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px){
  .mfg-grid{grid-template-columns:1fr;}
  .ind-media img{height:220px;}
}

/* ---------- 新闻资讯 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.news-card{background:var(--c-card);border:1px solid var(--c-card-bd);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;transition:.25s;}
.news-card:hover{border-color:rgba(0,176,240,.45);transform:translateY(-3px);}
.news-card .date{color:var(--c-primary);font-size:13px;font-weight:600;margin-bottom:10px;}
.news-card h3{font-size:17px;line-height:1.4;margin-bottom:10px;}
.news-card p{color:var(--c-mute);font-size:14px;flex:1;}
.news-card .more{margin-top:14px;color:var(--c-primary);font-size:14px;font-weight:600;}

/* ---------- CTA 区 ---------- */
.cta{text-align:center;background:linear-gradient(135deg,rgba(0,176,240,.16),rgba(0,112,192,.08));border:1px solid var(--c-card-bd);border-radius:24px;padding:60px 24px;margin-top:30px;}
.cta h2{font-size:clamp(24px,3vw,34px);margin-bottom:14px;}
.cta p{color:var(--c-mute);margin-bottom:26px;}

/* ============================================================
   页脚（由 site-footer.js 注入到 #siteFooter）
   ============================================================ */
.site-footer{background:var(--c-ink);border-top:1px solid var(--c-line);padding:56px 24px 28px;margin-top:40px;}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;max-width:var(--maxw);margin:0 auto;}
.site-footer .brand img{height:34px;margin-bottom:16px;}
.site-footer .brand p{color:var(--c-mute);font-size:14px;max-width:300px;}
.site-footer h4{font-size:15px;margin-bottom:16px;color:var(--c-white);}
.site-footer .cols a{display:block;color:var(--c-mute);font-size:14px;padding:5px 0;transition:.15s;}
.site-footer .cols a:hover{color:var(--c-primary);}
.site-footer .bottom{max-width:var(--maxw);margin:36px auto 0;padding-top:20px;border-top:1px solid var(--c-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--c-mute);font-size:13px;}

/* ============================================================
   悬浮侧栏（保留原站功能：联系/公众号/返回顶部）
   ============================================================ */
.float-bar{position:fixed;right:18px;bottom:90px;z-index:900;display:flex;flex-direction:column;gap:10px;}
.float-bar button,.float-bar a{width:46px;height:46px;border-radius:50%;background:rgba(14,27,48,.9);border:1px solid var(--c-card-bd);color:var(--c-white);display:grid;place-items:center;font-size:18px;transition:.2s;position:relative;}
.float-bar button:hover,.float-bar a:hover{border-color:var(--c-primary);color:var(--c-primary);}
.float-bar .qr-pop{position:absolute;right:56px;bottom:0;background:#fff;border-radius:12px;padding:10px;width:150px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateX(10px);transition:.2s;}
.float-bar .qr-pop img{width:130px;height:130px;}
.float-bar .qr-pop span{display:block;text-align:center;color:#333;font-size:12px;margin-top:6px;}
.float-bar a:hover .qr-pop{opacity:1;visibility:visible;transform:translateX(0);}

/* 返回顶部（P08：右下角白色圆 TOP 按钮，全站复用） */
#backTop{position:fixed;right:22px;bottom:26px;z-index:900;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:#fff;color:#0a1322;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:.2s;}
#backTop:hover{border-color:var(--c-primary);color:var(--c-primary);}

/* ============================================================
   滚动揭示动画
   ============================================================ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:980px){
  .stats{grid-template-columns:repeat(2,1fr);}
  .grid.cols-4{grid-template-columns:repeat(2,1fr);}
  .grid.cols-3{grid-template-columns:repeat(2,1fr);}
  .news-grid{grid-template-columns:1fr 1fr;}
  .feature,.feature.flip,.overview,.about-split{grid-template-columns:1fr;}
  .feature.flip .media{order:0;}
  .site-footer .cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .site-nav .topbar{flex-wrap:wrap;gap:10px;}
  .site-nav .menu{
    position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;
    background:rgba(10,19,34,.98);border-bottom:1px solid var(--c-line);padding:12px;
    max-height:calc(100vh - var(--nav-h));overflow:auto;transform:translateY(-120%);transition:.3s;visibility:hidden;
  }
  .mainnav.open .menu{transform:translateY(0);visibility:visible;}
  .site-nav .menu>li>a,.site-nav .menu>li.center>a,.site-nav .menu>li.edge>a{padding:14px;font-size:16px;letter-spacing:1px;color:var(--c-text);background:none;border:none;text-shadow:none;}
  .site-nav .menu>li.center>a{font-weight:700;}
  /* 移动端：子菜单改为可折叠列表，需恢复命中（pointer-events:auto）并清掉内层的浮层样式 */
  .site-nav .submenu{position:static;opacity:1;visibility:visible;transform:none;padding:0;pointer-events:auto;transition:none;display:none;z-index:auto;}
  .site-nav .submenu-in{min-width:0;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 0 8px 14px;transform:none;transition:none;}
  .site-nav .menu>li.open .submenu{display:block;}
  .site-nav .menu>li.open>a::after{transform:rotate(-135deg);}
  .site-nav .hamburger{display:flex;}
  .home .stage{width:86vw;margin-bottom:46px;}
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.news-grid{grid-template-columns:1fr;}
  .section{padding:60px 0;}
  .site-footer .cols{grid-template-columns:1fr;}
}

/* ============================================================
   子页面通用（关于我们 / 产品 / 研发 等内页复用）
   ============================================================ */
.page-hero{position:relative;padding:calc(var(--nav-h) + 72px) 24px 58px;overflow:hidden;}
.page-hero .bg{position:absolute;inset:0;background:url('../images/starfield.jpg') center/cover;z-index:0;}
.page-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,19,34,.58),rgba(10,19,34,.9));}
.page-hero .inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--c-mute);font-size:14px;margin-bottom:18px;}
.breadcrumb a:hover{color:var(--c-primary);}
.breadcrumb .sep{opacity:.5;}
.page-hero h1{font-size:clamp(28px,4.2vw,46px);margin-bottom:12px;}
.page-hero p{color:var(--c-mute);max-width:700px;font-size:17px;}

.prose{max-width:840px;}
.prose h2{font-size:26px;margin:38px 0 14px;}
.prose h3{font-size:20px;margin:26px 0 10px;}
.prose p{color:var(--c-mute);margin-bottom:14px;}
.prose ul{display:grid;gap:10px;margin:14px 0 4px;}
.prose ul li{display:flex;gap:10px;color:var(--c-text);}
.prose ul li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:50%;background:var(--c-primary);}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;}
.pillar{background:var(--c-card);border:1px solid var(--c-card-bd);border-radius:var(--radius);padding:32px 26px;text-align:center;transition:.25s;}
.pillar:hover{border-color:rgba(0,176,240,.45);transform:translateY(-4px);}
.pillar .ic{font-size:36px;margin-bottom:12px;}
.pillar h3{font-size:20px;margin-bottom:10px;}
.pillar p{color:var(--c-mute);font-size:15px;}

.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;}
.mini-grid a{display:block;background:var(--c-card);border:1px solid var(--c-card-bd);border-radius:var(--radius-sm);padding:18px;color:var(--c-text);transition:.2s;}
.mini-grid a:hover{border-color:var(--c-primary);color:var(--c-primary);}
.mini-grid a h4{font-size:16px;margin-bottom:6px;color:var(--c-white);}
.mini-grid a span{font-size:13px;color:var(--c-mute);}

@media(max-width:980px){.pillars{grid-template-columns:1fr 1fr;}.mini-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:720px){.pillars{grid-template-columns:1fr;}.mini-grid{grid-template-columns:1fr;}}

/* 纲领引言块 */
.charter{position:relative;max-width:900px;margin:30px auto 0;padding:44px 46px;border-radius:24px;background:linear-gradient(135deg,rgba(0,176,240,.14),rgba(0,112,192,.06));border:1px solid var(--c-card-bd);text-align:center;}
.charter .mark{font-size:52px;color:var(--c-primary);line-height:.6;opacity:.5;}
.charter .q{font-size:clamp(20px,2.6vw,28px);line-height:1.6;color:var(--c-white);font-weight:600;margin-top:6px;}
@media(max-width:720px){.charter{padding:32px 22px;}}

/* ---------- 资质荣誉（P12 设计稿：简介 + 6 证书墙 + 蓝色口号） ---------- */
.honors-page{position:relative;background:url('../images/starfield.jpg') center/cover fixed;}
.honors-page::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 18%,rgba(8,14,28,.40),rgba(3,6,15,.88));z-index:0;pointer-events:none;}
.honors-page .wrap{position:relative;z-index:1;}
.honors-intro{max-width:820px;margin:14px auto 46px;text-align:center;color:var(--c-mute);font-size:clamp(14px,1.7vw,16px);line-height:1.95;}

.cert-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1180px;margin:0 auto 58px;}
.cert{margin:0;}
.cert-thumb{position:relative;aspect-ratio:3/4;background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.22);border-radius:12px;overflow:hidden;display:grid;place-items:center;transition:.28s;}
.cert:hover .cert-thumb{border-color:rgba(0,176,240,.55);box-shadow:0 10px 30px rgba(0,0,0,.4);}
.cert-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;}
.cert-thumb .cert-ph{color:rgba(200,225,245,.55);font-size:14px;font-weight:700;text-align:center;line-height:1.5;padding:10px;letter-spacing:1px;}
.cert figcaption{text-align:center;margin-top:12px;color:var(--c-text);font-size:14px;font-weight:600;}

.honors-slogan{text-align:center;color:var(--c-primary);font-size:clamp(20px,3vw,32px);font-weight:800;letter-spacing:2px;margin-top:8px;text-shadow:0 0 24px rgba(0,176,240,.45);}

@media(max-width:980px){.cert-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.cert-grid{grid-template-columns:repeat(2,1fr);}}

/* ---------- 资质荣誉（P13 设计稿：上排 6 奖牌 + 下方荣誉展台） ---------- */
.medal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1180px;margin:30px auto 50px;}
.medal{margin:0;}
.medal-thumb{position:relative;aspect-ratio:1/1;background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.22);border-radius:12px;overflow:hidden;display:grid;place-items:center;transition:.28s;}
.medal:hover .medal-thumb{border-color:rgba(0,176,240,.55);box-shadow:0 10px 30px rgba(0,0,0,.4);}
.medal-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;}
.medal-thumb .medal-ph{color:rgba(200,225,245,.55);font-size:13px;font-weight:700;text-align:center;line-height:1.45;padding:10px;letter-spacing:.5px;}
.medal figcaption{text-align:center;margin-top:11px;color:var(--c-text);font-size:13.5px;font-weight:600;}

.stage-frame{position:relative;max-width:1180px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(150,205,245,.22);background:rgba(255,255,255,.04);min-height:320px;display:grid;place-items:center;}
.stage-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.stage-frame .stage-ph{position:relative;z-index:0;color:rgba(200,225,245,.6);font-size:15px;font-weight:700;letter-spacing:1px;text-align:center;padding:24px;max-width:680px;line-height:1.6;}

@media(max-width:980px){.medal-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.medal-grid{grid-template-columns:repeat(2,1fr);}.stage-frame{min-height:220px;}}

/* ---------- 企业文化（P14：员工活动照片·左右翻页轮播） ---------- */
.culture-page{position:relative;background:url('../images/starfield.jpg') center/cover fixed;}
.culture-page::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 18%,rgba(8,14,28,.40),rgba(3,6,15,.88));z-index:0;pointer-events:none;}
.culture-page::before{content:"和";position:absolute;top:16%;left:5%;font-family:"KaiTi","STKaiti","SimSun",serif;font-size:42vw;line-height:1;color:rgba(255,255,255,.05);z-index:0;pointer-events:none;user-select:none;}
.culture-page .wrap{position:relative;z-index:1;}

.culture-carousel{position:relative;max-width:880px;margin:30px auto 0;}
.car-viewport{overflow:hidden;border-radius:16px;border:1px solid rgba(150,205,245,.22);background:rgba(255,255,255,.05);box-shadow:var(--shadow);}
.car-track{display:flex;margin:0;padding:0;list-style:none;transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.slide{flex:0 0 100%;}
.photo{position:relative;aspect-ratio:16/9;overflow:hidden;background:rgba(255,255,255,.05);}
.photo .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.photo .ph-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(200,225,245,.5);font-size:15px;font-weight:700;text-align:center;padding:12px;line-height:1.4;z-index:0;}
.cap{margin:0;padding:14px 16px;background:linear-gradient(180deg,rgba(10,19,34,0),rgba(10,19,34,.62));color:#fff;font-size:15px;font-weight:600;text-align:center;}

.car-btn{position:absolute;top:46%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(14,27,48,.8);border:1px solid rgba(150,205,245,.3);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;z-index:3;transition:.2s;}
.car-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:rgba(14,27,48,.95);}
.car-btn.prev{left:12px;}
.car-btn.next{right:12px;}

.car-dots{display:flex;justify-content:center;gap:10px;margin-top:18px;}
.car-dots .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25);padding:0;transition:.2s;}
.car-dots .dot.active{background:var(--c-primary);width:26px;border-radius:6px;box-shadow:0 0 10px rgba(0,176,240,.6);}

/* 证书类（竖版白底）：完整显示不裁切 */
.culture-carousel.docs .photo{aspect-ratio:3/4;}
.culture-carousel.docs .photo .ph-img{object-fit:contain;background:#fff;}

@media(max-width:560px){
  .car-btn{width:38px;height:38px;font-size:22px;}
  .photo{aspect-ratio:4/3;}
}

/* ---------- EMS 栏目全屏封面·合作优势（P15） ---------- */
.ems-hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.ems-bg{position:absolute;inset:0;z-index:0;}
.ems-bgimg{width:100%;height:100%;object-fit:cover;display:block;}
.ems-ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:rgba(200,225,245,.45);font-size:15px;font-weight:700;letter-spacing:1px;line-height:1.7;padding:24px;}
.ems-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,6,15,.62),rgba(3,6,15,.78) 55%,rgba(3,6,15,.92));}
.ems-inner{position:relative;z-index:2;width:100%;max-width:1000px;padding:calc(var(--nav-h) + 44px) 28px 84px;text-align:center;}
.ems-title{font-size:clamp(86px,17vw,210px);font-weight:800;line-height:.92;color:#fff;letter-spacing:2px;margin:0;text-shadow:0 8px 40px rgba(0,0,0,.5);}
.ems-title .blue{color:var(--c-primary);}
.ems-sub{display:inline-flex;align-items:center;gap:10px;margin:18px 0 30px;font-size:clamp(22px,3vw,30px);font-weight:700;color:#3ddc84;letter-spacing:6px;}
.ems-sub::before{content:"";width:30px;height:30px;border-radius:8px;background:rgba(61,220,132,.18);border:1px solid rgba(61,220,132,.55);box-shadow:0 0 16px rgba(61,220,132,.4);}
.ems-points{list-style:none;margin:0 auto;padding:0;max-width:840px;text-align:left;display:grid;gap:14px;}
.ems-points li{position:relative;padding:14px 18px 14px 54px;border-radius:12px;background:rgba(10,19,34,.55);border:1px solid rgba(150,205,245,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:rgba(255,255,255,.92);font-size:clamp(14px,1.7vw,16.5px);line-height:1.65;}
.ems-points li::before{content:"👍";position:absolute;left:16px;top:13px;font-size:20px;line-height:1;}
.ems-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:30px;display:grid;place-items:center;transition:.2s;}
.ems-arrow:hover{background:rgba(0,176,240,.2);border-color:var(--c-primary);color:var(--c-primary);}
.ems-arrow.prev{left:24px;}
.ems-arrow.next{right:24px;}
.ems-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:12px;}
.ems-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);transition:.2s;}
.ems-dots i.on{background:var(--c-primary);width:28px;border-radius:6px;box-shadow:0 0 12px rgba(0,176,240,.7);}

@media(max-width:720px){
  .ems-inner{padding:calc(var(--nav-h) + 24px) 18px 72px;}
  .ems-points li{font-size:14px;padding:12px 14px 12px 46px;}
  .ems-points li::before{left:13px;font-size:18px;}
  .ems-arrow{width:42px;height:42px;font-size:24px;}
  .ems-arrow.prev{left:10px;}
  .ems-arrow.next{right:10px;}
}

/* ---------- EMS 业务承揽（P16） ---------- */
.ems-biz-page .ems-lead{max-width:920px;margin:30px auto 36px;text-align:center;color:var(--c-text);font-size:clamp(15px,2vw,18px);line-height:1.8;}
.ems-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1080px;margin:0 auto;}
.ems-card{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:16px;padding:30px 28px 28px;transition:.28s;}
.ems-card:hover{border-color:rgba(0,176,240,.5);box-shadow:0 10px 30px rgba(0,0,0,.4);transform:translateY(-3px);}
.ems-card .ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(0,176,240,.14);border:1px solid rgba(0,176,240,.35);color:var(--c-primary);margin-bottom:16px;}
.ems-card .ic svg{width:26px;height:26px;}
.ems-card h3{color:var(--c-primary);font-size:clamp(18px,2.3vw,23px);margin:0 0 12px;letter-spacing:.5px;}
.ems-card p{color:var(--c-text);font-size:15px;line-height:1.8;margin:0;}
.ems-core{max-width:1080px;margin:34px auto 0;padding:22px 26px;border-radius:14px;background:linear-gradient(100deg,rgba(0,176,240,.12),rgba(0,112,192,.06));border:1px solid rgba(0,176,240,.3);color:#fff;font-size:15.5px;line-height:1.8;}
.ems-core b{color:var(--c-primary);margin-right:6px;letter-spacing:1px;}

/* ---------- EMS 业务组合（P17） ---------- */
.ems-combo-page .combo{display:grid;grid-template-columns:0.7fr 1.3fr;gap:40px;align-items:center;margin-top:46px;}
.combo-side{display:flex;flex-direction:row-reverse;gap:18px;justify-content:center;}
.combo-side .vcol{writing-mode:vertical-rl;text-orientation:upright;color:rgba(255,255,255,.82);font-size:clamp(13px,1.6vw,16px);line-height:1.6;letter-spacing:2px;}
.combo-side .vcol span{display:block;}
.combo-chart{width:100%;}
.combo-svg{width:100%;height:auto;max-width:560px;display:block;margin:0 auto;}
.combo-svg .tag{fill:rgba(10,19,34,.7);stroke:rgba(150,205,245,.5);}

@media(max-width:860px){
  .ems-cards{grid-template-columns:1fr;}
  .ems-combo-page .combo{grid-template-columns:1fr;gap:30px;}
  .combo-side{order:2;}
}
@media(max-width:520px){
  .combo-side{flex-direction:column;align-items:center;}
  .combo-side .vcol{writing-mode:horizontal-tb;text-orientation:mixed;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;letter-spacing:.5px;}
  .combo-side .vcol span{display:inline;}
}

/* ---------- PDF 设计稿原图直出页 ---------- */
.pdfpage{position:relative;width:100%;line-height:0;padding-top:var(--nav-h);}
.pdfpage-img{display:block;width:100%;height:auto;}

/* 栏目内子导航（数据驱动，自动渲染当前栏目子页互跳条） */
.site-nav .subnav{background:rgba(6,10,20,.55);border-top:1px solid rgba(0,176,240,.12);}
.site-nav .subnav-inner{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:7px 16px;max-width:1200px;margin:0 auto;}
.site-nav .subnav a{display:inline-block;padding:5px 13px;border-radius:999px;color:var(--c-mute);font-size:13px;letter-spacing:1px;transition:.2s;white-space:nowrap;}
.site-nav .subnav a:hover{color:var(--c-white);background:rgba(0,176,240,.14);}
.site-nav .subnav a.active{color:#04101e;background:var(--c-primary);font-weight:700;}
@media(max-width:720px){.site-nav .subnav-inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;}}

/* ---------- 联系方式（contact.html 纯网页） ---------- */
.contact-wrap{max-width:1080px;margin:46px auto 64px;padding:0 22px;}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px;}
.contact-card{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:16px;padding:28px 24px;text-align:center;transition:.28s;}
.contact-card:hover{border-color:rgba(0,176,240,.5);transform:translateY(-3px);}
.contact-card .c-icon{font-size:30px;margin-bottom:12px;}
.contact-card h3{color:var(--c-primary);font-size:18px;margin:0 0 10px;letter-spacing:1px;}
.contact-card p{color:var(--c-text);font-size:15px;line-height:1.6;margin:0;}
.contact-form-box{max-width:760px;margin:0 auto;background:rgba(8,14,28,.5);border:1px solid rgba(150,205,245,.2);border-radius:18px;padding:30px 30px 34px;}
.contact-form-box h3{color:#fff;font-size:20px;margin:0 0 20px;text-align:center;letter-spacing:1px;}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:13px 15px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(150,205,245,.22);color:#fff;font-size:15px;margin-bottom:16px;outline:none;transition:.2s;font-family:inherit;}
.contact-form textarea{resize:vertical;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--c-primary);background:rgba(0,176,240,.08);}
.contact-form button{display:block;width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(100deg,var(--c-primary),#0070C0);color:#04101e;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:.2s;}
.contact-form button:hover{filter:brightness(1.08);}
@media(max-width:720px){.contact-grid{grid-template-columns:1fr;}.contact-form .row{grid-template-columns:1fr;}}

/* ---------- 制造/业务栏目「代码渲染」页（替代整页图片直出） ---------- */
.mfg-intro{max-width:920px;margin:30px auto;padding:0 22px;color:var(--c-text);font-size:clamp(15px,2vw,17px);line-height:1.95;text-align:center;}
.mfg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:0 auto 42px;padding:0 22px;}
.mfg-stat{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:14px;padding:22px 16px;text-align:center;transition:.25s;}
.mfg-stat:hover{border-color:rgba(0,176,240,.5);transform:translateY(-3px);}
.mfg-stat .num{color:var(--c-primary);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.1;}
.mfg-stat .num small{font-size:14px;font-weight:600;}
.mfg-stat .lab{color:var(--c-text);font-size:13.5px;margin-top:9px;}
.mfg-sec{max-width:1080px;margin:0 auto 42px;padding:0 22px;}
.mfg-sec h3{color:var(--c-primary);font-size:clamp(18px,2.4vw,22px);margin:0 0 16px;letter-spacing:1px;border-left:3px solid var(--c-primary);padding-left:12px;}
.mfg-sec p{color:var(--c-text);font-size:15px;line-height:1.95;margin:0;}
.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.prod-card{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:14px;overflow:hidden;transition:.25s;}
.prod-card:hover{border-color:rgba(0,176,240,.45);}
.prod-card .meta{padding:16px 18px;}
.prod-card .meta h4{color:#fff;font-size:16px;margin:0 0 8px;letter-spacing:.5px;}
.prod-card .meta p{color:var(--c-text);font-size:13.5px;line-height:1.7;margin:0;}
.ph{position:relative;background:rgba(255,255,255,.04);display:grid;place-items:center;overflow:hidden;}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ph .ph-ph{color:rgba(200,225,245,.45);font-size:13px;text-align:center;padding:12px;line-height:1.6;z-index:0;}
@media(max-width:860px){.mfg-stats{grid-template-columns:repeat(2,1fr);}.prod-grid{grid-template-columns:1fr;}}

/* ========== 产品与服务 · 代码渲染版（替代整页图片直出） ========== */
/* —— 封面页（P15 EMS / P18 关键零部件 / P21 影音产品）—— */
.sv-cover{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(120% 90% at 72% 18%,#15294d 0%,#0b1631 46%,#050a1c 100%);}
.sv-cover .bg{position:absolute;inset:0;}
.sv-cover .bg img{width:100%;height:100%;object-fit:cover;opacity:.5;}
.sv-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,9,20,.9) 0%,rgba(4,9,20,.62) 44%,rgba(4,9,20,.28) 100%);}
.sv-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 30px 90px;color:#fff;}
.sv-title{font-size:clamp(38px,6.5vw,78px);font-weight:800;line-height:1.04;letter-spacing:2px;}
.sv-title .b{color:var(--c-primary);}
.sv-title .q{color:var(--c-primary);}
.sv-sub{display:inline-flex;align-items:center;gap:10px;color:#3ddc84;font-size:clamp(19px,2.8vw,28px);font-weight:700;margin:20px 0 26px;letter-spacing:4px;}
.sv-sub::before{content:"";width:30px;height:2px;background:#3ddc84;}
.sv-points{display:grid;gap:12px;max-width:800px;}
.sv-points li{display:flex;gap:14px;align-items:flex-start;font-size:clamp(14px,1.6vw,16px);line-height:1.7;color:#eaf2ff;
  background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.16);border-radius:12px;padding:13px 18px;}
.sv-points .ic{flex:0 0 20px;width:20px;height:20px;color:#ffb020;margin-top:2px;}
.sv-data{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
.sv-data .d{width:148px;height:148px;border-radius:50%;border:2px solid var(--c-primary);display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle,rgba(0,176,240,.20),rgba(0,176,240,.02));}
.sv-data .d .n{color:#fff;font-size:clamp(21px,2.6vw,28px);font-weight:800;line-height:1;}
.sv-data .d .l{display:block;margin-top:8px;color:var(--c-mute);font-size:12.5px;}
.sv-arrows{position:absolute;z-index:3;inset:0;pointer-events:none;}
.sv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;font-size:30px;color:#fff;background:rgba(10,18,34,.5);border:1px solid rgba(150,205,245,.3);
  text-decoration:none;pointer-events:auto;transition:.2s;}
.sv-arrow:hover{background:var(--c-primary);color:#04101e;}
.sv-arrow.prev{left:18px;}
.sv-arrow.next{right:18px;}
.sv-eras{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.sv-era{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.18);border-radius:16px;padding:16px;transition:.25s;}
.sv-era:hover{border-color:rgba(0,176,240,.5);transform:translateY(-4px);}
.sv-era .ph{aspect-ratio:4/3;border-radius:12px;margin-bottom:14px;}
.sv-era h4{color:#fff;font-size:17px;margin:0 0 4px;}
.sv-era .yr{color:var(--c-primary);font-size:14px;font-weight:600;}
.sv-evolution{display:flex;justify-content:center;gap:40px;margin-top:18px;flex-wrap:wrap;}
.sv-evolution span{color:#9fd0ff;font-size:15px;letter-spacing:2px;}
.sv-evolution .ar{color:var(--c-primary);font-weight:700;}
/* —— P16 业务承揽 —— */
.sv-intro{max-width:920px;margin:34px auto;padding:0 22px;color:var(--c-text);font-size:clamp(15px,2vw,17px);line-height:1.95;text-align:center;}
.sv-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1080px;margin:0 auto 40px;padding:0 22px;}
.sv-col{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:16px;padding:28px;transition:.25s;}
.sv-col:hover{border-color:rgba(0,176,240,.45);transform:translateY(-4px);}
.sv-col h3{color:#fff;font-size:21px;margin:0 0 12px;display:flex;align-items:center;gap:10px;}
.sv-col h3 .ic{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(0,176,240,.14);color:var(--c-primary);}
.sv-col p{color:var(--c-text);font-size:15px;line-height:1.9;margin:0;}
.sv-core{max-width:1080px;margin:0 auto 50px;padding:24px 28px;border-radius:16px;background:linear-gradient(100deg,rgba(0,176,240,.14),rgba(0,112,192,.06));
  border:1px solid rgba(0,176,240,.3);color:#eaf6ff;font-size:clamp(15px,1.9vw,17px);line-height:1.9;text-align:center;}
.sv-core b{color:#fff;}
/* —— P17 业务组合 —— */
.sv-combo{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1180px;margin:30px auto 50px;padding:0 22px;align-items:center;}
.sv-prodcols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.sv-prodcols .col{background:rgba(255,255,255,.04);border:1px solid rgba(150,205,245,.16);border-radius:12px;padding:16px 14px;}
.sv-prodcols .col h4{color:var(--c-primary);font-size:14px;margin:0 0 12px;text-align:center;letter-spacing:1px;}
.sv-prodcols .col ol{margin:0;padding-left:18px;color:var(--c-text);font-size:13.5px;line-height:2;}
.sv-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:center;}
.sv-tags span{background:rgba(0,176,240,.12);border:1px solid rgba(0,176,240,.3);color:#cdeaff;border-radius:999px;padding:6px 16px;font-size:14px;letter-spacing:1px;}
.sv-combo .ph{aspect-ratio:1/1;border-radius:14px;}
/* —— P19 / P20 产品两栏目录 —— */
.sv-twocol{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:30px auto 50px;padding:0 22px;}
.sv-block h2{color:#fff;font-size:clamp(24px,3.2vw,34px);font-weight:800;margin:0 0 4px;letter-spacing:1px;}
.sv-block h2 small{font-size:.46em;font-weight:600;color:var(--c-mute);margin-left:8px;letter-spacing:1px;}
.sv-block .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
.sv-cell{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.35);}
.sv-cell .ph{aspect-ratio:3/2;}
.sv-cell .nm{display:flex;align-items:center;justify-content:center;padding:8px 10px;color:#2a2f38;font-size:12.5px;text-align:center;line-height:1.4;min-height:38px;}
@media(max-width:900px){.sv-twocol{grid-template-columns:1fr;}.sv-combo{grid-template-columns:1fr;}}
@media(max-width:640px){.sv-eras{grid-template-columns:1fr;}.sv-cols{grid-template-columns:1fr;}.sv-block .pgrid{grid-template-columns:repeat(2,1fr);}.sv-prodcols{grid-template-columns:1fr;}.sv-arrow{width:42px;height:42px;font-size:24px;}}

/* —— P18 关键零部件 专用布局 —— */
.kp-hero{position:relative;padding:calc(var(--nav-h) + 48px) 24px 18px;text-align:center;background:url('../images/starfield.jpg') center/cover fixed;}
.kp-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(82% 70% at 50% 30%,rgba(8,14,28,.42),rgba(3,6,15,.86));z-index:0;}
.kp-hero .t{position:relative;z-index:1;font-size:clamp(30px,4.6vw,56px);font-weight:800;}
.kp-hero .t .q{color:var(--c-primary);}
.kp-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;max-width:1200px;margin:30px auto;padding:0 22px;align-items:center;}
.kp-col h3{color:var(--c-primary);font-size:18px;margin:0 0 14px;letter-spacing:1px;border-left:3px solid var(--c-primary);padding-left:12px;}
.kp-col p{color:var(--c-text);font-size:15px;line-height:1.9;margin:0 0 16px;}
.kp-tags{display:flex;flex-wrap:wrap;gap:10px;}
.kp-tags span{background:rgba(0,176,240,.12);border:1px solid rgba(0,176,240,.3);color:#cdeaff;border-radius:999px;padding:6px 16px;font-size:14px;}
.kp-map{aspect-ratio:4/3;border-radius:14px;}
.kp-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:8px auto 50px;padding:0 22px;}
.kp-badge{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:14px;padding:22px 16px;transition:.25s;}
.kp-badge:hover{border-color:rgba(0,176,240,.5);transform:translateY(-3px);}
.kp-badge .bn{color:var(--c-primary);font-size:23px;font-weight:800;}
.kp-badge .bs{color:var(--c-mute);font-size:13px;margin-top:6px;}
/* P19/P20 白底产品网格占位文字在白卡上需加深 */
.sv-cell .ph{background:#eef1f5;}
.sv-cell .ph-ph{color:rgba(30,50,80,.55);font-size:12.5px;}
@media(max-width:900px){.kp-grid{grid-template-columns:1fr;}.kp-grid .kp-map{order:-1;}.kp-badges{grid-template-columns:1fr;}}

/* ---------- 内部审阅说明页（review.html） ---------- */
.rv-wrap{max-width:1000px;margin:38px auto 72px;padding:0 22px;color:var(--c-text);}
.rv-kicker{display:inline-block;font-size:12px;letter-spacing:2px;color:var(--c-primary);border:1px solid rgba(0,176,240,.4);border-radius:999px;padding:4px 13px;margin:0 0 16px;}
.rv-title{font-size:clamp(24px,3.4vw,34px);color:#fff;margin:0 0 14px;letter-spacing:1px;}
.rv-lead{font-size:15.5px;line-height:1.95;margin:0 0 30px;}
.rv-lead b{color:var(--c-primary);font-weight:700;}
.rv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.rv-stat{background:rgba(255,255,255,.05);border:1px solid rgba(150,205,245,.2);border-radius:14px;padding:20px 14px;text-align:center;}
.rv-stat .n{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--c-primary);line-height:1;}
.rv-stat .t{font-size:13px;color:var(--c-mute);margin-top:9px;}
.rv-sec{margin-top:48px;}
.rv-sec h2{font-size:19px;color:#fff;margin:0 0 18px;padding-left:13px;border-left:3px solid var(--c-primary);letter-spacing:1px;}
.rv-list{margin:0;padding:0;}
.rv-list li{position:relative;list-style:none;padding-left:20px;font-size:15px;line-height:1.9;margin-bottom:12px;}
.rv-list li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--c-primary);}
.rv-list b{color:#fff;}
.rv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.rv-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px;}
.rv-table th{text-align:left;font-weight:600;color:var(--c-mute);font-size:13px;letter-spacing:1px;padding:10px 12px;border-bottom:1px solid var(--c-line);}
.rv-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;}
.rv-table td.g{color:var(--c-mute);white-space:nowrap;}
.rv-table a{color:var(--c-text);transition:.2s;}
.rv-table a:hover{color:var(--c-primary);}
.rv-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap;}
.rv-tag.a{background:rgba(0,176,240,.14);color:#7ddcff;border:1px solid rgba(0,176,240,.35);}
.rv-tag.b{background:rgba(255,255,255,.06);color:var(--c-mute);border:1px solid rgba(255,255,255,.14);}
.rv-note{margin:16px 0 0;font-size:13.5px;color:var(--c-mute);line-height:1.85;border-left:2px solid rgba(255,255,255,.15);padding-left:13px;}
.rv-foot{margin:56px 0 0;padding-top:18px;border-top:1px solid var(--c-line);font-size:13px;color:var(--c-mute);text-align:center;line-height:2;}
@media(max-width:720px){.rv-stats{grid-template-columns:repeat(2,1fr);}}