/*
Theme Name: 石家庄铸诚环保装备 (CastTrue Heavy Environmental)
Theme URI: https://example.com/
Author: 铁匠张
Author URI: https://example.com/
Description: 金属拟物风中文企业主题,为石家庄铸诚环保装备有限公司(虚构演示公司)打造。钢灰拉丝底、铆钉面板、SVG 圆形仪表盘、金属铭牌凹刻标题、液晶屏参数显示、凸起拟物按钮、钢板拼接缝页脚。零外链,全部图形由 inline SVG 与纯 CSS 完成。
Version: 1.0.0
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhucheng-metal
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   0. 车间配色台账(CSS 自定义属性)
   ============================================================ */
:root {
  --zc-iron: #4a4d52;        /* 深灰:铸铁 */
  --zc-iron-dark: #33363b;   /* 淬火后的暗铁 */
  --zc-iron-deep: #26282c;   /* 炉膛底色 */
  --zc-steel: #c7ccd4;       /* 钢银 */
  --zc-steel-light: #e4e7ec; /* 抛光高光 */
  --zc-steel-mid: #aab0ba;   /* 氧化钢面 */
  --zc-orange: #e8641b;      /* 警示橙 */
  --zc-orange-dark: #b94c0e; /* 烤漆橙暗部 */
  --zc-lcd-bg: #16241a;      /* 液晶屏墨绿底 */
  --zc-lcd-bg2: #0e1a11;
  --zc-lcd-text: #7df29a;    /* 数码管绿 */
  --zc-ink: #2e3136;         /* 正文墨色 */
  --zc-ink-soft: #565b63;    /* 凹刻字色 */
  --zc-line: #8f959f;        /* 金属包边 */
  --zc-mono: "Courier New", "Menlo", "Consolas", monospace;
  --zc-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;
  --zc-radius: 10px;
  /* 拉丝钢底纹:细密横丝 + 大段冷光渐变 */
  --zc-brushed-light:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, rgba(74, 77, 82, 0.06) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
    linear-gradient(180deg, #ced2da 0%, #b8bdc6 24%, #d2d6dd 48%, #a9afb9 76%, #c4c9d1 100%);
  --zc-brushed-dark:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, rgba(0, 0, 0, 0.2) 1px 2px, rgba(255, 255, 255, 0) 2px 5px),
    linear-gradient(180deg, #575b62 0%, #3d4046 42%, #4c5057 68%, #313439 100%);
  --zc-panel-face: linear-gradient(158deg, #dde1e7 0%, #c5cad2 38%, #d6dae0 66%, #bcc1ca 100%);
}

/* ============================================================
   1. 基础打磨
   ============================================================ */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--zc-sans);
  font-size: 16px;
  line-height: 1.75;
  color: var(--zc-ink);
  background: var(--zc-brushed-light);
  background-attachment: fixed;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; border-style: none; }
svg { display: block; max-width: 100%; }

a { color: var(--zc-orange-dark); text-decoration: none; }
a:hover { color: var(--zc-orange); }
a:focus-visible,
button:focus-visible,
input:focus-visible { outline: 3px solid var(--zc-orange); outline-offset: 2px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin: 0 0 0.6em; color: var(--zc-ink); }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.4em; }

blockquote {
  margin: 1.2em 0;
  padding: 0.8em 1.2em;
  border-left: 5px solid var(--zc-orange);
  background: linear-gradient(180deg, #dde1e7, #cbd0d8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}

table { border-collapse: collapse; width: 100%; margin: 0 0 1.2em; }
th, td { border: 1px solid var(--zc-line); padding: 0.5em 0.8em; text-align: left; }
th { background: linear-gradient(180deg, #d8dce2, #c2c7cf); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }

pre, code, kbd { font-family: var(--zc-mono); }
pre {
  background: var(--zc-lcd-bg);
  color: var(--zc-lcd-text);
  padding: 1em;
  border-radius: 6px;
  overflow-x: auto;
  border: 2px solid #3a3e45;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.7);
}

.container { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; word-wrap: normal;
}
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 999;
  background: var(--zc-orange); color: #fff; padding: 0.6em 1.2em;
}
.skip-link:focus { left: 10px; top: 10px; clip: auto; clip-path: none; width: auto; height: auto; color: #fff; }

/* 入场动画:仅在 html.js 下先隐藏,防止无脚本时白屏 */
html.js .reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 0.9, 0.3, 1.05);
}
html.js .reveal.is-visible { opacity: 1; transform: none; }
html.js .reveal.rv-2 { transition-delay: 0.12s; }
html.js .reveal.rv-3 { transition-delay: 0.24s; }

/* ============================================================
   2. 车间五金件:铆钉面板 / 铭牌 / 液晶屏 / 拟物按钮 / 计数器
   ============================================================ */

/* --- 铆钉面板:四角 radial-gradient 螺丝钉 --- */
.panel {
  position: relative;
  background: var(--zc-panel-face);
  border: 1px solid var(--zc-line);
  border-radius: var(--zc-radius);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -2px 3px rgba(0, 0, 0, 0.14),
    inset 1px 0 0 rgba(255, 255, 255, 0.35),
    0 8px 18px rgba(38, 40, 44, 0.3),
    0 2px 4px rgba(38, 40, 44, 0.25);
}
.panel::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 32% 30%, #f6f8fa 0 24%, #b0b6bf 45%, #676b73 74%, rgba(20, 21, 24, 0.55) 92%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle at 32% 30%, #f6f8fa 0 24%, #b0b6bf 45%, #676b73 74%, rgba(20, 21, 24, 0.55) 92%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle at 32% 30%, #f6f8fa 0 24%, #b0b6bf 45%, #676b73 74%, rgba(20, 21, 24, 0.55) 92%, rgba(0, 0, 0, 0) 100%),
    radial-gradient(circle at 32% 30%, #f6f8fa 0 24%, #b0b6bf 45%, #676b73 74%, rgba(20, 21, 24, 0.55) 92%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: 9px 9px, calc(100% - 9px - 13px) 9px, 9px calc(100% - 9px - 13px), calc(100% - 9px - 13px) calc(100% - 9px - 13px);
}
.panel-dark {
  background: var(--zc-brushed-dark);
  border-color: #23252a;
  color: var(--zc-steel);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -2px 4px rgba(0, 0, 0, 0.5),
    0 10px 22px rgba(20, 21, 24, 0.45);
}
.panel-dark h2, .panel-dark h3, .panel-dark h4 { color: var(--zc-steel-light); }
.panel-pad { padding: 26px 28px; }

/* --- 金属铭牌标题:凹刻字 --- */
.nameplate {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 30px;
  padding: 16px 46px 14px;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, rgba(0, 0, 0, 0.04) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
    linear-gradient(180deg, #dfe3e9 0%, #c3c8d0 55%, #d4d8de 100%);
  border: 1px solid var(--zc-line);
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -2px 3px rgba(0, 0, 0, 0.16),
    0 4px 10px rgba(38, 40, 44, 0.28);
}
.nameplate::before,
.nameplate::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 13px; height: 13px;
  margin-top: -6.5px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 30%, #f6f8fa 0 24%, #b0b6bf 45%, #676b73 74%, rgba(20, 21, 24, 0.55) 92%, rgba(0, 0, 0, 0) 100%);
}
.nameplate::before { left: 13px; }
.nameplate::after { right: 13px; }
.nameplate-num {
  font-family: var(--zc-mono);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--zc-orange-dark);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.nameplate-title {
  margin: 0;
  font-size: 28px;
  letter-spacing: 0.12em;
  color: var(--zc-ink-soft);
  /* 凹刻:上暗下亮 */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78), 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.nameplate-note {
  margin: 0 0 0 auto;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #6c7178;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* --- 液晶屏(墨绿底,数码管字感) --- */
.lcd {
  display: inline-block;
  font-family: var(--zc-mono);
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--zc-lcd-text);
  background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.18) 0 1px, rgba(255, 255, 255, 0) 1px 3px),
    linear-gradient(180deg, var(--zc-lcd-bg) 0%, var(--zc-lcd-bg2) 100%);
  border: 2px solid #3a3e45;
  border-radius: 5px;
  padding: 0.28em 0.7em;
  box-shadow:
    inset 0 2px 8px rgba(0, 0, 0, 0.75),
    inset 0 -1px 0 rgba(125, 242, 154, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 7px rgba(125, 242, 154, 0.6);
}
.lcd-chip { font-size: 13px; padding: 0.18em 0.6em; }
.lcd-label {
  color: #9fb3a4;
  font-weight: 400;
  font-size: 0.82em;
  text-shadow: none;
  letter-spacing: 0.08em;
}

/* --- 凸起拟物按钮:多层渐变 + 内外阴影,按下内凹 --- */
.btn {
  display: inline-block;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 12px 28px;
  border-radius: 7px;
  border: 1px solid #7d838d;
  color: var(--zc-ink);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  background: linear-gradient(180deg, #f8fafc 0%, #dce0e6 42%, #bfc5cd 58%, #d3d7de 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -3px 4px rgba(0, 0, 0, 0.18),
    0 3px 0 #8b919b,
    0 6px 10px rgba(38, 40, 44, 0.35);
  transition: box-shadow 0.12s ease, transform 0.12s ease, filter 0.12s ease;
}
.btn:hover { filter: brightness(1.04); color: var(--zc-ink); }
.btn:active {
  transform: translateY(3px);
  box-shadow:
    inset 0 3px 7px rgba(0, 0, 0, 0.38),
    inset 0 1px 3px rgba(0, 0, 0, 0.3),
    0 0 0 #8b919b,
    0 1px 2px rgba(38, 40, 44, 0.3);
}
.btn-orange {
  color: #fff;
  border-color: #9a3f0a;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  background: linear-gradient(180deg, #ff9250 0%, #ef7228 40%, #d8560f 60%, #ef7228 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -3px 4px rgba(0, 0, 0, 0.28),
    0 3px 0 #8f3a08,
    0 6px 12px rgba(154, 63, 10, 0.45);
}
.btn-orange:hover { color: #fff; filter: brightness(1.06); }
.btn-orange:active {
  transform: translateY(3px);
  box-shadow:
    inset 0 3px 8px rgba(0, 0, 0, 0.45),
    0 0 0 #8f3a08,
    0 1px 2px rgba(38, 40, 44, 0.3);
}
.btn-lg { font-size: 18px; padding: 15px 38px; }
.btn-sm { font-size: 14px; padding: 8px 18px; }

/* --- 冲压钢印(橙色小标) --- */
.stamp {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--zc-orange);
  border: 2px solid var(--zc-orange);
  border-radius: 4px;
  padding: 1px 8px 1px 10px;
  transform: rotate(-2deg);
  opacity: 0.92;
  text-shadow: none;
}

/* --- 老式机械计数器(里程表窗) --- */
.odo { display: inline-flex; align-items: center; gap: 3px; }
.odo-d {
  display: inline-block;
  min-width: 0.95em;
  text-align: center;
  font-family: var(--zc-mono);
  font-weight: 700;
  font-size: 1em;
  line-height: 1.5;
  color: #f2f4f7;
  background: linear-gradient(180deg, #191b1f 0%, #34373d 48%, #101215 52%, #26282c 100%);
  border: 1px solid #0c0d0f;
  border-radius: 3px;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.8), inset 0 -1px 0 rgba(255, 255, 255, 0.12), 0 1px 0 rgba(255, 255, 255, 0.35);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}
.odo-suffix { font-weight: 700; color: var(--zc-orange); margin-left: 2px; }

/* --- 焊缝分隔线 --- */
.weld-rule {
  border: 0;
  height: 6px;
  margin: 8px 0;
  background:
    radial-gradient(circle 2px at 8px 3px, rgba(255, 255, 255, 0.5) 0 1px, rgba(0, 0, 0, 0.35) 1.6px, rgba(0, 0, 0, 0) 2.4px) 0 0 / 16px 6px repeat-x,
    linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(255, 255, 255, 0.22));
  border-radius: 3px;
}

/* ============================================================
   3. 顶栏与主导航
   ============================================================ */
.site-header {
  position: sticky;
  top: 0;
  z-index: 90;
}
.header-topbar {
  background: var(--zc-brushed-dark);
  color: var(--zc-steel);
  border-bottom: 1px solid #202227;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.07);
}
.topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 36px;
  font-size: 13px;
}
.topbar-slogan { margin: 0; letter-spacing: 0.06em; opacity: 0.92; }
.topbar-line { margin: 0; white-space: nowrap; }

.header-main {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, rgba(0, 0, 0, 0.045) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
    linear-gradient(180deg, #e2e5ea 0%, #c6cbd3 70%, #b3b9c2 100%);
  border-bottom: 1px solid #7d838d;
  box-shadow: 0 3px 0 rgba(255, 255, 255, 0.25) inset, 0 6px 14px rgba(38, 40, 44, 0.3);
  transition: box-shadow 0.25s ease;
}
.site-header.is-scrolled .header-main { box-shadow: 0 3px 0 rgba(255, 255, 255, 0.2) inset, 0 10px 24px rgba(20, 21, 24, 0.45); }
.header-main-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 76px;
}
.site-branding { flex: 0 0 auto; }
.site-branding .custom-logo { max-height: 56px; width: auto; }
.site-logo-link { display: flex; align-items: center; gap: 12px; color: var(--zc-ink); }
.site-logo-link:hover { color: var(--zc-ink); }
.logo-plate { flex: 0 0 auto; }
.logo-text { display: flex; flex-direction: column; line-height: 1.25; }
.site-title-text {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 -1px 1px rgba(0, 0, 0, 0.35);
}
.site-tagline {
  font-size: 11px;
  letter-spacing: 0.14em;
  color: #767c85;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.main-nav { margin-left: auto; }
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.nav-list li { position: relative; }
.nav-list a {
  display: block;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 15.5px;
  letter-spacing: 0.08em;
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  border-radius: 6px;
  border: 1px solid transparent;
}
.nav-list a:hover {
  color: var(--zc-orange-dark);
  border-color: #9aa0aa;
  background: linear-gradient(180deg, #eef1f4, #d3d7de);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -2px 3px rgba(0, 0, 0, 0.12);
}
.nav-list .current-menu-item > a,
.nav-list .current_page_item > a {
  color: var(--zc-orange-dark);
  border-color: #9aa0aa;
  background: linear-gradient(180deg, #d0d4db, #e6e9ee);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
}
/* 二级下拉:小钢匣 */
.nav-list .sub-menu {
  list-style: none;
  margin: 0;
  padding: 6px;
  position: absolute;
  left: 0; top: 100%;
  min-width: 180px;
  background: var(--zc-panel-face);
  border: 1px solid var(--zc-line);
  border-radius: 8px;
  box-shadow: 0 10px 22px rgba(20, 21, 24, 0.4);
  display: none;
  z-index: 95;
}
.nav-list li:hover > .sub-menu,
.nav-list li:focus-within > .sub-menu { display: block; }
.nav-list .sub-menu a { padding: 8px 12px; font-size: 14.5px; }

/* 汉堡按钮:金属压扣 */
.nav-toggle {
  display: none;
  margin-left: auto;
  width: 52px; height: 46px;
  padding: 0;
  cursor: pointer;
  border: 1px solid #7d838d;
  border-radius: 7px;
  background: linear-gradient(180deg, #f4f6f9 0%, #d5dae1 45%, #bcc2cb 58%, #d0d5dc 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -2px 3px rgba(0, 0, 0, 0.18), 0 2px 0 #8b919b, 0 4px 8px rgba(38, 40, 44, 0.3);
}
.nav-toggle:active { box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.35); }
.nav-toggle-bar {
  display: block;
  width: 24px; height: 3px;
  margin: 4px auto;
  border-radius: 2px;
  background: linear-gradient(180deg, #6a6f77, #3d4046);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: transform 0.25s ease, opacity 0.2s ease;
}
body.nav-open .nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.nav-open .nav-toggle-bar:nth-child(2) { opacity: 0; }
body.nav-open .nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ============================================================
   4. Hero:总控台
   ============================================================ */
.hero {
  position: relative;
  background: var(--zc-brushed-dark);
  color: var(--zc-steel);
  padding: 64px 0 72px;
  border-bottom: 4px solid #202227;
  box-shadow: inset 0 -6px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
/* 顶部警示斜纹带 */
.hero::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 10px;
  background: repeating-linear-gradient(-45deg, var(--zc-orange) 0 16px, var(--zc-iron-deep) 16px 32px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  opacity: 0.85;
}
.hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 44px;
  align-items: center;
}
.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.hero-kicker .lcd { font-size: 13px; }
.hero-title {
  font-size: 46px;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-bottom: 14px;
  color: var(--zc-steel-light);
  /* 铸件浮凸字 */
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(255, 255, 255, 0.18), 0 6px 14px rgba(0, 0, 0, 0.4);
}
.hero-title em { font-style: normal; color: var(--zc-orange); }
.hero-sub {
  font-size: 17px;
  color: #b9bec7;
  max-width: 34em;
  margin-bottom: 26px;
}
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.hero-facts {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
  font-size: 13.5px;
  color: #a6acb6;
}
.hero-facts li { display: flex; align-items: center; gap: 8px; }
.hero-facts .dot {
  width: 9px; height: 9px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffb37e, var(--zc-orange) 55%, #8f3a08);
  box-shadow: 0 0 6px rgba(232, 100, 27, 0.7);
}

/* 仪表盘台座 */
.hero-gauge-wrap { padding: 26px 24px 20px; text-align: center; }
.zc-gauge { width: min(340px, 100%); margin: 0 auto; }
.zc-needle { transform: rotate(115.2deg); transform-box: view-box; transform-origin: 50% 50%; }
.lcd-svg-text {
  font-family: var(--zc-mono);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.15em;
  fill: var(--zc-lcd-text);
  text-shadow: 0 0 7px rgba(125, 242, 154, 0.65);
}
.gauge-caption {
  margin: 12px 0 0;
  font-size: 13px;
  letter-spacing: 0.14em;
  color: #9aa0aa;
}

/* ============================================================
   5. 首页各工位
   ============================================================ */
.section { padding: 66px 0; }
.section-alt {
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, rgba(74, 77, 82, 0.05) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
    linear-gradient(180deg, #c3c8d0 0%, #b2b8c1 50%, #c9cdd5 100%);
  border-top: 1px solid #9aa0aa;
  border-bottom: 1px solid #9aa0aa;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(255, 255, 255, 0.3);
}
.section-dark {
  background: var(--zc-brushed-dark);
  color: var(--zc-steel);
  border-top: 3px solid #202227;
  border-bottom: 3px solid #202227;
}
.section-dark .nameplate { background: linear-gradient(180deg, #5d6168 0%, #45484e 55%, #545860 100%); border-color: #2b2d32; }
.section-dark .nameplate-title { color: #d7dbe1; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 -1px 1px rgba(255, 255, 255, 0.12); }
.section-dark .nameplate-note { color: #a6acb6; text-shadow: none; }
.section-lead { max-width: 46em; font-size: 16.5px; color: #4f545b; margin-bottom: 34px; }
.section-dark .section-lead { color: #b3b8c1; }

/* --- 用料清单:金浩丰铭牌 --- */
.materials-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 30px;
  align-items: stretch;
}
.material-plate { padding: 26px 28px 24px; }
.material-plate-title {
  font-size: 20px;
  letter-spacing: 0.14em;
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78), 0 -1px 1px rgba(0, 0, 0, 0.38);
  margin-bottom: 16px;
}
.plate-rows { margin: 0 0 14px; padding: 0; list-style: none; }
.plate-rows li {
  display: flex;
  gap: 12px;
  padding: 9px 2px;
  border-bottom: 1px dashed #9aa0aa;
  font-size: 15px;
}
.plate-rows li:last-child { border-bottom: 0; }
.plate-label {
  flex: 0 0 7.5em;
  font-weight: 700;
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.plate-value { color: #3a3e44; }
.plate-value strong { color: var(--zc-orange-dark); }
.material-note { font-size: 13.5px; color: #6c7178; margin: 10px 0 0; }

.tower-figure { padding: 20px 18px 14px; text-align: center; }
.tower-figure svg { width: min(360px, 100%); margin: 0 auto; }
.tower-figure figcaption { font-size: 13px; letter-spacing: 0.1em; color: #6c7178; margin-top: 8px; }

.weld-points { margin: 26px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.weld-points li {
  padding: 16px 18px;
  font-size: 14.5px;
  background: linear-gradient(180deg, #dde1e7, #c9cdd5);
  border: 1px solid var(--zc-line);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -2px 3px rgba(0, 0, 0, 0.12), 0 3px 8px rgba(38, 40, 44, 0.22);
}
.weld-points strong { display: block; margin-bottom: 4px; color: var(--zc-ink-soft); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }

/* --- 装备陈列 --- */
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 26px;
}
.product-card {
  display: flex;
  flex-direction: column;
  padding: 22px 22px 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -2px 3px rgba(0, 0, 0, 0.14),
    0 14px 26px rgba(38, 40, 44, 0.38),
    0 3px 6px rgba(38, 40, 44, 0.25);
}
.product-icon {
  width: 74px; height: 74px;
  margin-bottom: 14px;
  padding: 8px;
  border-radius: 10px;
  background: linear-gradient(160deg, #eef1f4, #c9cdd5);
  border: 1px solid var(--zc-line);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
}
.product-thumb { margin: -22px -22px 14px; border-radius: 9px 9px 0 0; overflow: hidden; border-bottom: 1px solid var(--zc-line); }
.product-thumb img { display: block; width: 100%; height: 190px; object-fit: cover; }
.product-model { align-self: flex-start; font-size: 13px; margin-bottom: 10px; }
.product-name { font-size: 19px; margin-bottom: 6px; }
.product-name a { color: var(--zc-ink); }
.product-name a:hover { color: var(--zc-orange-dark); }
.product-duty { font-size: 14px; color: #6c7178; margin-bottom: 12px; }
.product-spec { margin: 0 0 16px; padding: 0; list-style: none; font-size: 13.5px; }
.product-spec li { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border-bottom: 1px dotted #9aa0aa; }
.product-spec li:last-child { border-bottom: 0; }
.product-spec .k { color: #6c7178; }
.product-spec .v { font-family: var(--zc-mono); font-weight: 700; color: var(--zc-ink-soft); }
.product-card .btn { margin-top: auto; align-self: flex-start; }
.product-more { text-align: center; margin-top: 34px; }

/* --- 应用行业:冲压钢牌 --- */
.industry-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.industry-tag {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 14px 16px;
  text-align: center;
  background: linear-gradient(180deg, #5d6168 0%, #45484e 60%, #52565d 100%);
  border: 1px solid #2b2d32;
  border-radius: 9px;
  color: #d7dbe1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -2px 4px rgba(0, 0, 0, 0.45), 0 6px 12px rgba(20, 21, 24, 0.4);
}
.industry-tag svg { width: 42px; height: 42px; }
.industry-name { font-weight: 700; letter-spacing: 0.1em; font-size: 15.5px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
.industry-duty { font-size: 12.5px; color: #a6acb6; }
.industry-tag.is-main { border-color: var(--zc-orange-dark); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -2px 4px rgba(0, 0, 0, 0.45), 0 0 0 2px rgba(232, 100, 27, 0.35), 0 6px 12px rgba(20, 21, 24, 0.4); }
.industry-tag .stamp { position: absolute; top: -10px; right: -8px; background: var(--zc-iron-deep); }

/* --- 服役案例:档案钢牌 --- */
.case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.case-card { padding: 24px 24px 20px; display: flex; flex-direction: column; }
.case-title { font-size: 18px; margin-bottom: 4px; }
.case-place { font-size: 13px; color: #6c7178; letter-spacing: 0.08em; margin-bottom: 14px; }
.case-lcd-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.case-lcd-row .lcd { font-size: 14px; }
.case-notes { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #4f545b; }
.case-notes li { padding: 6px 0 6px 20px; position: relative; border-bottom: 1px dotted #9aa0aa; }
.case-notes li:last-child { border-bottom: 0; }
.case-notes li::before {
  content: "";
  position: absolute; left: 2px; top: 13px;
  width: 8px; height: 8px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f6f8fa, #9aa0aa 60%, #5a5e66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

/* --- 车间纪事(新闻) --- */
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.post-card { padding: 22px 24px 20px; display: flex; flex-direction: column; }
.post-card-date { align-self: flex-start; font-size: 12.5px; margin-bottom: 12px; }
.post-card-title { font-size: 17.5px; margin-bottom: 8px; line-height: 1.45; }
.post-card-title a { color: var(--zc-ink); }
.post-card-title a:hover { color: var(--zc-orange-dark); }
.post-card-excerpt { font-size: 14.5px; color: #565b63; margin-bottom: 14px; }
.more-link { margin-top: auto; font-weight: 700; font-size: 14px; letter-spacing: 0.08em; color: var(--zc-orange-dark); }
.more-link::after { content: " »"; }

/* --- 厂史(关于) --- */
.about-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 34px; align-items: start; }
.about-copy p { font-size: 16px; color: #b3b8c1; }
.about-copy p strong { color: var(--zc-steel-light); }
.stat-panel { padding: 26px 26px 22px; }
.stat-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
.stat { text-align: center; }
.stat .odo { font-size: 26px; }
.stat-label { display: block; margin-top: 8px; font-size: 13px; letter-spacing: 0.12em; color: #a6acb6; }
.stat-note { margin: 18px 0 0; font-size: 12.5px; color: #8f959f; text-align: center; }

/* --- 洽谈专线 CTA --- */
.contact-cta { padding: 40px 40px 36px; text-align: center; }
.lcd-big {
  display: inline-block;
  font-size: clamp(24px, 4.5vw, 40px);
  padding: 0.3em 0.8em;
  margin: 10px 0 22px;
}
.contact-lines { margin: 0 0 26px; padding: 0; list-style: none; font-size: 15px; color: #4f545b; display: flex; flex-direction: column; gap: 6px; }
.section-dark .contact-lines,
.panel-dark .contact-lines { color: #b3b8c1; }
.panel-dark .section-lead { color: #b3b8c1; }
.contact-actions { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }

/* ============================================================
   6. 内页 / 博客 / 归档
   ============================================================ */
.site-main { padding: 52px 0 70px; }
.page-header { margin-bottom: 34px; }
.content-with-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 34px;
  align-items: start;
}
.content-with-sidebar > * { min-width: 0; }
.entry-card { padding: 30px 34px; margin-bottom: 30px; }
.entry-card .entry-title { font-size: 26px; }
.entry-title a { color: var(--zc-ink); }
.entry-title a:hover { color: var(--zc-orange-dark); }
.entry-meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; font-size: 13px; color: #6c7178; margin-bottom: 16px; }
.entry-meta .lcd { font-size: 12px; }
.post-thumb { margin: 0 0 20px; border-radius: 8px; overflow: hidden; border: 1px solid var(--zc-line); box-shadow: 0 4px 10px rgba(38, 40, 44, 0.3); }
.post-thumb img { display: block; width: 100%; }
.entry-content { font-size: 16px; }
.entry-content h2, .entry-content h3 {
  padding-bottom: 6px;
  border-bottom: 2px solid #9aa0aa;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}
.entry-footer { margin-top: 22px; padding-top: 14px; border-top: 1px dashed #9aa0aa; font-size: 13.5px; color: #6c7178; }
.page-links { margin-top: 18px; font-weight: 700; }

/* 分页:压扣键 */
.pagination-bar { margin-top: 34px; text-align: center; }
.pagination-bar .nav-links { display: inline-flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.pagination-bar .page-numbers {
  display: inline-block;
  min-width: 42px;
  padding: 8px 12px;
  font-weight: 700;
  color: var(--zc-ink-soft);
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  border: 1px solid #7d838d;
  border-radius: 6px;
  background: linear-gradient(180deg, #f4f6f9 0%, #d5dae1 45%, #bcc2cb 58%, #d0d5dc 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -2px 3px rgba(0, 0, 0, 0.16), 0 2px 0 #8b919b, 0 4px 8px rgba(38, 40, 44, 0.28);
}
.pagination-bar .page-numbers.current,
.pagination-bar .page-numbers:active {
  color: var(--zc-orange-dark);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.3), 0 0 0 #8b919b;
  transform: translateY(2px);
}
.post-nav { display: flex; justify-content: space-between; gap: 16px; margin-top: 30px; flex-wrap: wrap; }

/* 侧栏工具架 */
.widget-area { display: flex; flex-direction: column; gap: 24px; }
.widget { padding: 20px 22px; }
.widget-title {
  font-size: 16px;
  letter-spacing: 0.14em;
  color: var(--zc-ink-soft);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78), 0 -1px 1px rgba(0, 0, 0, 0.35);
  border-bottom: 2px solid #9aa0aa;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  padding-bottom: 8px;
  margin-bottom: 14px;
}
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 7px 0; border-bottom: 1px dotted #9aa0aa; font-size: 14.5px; }
.widget ul li:last-child { border-bottom: 0; }
.widget a { color: #4f545b; }
.widget a:hover { color: var(--zc-orange-dark); }

/* 检索台 */
.search-form { display: flex; gap: 10px; }
.search-form .search-field {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--zc-mono);
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--zc-lcd-text);
  background: linear-gradient(180deg, var(--zc-lcd-bg), var(--zc-lcd-bg2));
  border: 2px solid #3a3e45;
  border-radius: 6px;
  padding: 10px 14px;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.75);
}
.search-form .search-field::placeholder { color: #6d8a74; }

/* 归档卡阵列 */
.archive-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 26px; }

/* ============================================================
   7. 装备详情(single-product)
   ============================================================ */
.product-hero { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 34px; align-items: start; margin-bottom: 40px; }
.product-hero-figure { padding: 26px; text-align: center; }
.product-hero-figure img { border-radius: 8px; }
.product-hero-figure svg { width: min(300px, 100%); margin: 0 auto; }
.product-hero-info h1 { font-size: 30px; }
.spec-lcd {
  margin: 20px 0;
  padding: 18px 20px 14px;
  background: linear-gradient(180deg, #45484e, #35383d);
  border: 1px solid #23252a;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 6px 14px rgba(20, 21, 24, 0.4);
}
.spec-lcd-title { font-size: 13px; letter-spacing: 0.18em; color: #a6acb6; margin-bottom: 12px; }
.spec-rows { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
.spec-rows li { display: flex; flex-direction: column; gap: 4px; }
.spec-key { font-size: 12.5px; letter-spacing: 0.1em; color: #9aa0aa; }
.spec-val { font-size: 15px; }
.inquiry-panel { padding: 26px 30px; margin-top: 40px; text-align: center; }
.related-products { margin-top: 46px; }

/* ============================================================
   8. 404 与检索
   ============================================================ */
.error-panel { max-width: 640px; margin: 0 auto; padding: 40px 36px; text-align: center; }
.error-lcd { font-size: 30px; margin: 16px 0 20px; }
.error-panel .search-form { max-width: 420px; margin: 22px auto; }
.error-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ============================================================
   9. 页脚:钢板拼接缝
   ============================================================ */
.site-footer {
  margin-top: 0;
  background: var(--zc-brushed-dark);
  color: #b3b8c1;
  border-top: 5px solid #202227;
  font-size: 14.5px;
}
/* 顶部咬合缝:铆钉排 */
.footer-seam {
  height: 18px;
  background:
    radial-gradient(circle 4px at 14px 9px, #b8bec7 0 2px, #5a5e66 2.6px, rgba(0, 0, 0, 0.5) 3.6px, rgba(0, 0, 0, 0) 4.6px) 0 0 / 34px 18px repeat-x,
    linear-gradient(180deg, #55595f, #3b3e44);
  border-bottom: 1px solid #202227;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.footer-plates {
  display: grid;
  grid-template-columns: 1.25fr 0.8fr 1fr 1.1fr;
}
.footer-plate {
  padding: 34px 26px 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.07);
}
.footer-plate:first-child { border-left: 0; box-shadow: none; }
.footer-title {
  font-size: 15.5px;
  letter-spacing: 0.16em;
  color: #d7dbe1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 -1px 1px rgba(255, 255, 255, 0.1);
  margin-bottom: 14px;
}
.footer-plate .nav-list { display: block; }
.footer-plate .nav-list a {
  padding: 6px 0;
  font-size: 14.5px;
  font-weight: 400;
  color: #b3b8c1;
  text-shadow: none;
  border: 0;
  background: none;
  box-shadow: none;
}
.footer-plate .nav-list a:hover { color: var(--zc-orange); }
.footer-plate .nav-list a::before { content: "▸ "; color: var(--zc-orange-dark); }
.footer-contact { margin: 0; padding: 0; list-style: none; }
.footer-contact li { padding: 5px 0; }
.footer-supplier-plate {
  margin-top: 6px;
  padding: 14px 16px;
  background: linear-gradient(180deg, #5d6168 0%, #45484e 60%, #52565d 100%);
  border: 1px solid #2b2d32;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -2px 4px rgba(0, 0, 0, 0.45);
  font-size: 13.5px;
  color: #c3c8d0;
}
.footer-supplier-plate strong { color: var(--zc-steel-light); }
.footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  padding: 16px 0;
  font-size: 13px;
  color: #8f959f;
}
.footer-bottom-inner { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.footer-bottom a { color: #a6acb6; }
.footer-bottom a:hover { color: var(--zc-orange); }

/* ============================================================
   10. 响应式:车间小门
   ============================================================ */
@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-gauge-wrap { max-width: 420px; margin: 0 auto; }
  .materials-grid, .about-grid, .product-hero { grid-template-columns: 1fr; }
  .case-grid, .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-with-sidebar { grid-template-columns: 1fr; }
  .footer-plates { grid-template-columns: 1fr 1fr; }
  .footer-plate:nth-child(3) { border-left: 0; box-shadow: none; }
  .footer-plates .footer-plate { border-top: 1px solid rgba(0, 0, 0, 0.4); }
  .footer-plates .footer-plate:nth-child(-n+2) { border-top: 0; }
}

@media (max-width: 768px) {
  body { font-size: 15px; }
  .topbar-slogan { display: none; }
  .topbar-inner { justify-content: center; }
  .header-main-inner { min-height: 64px; gap: 14px; }
  .nav-toggle { display: block; }
  .main-nav {
    display: none;
    position: absolute;
    left: 0; right: 0;
    top: 100%;
    margin: 0;
    background:
      repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, rgba(0, 0, 0, 0.05) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
      linear-gradient(180deg, #dde1e7, #c2c7cf);
    border-bottom: 2px solid #7d838d;
    box-shadow: 0 14px 26px rgba(20, 21, 24, 0.4);
  }
  body.nav-open .main-nav { display: block; }
  .nav-list { flex-direction: column; gap: 0; padding: 10px 16px 16px; }
  .nav-list a { padding: 13px 10px; border-bottom: 1px dashed #9aa0aa; border-radius: 0; }
  .nav-list a:hover { background: none; box-shadow: none; border-color: transparent transparent #9aa0aa; }
  .nav-list .sub-menu { position: static; display: block; border: 0; box-shadow: none; background: none; padding: 0 0 0 18px; min-width: 0; }
  .hero { padding: 44px 0 52px; }
  .hero-title { font-size: 32px; }
  .section { padding: 48px 0; }
  .nameplate { padding: 13px 40px 11px; }
  .nameplate-title { font-size: 22px; }
  .nameplate-note { flex-basis: 100%; margin-left: 0; }
  .case-grid, .news-grid { grid-template-columns: 1fr; }
  .weld-points { grid-template-columns: 1fr; }
  .stat-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .entry-card { padding: 22px 20px; }
  .contact-cta { padding: 28px 20px 26px; }
  .footer-plates { grid-template-columns: 1fr; }
  .footer-plate { border-left: 0; box-shadow: none; border-top: 1px solid rgba(0, 0, 0, 0.4); }
  .footer-plates .footer-plate:nth-child(-n+2) { border-top: 1px solid rgba(0, 0, 0, 0.4); }
  .footer-plate:first-child { border-top: 0; }
  .spec-rows { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .hero-title { font-size: 27px; }
  .stat-row { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
  .stat .odo { font-size: 20px; }
}

/* ============================================================
   11. 动效克制:prefers-reduced-motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html.js .reveal { opacity: 1; transform: none; }
  .product-card:hover { transform: none; }
}