，需清掉标题默认外边距与链接样式 */
.showcase-swiper .show-card__name{ margin:0; }
.showcase-swiper .show-card__name a{ color:inherit; text-decoration:none; }
/* 没有任何产品时的提示（wp:query-no-results） */
.showcase-empty{ text-align:center; color:var(--muted); padding:48px 0; margin:0; }
/* —— 列表区块 —— */
/* —— 关掉"新区块容器"内的 block-gap ——
核心区块会给同层兄弟之间加 24px（:where(.is-layout-flow) > * + *）。
改造前这些卡片内容全在 wp:html 里、没有任何默认间距，改成区块后会凭空多出
24px，导致设备卡/客户卡/优势卡等整体变高。这里逐个关掉，
间距仍由 front.css 各自的 padding/margin 控制。 */
.strip__item > * + *,
.series > * + *,
.series__item > * + *,
.series__body > * + *,
.equip > * + *,
.equip__item > * + *,
.equip__item > *,
.clients > * + *,
.client > * + *,
.client figcaption > * + *,
.client figcaption > *,
.adv > * + *,
.adv__item > * + *,
.adv__item > *,
.adv__top > *,
.mini-adv > * + *,
.mini-adv__item > * + *,
.mini-adv__item > *,
.swiper > * + *,
.swiper-wrapper > * + *,
.swiper-slide > * + *,
.show-card > * + *,
/* —— 装饰元素在 wp:group 容器内的 block-gap ——
.deco 是 absolute 定位但默认无 inset，仍会被 is-layout-flow 加 24px margin-block-start，
导致绝对定位元素的偏移基准点偏移 24px、整个 section 视觉上变高。
所有 .section/.equip/.adv/.process 等板块内的装饰元素都需要清零。 */
.section > .deco,
.equip > .deco,
.adv > .deco,
.process > .deco,
.banner > .deco,
.clients > .deco,
.footer > .deco,
.section > .ph,
.section > .deco--grid,
.section > .deco--blob,
.section > .deco--ring,
.section > .deco--rings,
.section > .deco--dots,
.section > .deco--stripes{
margin-block-start:0;
}
/* —— 按钮区块 ——
core/button 的 className 落在最外层 ，真正的链接是内层 .wp-block-button__link。
原 .banner__btn / .btn 的视觉整体迁移到内层链接上，外层 div 只保留布局，
避免出现"外层一层按钮 + 内层又一层按钮"的双重内边距。 */
.wp-block-button.banner__btn,
/* 通用 .btn（About 板块的「Talk to an Engineer」） */
/* —— 卡片内文字 ——
原来是
里的 ，区块化后改名段落并保类名 */
.show-card__name{ display:block; padding:14px 18px 16px; font-size:14.5px; color:#4a5566; }
/* 系列卡标签里的分隔圆点：原为 ，编辑器会吞掉空 ，改成带类名的 span */
.series__tags .dot{ display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--accent); }
/* ============================================================================
* 经典主题适配层
*
* 下面这些规则是「FSE 区块标记 → 标准 HTML」转换后的补偿。
* FSE 里很多容器由 WordPress 生成（带 wp-block-* 类），经典主题里是普通标签，
* 需要显式补上尺寸/定位。
* ============================================================================ */
/* Logo：客户上传图片时用 img，未上传时用 SVG + 文字 */
.logo__img{
height:38px;
width:auto;
display:block;
}
/* Banner 背景：FSE 里是空 div + background-image，这里改成 figure + img */
.banner__bg{
margin:0;
display:block;
}
.banner__bg img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* .ph 占位容器里的图片：撑满并裁切 */
.ph img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* 客户卡片的图片容器 */
.client__img{
overflow:hidden;
}
.client__img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* 系列卡 / 设备卡的图片容器 */
.card__media img,
.equip__item .ph img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* —— 首页「产品展示」轮播的图片容器 ——
FSE 里是 figure.wp-block-post-featured-image（一条规则管裁切），
经典主题里是 div.show-card__media + 直接子 img，需要补回同样的正方形裁切。
少了这条，各产品图按原始宽高比撑开 → 卡片高矮不齐、标题不对齐。 */
.showcase-swiper .show-card__media{
position:relative;
margin:0;
aspect-ratio:1/1;
overflow:hidden;
border-radius:0;
}
.showcase-swiper .show-card__media img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
max-width:none;
}
.showcase-swiper .swiper-wrapper{
margin:0;
padding:0;
list-style:none;
}
/* strip 里的 SVG 图标继承颜色 */
.strip__icon svg{
display:block;
}
/* 滚动进场动画：默认隐藏，JS 加上 .in 才显示（与 FSE 主题一致） */
.reveal{
opacity:0;
transform:translateY(24px);
transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal.in{
opacity:1;
transform:none;
}
.delay-1{ transition-delay:.08s; }
.delay-2{ transition-delay:.16s; }
.delay-3{ transition-delay:.24s; }
.delay-4{ transition-delay:.32s; }
.delay-5{ transition-delay:.40s; }
.delay-6{ transition-delay:.48s; }
.delay-7{ transition-delay:.56s; }
/* 询价表单
表单结构已对齐 FSE：.contact__form.card 内是 .field / .field--full /
.captcha-row / .form-note(.ok/.err) / .btn--block，这些样式主样式里都有，
此处无需再补。*/
/* 兜底页（index.php）——经典主题独有 */
.simply-classic-fallback{
padding:80px 0 60px;
}
.simply-classic-fallback .page-title{
font-size:36px;
margin-bottom:32px;
}
.entry{
padding:24px 0;
border-bottom:1px solid var(--line);
}
.entry__thumb{
display:block;
aspect-ratio:16/9;
overflow:hidden;
border-radius:14px;
margin-bottom:16px;
}
.entry__thumb img{
width:100%;height:100%;object-fit:cover;
}
.entry__title{ font-size:22px; margin-bottom:8px; }
.entry__meta{ font-size:13px; color:var(--muted); margin-bottom:8px; }
.pagination{ margin-top:48px; text-align:center; }
.pagination .nav-links a,
.pagination .nav-links span{
display:inline-block; padding:8px 14px; margin:0 4px;
border-radius:8px; border:1px solid var(--line);
}
.pagination .nav-links .current{
background:var(--accent); color:#20150a; border-color:var(--accent);
}
.no-results{ padding:60px 0; text-align:center; color:var(--muted); }
/* ============================================================================
* 经典主题适配层 · 导航列表
*
* 【为什么需要】
* FSE 主题里导航用的是核心 wp:navigation 区块，它输出
* 
即可） */
.ph{
position:relative; width:100%; aspect-ratio:4/3; border-radius:var(--radius-sm) var(--radius-sm) 0 0;
background:
repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),
linear-gradient(135deg,#eef1f6,#dde3ec 60%,#d3dae5);
overflow:hidden;
}
/* 占位容器内的真实图片：铺满 + 裁切（扫光效果仍在其上） */
.ph > img{
position:absolute; inset:0; width:100%; height:100%;
object-fit:cover; display:block;
}
.ph::after{
content:""; position:absolute; inset:0;
background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);
transform:translateX(-100%); transition:transform .9s var(--ease);
}
.card:hover .ph::after, .equip__item:hover .ph::after, .show-card:hover .ph::after{ transform:translateX(100%); }
/* 8 种浅色金属质感占位配色 */
.ph--1{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#eef1f6,#d9e0ea); }
.ph--2{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#f4efe7,#e3dbcf); }
.ph--3{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#e9eff5,#d5dee8); }
.ph--4{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#f3ece5,#e0d6ca); }
.ph--5{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#eaeff3,#d7dfe7); }
.ph--6{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#eeecf3,#dcd8e6); }
.ph--7{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#e7eef0,#d4dee0); }
.ph--8{ background:repeating-linear-gradient(45deg,rgba(15,23,42,.035) 0 2px,transparent 2px 9px),linear-gradient(135deg,#f2ede6,#e2d9cb); }
/* 滚动进场动画 */
.reveal{ opacity:0; transform:translateY(30px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-delay="1"]{ transition-delay:.08s; }
.reveal[data-delay="2"]{ transition-delay:.16s; }
.reveal[data-delay="3"]{ transition-delay:.24s; }
.reveal[data-delay="4"]{ transition-delay:.32s; }
.reveal[data-delay="5"]{ transition-delay:.40s; }
.reveal[data-delay="6"]{ transition-delay:.48s; }
.reveal[data-delay="7"]{ transition-delay:.56s; }
/* 选择文本 / 焦点可见性（无障碍） */
::selection{ background:var(--accent); color:#20150a; }
:focus-visible{ outline:2px solid var(--accent-ink); outline-offset:3px; border-radius:4px; }
/* 头部改为 fixed：脱离文档流，收起时不再推动下方内容（消除滚动跳动） */
.site-header{
position:fixed; top:0; left:0; right:0; z-index:80;
background:var(--white);
}
/* fixed 头部会让页面顶部被遮挡，用 padding 让位（高度由 JS 实测后写入 --hh / --hh-mini） */
:root{ --hh:145px; --hh-mini:70px; }
body{ padding-top:var(--hh); transition:padding-top .45s var(--ease); }
body.is-mini{ padding-top:var(--hh-mini); }
/* 锚点跳转时避开固定头部 */
html{ scroll-padding-top:calc(var(--hh) + 12px); }
/* —— 上半：LOGO + 电话/邮箱/社交（斜切浅灰底）—— */
.header-top-wrap{
background:linear-gradient(105deg,#ffffff 0%,#ffffff 40%,var(--ink-2) 40%,var(--ink-2) 100%);
border-bottom:1px solid var(--line);
max-height:140px; overflow:hidden;
transition:max-height .45s var(--ease), opacity .3s var(--ease);
}
/* 滚动效果：下滑后上半信息条收起，只留导航条吸顶 */
.site-header.is-mini .header-top-wrap{ max-height:0; opacity:0; border-bottom-color:transparent; }
.header-top{
display:flex; align-items:center; justify-content:space-between;
gap:24px; padding:20px 0;
}
.header-top-left{ display:inline-flex; align-items:center; }
/* LOGO */
.logo{ display:inline-flex; align-items:center; gap:11px; }
.logo__mark{ display:block; }
.logo__text{
font-family:"Manrope",Arial,sans-serif; font-weight:800; font-size:20px;
letter-spacing:.06em; line-height:1; color:var(--text);
}
.logo__text em{ display:block; font-style:normal; font-size:11px; letter-spacing:.34em; color:var(--accent-ink); margin-top:3px; }
.header-top-left:hover .logo__text{ color:var(--accent-ink); }
/* 右侧：电话 / 邮箱 / 社交 */
.header-top-right{ display:flex; align-items:center; gap:56px; }
.contact{ display:inline-flex; align-items:center; gap:14px; }
.contact__icon{
flex:0 0 40px; width:40px; height:40px; border-radius:50%;
display:grid; place-items:center;
background:rgba(232,163,61,.14); color:var(--accent-ink);
transition:background-color .3s, color .3s, transform .3s var(--ease), box-shadow .3s;
}
/* 移入效果：图标变实心金 + 上浮 */
.contact:hover .contact__icon{
background:var(--accent); color:#20150a; transform:translateY(-3px);
box-shadow:0 8px 20px rgba(232,163,61,.4);
}
.contact__text em{ display:block; font-style:normal; font-size:13.5px; color:var(--muted); line-height:1.2; }
.contact__text strong{
display:block; font-size:16px; font-weight:700; color:var(--text); line-height:1.3;
transition:color .3s;
}
.contact:hover .contact__text strong{ color:var(--accent-ink); }
/* 社交图标 */
.social{ display:flex; align-items:center; gap:12px; }
.social a{
width:32px; height:32px; display:grid; place-items:center; border-radius:50%;
border:1px solid var(--line); color:var(--muted); background:var(--white);
transition:color .3s, background-color .3s, border-color .3s, transform .3s var(--ease);
}
.social a:hover{
color:#20150a; background:var(--accent); border-color:var(--accent); transform:translateY(-3px);
}
/* —— 社交图标：品牌实心圆徽章（v1.12.4 头部/手机菜单 · v1.12.5 页脚补齐）——
**三处共用这一套**（锚点类 .social-link--*）：
① 头部 .social 32px 圆，白底 → header.php
② 手机菜单 .nav-contact__social 36px 圆，白底 → functions.php（$social_cls 映射）
③ 页脚 .footer__social 36px 圆，深色照片底 → footer.php
做法 = 圆底刷品牌色 + 图标转白（图标是 fill="currentColor" 的内联 SVG，给 color 就等于给图标上色）。
品牌色抽成变量 --brand，公共规则只写一遍。
特异性：`.social-link.social-link` = (0,2,0) 压过 `.social a` / `.nav-contact__social a` / `.footer__social a` 三者的 (0,1,1)；
`.social-link.social-link:hover` = (0,3,0) 同样压过它们各自的 :hover (0,2,1)
→ 悬停时**保持品牌色**（抬升 3px 的 transform 仍由原 :hover 规则提供），不会跳成金色。
注：页脚在深色底上也照用官方色 —— 深底比对的是「实心色圆」而非「色字」，对比度不再是问题。 */
.social-link.social-link--fb{ --brand:#1877f2; } /* Facebook 官方蓝 */
.social-link.social-link--li{ --brand:#0a66c2; } /* LinkedIn 官方蓝 */
.social-link.social-link--yt{ --brand:#ff0000; } /* YouTube 官方红 */
.social-link.social-link{
background:var(--brand); border-color:var(--brand); color:#fff;
}
.social-link.social-link:hover{
background:var(--brand); border-color:var(--brand); color:#fff;
}
/* 图标放大一档：改为按圆直径的百分比，头部 32px 与手机菜单 36px 各自成比例
（SVG 自带 viewBox="0 0 24 24"，CSS 宽度覆盖标签上的 width/height 属性后会等比缩放） */
.social-link.social-link svg{ width:58%; height:58%; }
.header-bottom-wrap{
background:var(--white);
border-top:1px solid var(--line); border-bottom:1px solid var(--line);
padding:16px 0;
transition:box-shadow .4s var(--ease);
}
/* 滚动效果：吸顶后导航条加阴影 */
.site-header.is-stuck .header-bottom-wrap{ box-shadow:0 10px 30px rgba(15,23,42,.10); }
.header-bottom{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
/* 导航菜单 */
.navigation{ display:flex; align-items:center; }
.navigation li{ position:relative; padding:6px 22px; }
/* 菜单之间的竖线分隔（参照 index-simply.html） */
.navigation li + li::before{
content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
width:1px; height:16px; background:var(--line);
}
.navigation li:first-child{ padding-left:0; }
.navigation li a{
display:block; font-size:16px; font-weight:700; color:var(--text);
letter-spacing:.03em; transition:color .25s;
}
/* 移入效果：变金色 */
.navigation li a:hover{ color:var(--accent-ink); }
/* 当前区块高亮（JS 自动切换，仅首页锚点型菜单项） */
.navigation li a.is-active{ color:var(--accent-ink); }
/* 当前所在页面高亮（WP 自动给指向本页的菜单项加 current-menu-item，类在