@charset "utf-8";
/* ==========================================================================
   首页新增区块：客户墙 / 视频展示
   ------------------------------------------------------------------
   设计原则：全部使用 home.css / 主题 CSS 共享的变量（--ink / --paper2 /
   --gold / --text / --muted / --line / --wrap / --ease），
   因此「经典主题 / 科技型·橙 / 科技型·冷蓝黑金」三套主题下自动适配，
   无需在主题 CSS 里再单独写一遍。
   本文件为新增，不改动任何现有 css。
   ========================================================================== */

/* ============================ 客户墙 ============================ */
.clientwall{background:var(--paper2);}      /* 浅分区底：经典=米灰 / 橙=浅灰 / 蓝金=冷灰蓝 */
.clientwall .cw-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.clientwall .cw-item{
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
  min-height:124px;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);
}
.clientwall .cw-item:hover{
  border-color:var(--gold);
  box-shadow:0 16px 34px rgba(0,0,0,.08);
  transform:translateY(-4px);
}
.clientwall .cw-logo{display:flex;align-items:center;justify-content:center;width:100%;height:96px;}
.clientwall .cw-logo img{
  width:100%;height:100%;
  object-fit:contain;
  filter:grayscale(.4);opacity:.92;
  transition:filter .3s var(--ease),opacity .3s var(--ease);
}
.clientwall .cw-item:hover .cw-logo img{filter:grayscale(0);opacity:1;}
.clientwall .cw-tx{
  font-size:15px;font-weight:600;color:var(--text);
  text-align:center;line-height:1.4;letter-spacing:.02em;
}
.clientwall .cw-empty{grid-column:1/-1;text-align:center;padding:30px;color:var(--muted);}

/* ---- 无缝滚动跑马灯（客户墙当前展示方式） ---- */
.clientwall .cw-marquee{
  position:relative;
  overflow:hidden;
  padding:8px 0;
  /* 左右两端渐隐，进出更自然 */
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.clientwall .cw-track{
  display:flex;
  width:max-content;
  /* 一份 N 项，每项约 2.2s，速度恒定；调快后肉眼明显可见滚动 */
  animation:cw-scroll calc(var(--cw-count,8) * 2.2s) linear infinite;
  will-change:transform;
}
.clientwall .cw-group{display:flex;}
.clientwall .cw-group .cw-item{
  flex:0 0 auto;
  width:240px;
  margin-right:20px;
}
/* 鼠标移上暂停，方便看清/点击 */
.clientwall .cw-marquee:hover .cw-track,
.clientwall .cw-marquee:focus-within .cw-track{animation-play-state:paused;}
@keyframes cw-scroll{
  from{transform:translateX(0);}
  to  {transform:translateX(-50%);}   /* 轨道为 2 份，平移一半 = 无缝 */
}
/* 注意：原本这里写了 prefers-reduced-motion:reduce 时 animation:none，
   会导致开了「减少动态效果」的系统看不到滚动；现按需求改为始终滚动 */

/* ============================ 视频展示 ============================ */
.videosec{background:var(--ink);}           /* 深色区：三套主题下均为近黑科技底 */
.videosec .vmain{max-width:1100px;margin:0 auto;}
.videosec .vframe{
  position:relative;width:100%;aspect-ratio:16/9;
  border-radius:18px;overflow:hidden;
  background:var(--ink2);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
}
.videosec .vframe iframe,
.videosec .vframe video{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;display:block;background:#000;
}
/* 无封面时的播放按钮兜底（仅 video 直链且未给 poster 时可见） */
.videosec .vframe .v-play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.15),rgba(0,0,0,.55));
  cursor:pointer;
}
.videosec .vframe .v-play i{
  width:72px;height:72px;border-radius:50%;
  background:var(--gold);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px rgba(0,0,0,.4);
  transition:transform .25s var(--ease);
}
.videosec .vframe .v-play:hover i{transform:scale(1.08);}
.videosec .vframe .v-play svg{width:26px;height:26px;margin-left:4px;}

/* ============================ 响应式 ============================ */
@media (max-width:1100px){
  .clientwall .cw-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:760px){
  .clientwall .cw-grid{grid-template-columns:repeat(3,1fr);}
  .clientwall .cw-item{min-height:108px;padding:14px 12px;}
  .clientwall .cw-logo{height:74px;}
  .clientwall .cw-group .cw-item{width:170px;margin-right:14px;}
  .videosec .vframe{border-radius:14px;}
}
@media (max-width:480px){
  .clientwall .cw-grid{grid-template-columns:repeat(2,1fr);}
}

/* ==========================================================================
   改版新增：工业设计首页区块（2026-09-16 预览版）
   ------------------------------------------------------------------
   原则同本文件其它区块：全部使用主题共享变量（--ink / --gold / --paper2 /
   --text / --muted / --line / --ease），故「橙·科技 / 冷蓝·黑金」两套主题
   下自动适配，无需在主题 CSS 里另写。
   本文件仅首页加载（inc/page-head.php 已引入）。
   ========================================================================== */

/* ---------- 六大产品服务能力 ---------- */
.services{background:var(--paper);}
.svc6{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.svc6 .item{
  display:block;background:#fff;border:1px solid var(--line);border-radius:16px;
  overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.svc6 .item:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.1);border-color:var(--gold);}
.svc6 .ph{height:184px;overflow:hidden;background:var(--paper2);}
.svc6 .ph img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease);}
.svc6 .item:hover .ph img{transform:scale(1.06);}
.svc6 .bd{padding:0 22px 26px;}
/* 序号徽章：骑跨图/文交界，渐变金 + 高光 + 投影，双主题自动取色 */
.svc6 .no{
  position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;
  width:50px;height:50px;margin:-25px 0 0 0;
  border-radius:14px;color:#fff;
  font-weight:700;font-size:19px;letter-spacing:.01em;font-style:normal;
  font-variant-numeric:tabular-nums;
  background:var(--gold);
  background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 68%,#000));
  box-shadow:0 14px 26px -10px var(--gold),inset 0 0 0 2px rgba(255,255,255,.30);
  overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.svc6 .no::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,255,255,0) 58%);}
.svc6 .item:hover .no{transform:translateY(-4px) scale(1.06);box-shadow:0 20px 34px -10px var(--gold),inset 0 0 0 2px rgba(255,255,255,.30);}
.svc6 h3{font-size:19px;margin:12px 0 10px;color:var(--text);}
.svc6 p{color:var(--muted);font-size:14px;margin:0;line-height:1.8;}

/* ---------- 关于我们 ---------- */
.abt{background:var(--paper2);}
.abt .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.abt .kicker{
  display:inline-block;font-size:12px;letter-spacing:.28em;color:var(--gold);
  font-weight:600;text-transform:uppercase;margin-bottom:16px;
}
.abt h2{font-size:clamp(26px,2.9vw,38px);line-height:1.35;font-weight:700;color:var(--text);letter-spacing:.02em;}
.abt .tx p{color:var(--muted);margin:0 0 16px;line-height:1.95;}
.abt .tx p b{color:var(--text);}
.abt .tx .btn{margin-top:8px;}
.abt .img{border-radius:18px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.14);}
.abt .img img{width:100%;display:block;height:400px;object-fit:cover;}

/* ---------- 生产工艺详解 ---------- */
.proc{
  background:
    radial-gradient(1100px 560px at 82% -8%, color-mix(in srgb,var(--gold) 14%, transparent), transparent 60%),
    linear-gradient(rgba(255,255,255,.80), rgba(246,248,251,.88)),
    url('../uploads/bg/proc-tech-bg.jpg') center/cover no-repeat;
}
.proc10{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.proc10 .it{
  border:1px solid var(--line);border-radius:12px;padding:18px 16px;background:#fff;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
}
.proc10 .it:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 32px rgba(0,0,0,.08);}
.proc10 b{font-size:15px;color:var(--text);}
.proc10 p{margin:6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6;}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .svc6{grid-template-columns:repeat(2,1fr);gap:18px;}
  .svc6 .no{width:44px;height:44px;margin-top:-22px;font-size:17px;}
  .abt .grid{grid-template-columns:1fr;gap:30px;}
  .abt .img img{height:300px;}
  .proc10{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .svc6{grid-template-columns:1fr;}
  .proc10{grid-template-columns:repeat(2,1fr);}
}

/* ===== 首页竖向分块间距收紧（仅首页，不动全局 .sec，其它页不受影响）=====
   默认 .sec 上下各 110px（块间 220px）+ .shead 标题距内容 64px，整体偏松。
   首页改为：上下各 40px（块间 80px）、标题距内容 40px，实力带 74→56px。 */
.sec.services,.sec.abt,.sec.process,.sec.cases,.sec.proc,.sec.clientwall{padding:40px 0;}
.sec.services .shead,.sec.abt .shead,.sec.process .shead,.sec.cases .shead,.sec.proc .shead,.sec.clientwall .shead{margin-bottom:40px;}
.stats{padding:56px 0;}

/* ===== 英文眉题（kicker）升级：两侧渐隐光线 + 加大字距，工业感、双主题取色 =====
   原 .shead .kicker 仅 12px 小字。改为 14px/700/.42em，左右各一道向中心渐亮的金线。
   ::after 的 margin-left 负值补偿末字符后的字距，保证视觉居中。 */
.shead .kicker,.awdsec .akick .kicker{
  display:inline-flex;align-items:center;gap:16px;
  font-size:16px;font-weight:700;letter-spacing:.38em;text-transform:uppercase;
  color:var(--gold);margin-bottom:20px;
}
.shead .kicker::before,.shead .kicker::after,
.awdsec .akick .kicker::before,.awdsec .akick .kicker::after{
  content:'';display:inline-block;height:1px;width:clamp(30px,4.5vw,64px);flex:none;
  background:linear-gradient(90deg,rgba(0,0,0,0),var(--gold));
}
.shead .kicker::after,.awdsec .akick .kicker::after{
  margin-left:-.42em;
  background:linear-gradient(270deg,rgba(0,0,0,0),var(--gold));
}
.on-dark .shead .kicker{color:var(--gold);}
@media (max-width:640px){
  .shead .kicker,.awdsec .akick .kicker{font-size:13px;letter-spacing:.28em;gap:10px;}
  .shead .kicker::before,.shead .kicker::after,
  .awdsec .akick .kicker::before,.awdsec .akick .kicker::after{width:18px;}
}

/* ===== 六步流程灵动化（只覆盖样式，HTML 不动）=====
   ① 静态灰线 → 金色光线 + 一颗"彗星"高光沿线循环滑行（.pflow:after）
   ② 白圈 → 渐变金圆点（与序号徽章同语言），整组缓慢上下浮动（translate 属性，不与 hover transform 冲突）
   ③ 金色涟漪逐个向外扩散，六步按 0.4s 错拍，形成"波浪推进"感
   ④ 悬停整步上浮 + 标题变金 */
.pflow:before{
  top:27px;height:2px;border-radius:2px;opacity:.5;
  background:linear-gradient(90deg,rgba(0,0,0,0),var(--gold) 12%,var(--gold) 88%,rgba(0,0,0,0));
}
.pflow:after{
  content:'';position:absolute;top:26px;height:4px;width:90px;border-radius:4px;z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,0),var(--gold),rgba(0,0,0,0));
  animation:pfcomet 4.5s ease-in-out infinite;
}
@keyframes pfcomet{0%{left:5%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:87%;opacity:0}}
.pstep .dot{
  width:54px;height:54px;border:none;
  font-weight:700;font-size:22px;font-style:normal;
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
  color:#fff;background:var(--gold);
  background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 68%,#000));
  box-shadow:0 12px 24px -8px var(--gold),inset 0 0 0 2px rgba(255,255,255,.30);
  animation:dotfloat 4.2s ease-in-out infinite;
}
@keyframes dotfloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
.pstep .dot::after{
  content:'';position:absolute;inset:-5px;border-radius:50%;
  border:2px solid var(--gold);opacity:0;pointer-events:none;
  animation:dotring 4.2s ease-out infinite;
}
@keyframes dotring{0%{transform:scale(.85);opacity:.5}55%,100%{transform:scale(1.55);opacity:0}}
.pstep:nth-child(2) .dot,.pstep:nth-child(2) .dot::after{animation-delay:.4s}
.pstep:nth-child(3) .dot,.pstep:nth-child(3) .dot::after{animation-delay:.8s}
.pstep:nth-child(4) .dot,.pstep:nth-child(4) .dot::after{animation-delay:1.2s}
.pstep:nth-child(5) .dot,.pstep:nth-child(5) .dot::after{animation-delay:1.6s}
.pstep:nth-child(6) .dot,.pstep:nth-child(6) .dot::after{animation-delay:2s}
.pstep{transition:transform .35s var(--ease);}
.pstep:hover{transform:translateY(-6px);}
.pstep:hover .dot{transform:scale(1.1);box-shadow:0 18px 32px -8px var(--gold),inset 0 0 0 2px rgba(255,255,255,.30);}
.pstep h4{transition:color .3s;}
.pstep:hover h4{color:var(--gold);}
@media (max-width:980px){
  .pflow:after{display:none;}
}

/* ===== 生产工艺卡片：立体空间运动（透视景深 + Z轴呼吸浮动 + 鼠标视差倾斜）=====
   错位瀑布保留（margin-top 波浪），再加 3D：
   - .sec.proc 提供外层透视，.proc10 随鼠标做 rotateX/rotateY 视差倾斜；
   - 每张卡片在 Z 轴前后呼吸浮动（translateZ），不同列错拍，像悬浮在空间里；
   - 悬停时动画暂停、卡片迎面弹出（translateZ 放大）并描金；
   - 尊重 prefers-reduced-motion，关掉所有 3D 动效。 */
.sec.proc{padding-bottom:84px;perspective:1600px;}
.proc10{
  display:grid;grid-template-columns:repeat(5,1fr);gap:22px 18px;
  perspective:1200px;transform-style:preserve-3d;
  transform:rotateX(var(--py,0deg)) rotateY(var(--px,0deg));
  transition:transform .25s ease-out;will-change:transform;
}
.proc10 .it{
  position:relative;overflow:hidden;z-index:1;transform-style:preserve-3d;
  border:1px solid var(--line);border-radius:14px;
  padding:20px 18px 18px;background:#fff;
  transition:box-shadow .35s var(--ease),border-color .35s;
  animation:procfloat 6s ease-in-out infinite;
}
/* 列错位（纯布局，不抢占 transform）：第2/4列下沉 24px、第3列 48px */
.proc10 .it:nth-child(5n+2){margin-top:24px;animation-delay:.8s;}
.proc10 .it:nth-child(5n+3){margin-top:48px;animation-delay:1.6s;}
.proc10 .it:nth-child(5n+4){margin-top:24px;animation-delay:.8s;}
@keyframes procfloat{
  0%,100%{transform:translateZ(0) rotateX(2.5deg);}
  50%{transform:translateZ(34px) rotateX(-2.5deg);}
}
.proc10 .it::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 20%,transparent));
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.proc10 .it:hover{animation-play-state:paused;z-index:6;
  transform:translateY(-6px) translateZ(80px) rotateX(0deg);
  border-color:color-mix(in srgb,var(--gold) 55%,var(--line));
  box-shadow:0 30px 60px -12px color-mix(in srgb,var(--gold) 42%,transparent);}
.proc10 .it:hover::before{transform:scaleX(1);}
.proc10 .num{
  position:absolute;top:6px;right:14px;z-index:0;
  font-style:normal;font-weight:800;font-size:34px;line-height:1;
  color:var(--gold);opacity:.10;letter-spacing:0;font-variant-numeric:tabular-nums;
  transition:opacity .35s,transform .35s var(--ease);
}
.proc10 .it:hover .num{opacity:.32;transform:translateY(-3px);}
.proc10 .cat{
  position:relative;z-index:1;display:inline-block;
  font-size:11px;font-weight:700;letter-spacing:1.5px;line-height:1;
  color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);
  background:color-mix(in srgb,var(--gold) 8%,transparent);
  border-radius:999px;padding:4px 10px;margin-bottom:12px;
}
.proc10 b{position:relative;z-index:1;display:block;font-size:16px;color:var(--text);transition:color .3s;}
.proc10 .it:hover b{color:var(--gold);}
.proc10 p{position:relative;z-index:1;margin:8px 0 0;font-size:12.5px;color:var(--muted);line-height:1.65;}
/* 窄屏退回整齐网格，避免错位 + 3D 在小屏下错乱 */
@media (max-width:980px){
  .sec.proc{padding-bottom:40px;perspective:none;}
  .proc10{gap:18px;perspective:none;transform:none;}
  .proc10 .it{animation:none;}
  .proc10 .it:nth-child(5n+2),.proc10 .it:nth-child(5n+3),.proc10 .it:nth-child(5n+4){margin-top:0;}
  .proc10 .it:hover{transform:translateY(-5px);}
}
@media (max-width:640px){
  .proc10 .num{font-size:28px;}
  .proc10 .cat{padding:3px 8px;font-size:10px;}
}
@media (prefers-reduced-motion:reduce){
  .sec.proc{perspective:none;}
  .proc10{perspective:none;transform:none;}
  .proc10 .it{animation:none;}
}

/* ===== 首屏五图轮播（复用 .swiper-* 类名，纯原生 JS 驱动，不引外部库）=====
   五张幻灯绝对定位层叠，active 张 opacity 渐显 + ken-burns 缩放（复用 home.css 的 kb 动画），
   每屏独立文案（kicker/h1/desc/btns）随切换入场；分页条与箭头可点，自动播放悬停暂停。 */
.hero .swiper-container,.hero .swiper-wrapper{position:absolute;inset:0;}
.hero .swiper-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;z-index:1;
  transition:opacity 1s ease,visibility 1s;
}
.hero .swiper-slide.swiper-slide-active{opacity:1;visibility:visible;z-index:2;}
.hero .swiper-slide .hcon{z-index:5;}
.hero .swiper-slide.swiper-slide-active .htx{animation:heroIn .9s var(--ease) both;}
@keyframes heroIn{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
/* 左右箭头 */
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:7;
  width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:rgba(8,16,13,.30);color:#fff;font-size:28px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  transition:all .3s var(--ease);backdrop-filter:blur(4px);
}
.hero-arrow:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateY(-50%) scale(1.1);}
.hero-arrow.prev{left:max(calc(5vw + 12px), calc((100vw - var(--wrap))/2 + 12px));}
.hero-arrow.next{right:max(calc(5vw + 12px), calc((100vw - var(--wrap))/2 + 12px));}
@media (max-width:980px){
  .hero-arrow{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .hero .swiper-slide{transition:none;}
  .hero .swiper-slide.swiper-slide-active .htx{animation:none;}
}

/* ===== 客户墙「半虚掩」工业设计底图（2026-09-18）=====
   浅色分区上叠一张 10% 透明度的工业设计暗调图（3D 线稿速写），
   ::before 铺图、::after 上下渐隐让图片与相邻区块自然衔接；
   两层都 z-index:-1 + isolation:isolate：浮在分区底色之上、内容之下，
   标题 / 跑马灯可读性不受影响。不需要时整段删除即回滚。 */
.clientwall{position:relative;isolation:isolate;}
.clientwall::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('../images/bg-clientwall.jpg') center/cover no-repeat;
  opacity:.50;
}
.clientwall::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,var(--paper2) 0%,transparent 10%,transparent 90%,var(--paper2) 100%);
}
@media (max-width:760px){
  /* 小屏分区变矮，压得淡一点避免糊 */
  .clientwall::before{opacity:.38;}
}

/* ============ 首页·新闻资讯（纯加法，可整段删除回滚）============
   复用 .sec / .shead / .kicker / .rule 现有视觉语言；卡片白底 + 主题强调色，双主题自动适配 */
.newsfeed{position:relative;}
.newsfeed .shead{position:relative;}
.newsfeed .more{
  position:absolute;right:0;top:8px;
  color:var(--gold,#c8881d);font-weight:600;font-size:15px;
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;
}
.newsfeed .more .ar{transition:transform .25s;}
.newsfeed .more:hover .ar{transform:translateX(4px);}
.nlist{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  margin-top:34px;
}
.ncard{
  display:flex;flex-direction:column;
  background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;
  text-decoration:none;color:inherit;
  box-shadow:0 8px 24px rgba(20,20,40,.05);
  transition:transform .3s ease, box-shadow .3s ease;
}
.ncard:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(20,20,40,.12);}
.ncard .ph{
  aspect-ratio:16/10;overflow:hidden;
  background:linear-gradient(135deg,var(--paper2,#f4efe6),#fff);
}
.ncard .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.ncard:hover .ph img{transform:scale(1.06);}
.ncard .bd{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1;}
.ncard time{
  font-size:13px;color:var(--muted,#8a8a8a);letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}
.ncard h4{
  margin:10px 0 8px;font-size:18px;line-height:1.45;color:var(--ink,#1c1c22);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ncard p{
  margin:0;font-size:14px;line-height:1.65;color:var(--muted2,#666);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;
}
.ncard .go{
  margin-top:14px;color:var(--gold,#c8881d);font-weight:600;font-size:14px;
  display:inline-flex;align-items:center;gap:6px;
}
.ncard .go .ar{transition:transform .25s;}
.ncard:hover .go .ar{transform:translateX(4px);}
.n-empty{color:var(--muted,#8a8a8a);font-size:15px;padding:30px 0;text-align:center;}
@media (max-width:900px){
  .nlist{grid-template-columns:1fr;gap:18px;}
  .newsfeed .more{position:static;display:inline-flex;margin-top:14px;}
}

/* ===================== 设计奖项（awards）标签区块 =====================
   位置：六大产品服务能力 → 设计奖项 → 关于我们。
   图标白底已转透明 PNG，浅色底直接放；默认灰度、悬浮恢复彩色，
   与全站「安静-悬浮强调」的观感一致，不抢产品区块的戏。 */
.awdsec{background:var(--paper,#fff);padding:40px 0 48px;}
.awdsec .akick{text-align:center;margin-bottom:4px;}
.awds{
  display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;
  gap:clamp(12px,1.8vw,26px);   /* 桌面端一行排开，间隙收窄 */
}
.awds .awit{display:flex;align-items:center;justify-content:center;background:#F7F6F2;border-radius:16px;height:clamp(100px,8.6vw,156px);padding:12px 16px;box-shadow:0 10px 26px rgba(0,0,0,.22);border:1px solid #ECE9E2;transition:transform .25s ease,box-shadow .25s ease;}
.awds .awit:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.30);}
.awds img{
  width:auto;height:100%;max-width:100%;object-fit:contain;  /* 按卡高等比缩放，六卡等高 */
  filter:none;opacity:1;
  transition:transform .45s var(--ease,ease);
}
.awds .awit:hover img{transform:translateY(-4px);}
@media (max-width:960px){
  .awds{flex-wrap:wrap;}
  .awds .awit{height:auto;padding:10px 12px;}
  .awds img{width:clamp(74px,20vw,112px);height:auto;}
}
@media (max-width:640px){
  .awdsec{padding:34px 0 40px;}
  .awds{gap:16px 18px;}
}