/**
* mobile.css — H5 移动端全量适配样式
* 作用域：max-width: 767px（所有规则包裹在唯一的 @media 块内）
* 版本：1.0 日期：2026-05-08
*
* 结构分区：
* § 1 基础变量 & 全局重置
* § 2 字体阶梯
* § 3 横向滚动工具类
* § 4 显隐工具类
* § 5 公共组件层（Phase 2 填充）
* § 6 首页层（Phase 3 填充）
* § 7 内页层（Phase 4 填充）
* § 8 触摸与性能层（Phase 5–6 填充）
*/
@media (max-width: 767px) {
/* ============================================================
§ 1 基础变量 & 全局重置
FR-2.1
============================================================ */
:root {
--page-padding: 16px;
--base-font-size: 14px;
--content-max-width: 100%;
}
html,
body {
overflow-x: hidden;
}
body {
font-size: 14px;
line-height: 1.6;
}
img {
max-width: 100%;
height: auto;
}
* {
box-sizing: border-box;
}
/* ============================================================
§ 2 字体阶梯
FR-2.2
============================================================ */
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
p,
li,
span {
font-size: 14px;
line-height: 1.6;
}
/* ============================================================
§ 3 横向滚动工具类
============================================================ */
.scroll-x {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.scroll-x::-webkit-scrollbar {
display: none;
}
/* ============================================================
§ 4 显隐工具类
覆盖 new-home.css 中 1024px 定义
============================================================ */
.mobile-only { display: block !important; }
.desktop-only { display: none !important; }
/* ============================================================
§ 5 公共组件层（Phase 2）
============================================================ */
/* === 2.1 Header === */
/* !important：覆盖 new-home.css 对 .header 的 z-index: 100 !important，
确保 header 始终位于 contactForm(z-index:200)、mobile-menus-box 等浮层之上 */
.header {
position: fixed !important;
top: 0 !important;
z-index: 9999 !important;
}
/* 移动端禁用 backdrop-filter：blur 会创建层叠上下文，导致子元素
position:fixed 相对 header 定位，mobile-menus-box 高度归零不可见 */
.header,
.header.header-active,
body.home-v2 .header,
body.home-v2 .header.header-active {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.header .logo img,
.header-logo img {
max-height: 36px;
width: auto;
}
.mobile-nav,
.nav-panel,
.menu-panel {
width: 100%;
}
/* 汉堡按钮触摸区域（通用类名） */
.menu-btn,
.hamburger,
[class*="nav-toggle"] {
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
/* iphone-menus-icon / iphone-icon：扩大触摸热区至 44×44px */
.iphone-menus-icon,
.iphone-icon {
min-width: 44px;
min-height: 44px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
pointer-events: auto !important;
}
/* 移动端菜单面板：header.css 基础样式 bottom:0 使面板撑满全屏高度，
内容较少时 Demo 按钮下方产生大段空白。
改为高度随内容自适应，同时保留最大高度防止超出屏幕。 */
.mobile-menus {
height: auto !important;
bottom: auto !important;
min-height: 0 !important;
max-height: calc(100vh - 64px);
}
/* 菜单项触摸区域 */
.header nav a,
.header .menu-item a {
min-height: 44px;
display: flex;
align-items: center;
}
/* === 2.2 Footer === */
.footerCon,
.footer-con {
flex-direction: column;
}
.footerList,
.footer-list {
width: 100%;
}
/* 问题1修复：cn-footer.html 片段在 内二次 加载 footer.css，
位置晚于 的 mobile.css，导致同特异度 (0,2,0) 规则被覆盖。
加入 .footerWrap 升至 (0,3,0) + !important，确保 "产品" 标题与上方分割线间有呼吸空间 */
.footerHtml .footerWrap .footerCon {
padding-top: 24px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
/* 问题2修复：logo/二维码行（footerList:first-child）垂直居中于上下分割线之间。
footer.css ≤1279px 设置 padding: 24px 0，但 border-top 在元素内部，
需要对称增大 padding 使内容在两条线之间视觉居中；
selector 特异度 (0,4,1) 覆盖 footer.css (0,3,1) + 二次加载 */
.footerHtml .footerWrap .footerCon .footerList:first-child {
padding-top: 20px !important;
padding-bottom: 20px !important;
align-items: center !important;
justify-content: flex-start !important;
}
/* 问题2修复：common.css @media(max-width:768px) 为修复旧二维码异常把 footer_logo
和 footer_erweima 隐藏。以更高特异度 (0,4,0) + !important 恢复显示，
并提供合理的移动端尺寸 */
.footerHtml .footerWrap .footerCon .footerList .footer_logo {
display: block !important;
width: 88px;
height: auto;
margin: 0;
}
.footerHtml .footerWrap .footerCon .footerList .footer_erweima {
display: block !important;
width: 80px !important;
height: 80px !important;
margin: 0;
flex-shrink: 0;
}
/* 恢复"cloudwise2014"文本行 */
.footerHtml .footerWrap .footerCon .footerList .footer_erweima + p {
display: flex !important;
align-items: center;
gap: 4px;
}
/* 隐藏页脚分类标题左侧紫色圆点（footer.css ≤1279px 装饰性 ::before，手机端视觉突兀） */
.footerHtml .footerCon .footerList h4::before {
display: none;
}
.footer-qr img,
.footerQr img {
width: 80px;
height: 80px;
}
.footer-copyright,
.footerCopyright {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
/* 隐藏右侧悬浮咨询按钮组（footer.css .footerHtml .contactForm 特异性 0,2,0 更高，
需提高至 0,2,0 才能覆盖） */
.footerHtml .contactForm,
.contact-form-float {
display: none !important;
}
/* 社媒图标触摸区域 */
.footer-social a,
.footerSocial a {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* === 2.3 悬浮按钮 === */
.float-btn-group,
[class*="float-btn"],
.side-tools {
right: 12px;
bottom: 80px;
}
.qr-modal,
[class*="qr-modal"] {
position: fixed;
inset: 0;
z-index: 9999;
width: 100%;
height: 100%;
}
/* === 2.4 移动端底部 CTA Bar === */
.mobile-cta-bar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9998;
background: #fff;
border-top: 1px solid #e5e7eb;
padding: 8px 16px;
gap: 12px;
/* 默认隐藏，覆盖 desktop-only / mobile-only 逻辑 */
}
.mobile-cta-btn {
flex: 1;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.mobile-cta-btn--primary {
background: #6246E8;
color: #fff;
}
.mobile-cta-btn--secondary {
background: #f3f4f6;
color: #1E293B;
border: 1px solid #e5e7eb;
}
/* 防止 CTA Bar 遮挡正文（约 52px 高） */
body {
padding-bottom: 52px;
}
/* ============================================================
§ 6 首页层（Phase 3 填充）
============================================================ */
/* === 3. 首页层 === */
/* 3.0-spacing Section 间距收紧
PC 端各 Section 使用 72-152px padding，在手机窄屏（430px）视觉占比过大，
移动端间距层级：内容项间距 16-20px → 标题到内容 24-48px → Section 间距 64-72px。
逐一覆盖超规范的 Section（仅 padding，不影响 background / overflow 等属性）。
*/
/* Trust：86px top / 120px bottom → 56px / 64px */
.new-trust-section {
padding-top: 56px;
padding-bottom: 64px;
}
/* Products Hub：152px top → 56px top */
.new-products-hub {
padding-top: 56px;
}
/* Innovation：152px top / 72px bottom → 56px / 48px */
.new-innovation-section {
padding-top: 56px;
padding-bottom: 48px;
}
/* Solutions：72px top / 96px bottom → 56px / 64px */
.new-solutions-section {
padding-top: 56px;
padding-bottom: 64px;
}
/* Bottom CTA：152px top/bottom → 64px / 64px */
.new-bottom-cta {
padding-top: 64px;
padding-bottom: 64px;
}
/* 3.0a Section 标题：修正 span { font-size:14px } 对渐变标题的副作用 */
.new-section-title {
font-size: 24px;
line-height: 1.35;
}
.new-section-title span {
font-size: inherit;
line-height: inherit;
}
/* 3.0b 首页特定大标题：覆盖 new-home.css 中更高特异性的桌面/断点字号
问题根因：new-home.css 对各 section 标题使用了类选择器或复合选择器（class+element），
在 @media ≤640px / ≤1024px 断点内保留 30-48px 大字号；
mobile.css 通用 h2 { font-size: 20px } 特异性（0,0,1）不足以覆盖，
需为每个标题使用等高或更高特异性的选择器逐一覆盖。
受影响标题（已排查全首页 h1/h2）：
- .new-trust-title： ≤640px → 30px（类选择器 0,1,0）
- .new-products-hub-header h2：桌面 48px，无断点覆盖（复合 0,1,1）
- .new-innovation-container h2：≤640px → 34px（复合 0,1,1）
- .new-solutions-title： ≤1024px → 36px（类选择器 0,1,0）
- .new-insights-header h2： ≤1024px → 36px（复合 0,1,1）
- .new-bottom-cta h2： ≤1024px → 36px（复合 0,1,1）
*/
/* 信赖 Logo 区标题 */
.new-trust-title {
font-size: 20px !important; /* !important 阻断同特异性的 ≤640px 规则 */
line-height: 1.4;
margin-bottom: 24px;
}
/* 产品矩阵区标题（.new-products-hub-header h2，桌面 48px） */
.new-products-hub-header h2 {
font-size: 22px;
line-height: 1.4;
}
/* 创新 Banner 区标题（.new-innovation-container h2，≤640px 残留 34px） */
.new-innovation-container h2 {
font-size: 22px;
line-height: 1.4;
}
/* 解决方案区标题（.new-solutions-title，≤1024px 残留 36px） */
.new-solutions-title {
font-size: 22px;
line-height: 1.4;
}
/* 3.8 解决方案 Section — Peek 轮播布局
目标：中间完整一张(76vw)，左右各露 ~12vw 相邻卡片
方案：
- 所有卡片 scroll-snap-align: center
- 首张改用 start、末张改用 end，使边缘卡片贴边显示（无白边）
- wrapper 无 padding，浏览器自然限制首尾滚动范围 */
.new-solutions-scroll {
margin-top: 20px;
padding-bottom: 20px;
mask-image: none;
-webkit-mask-image: none;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.new-solutions-wrapper {
width: max-content !important;
max-width: none !important;
padding: 0; /* 无边距，避免首末白块 */
gap: 12px;
margin: 0;
}
.new-solution-card {
width: 76vw !important; /* 中间卡 76vw，左右各 12vw peek */
min-width: unset !important;
height: 260px;
scroll-snap-align: center; /* 所有卡片统一居中吸附，含克隆卡 */
flex-shrink: 0;
}
/* 注：无限轮播由 JS 克隆卡片实现；first-child/last-child 不覆盖，
浏览器自然钳制首末滚动边界，首末卡无需特殊对齐 */
/* overlay 文字适配卡片缩小后的尺寸 */
.new-solution-overlay {
left: 14px;
bottom: 14px;
right: 14px;
}
.new-solution-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
}
/* 前沿洞察区标题（.new-insights-header h2，≤1024px 残留 36px） */
.new-insights-header h2 {
font-size: 22px;
line-height: 1.4;
}
/* 前沿洞察区标题居中（覆盖 new-home.css ≤640px 设置的 text-align: left） */
.new-insights-header {
align-items: center;
}
.new-insights-heading-group {
text-align: center;
}
.new-insights-link {
align-self: center;
}
/* 底部 CTA 区标题（.new-bottom-cta h2，≤1024px 残留 36px） */
.new-bottom-cta h2 {
font-size: 26px; /* CTA 标题允许略大，保留视觉强调 */
line-height: 1.4;
}
/* 3.0 body.home-v2 新 Hero Section — 移动端专属
优先级 0,2,1（body.home-v2 + class），与 new-home.css 对应规则等级相同，
但因 mobile.css 在 最后加载，cascade 胜出，正确覆盖 PC 端参数。
同时阻断下方 3.1 通用 [class*="hero"] 选择器对 new-hero-* 类的副作用。
*/
body.home-v2 .new-hero-container {
min-height: auto;
}
body.home-v2 .new-hero-content {
padding: 72px 16px 24px;
}
body.home-v2 .new-hero-grid {
flex-direction: column;
gap: 20px;
}
body.home-v2 .new-hero-left {
min-height: auto;
max-width: 100%;
}
/* 标题字号 56px → 28px，取消 nowrap 防止横向溢出；
保留原始 margin-bottom: 28px（来自 new-home.css，不覆盖）使间距不受影响 */
body.home-v2 .new-hero-title {
line-height: normal;
}
body.home-v2 .new-hero-title-line {
font-size: 28px;
line-height: 1.4;
white-space: normal;
}
/* 描述文本：恢复 15px，阻断通用 [class*="hero"] p { font-size: 14px } 副作用 */
body.home-v2 .new-hero-description {
font-size: 15px;
line-height: 1.6;
max-width: 100%;
}
/* 描述行 span：恢复继承值，阻断全局 span { font-size: 14px } 副作用 */
body.home-v2 .new-hero-description-line {
font-size: inherit;
line-height: inherit;
}
/* 按钮组：垂直排列，触摸区域 ≥ 44px */
body.home-v2 .new-hero-buttons {
flex-direction: column;
gap: 12px;
}
body.home-v2 .new-hero-btn-primary,
body.home-v2 .new-hero-btn-outline {
width: 100%;
height: 44px;
}
/* 3.1 Hero Section（通用，适用于非 home-v2 的 hero/banner 区域） */
.hero,
.banner,
[class*="hero-section"],
[class*="banner-section"] {
flex-direction: column;
}
.hero-title,
.banner-title,
[class*="hero"] h1 {
font-size: 24px;
}
.hero-subtitle,
.banner-subtitle,
[class*="hero"] p {
font-size: 14px;
}
.hero-cta,
.banner-cta,
[class*="hero"] .btn,
[class*="hero"] a.button {
display: flex;
flex-direction: column;
width: 100%;
gap: 12px;
}
.hero-cta a,
.banner-cta a,
[class*="hero"] .btn {
width: 100%;
min-height: 44px;
text-align: center;
}
/* 3.2 客户 Logo 轮播 */
.partner-logo img,
.customer-logo img,
[class*="logo-slide"] img {
width: 80px;
height: auto;
}
/* 3.3 产品/功能卡片 Grid（3-4列 → 单列）*/
.product-grid,
.feature-grid,
[class*="product-list"],
[class*="card-grid"] {
grid-template-columns: 1fr !important;
columns: 1 !important;
}
.product-card,
.feature-card,
[class*="-card"] {
width: 100%;
}
/* 3.4 数据指标 Section */
.stats-grid,
.data-grid,
[class*="stat-list"],
[class*="counter-group"] {
grid-template-columns: repeat(2, 1fr);
}
.stats-number,
.stat-num,
[class*="counter"] {
font-size: 28px;
}
.stats-label,
.stat-label {
font-size: 12px;
}
/* 3.5 云智慧AI产品矩阵 / Agents-Robots 模块
目标：overlay 保持"小字幕条"效果，图片占据容器约 65-70% 可视区域。
- 图片容器固定高度 280px，padding 收紧
- 渐变遮罩高度与实际 overlay 内容高度匹配
- badge / 标题 / 描述 均按 H5 比例缩小，描述限 2 行 */
/* 图片容器 */
.new-agents-image-container,
.new-robots-image-container {
height: 280px;
min-height: 280px;
padding: 10px;
}
/* 渐变遮罩高度：覆盖 overlay 内容区（badge+title+desc ≈ 80px + padding） */
.new-agents-overlay::before,
.new-robots-overlay::before {
height: 130px;
}
/* overlay 容器：紧凑内边距 */
.new-agents-overlay,
.new-robots-overlay {
padding: 8px 12px 10px;
gap: 3px;
}
/* badge：H5 比例 */
.new-agents-badge,
.new-robots-badge {
font-size: 10px;
padding: 2px 7px;
margin-bottom: 0;
gap: 4px;
}
/* 标题：30px → 13px */
.new-agents-overlay-title,
.new-robots-overlay-title {
font-size: 13px;
line-height: 1.3;
margin-bottom: 0;
}
/* 描述：显示但限 2 行，移除 nowrap，字号 11px */
.new-agents-overlay-desc,
.new-robots-overlay-desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal;
font-size: 11px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.85);
}
/* card list 与图片之间的间距收紧 */
.new-agents-content,
.new-robots-content {
gap: 16px;
}
/* 3.6 产品矩阵 Tab 栏（.new-products-tabs）
PC 端：flex-wrap:nowrap 单行，内容合适（≥1024px）
移动端现状：flex-wrap:wrap 折 3 行 + width:fit-content 左对齐 → 视觉混乱
修复方案：单行横向滚动，与规范 filter-tab 模式一致
- 外层 .new-products-header 设 padding 居中显示滚动条
- .new-products-tabs 改为单行不换行、overflow-x:auto 横向滚动
- 每个 Tab 缩小 padding，让更多按钮进入初始可视区
- active/hover 样式保持不变 */
.new-products-header {
justify-content: flex-start;
padding: 0 16px;
overflow: hidden;
}
.new-products-tab-groups {
width: 100%;
}
.new-products-tabs {
flex-wrap: nowrap; /* 单行，禁止换行 */
overflow-x: auto; /* 横向滚动 */
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
scrollbar-width: none; /* Firefox 隐藏滚动条 */
width: 100%; /* 撑满父容器，配合滚动 */
border-radius: 9999px; /* 保留圆形胶囊容器外观 */
padding: 4px;
box-sizing: border-box;
}
.new-products-tabs::-webkit-scrollbar {
display: none; /* WebKit 隐藏滚动条 */
}
.new-product-tab {
padding: 8px 14px; /* 收紧 padding 让更多 Tab 进入视野 */
font-size: 13px;
flex: 0 0 auto;
scroll-snap-align: start;
white-space: nowrap;
}
/* 3.7 产品矩阵卡片元素缩放（.new-product-info 区域）
PC 端：info 区固定 520px 宽 + 48px 内边距，各元素按大屏比例设计
移动端：card 为 column 布局，info 区占满屏宽，各元素需缩小至 H5 比例
逐项修复：图标、产品名、描述、特性列表、按钮 */
/* 图标（::before 伪元素）：56×56px → 40×40px，icon 内图 24px → 18px */
.new-product-info::before {
width: 40px;
height: 40px;
border-radius: 10px;
background-size: 18px 18px;
}
/* 产品名称：24px → 18px */
.new-product-name {
font-size: 18px;
line-height: 1.3;
}
/* 副标题（tagline）：16px → 14px */
.new-product-tagline {
font-size: 14px;
line-height: 1.4;
}
/* 描述文字：16px → 14px */
.new-product-desc {
font-size: 14px;
line-height: 1.6;
}
/* 特性列表：字号已是 14px 符合规范，收紧行距即可 */
.new-product-features {
gap: 8px;
padding: 4px 0;
}
/* 卡片整体间距收紧 */
.new-product-info {
gap: 12px;
padding-top: 4px;
}
/* 详情按钮：宽度从固定 138px 改为自适应，高度 36px → 40px（≥44px 触摸区） */
.new-product-btn {
width: auto;
min-width: 110px;
height: 40px;
padding: 0 20px;
font-size: 14px;
border-radius: 9999px;
/* 确保触摸区达标 */
min-height: 40px;
}
/* ============================================================
§ 7 内页层（Phase 4）
产品 / 方案 / 案例 / 资讯 / 合作伙伴 / 关于 / 联系
FR-5.1 ~ FR-5.7
============================================================ */
/* === 4.1 产品中心列表页 === */
.product-list-grid,
[class*="product-center"] .grid,
[class*="product-center"] ul {
grid-template-columns: 1fr !important;
flex-direction: column;
}
/* 筛选 Tab 横向滚动 */
.product-filter-tabs,
.filter-tab-bar,
[class*="filter-tab"] {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
scrollbar-width: none;
}
.product-filter-tabs::-webkit-scrollbar { display: none; }
/* 4.2 产品详情页 */
.product-detail-banner h1,
.productDetail-banner h1,
[class*="product-detail"] .banner-title {
font-size: 22px;
}
.product-detail-banner p,
.productDetail-banner p,
[class*="product-detail"] .banner-desc {
font-size: 14px;
}
/* 规格参数表横向滚动 */
.spec-table-wrap,
.product-spec-table,
[class*="spec-table"] {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.spec-table-wrap table,
.product-spec-table table {
min-width: 600px;
}
/* 相关产品单列 */
.related-products,
[class*="related-product"] {
grid-template-columns: 1fr !important;
}
/* === 4.3 解决方案列表/详情页 === */
.solution-filter-tabs,
[class*="solution"] .tab-bar {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
scrollbar-width: none;
}
.solution-filter-tabs::-webkit-scrollbar { display: none; }
.solution-list,
.solution-cards,
[class*="solution-grid"] {
grid-template-columns: 1fr !important;
flex-direction: column;
}
/* 架构图横向滚动 */
.arch-diagram-wrap,
[class*="architecture"] img {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
}
/* === 4.4 成功案例页 === */
.case-list,
.customer-cards,
[class*="case-grid"],
[class*="customer-list"] {
grid-template-columns: 1fr !important;
flex-direction: column;
}
.customer-detail-logo,
[class*="customer-detail"] .logo {
display: block;
margin: 0 auto;
max-width: 160px;
}
/* === 4.5 新闻/资讯页 === */
.article-list,
.news-cards,
[class*="article-grid"],
[class*="news-list"] {
grid-template-columns: 1fr !important;
flex-direction: column;
}
.article-card img,
.news-card img,
[class*="article"] .cover {
aspect-ratio: 16/9;
width: 100%;
object-fit: cover;
}
/* 正文样式 */
.article-content,
.news-content,
[class*="article-body"] {
font-size: 15px;
line-height: 1.8;
padding: 0 16px;
}
.article-content img,
.news-content img {
width: 100%;
height: auto;
}
/* 分类 Tab 横向滚动 */
.news-category-tabs,
[class*="category-tab"] {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
scrollbar-width: none;
}
.news-category-tabs::-webkit-scrollbar { display: none; }
/* 分享按钮底部固定 Bar */
.share-bar,
[class*="share-fixed"] {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background: #fff;
padding: 8px 16px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
}
/* === 4.6 合作伙伴页 === */
.partner-logo-grid,
[class*="partner-grid"],
[class*="our-partner"] .logo-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px;
}
.partner-intro,
[class*="partner-content"] p,
[class*="partner-desc"] {
padding: 0 16px;
}
/* === 4.7 关于我们 / 联系我们 === */
.about-intro,
[class*="about-content"],
[class*="contact-content"] {
flex-direction: column;
}
.about-img,
.company-img,
[class*="about"] img:not(.logo) {
width: 100%;
height: auto;
}
/* 联系表单全宽 */
.contact-form input,
.contact-form select,
.contact-form textarea,
[class*="contact-form"] input,
[class*="contact-form"] select,
[class*="contact-form"] textarea {
width: 100%;
box-sizing: border-box;
}
.contact-form .submit-btn,
[class*="contact-form"] button[type="submit"],
[class*="contact-form"] input[type="submit"] {
width: 100%;
min-height: 44px;
}
/* ============================================================
§ 8 触摸与性能层（Phase 6 - T6.1）
FR-6.1、FR-6.2、FR-6.3、FR-6.5
============================================================ */
/* === 5.1 全局触摸优化 === */
a,
button,
[role="button"],
input[type="submit"],
input[type="button"] {
touch-action: manipulation;
}
a,
button,
[role="button"],
.clickable {
min-height: 44px;
}
/* === 5.2 禁用移动端 hover 过渡（避免点击延迟残留效果）=== */
*:hover {
transition: none !important;
}
/* === 5.3 iOS Safari 固定导航（已在 T2.3 中注入，此处为冗余注释标记）=== */
/* .header { position: sticky; top: 0; -webkit-transform: translateZ(0); } */
/* ============================================================
§ 9 产品详情页移动端适配（product-detail.css 系列页面）
适用于 castrel.html 等使用 product-detail.css / product-detail-fix.css 的页面
PATCH-CASTREL-H5-01（2026-05-11）
============================================================ */
/* --- 9.1 Hero Section ---
castrel.html 内联