:root{
  --brand:#3b6f7a; --brand-dark:#2e565f;
  --text:#1f2937; --muted:#6b7280;
  --bg:#fff; --card:#f5f7f8; --hero-overlay:rgba(0,0,0,.45);
  --accent:#0ea5e9;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; color:var(--text); background:var(--bg);
  font:16px/1.6 Inter, -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto, Arial, "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
/* Global tech background stack (gradient + grid + noise) */
html, body{ height:100%; }
body{ position:relative; }
#page{ position:relative; z-index:1; }
body::before, body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
}
/* Animated multi-gradient base */
body::before{
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(56,189,248,0.14), transparent 70%),
    radial-gradient(900px 520px at 85% -5%, rgba(139,92,246,0.12), transparent 60%),
    conic-gradient(from 200deg at 50% 120%, rgba(59,130,246,.10), rgba(168,85,247,.08), rgba(14,165,233,.10), rgba(99,102,241,.10), rgba(59,130,246,.10));
  background-size:200% 200%;
  animation: global-pan 22s ease-in-out infinite;
  opacity:.6;
}
@keyframes global-pan{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}
/* Grid + subtle noise overlay */
body::after{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='M32 0 L0 0 0 32' fill='none' stroke='white' stroke-opacity='.08' stroke-width='.5'/></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><filter id='n' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect filter='url(%23n)' width='4' height='4' opacity='.28'/></svg>");
  background-size:32px 32px, 4px 4px;
  mix-blend-mode: soft-light;
  opacity:.25;
}

.container{ max-width:1200px; margin:auto; padding:0 24px; }
.section{ padding:72px 0; scroll-margin-top:80px; }
.section-title{ font-size:32px; line-height:1.25; margin:0 0 16px; }
.lead{ font-size:18px; color:var(--text); margin:0 0 12px; }

/* --- nav --- */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(15,23,42,.6); color:#fff; backdrop-filter:saturate(130%) blur(8px);
  border-bottom:1px solid rgba(255,255,255,.15);
}
.nav{ height:64px; display:flex; align-items:center; gap:24px; }
.logo img{ height:34px; display:block; }

.primary-nav{ margin-left:auto; display:flex; gap:20px; }
.primary-nav a{
  color:#e6f3f6; text-decoration:none; font-weight:500;
  padding:8px 6px; border-radius:8px;
}
.primary-nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }

/* lang switch */
.lang-switch{ display:flex; gap:4px; margin-left:12px; border:1px solid rgba(255,255,255,.3); border-radius:10px; overflow:hidden; }
.lang-switch label{
  cursor:pointer; padding:6px 10px; font-size:12px; color:#fff; user-select:none;
}
.lang-switch label:hover{ background:rgba(255,255,255,.12); }

/* --- hero --- */
.hero{ position:relative; min-height:64vh; display:flex; align-items:center; color:#fff; }
.hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(110%); }
.hero-layer{ position:absolute; inset:0; background:rgba(0,0,0,.45); }

/* ==== 动态渐变背景 + 粒子层 ==== */
.hero--fx{
  position: relative;
  display:flex; align-items:center; justify-content:center;
  min-height: 90vh; text-align:center; color:#fff; padding: 2rem;
  overflow: hidden;
  background: linear-gradient(270deg, #0b4e99, #1f7dcf, #6dd5ed, #2193b0);
  background-size: 800% 800%;
  animation: gradientBG 20s ease infinite;
}
@keyframes gradientBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

#heroParticles{
  position:absolute; inset:0; width:100%; height:100%; display:block; z-index:0;
}
.hero-content{ position:relative; z-index:1; }

.hero-content h1{ font-size:2.6rem; font-weight:800; margin:0 0 1rem; }
.hero-content p{ font-size:1.15rem; opacity:.92; margin:0 0 2rem; }

.hero-content .btn{ padding:.75rem 1.5rem; border-radius:30px; font-weight:700; margin:0 .5rem; transition:.25s; }
.hero-content .btn{ background:#fff; color:#0b4e99; }
.hero-content .btn:hover{ background:#f1f5f9; }
.hero-content .btn.ghost{ border:2px solid #fff; background:transparent; color:#fff; }
.hero-content .btn.ghost:hover{ background:#fff; color:#0b4e99; }

@media (max-width:768px){
  .hero-content h1{ font-size:2rem; }
  .hero-content p{ font-size:1rem; }
}

@media (prefers-reduced-motion: reduce){
  .hero--fx{ animation:none; }
}

/* ========== 科技感 Hero：动态渐变 + 极光 + 网格 + 颗粒 ========== */
.hero--neo{
  position: relative;
  overflow: hidden;
  min-height: 92vh;
  display:flex; align-items:center; justify-content:center;
  color:#fff; text-align:center;
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(0,255,224,.12) 0%, transparent 60%),
    radial-gradient(1000px 520px at 85% 110%, rgba(79,70,255,.10) 0%, transparent 60%),
    linear-gradient(135deg, #0b1220 0%, #0a2a43 35%, #0e3b5a 60%, #132a75 100%);
  background-size: 120% 120%, 120% 120%, 200% 200%;
  animation: hero-pan 22s ease-in-out infinite;
}
/* Edge-to-edge bleed */
.hero--edge{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
@keyframes hero-pan{
  0%   { background-position: 0% 0%, 100% 100%, 0% 50%; }
  50%  { background-position: 30% 10%, 70% 90%, 100% 50%; }
  100% { background-position: 0% 0%, 100% 100%, 0% 50%; }
}

.hero--neo .hero-content{ position:relative; z-index:5; }
.hero--neo .hero-content h1{ font-size:clamp(28px, 4.2vw, 52px); font-weight:800; margin:0 0 16px; letter-spacing:.5px; }
.hero--neo .hero-content p{ margin:0 0 28px; font-size:clamp(14px, 1.6vw, 18px); opacity:.92; }

.hero--neo .buttons .btn{
  padding:.8rem 1.6rem; border-radius:999px; font-weight:800; margin:0 .5rem;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.hero--neo .buttons .btn{ background:#fff; color:#0b66c3; }
.hero--neo .buttons .btn:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(0,0,0,.22); }
.hero--neo .buttons .btn-outline{
  background:rgba(255,255,255,.08); color:#fff; border:2px solid rgba(255,255,255,.5);
  backdrop-filter: blur(6px);
}
.hero--neo .buttons .btn-outline:hover{ background:rgba(255,255,255,.15); }

.hero--neo .fx{ position:absolute; inset:0; pointer-events:none; }

.hero--neo .fx-grid{
  z-index:1;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(120deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 25% 75%, rgba(255,255,255,0.05) 100%);
  background-size: 60px 60px, 60px 60px, 400% 400%;
  background-position: 0 0, 0 0, 0% 50%;
  mix-blend-mode: overlay;
  animation: grid-sweep 26s linear infinite;
}
@keyframes grid-sweep{
  0%   { background-position: 0 0, 0 0, 0% 50%; }
  50%  { background-position: 30px 30px, 30px 30px, 100% 50%; }
  100% { background-position: 0 0, 0 0, 0% 50%; }
}

.hero--neo .fx-aurora{
  z-index:2;
  background:
    radial-gradient(600px 260px at 18% 28%, rgba(0,255,224,.22), transparent 60%),
    radial-gradient(700px 280px at 80% 70%, rgba(98,64,255,.24), transparent 60%),
    radial-gradient(540px 240px at 55% 30%, rgba(0,198,255,.20), transparent 60%),
    radial-gradient(500px 220px at 30% 80%, rgba(0,255,170,.16), transparent 60%);
  filter: blur(26px);
  mix-blend-mode: screen;
  transform: translateZ(0);
  animation: aurora-float 18s ease-in-out infinite alternate;
}
@keyframes aurora-float{
  0%   { transform: translate(-2%, -1%) scale(1.02); }
  100% { transform: translate( 2%,  1%) scale(1.06); }
}

.hero--neo::after{
  content:""; position:absolute; inset:0; z-index:3;
  background-image: radial-gradient(rgba(255,255,255,.05) 0.7px, transparent 0.8px);
  background-size: 3px 3px; opacity:.35; mix-blend-mode: soft-light;
}

@media (prefers-reduced-motion: reduce){
  .hero--neo{ animation:none; }
  .hero--neo .fx-grid,
  .hero--neo .fx-aurora{ animation:none; }
}

/* 覆盖开关：若存在 .force-motion 类，则始终启用动画（便于调试） */
.force-motion .hero--neo{ animation: hero-pan 22s ease-in-out infinite; }
.force-motion .hero--neo .fx-grid{ animation: grid-sweep 26s linear infinite; }
.force-motion .hero--neo .fx-aurora{ animation: aurora-float 18s ease-in-out infinite alternate; }
.hero-content{ position:relative; z-index:1; padding:80px 0; }
.hero-title{ font-size:40px; line-height:1.2; margin:0 0 12px; }
.hero-sub{ color:#e5e7eb; margin:0 0 24px; }

.btn{
  display:inline-block; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:600;
  border:1px solid rgba(255,255,255,.5); color:#fff; transition:.2s;
}
.btn.primary{ background:#ffffff1a; border-color:#ffffff40; }
.btn.primary:hover{ background:#ffffff33; }
.btn.ghost{ margin-left:8px; background:transparent; }
.btn.ghost:hover{ background:#ffffff1a; }

/* --- about --- */
.grid-2{ display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center; }
.about-image img{ width:100%; height:auto; border-radius:16px; box-shadow:0 6px 24px rgba(0,0,0,.12); }
/* About hero stronger styling */
.about-neo{ position:relative; }
.about-neo .section-title{ color:#0ea5e9; }
.about-cta{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; }
.cta-btn{ border-radius:16px; padding:10px 16px; font-weight:800; transition:.2s; }
.cta-btn.cta-primary{ background:#06b6d4; color:#fff; box-shadow:0 0 0 1px rgba(99,102,241,.35), 0 10px 50px -12px rgba(56,189,248,.55); }
.cta-btn.cta-primary:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.cta-btn.cta-secondary{ background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.12); }
.cta-btn.cta-secondary:hover{ background:rgba(255,255,255,.12); }
.neon-frame{ padding:2px; border-radius:24px; background:linear-gradient(135deg, rgba(34,211,238,.9), rgba(139,92,246,.85)); box-shadow:0 0 0 1px rgba(99,102,241,.35), 0 10px 50px -12px rgba(56,189,248,.55); }
.neon-inner{ border-radius:22px; overflow:hidden; background:rgba(15,23,42,.6); border:1px solid rgba(255,255,255,.12); }

/* Glassy containers utility */
.glass{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 1px rgba(99,102,241,.12), 0 10px 40px -12px rgba(37,99,235,.28);
}

/* --- products --- */
.products .product-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:20px;
}
.card{
  background:var(--card); border-radius:16px; overflow:hidden; transition:transform .2s, box-shadow .2s;
}
.card img{ width:100%; height:200px; object-fit:cover; display:block; }
.card h3{ font-size:16px; padding:12px 14px; margin:0; }
.card:hover{ transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.products-note{ color:var(--muted); margin-top:12px; }

/* --- contact --- */
.contact .contact-list{ list-style:none; padding:0; margin:12px 0 18px; }
.contact .contact-list li{ margin:8px 0; }
.contact a{ color:var(--brand-dark); text-decoration:none; border-bottom:1px dashed rgba(59,111,122,.4); }
.contact a:hover{ color:var(--accent); border-bottom-color:var(--accent); }
.badges img{ height:48px; margin-right:12px; }

/* ---- Emphasize contact pane ---- */
.contact-hero{ background: linear-gradient(90deg, #e6f7ff 0%, #f4f7ff 100%); }
.contact-card{
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid rgba(59,111,122,.12);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
  padding: 22px 22px;
}
.contact-card .section-title{ font-size:36px; letter-spacing:.2px; }
.contact-lead{ margin:6px 0 10px; color:#334155; }
.contact-actions{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 8px; }
.contact-btn{ border-radius:999px; padding:10px 16px; font-weight:800; box-shadow:0 8px 20px rgba(0,0,0,.12); }
.contact-btn.primary{ background:#0b4e99; color:#fff; }
.contact-btn.primary:hover{ background:#0c58ab; }
.contact-btn.ghost{ background:#fff; color:#0b4e99; border:1px solid rgba(11,78,153,.25); }
.contact-btn.ghost:hover{ background:#f1f5f9; }
.contact-card .contact-list li{ font-size:17px; }
.contact-card a{ font-weight:700; }
.contact-card .badges{ margin-top:10px; }

/* De-emphasize terms block */
.terms .section-title{ font-size:22px; color:#64748b; }
.terms{ padding:40px 0; }
.terms .terms-content{ opacity:.85; }
details.terms-collapse{
  background:#fff; border:1px solid rgba(100,116,139,.15); border-radius:12px; padding:12px 14px;
}
details.terms-collapse summary{
  cursor:pointer; list-style:none; font-weight:700; color:#475569;
}
details.terms-collapse[open]{ box-shadow:0 8px 20px rgba(0,0,0,.06); }

.map iframe{
  width:100%; min-height:280px; border:0; border-radius:14px; box-shadow:0 6px 24px rgba(0,0,0,.08);
}

/* --- footer --- */
.site-footer{ background:#0f172a; color:#cbd5e1; padding:22px 0; }
.foot{ display:flex; align-items:center; justify-content:center; }
.foot p{ margin:0; font-size:14px; }

/* footer designer link */
.site-footer a.designer{
  color:var(--accent);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px dashed var(--accent);
  margin-left:2px;
}
.site-footer a.designer:hover{
  color:#7dd3fc;
  border-bottom-color:#7dd3fc;
}

/* terms block */
.terms-content p{ margin:8px 0; }
.site-footer a.terms{
  color:#93c5fd;
  text-decoration:none;
  border-bottom:1px dashed #93c5fd;
  margin-left:6px;
}
.site-footer a.terms:hover{
  color:#bfdbfe;
  border-bottom-color:#bfdbfe;
}

/* Anti-abuse shield + watermark */
#anti-abuse-shield{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
  background:rgba(2,6,23,.9);
}
#anti-abuse-shield .aas-card{
  width:min(92vw,720px); border-radius:16px; padding:22px; color:#e2e8f0;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 40px rgba(0,0,0,.4);
}
#anti-abuse-shield h3{ margin:0 0 8px; font-size:22px; }
#anti-abuse-shield p{ margin:6px 0; }
#anti-abuse-shield .aas-actions{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; }
#anti-abuse-shield .aas-btn{ background:#0b4e99; color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; border:1px solid rgba(255,255,255,.18); }
#anti-abuse-shield .aas-btn.ghost{ background:transparent; color:#e2e8f0; }

#wm-overlay{
  position:fixed; inset:0; z-index:9998; pointer-events:none; color:rgba(255,255,255,.08);
  font:700 48px/1.6 Inter, system-ui, Arial; text-transform:uppercase; letter-spacing:2px;
  display:grid; place-items:center; mix-blend-mode:soft-light; user-select:none;
}

/* --- language visibility (CSS-only i18n) --- */
.i18n{ display:none; }
#lang-zh:checked ~ #page .i18n.zh{ display:revert; }
#lang-en:checked ~ #page .i18n.en{ display:revert; }
#lang-ru:checked ~ #page .i18n.ru{ display:revert; }

/* --- responsive --- */
@media (max-width:1024px){
  .products .product-grid{ grid-template-columns:repeat(3,1fr); }
  .grid-2{ grid-template-columns:1fr; }
}
@media (max-width:768px){
  .primary-nav{ display:none; } /* 小屏隐藏主导航，仅保留锚点从 Hero 按钮进入 */
  .hero-title{ font-size:30px; }
  .products .product-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .btn{ padding:10px 14px; font-weight:600; }
  .products .product-grid{ grid-template-columns:1fr; }
  .hero{ min-height:58vh; }
}


/* ===== Long rod section ===== */
.longrod .lr-gap{ gap:28px; }
.longrod .lr-h3{ font-size:28px; margin:0 0 10px; color:var(--brand-dark); }
.longrod .lr-top{ margin-top:10px; }
.longrod .lr-bottom{ margin-top:36px; align-items:center; }

.lr-card{
  border-radius:16px; padding:26px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;
}
.lr-card--blue{
  background:#0b4e99; color:#e9f1fb;
}
.lr-card--white{
  background:#fff; color:var(--text);
}
.lr-card__title{
  margin:0 0 14px; font-size:22px; line-height:1.25;
}
.lr-card--blue .lr-card__title{ color:#fff; }
.lr-ico{ width:110px; height:auto; display:block; margin:6px 0 10px; }
.lr-desc{ margin:6px 0 0; color:#415a77; }

.lr-list{ list-style:none; padding:0; margin:0; }
.lr-list li{
  position:relative; padding-left:22px; margin:10px 0; line-height:1.55;
}
.lr-list li::before{
  content:"\2192"; /* → */
  position:absolute; left:0; top:0; color:#a4cafe; font-weight:700;
}
.lr-card--blue .lr-list li::before{ color:#cfe8ff; }

.lr-figure img{
  width:100%; height:auto; border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* 小屏适配：上下堆叠，右图放下方 */
@media (max-width:1024px){
  .longrod .grid-2{ grid-template-columns:1fr; }
  .longrod .lr-bottom{ margin-top:24px; }
}

/* ===== Post insulators section ===== */
.postins .pi-gap{ gap:28px; }
.postins .pi-top{ margin-top:10px; }
.postins .pi-bottom{ margin-top:36px; align-items:center; }
.postins .pi-h3{ font-size:28px; margin:0 0 10px; color:var(--brand-dark); }

.pi-card{
  border-radius:16px; padding:26px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;
}
.pi-card--blue{ background:#0b4e99; color:#e9f1fb; }
.pi-card--white{ background:#fff; color:var(--text); }

.pi-card__title{ margin:0 0 14px; font-size:22px; line-height:1.25; }
.pi-card--blue .pi-card__title{ color:#fff; }

.pi-list{ list-style:none; padding:0; margin:0; }
.pi-list li{
  position:relative; padding-left:22px; margin:10px 0; line-height:1.55;
}
.pi-list li::before{
  content:"\2192"; /* → */
  position:absolute; left:0; top:0; color:#cfe8ff; font-weight:700;
}

.pi-icons{ display:flex; gap:22px; align-items:center; margin:4px 0 10px; }
.pi-icons img{ width:90px; height:auto; display:block; }
.pi-desc{ margin:6px 0 0; color:#415a77; }

.pi-figure img{
  width:100%; height:auto; border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* 响应式：两列改一列，图放下方 */
@media (max-width:1024px){
  .postins .grid-2{ grid-template-columns:1fr; }
  .postins .pi-bottom{ margin-top:24px; }
}

/* ===== Hollow insulators section ===== */
.hollow .hi-gap{ gap:28px; }
.hollow .hi-top{ margin-top:10px; }
.hollow .hi-bottom{ margin-top:36px; align-items:center; }
.hollow .hi-h3{ font-size:28px; margin:0 0 10px; color:var(--brand-dark); }

.hi-card{
  border-radius:16px; padding:26px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;
}
.hi-card--blue{ background:#0b4e99; color:#e9f1fb; }
.hi-card--white{ background:#fff; color:var(--text); }

.hi-card__title{ margin:0 0 14px; font-size:22px; line-height:1.25; }
.hi-card--blue .hi-card__title{ color:#fff; }

.hi-list{ list-style:none; padding:0; margin:0; }
.hi-list li{
  position:relative; padding-left:22px; margin:10px 0; line-height:1.55;
}
.hi-list li::before{
  content:"\2192"; /* → */
  position:absolute; left:0; top:0; color:#cfe8ff; font-weight:700;
}

.hi-ico{ width:110px; height:auto; display:block; margin:6px 0 10px; }
.hi-desc{ margin:6px 0 0; color:#415a77; }

.hi-figure img{
  width:100%; height:auto; border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* 响应式：两列改一列 */
@media (max-width:1024px){
  .hollow .grid-2{ grid-template-columns:1fr; }
  .hollow .hi-bottom{ margin-top:24px; }
}

/* ===== Medium-voltage section ===== */
.mediumv .mv-gap{ gap:28px; }
.mediumv .mv-top{ margin-top:10px; }
.mediumv .mv-bottom{ margin-top:36px; align-items:center; }
.mediumv .mv-h3{ font-size:28px; margin:0 0 10px; color:var(--brand-dark); }

.mv-card{
  border-radius:16px; padding:26px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;
}
.mv-card--blue{ background:#0b4e99; color:#e9f1fb; }
.mv-card--white{ background:#fff; color:var(--text); }

.mv-card__title{ margin:0 0 14px; font-size:22px; line-height:1.25; }
.mv-card--blue .mv-card__title{ color:#fff; }

.mv-list{ list-style:none; padding:0; margin:0; }
.mv-list li{
  position:relative; padding-left:22px; margin:10px 0; line-height:1.55;
}
.mv-list li::before{
  content:"\2192"; /* → */
  position:absolute; left:0; top:0; color:#cfe8ff; font-weight:700;
}

.mv-icons{ display:flex; gap:22px; align-items:center; margin:4px 0 10px; }
.mv-icons img{ width:90px; height:auto; display:block; }
.mv-desc{ margin:6px 0 0; color:#415a77; }

.mv-figure img{
  width:100%; height:auto; border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* 响应式：两列改一列 */
@media (max-width:1024px){
  .mediumv .grid-2{ grid-template-columns:1fr; }
  .mediumv .mv-bottom{ margin-top:24px; }
}