1125 lines
69 KiB
CSS
1125 lines
69 KiB
CSS
/* # 文件 前台样式入口（Tailwind CSS v4 + shadcn/ui 主题令牌）
|
||
* 配色保持原模板：品牌橙 #ed6c00 / 墨蓝 #1c2b3a / 分隔线 #e3e9f0 / 浅底 #f5f8fb。
|
||
* 刻意不引入 preflight（按需引入 theme + utilities），保留浏览器默认排版，
|
||
* 使数据库导入的 Elementor / 正文 HTML 视觉与迁移前完全一致。
|
||
* 末尾「内容兼容样式」仅服务于数据库导入的 HTML（ele-ban-* 等）与带状态
|
||
* 过渡的 Elementor 结构（轮播/ticker），React 组件一律使用 Tailwind 工具类。
|
||
*/
|
||
@layer theme, base, components, utilities;
|
||
@import "tailwindcss/theme.css" layer(theme);
|
||
@import "tailwindcss/utilities.css" layer(utilities);
|
||
/* tw-animate-css：shadcn/ui 动画工具类（animate-in/fade-in/zoom-in 等），
|
||
* NavigationMenu 巨幕面板的 data-[motion=…] 切换动画依赖它 */
|
||
@import "tw-animate-css";
|
||
|
||
/* # 成员变量 Roboto（原站 Elementor kit 全局字体，自托管可变字重 latin 子集） **/
|
||
@font-face {
|
||
font-family: "Roboto";
|
||
font-style: normal;
|
||
font-weight: 100 900;
|
||
font-display: swap;
|
||
src: url("/fonts/roboto-var-latin.woff2") format("woff2");
|
||
}
|
||
|
||
/* # 字体 Font Awesome Brands（H16 社交图标；字形子集内联,完整库见 legacy 镜像
|
||
* wp-content/plugins/elementor/assets/lib/font-awesome——此处只装用到的三个品牌码位） */
|
||
@font-face {
|
||
font-family: "FA Brands";
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-display: block;
|
||
src: url("/fonts/fa-brands-400.woff2") format("woff2");
|
||
}
|
||
.fab {
|
||
font-family: "FA Brands";
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
line-height: 1;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
.fa-linkedin::before { content: "\f08c"; }
|
||
.fa-linkedin-in::before { content: "\f0e1"; }
|
||
.fa-youtube::before { content: "\f167"; }
|
||
.fa-facebook::before { content: "\f09a"; }
|
||
.fa-facebook-f::before { content: "\f39e"; }
|
||
.fa-discord::before { content: "\f392"; }
|
||
.fa-tiktok::before { content: "\e07b"; }
|
||
.fa-star::before { content: "\f005"; }
|
||
.fa-fire-alt::before { content: "\f7e4"; }
|
||
.fa-twitter::before { content: "\f099"; }
|
||
|
||
/* # 字体 Font Awesome Solid / Regular（页脚返回顶部图标 fas fa-chevron-up、
|
||
* 询价入口 far fa-comment-dots；文件取自 legacy elementor 插件库） */
|
||
@font-face {
|
||
font-family: "FA Solid";
|
||
font-style: normal;
|
||
font-weight: 900;
|
||
font-display: block;
|
||
src: url("/fonts/fa-solid-900.woff2") format("woff2");
|
||
}
|
||
@font-face {
|
||
font-family: "FA Regular";
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-display: block;
|
||
src: url("/fonts/fa-regular-400.woff2") format("woff2");
|
||
}
|
||
.fas, .fa-solid {
|
||
font-family: "FA Solid";
|
||
font-weight: 900;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
line-height: 1;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
.far, .fa-regular {
|
||
font-family: "FA Regular";
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
line-height: 1;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
.fa-chevron-up::before { content: "\f077"; }
|
||
.fa-comment-dots::before { content: "\f4ad"; }
|
||
.fa-check-circle::before { content: "\f058"; }
|
||
/* 联系页地址列（icon-list 38bf7c7/cbf19d1 等）：信封与地图钉（FA Solid 码位） */
|
||
.fa-envelope::before { content: "\f0e0"; }
|
||
.fa-map-marker-alt::before { content: "\f3c5"; }
|
||
|
||
/* # 成员变量 Tailwind 主题令牌（与原 website.css 配色一一对应） **/
|
||
@theme {
|
||
--font-sans: Roboto, system-ui, -apple-system, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
--color-brand: #ed6c00;
|
||
--color-brand-dark: #c85600;
|
||
--color-ink: #1c2b3a;
|
||
--color-muted-foreground: #5f7183;
|
||
--color-line: #e3e9f0;
|
||
--color-soft: #f5f8fb;
|
||
--color-footer: #3e3e3f;
|
||
--color-footer-dark: #333334;
|
||
--color-primary: #ed6c00;
|
||
--color-primary-foreground: #ffffff;
|
||
--color-background: #ffffff;
|
||
--color-foreground: #1c2b3a;
|
||
--color-border: #e3e9f0;
|
||
--color-input: #e3e9f0;
|
||
--color-ring: #ed6c00;
|
||
--color-destructive: #b91c1c;
|
||
/* 原站 Max Mega Menu 主题色（megamenu 内联 CSS 实测值） */
|
||
--color-panel: #fcfbfa;
|
||
--color-panel-grey: #f4f5f8;
|
||
--color-panel-line: #f5b279;
|
||
--color-group-line: #fad3b3;
|
||
--color-subline: #e0e5f9;
|
||
--radius: 0.25rem;
|
||
}
|
||
|
||
/* # 成员变量 兼容变量：数据库 HTML 兼容样式与少量内联 style 仍引用旧变量名 **/
|
||
:root {
|
||
--brand: #ed6c00;
|
||
--brand-dark: #c85600;
|
||
--ink: #1c2b3a;
|
||
--muted: #5f7183;
|
||
--line: #e3e9f0;
|
||
--bg-soft: #f5f8fb;
|
||
--footer-bg: #0b1c2c;
|
||
}
|
||
|
||
@layer base {
|
||
* { box-sizing: border-box; }
|
||
html, body { margin: 0; padding: 0; }
|
||
body {
|
||
/* 基准取原站实测（2026-10-31 headless）：16px / #333；行高为无单位 1.5
|
||
* （原站 action 按钮 fs14 → 21px 随字号缩放，绝对 24px 会固定不变） */
|
||
font-family: var(--font-sans);
|
||
font-size: 16px;
|
||
line-height: 1.5;
|
||
color: #333333;
|
||
background: #fff;
|
||
}
|
||
img { max-width: 100%; }
|
||
a { color: var(--brand); text-decoration: none; }
|
||
a:hover { color: var(--brand-dark); }
|
||
}
|
||
|
||
/* # 函数 站点容器（1200px 居中 + 两侧 16px） **/
|
||
@utility site-container {
|
||
margin-inline: auto;
|
||
max-width: 1200px;
|
||
padding-inline: 16px;
|
||
}
|
||
|
||
@layer components {
|
||
/* ===== 内容排版（Elementor / 正文 HTML，数据库导入内容） ===== */
|
||
/* kit 标题排版（post-15.css .elementor-kit-15 h1..h6）：标题族一律 Roboto
|
||
* （h1/h3=primary Roboto 600、h2=Roboto 600 38px、h4~h6=accent Roboto 500）；
|
||
* widget 标题（heading/image-box 等）的内联排版与 widget css 特异性更高，不受影响 */
|
||
.content-html h1 { font-family: "Roboto", sans-serif; font-weight: 600; }
|
||
.content-html h2 { font-family: "Roboto", sans-serif; font-size: 38px; font-weight: 600; }
|
||
.content-html h3 { font-family: "Roboto", sans-serif; font-weight: 600; }
|
||
.content-html h4, .content-html h5, .content-html h6 { font-family: "Roboto", sans-serif; font-weight: 500; }
|
||
.content-html img { max-width: 100%; height: auto; }
|
||
.content-html table { border-collapse: collapse; }
|
||
.content-html td, .content-html th { border: 1px solid var(--line); padding: 6px 10px; }
|
||
.content-html h1, .content-html h2, .content-html h3 { line-height: 1.35; }
|
||
|
||
/* ===== Elementor slides 轮播（首页 hero；全部数值取自原站实测）
|
||
* 取证链（1436px 视口 headless-Chrome 计算样式 + 原站 post-18.css）：
|
||
* - 轮播高 560px（≤767px 为 340px，原站 per-widget 规则）；背景图 cover 居中；
|
||
* - inner 为 flex 行容器：align-items:center（垂直居中实测 active slide
|
||
* contents y=169 = (560-439)/2）、左内边距 10%（实测 143.6px）；
|
||
* - 内容块 max-width 720px + fit-content（SoM 实测 720 / 图标列实测 669）；
|
||
* - 字号/行高：slide 描述基准 17px/1.4（实测继承值，标题/细节另有显式字号）；
|
||
* - 箭头：40px eicon 实心 V、无底色、rgba(237,237,237,.9)、距边 10px、≤768 隐藏；
|
||
* - 圆点：12×12 圆、未激活黑 20% 透明度、激活 #ed6c00（e-global-color-primary）、
|
||
* 左右边距 6px、容器距底 5px（实测 pag y639..663，slide 底 668）；
|
||
* - 切换：swiper transition=slide（水平推移 500ms）+ 内容 fadeInUp
|
||
* （data-animation=fadeInUp）；自动播放 5000ms、悬停暂停（pause_on_hover）。
|
||
*/
|
||
.el-slides { position: relative; overflow: hidden; background: #bbbbbb; }
|
||
.el-slide {
|
||
position: absolute; inset: 0; transition: transform .5s ease;
|
||
background-size: cover; background-position: 50% 50%; pointer-events: none;
|
||
}
|
||
.el-slide.active { pointer-events: auto; }
|
||
.el-slide-inner {
|
||
position: relative; display: flex; align-items: center; height: 100%;
|
||
padding: 0 0 0 10%; text-align: start;
|
||
}
|
||
.el-slide-contents { width: fit-content; max-width: 720px; }
|
||
.el-slide-desc { font-size: 17px; line-height: 1.4; animation: el-fade-up 1s ease both; }
|
||
@keyframes el-fade-up {
|
||
from { opacity: 0; transform: translateY(40px); }
|
||
to { opacity: 1; transform: none; }
|
||
}
|
||
.el-slide-arrow {
|
||
position: absolute; top: 50%; transform: translateY(-50%); left: 10px; z-index: 3;
|
||
width: 40px; height: 40px; border: 0; background: transparent; color: rgba(237,237,237,.9);
|
||
display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer;
|
||
}
|
||
.el-slide-arrow:hover { color: #fff; }
|
||
.el-slide-arrow.next { left: auto; right: 10px; }
|
||
.el-slide-arrow svg { width: 40px; height: 40px; fill: currentColor; }
|
||
.el-slide-dots {
|
||
position: absolute; bottom: 5px; left: 0; right: 0; display: flex; justify-content: center; z-index: 3;
|
||
}
|
||
.el-slide-dots button {
|
||
width: 12px; height: 12px; border-radius: 50%; border: 0; background: #000; opacity: .2;
|
||
margin: 0 6px; padding: 0; cursor: pointer;
|
||
}
|
||
.el-slide-dots button.on { background: #ed6c00; opacity: 1; }
|
||
|
||
/* ===== hero description 内嵌的 ele-ban-* 结构（原站 post-18.css 全量转写，数据库 HTML） ===== */
|
||
.ele-ban-tit-color-1 { color: #000000; }
|
||
.ele-ban-tit-color-2 { color: #ffffff; }
|
||
.ele-ban-tit-color-3 { color: #a5a5a5; }
|
||
.ele-ban-tit-color-4 { color: #5b5b5b; }
|
||
.ele-ban-title div { font-size: 48px !important; padding: 0; margin: 0 0 1rem; color: inherit; font-weight: bold; }
|
||
.ele-ban-details { font-size: 20px; margin-bottom: 1.5rem; }
|
||
/* note：原站含 hello-elementor reset（ul 默认 margin 全清零），本项目无 preflight，须显式 margin:0 */
|
||
.ele-ban1-ul ul { list-style: none; padding-left: 0; padding-bottom: 4rem; margin: 0; }
|
||
.ele-ban-slide-1 .ele-ban1-ul li { display: inline-block; max-width: 164px; text-align: center; }
|
||
.ele-ban-slide-1 .ele-ban1-li1 { background: url('/uploads/2023/09/ban-line-gray.png') no-repeat center right; padding: 0 10px 0 0; }
|
||
.ele-ban-slide-1 .ele-ban1-li2 { background: url('/uploads/2023/09/ban-line-gray.png') no-repeat center right; padding: 0 10px 0 0; }
|
||
.ele-ban-slide-1 .ele-ban1-li3 { background: url('/uploads/2023/09/ban-line-gray.png') no-repeat center right; padding: 0 10px 0 0; }
|
||
.ele-ban-slide-1 .ele-ban1-ul li img { margin: 0 auto 10px; }
|
||
.ele-ban-slide-1 .ele-ban1-ul li div { color: #5c5d5f; font-size: 18px; }
|
||
.ele-ban-btn a { background-color: transparent; background-image: linear-gradient(90deg, #f78400 0%, #fd5300 100%); color: #ffffff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 1rem 3rem; border-radius: 4px; transition: all 0.3s ease; }
|
||
.ele-ban-btn a:hover { color: #ffffff !important; box-shadow: 0 10px 20px rgba(237,108,0,0.5); background-color: transparent; background-image: linear-gradient(90deg, #f78400 50%, #fd5300 100%); }
|
||
.ele-ban-slide-4 .ele-ban1-ul li { display: inline-block; text-align: center; }
|
||
.ele-ban-slide-4 .ele-ban1-li1, .ele-ban-slide-4 .ele-ban1-li2, .ele-ban-slide-4 .ele-ban1-li3 { color: #ffffff; border-radius: 20px; padding: 10px 16px; border: 1px solid #ffffff; margin-right: 10px; }
|
||
.ele-ban-bBox ul { list-style: none; padding-left: 0; padding-bottom: 4rem; margin: 0; }
|
||
.ele-ban-bBox li { display: inline-block; text-align: center; margin-right: 10px; }
|
||
.ele-ban-btn2 a { color: #ffffff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 0.875rem 3rem; border-radius: 4px; transition: all 0.3s ease; border: 1px solid #ffffff; box-sizing: border-box; }
|
||
.ele-ban-btn2 a:hover { background: #ffffff; color: #ed6c00; }
|
||
.ele-ban-slide-2 .ele-ban-title { overflow: hidden; }
|
||
.ele-silde3-det { width: 473px; height: 44px; background: url('/uploads/2023/09/dusun-orange-line.png') no-repeat center center; color: #ffffff; font-size: 24px !important; line-height: 44px; display: inline-block; }
|
||
.ele-ban-slide-3 .ele-ban1-ul li { display: inline-block; text-align: center; padding: 0 2rem 0.5rem 0; }
|
||
.ele-ban-slide-3 .ele-ban1-ul li img { margin: 0 10px 0 0; display: inline-block; float: left; }
|
||
.ele-ban-slide-3 .ele-ban1-ul li div { color: #5c5d5f; font-size: 18px; display: inline-block; float: left; line-height: 58px; color: #000000; }
|
||
.ele-ban-slide-3 .ele-ban-btn2 a { color: #000000; border: 1px solid #000000; }
|
||
.ele-ban-slide-3 .ele-ban-btn2 a:hover { background: #000000; color: #ed6c00; }
|
||
.ele-ban-slide-1 .ele-ban-btn2 a { color: #000000; border: 1px solid #000000; padding: 0.875rem 1rem; }
|
||
.ele-ban-slide-1 .ele-ban-btn2 a:hover { background: #000000; color: #ed6c00; }
|
||
.ele-ban-bt-top3 { margin-top: 3rem; }
|
||
.ele-ban-bt-top1 { margin-top: 1rem; }
|
||
|
||
/* reason：原站 @media(max-width:767px) 覆写（343340 高、6% 左距、隐藏箭头、
|
||
* 字号收缩、logo 图 90% 宽、隐藏图标列、按钮 padding 收缩） */
|
||
@media only screen and (max-width: 768px) {
|
||
.ele-ban-title div { font-size: 2rem !important; font-weight: bold; }
|
||
.ele-ban-details { font-size: 1.125rem; clear: both; }
|
||
.ele-ban-bBox li { margin-right: 8px; margin-bottom: 10px; }
|
||
.ele-ban-slide-4 .ele-ban1-ul li { margin-right: 10px; margin-bottom: 10px; }
|
||
.ele-ban-slide-4 .ele-ban1-li1, .ele-ban-slide-4 .ele-ban1-li2, .ele-ban-slide-4 .ele-ban1-li3 { padding: 10px 6px; }
|
||
.ele-ban-slide-1 .ele-ban1-ul li { max-width: 150px; }
|
||
.ele-ban1-ul ul { padding-bottom: 2rem; }
|
||
.ele-ban-btn a { padding: 0.75rem 1.5rem; }
|
||
.ele-ban-btn2 a { padding: 0.75rem 1.25rem; }
|
||
.ele-ban-slide-2 .ele-ban1-ul img { width: 90%; margin-bottom: 3rem; }
|
||
.ele-silde3-det { width: 300px; height: 44px; font-size: 1rem !important; padding-left: 0.5rem; margin: 0.5rem 0 0 0; float: none; }
|
||
.ele-ban-slide-3 .ele-ban1-ul li { display: inline-block; text-align: center; padding: 0 1rem 0.5rem 0; }
|
||
.ele-ban-slide-3 .ele-ban1-ul li img { width: 40px; margin-right: 6px; }
|
||
.ele-ban1-ul { display: none; }
|
||
.ele-ban-bBox ul { padding-bottom: 0; }
|
||
.el-slides { height: 340px !important; }
|
||
.el-slide-inner { padding-left: 6%; }
|
||
.el-slide-arrow { display: none; }
|
||
}
|
||
|
||
/* ===== content ticker（首页 H1 公告滚动条；数值取原站 2026-10-31 headless 实测）
|
||
* 原站渲染： .eael-ticker-wrap（flex 行）> .ticker-badge(span "Latest Products:") +
|
||
* .eael-ticker > .content-ticker(fade swiper) ；外层高 45px（badge 27px 行盒 + 16px 内边距）。
|
||
* badge 透明底、文字 18px/600 #000；内容链接 16px #222 hover #ED6C00（--e-global-color-primary）；
|
||
* badge 与 ticker-content 同 padding 8px 12px；ticker-content 行高 1.8（EAEL 默认）；
|
||
* 交叉淡入淡出时长 200ms（data-speed）、自动轮播 5000ms（data-autoplay）、不暂停（无 pause 属性）。
|
||
* slide 层：grid 叠放（grid-area 1/1）实现容器高按最高条目自适应,替代 swiper 绝对定位。
|
||
*/
|
||
.eael-ticker-wrap {
|
||
display: flex; flex-flow: row nowrap; align-items: center; width: 100%;
|
||
position: relative; overflow: hidden;
|
||
}
|
||
.eael-ticker-wrap .ticker-badge { flex: 0 0 auto; padding: 8px 12px; }
|
||
.eael-ticker-wrap .ticker-badge span { color: #000000; font-size: 18px; font-weight: 600; line-height: 1.5; }
|
||
.eael-ticker-wrap .eael-ticker { overflow: hidden; flex: 1 1 auto; min-width: 0; }
|
||
.eael-ticker-wrap .eael-ticker .content-ticker { width: 100%; }
|
||
.eael-ticker-wrap .content-ticker .swiper-wrapper {
|
||
display: grid; grid-template-columns: 1fr;
|
||
}
|
||
.eael-ticker-wrap .content-ticker .swiper-wrapper .swiper-slide {
|
||
grid-area: 1 / 1; opacity: 0; transition: opacity .2s ease;
|
||
}
|
||
.eael-ticker-wrap .content-ticker .swiper-wrapper .swiper-slide.active { opacity: 1; }
|
||
.eael-ticker-wrap .ticker-content { padding: 8px 12px; line-height: 1.8; }
|
||
.eael-ticker-wrap .ticker-content a { color: #222222; text-decoration: none; }
|
||
.eael-ticker-wrap .ticker-content a:hover { color: #ed6c00; }
|
||
|
||
/* ===== Elementor image-box widget（复刻原站 widget-image-box.min.css，数值 2026-10-31 实测）
|
||
* 结构：.el-imagebox > .el-imagebox-wrapper(块、text-align center) >
|
||
* figure.el-imagebox-img（inline-block；≥768 且图定位 top 时 margin auto 水平居中）
|
||
* > [a > img（block、line-height 0、max-width 100%——native 56px 图按原始尺寸呈现）]
|
||
* + .el-imagebox-content > .el-imagebox-title（标签随 title_size，默认 h3）+ p 描述（margin 0）；
|
||
* title 颜色继承 body（原站 .elementor-image-box-title a color:inherit，实测 #333/16px/400），
|
||
* 因此标题不落品牌橙；figure 与标题间约 7px inline-block 基线空隙由排版自然形成。
|
||
* hover 滤镜（首页 H2 等页面级）放在 [data-el] 范围规则里，不在通用层。
|
||
*/
|
||
.el-imagebox-wrapper { text-align: center; }
|
||
/* margin:0 复位 UA figure 默认（原站 hello-elementor reset 后实测 figure margin 0px，
|
||
* 水平居中靠 wrapper text-align:center 的 inline-block 排版） */
|
||
.el-imagebox-img { display: inline-block; margin: 0; }
|
||
.el-imagebox-img img { display: block; max-width: 100%; line-height: 0; }
|
||
/* 图外层的 <a> 必须块化：内联 a 的行盒按基线对齐会给 figure 多出 ~2px 下伸部（H11 实测 fig 28 vs 26） */
|
||
.el-imagebox-img a { display: block; line-height: 0; }
|
||
.el-imagebox-title a { color: inherit; }
|
||
.el-imagebox-description { margin: 0; }
|
||
.el-imagebox-img img { transition: filter 0.3s ease; }
|
||
@media (min-width: 768px) {
|
||
/* 图在左/右的横向布局（原站 min-width:768px 分支）；图与文案间距 15px
|
||
* （post-18 对 position-left/right 各自生成 .elementor-image-box-img margin-*,实测 H11 行） */
|
||
.el-imagebox-pos-left .el-imagebox-wrapper { display: flex; text-align: start; }
|
||
.el-imagebox-pos-left .el-imagebox-img { margin-right: 15px; }
|
||
.el-imagebox-pos-right .el-imagebox-wrapper { display: flex; flex-direction: row-reverse; text-align: end; }
|
||
.el-imagebox-pos-right .el-imagebox-img { margin-left: 15px; }
|
||
.el-imagebox-pos-left .el-imagebox-content, .el-imagebox-pos-right .el-imagebox-content { width: 100%; }
|
||
}
|
||
|
||
/* ===== 首页 H11 Developer Center 三卡列（post-18.css 对应块；1436 实测 2026-11-01）
|
||
* 原站这三列 populated 宽 = 列 453.33 - 水平 margin 10 = 443.33（flex 收缩语义），
|
||
* 与 H4 卡（populated = 列宽 272 含 margin 溢出）不同——此处按实测覆写为 auto 扣边距 */
|
||
[data-el="f43387e"] > div, [data-el="508f31a"] > div, [data-el="2b7b38c"] > div {
|
||
width: auto !important;
|
||
}
|
||
/* ec11f3f 的图宽 30% 只存在于 post-18 生成 CSS（DB settings 已无对应键），
|
||
* 其余八个 image-box 的 image_size 设置齐全、由组件内联输出（1436 实测 fig 宽全等） */
|
||
[data-el="ec11f3f"] .el-imagebox-img { width: 30%; }
|
||
@media (max-width: 767px) {
|
||
.el-imagebox-img { margin-inline: auto !important; margin-bottom: 15px; }
|
||
}
|
||
|
||
/* ===== EAEL adv-tabs 基础（eael-18.css 对应块；H12 Industries and Use Cases）
|
||
* 横排标签：nav ul flex flex-start；li flex 1 1 auto + 1em/1.5em（实测 16px 24px）；
|
||
* 内容默认隐藏、.active 显示。竖排/角标箭头规则无实例，不移植。
|
||
*/
|
||
.eael-advance-tabs { display: block; }
|
||
.eael-advance-tabs .eael-tabs-nav > ul {
|
||
position: relative; padding: 0; margin: 0; list-style-type: none;
|
||
display: flex; justify-content: flex-start; align-items: center; z-index: 1;
|
||
}
|
||
.eael-advance-tabs .eael-tabs-nav > ul li {
|
||
position: relative; padding: 1em 1.5em; flex: 1 1 auto; cursor: pointer;
|
||
display: flex; justify-content: center; align-items: center; text-align: center;
|
||
background-color: #f1f1f1;
|
||
}
|
||
.eael-advance-tabs .eael-tabs-nav > ul li .eael-tab-title {
|
||
margin: unset; font-size: unset; line-height: unset; font-family: unset; font-weight: unset; color: unset;
|
||
}
|
||
.eael-tabs-content { display: flex; flex: 1 1 auto; overflow: hidden; }
|
||
.eael-advance-tabs .eael-tabs-content > div { display: none; opacity: 0; }
|
||
.eael-advance-tabs .eael-tabs-content > div.active { display: block; width: 100%; padding: 1em; opacity: 1; }
|
||
|
||
/* ===== Elementor icon-list（widget-icon-list.min.css 语义；H13 链接条实测 2026-11-01）
|
||
* inline 视图：ul flex wrap + 负边距 -8px 与 li 8px 侧边距对冲（实测 ul margin 0 -8px）；
|
||
* li/a 均 flex 居中；描边盒（border/padding/margin-bottom 6px）由节点 custom_css
|
||
* .ele-supplier-dif 注入；文字色 text_color 落 span、悬停主色走 per-widget 规则 */
|
||
.elementor-icon-list-items { list-style: none; margin: 0; padding: 0; }
|
||
.elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; margin: 0 -8px; }
|
||
.elementor-icon-list-item { display: flex; align-items: center; }
|
||
.elementor-icon-list-items.elementor-inline-items > .elementor-icon-list-item { margin: 0 8px; }
|
||
.elementor-icon-list-item a { display: flex; align-items: center; text-decoration: none; }
|
||
/* 图标盒：line-height 0 避免行盒把 li 撑高（页脚社交 20px 图标、图标与文字横排） */
|
||
.elementor-icon-list-icon { display: inline-flex; align-items: center; line-height: 0; }
|
||
.elementor-icon-list-icon i { font-style: normal; width: 1.25em; text-align: center; }
|
||
/* 图标与文字间距（widget-icon-list.min.css）：文字左内边距 5px，图标行总宽 30px @20px */
|
||
.elementor-icon-list-icon + .elementor-icon-list-text { align-self: center; padding-inline-start: 5px; }
|
||
|
||
/* ===== 首页 H12 adv-tabs 生成规则（post-18.css 对应块；1436 实测 2026-11-01）
|
||
* li 背景 #F4F5F8 + 文字 #333 + 底边 3px（默认同背景色、active/hover 变 #ED6C00，故 li 高 = 24+16*2+3）；
|
||
* 内容面板 color #333 + padding 16px 0 0 + 顶边 1px #C7CBDA */
|
||
[data-el="ef0fcd9"] .eael-tabs-nav > ul li {
|
||
background-color: #F4F5F8; color: #333333;
|
||
border-style: solid; border-width: 0 0 3px; border-color: #F4F5F8;
|
||
}
|
||
[data-el="ef0fcd9"] .eael-tabs-nav > ul li.active,
|
||
[data-el="ef0fcd9"] .eael-tabs-nav > ul li:hover { color: #ED6C00; border-bottom-color: #ED6C00; }
|
||
[data-el="ef0fcd9"] .eael-tabs-nav > ul li .eael-tab-title { font-family: "Roboto", sans-serif; }
|
||
[data-el="ef0fcd9"] .eael-advance-tabs .eael-tabs-content > .eael-tab-content-item.active {
|
||
color: #333333; padding: 16px 0 0; border-top: 1px solid #C7CBDA;
|
||
}
|
||
|
||
/* ===== 落地页 8e90920 adv-tabs 生成规则（post-6509.css ca60c10；1440 实测 2026-11-02）
|
||
* li 背景 #F4F5F8（globals 26331af）+ 文字 #333 + 底边 3px；hover/active 文字与底边
|
||
* 变主色 #ED6C00；内容面板 color #333 + padding 16px 0 0 + 顶边 1px #C7CBDA。
|
||
* 容器 active-caret-on：激活项不显示小三角。 */
|
||
[data-el="ca60c10"] .eael-tabs-nav > ul li {
|
||
background-color: #F4F5F8; color: #333333;
|
||
border-style: solid; border-width: 0 0 3px; border-color: #F4F5F8;
|
||
}
|
||
[data-el="ca60c10"] .eael-tabs-nav > ul li.active,
|
||
[data-el="ca60c10"] .eael-tabs-nav > ul li:hover { color: #ED6C00; border-bottom-color: #ED6C00; }
|
||
[data-el="ca60c10"] .eael-advance-tabs .eael-tabs-content > .eael-tab-content-item.active {
|
||
color: #333333; padding: 16px 0 0; border-top: 1px solid #C7CBDA;
|
||
}
|
||
.eael-advance-tabs.active-caret-on .eael-tabs-nav > ul li.active:after { display: none; }
|
||
.eael-advance-tabs .eael-tabs-nav > ul li.active:after { display: block; }
|
||
|
||
/* ===== 首页 H13 Difference Maker（post-18.css 对应块；1436 实测 2026-11-01）
|
||
* 楼体大图 = 列 bf3d0ba 背景（bottom left + 100% auto，组件内联输出，post-18 生成规则
|
||
* background_size initial → 100% auto）；icon-list 悬停主色（globals text_color_hover）；
|
||
* 描边盒/按钮/列 padding 均设置驱动或 custom_css 注入，无额外规则 */
|
||
[data-el="002494b"] .elementor-icon-list-item:hover { --el-il-text: #ED6C00; }
|
||
|
||
/* ===== 首页 H13.5 counter 统计条（post-18.css 对应块；1436 实测 2026-11-01）
|
||
* 六列 16% 图标卡：列 padding 20px 16px 16px 36px + 边框 1px 0 1px 1px #E0E5F9
|
||
* （globals ee1917e，末列四边）设置驱动；图标宽 30% 仅存 post-18 生成 CSS（DB 无
|
||
* image_size 键），与 ec11f3f 同款补规则；标题 36px/700/#ED6C00、描述 18px 走
|
||
* title/description_typography 设置（随本版块进白名单） */
|
||
[data-el="efe1577"] .el-imagebox-img, [data-el="d48a588"] .el-imagebox-img,
|
||
[data-el="46684e1"] .el-imagebox-img, [data-el="17330e2"] .el-imagebox-img,
|
||
[data-el="a7cd0a1"] .el-imagebox-img, [data-el="e6b1413"] .el-imagebox-img { width: 30%; }
|
||
|
||
/* ===== 首页 H15 Trusted By Logo 墙（post-18.css 对应块；1436 实测 2026-11-01）
|
||
* 列 468316dc 设 space_between_widgets=0：widget 间距 0（实测 heading→text 0 间距、
|
||
* text 底即 logo 行顶），覆盖 kit-spacing 20px；
|
||
* 三行 logo 列（88b6737/e194e4f/f6a7591）populated 为 flex 纵向 + 垂直居中
|
||
* （实测图 dy = 列顶 + (148.8-130.8)/2），列 margin 8px + 边框 #474DFF26 设置驱动，
|
||
* 空占位列由组件裸渲染（无 populated 盒，margin/边框 0） */
|
||
[data-el="468316dc"] > div > [data-el]:not(:last-child):not(.el-w-auto):not(section) { margin-bottom: 0 !important; }
|
||
[data-el="88b6737"] .el-col > div,
|
||
[data-el="e194e4f"] .el-col > div,
|
||
[data-el="f6a7591"] .el-col > div { display: flex; flex-direction: column; justify-content: center; }
|
||
/* H14 四卡与 H15 logo 列：populated 扣除水平 margin（H14 680-8=672、H15 272-16=256，
|
||
* 与 H11 同款覆写；基线 100% 为 H4 溢出语义） */
|
||
[data-el="2902827"] > div, [data-el="9c42480"] > div,
|
||
[data-el="84729aa"] > div, [data-el="20852f8"] > div,
|
||
[data-el="88b6737"] .el-col > div, [data-el="e194e4f"] .el-col > div,
|
||
[data-el="f6a7591"] .el-col > div { width: auto !important; }
|
||
|
||
/* ===== 首页 H16 Developer Ecosystem（906379a 两卡列；1436 实测 2026-11-01）
|
||
* 卡列 populated 扣水平 margin（680-12=668，margin 右/左 0.75rem 设置驱动），
|
||
* padding 48/48/16 + 白底 + 圆角 6 + 边框 #E0E5F9 均设置驱动 */
|
||
[data-el="65282de"] > div, [data-el="cc3e8ca"] > div { width: auto !important; }
|
||
|
||
/* ===== Elementor posts widget（skin cards 基础；H18 + 模板 27143 实测 2026-11-02）
|
||
* 移植 widget-posts.min.css cards 皮肤：article 纵向 flex；__card 白底/圆角 3/
|
||
* overflow hidden/纵向 flex；缩略图容器用 padding-bottom 比率撑高、img 静态
|
||
* 宽度 calc(100%+1px)（高度按原图比例）；hover-gradient 覆盖渐变；badge 绝对
|
||
* 右上（默认 #69727d 胶囊，H18 由 custom_css 覆盖为白底圆角 4）；
|
||
* text flex-grow；meta 在 text 之后（border-top + margin-top:auto）。
|
||
* 各尺寸/颜色由 PostsWidget 按设置内联（padding/字号/边框），此处只留结构。 */
|
||
.elementor-posts-container:not(.elementor-posts-masonry) { align-items: stretch; }
|
||
/* 列数：Elementor grid-4 / tablet-2 / mobile-1（变量由 PostsWidget 内联） */
|
||
.elementor-posts-container.elementor-posts--skin-cards {
|
||
grid-template-columns: repeat(var(--ep-cols, 4), 1fr);
|
||
}
|
||
@media (max-width: 1024px) {
|
||
.elementor-posts-container.elementor-posts--skin-cards {
|
||
grid-template-columns: repeat(var(--ep-cols-t, 2), 1fr);
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
.elementor-posts-container.elementor-posts--skin-cards {
|
||
grid-template-columns: repeat(var(--ep-cols-m, 1), 1fr);
|
||
}
|
||
}
|
||
.elementor-posts .elementor-post { display: flex; flex-direction: column; }
|
||
.elementor-post__card {
|
||
display: flex; flex-direction: column; position: relative; overflow: hidden;
|
||
width: 100%; min-height: 100%; border-radius: 3px; background-color: #fff;
|
||
}
|
||
.elementor-post__thumbnail__link { display: block; position: relative; width: 100%; margin: 0 0 20px; }
|
||
.elementor-post__thumbnail {
|
||
position: relative; overflow: hidden;
|
||
padding-bottom: calc(var(--ep-ratio, 0.66) * 100%);
|
||
}
|
||
.elementor-post__thumbnail img { display: block; width: calc(100% + 1px); max-width: none; height: auto; }
|
||
.elementor-post__badge {
|
||
position: absolute; top: 0; right: 0; z-index: 1; margin: 20px;
|
||
background: #69727d; color: #fff; border-radius: 999px;
|
||
font-size: 12px; font-weight: 400; line-height: 1; padding: 0.6em 1.2em;
|
||
text-transform: uppercase;
|
||
}
|
||
.elementor-post__text { flex-grow: 1; }
|
||
.elementor-post__title { font-size: 18px; line-height: 27px; font-weight: 400; color: #000; margin: 0; }
|
||
.elementor-post__title a { color: inherit; text-decoration: none; }
|
||
.elementor-post__meta-data {
|
||
display: block; margin: 0; border-top: 1px solid #eaeaea;
|
||
color: #adadad; font-size: 12px; line-height: 1.3;
|
||
}
|
||
.elementor-post__excerpt p { color: #777; font-size: 14px; line-height: 1.5em; margin: 0; }
|
||
/* 缩略图 hover 渐变（elementor-posts__hover-gradient）：盖住图片与比率留白区 */
|
||
.elementor-posts__hover-gradient .elementor-post__card .elementor-post__thumbnail__link:after {
|
||
content: ""; position: absolute; inset: 0; width: 100%; height: 100%;
|
||
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);
|
||
background-repeat: no-repeat; opacity: 1; transition: all 0.3s ease-out;
|
||
}
|
||
.elementor-posts__hover-gradient .elementor-post__card:hover .elementor-post__thumbnail__link:after { opacity: 0.5; }
|
||
@media (max-width: 767px) {
|
||
.elementor-post__thumbnail { padding-bottom: calc(var(--ep-ratio-m, var(--ep-ratio, 0.66)) * 100%); }
|
||
}
|
||
/* 右列卡（a22c185 .ele-post-dif-2）：纯文本卡 bg #F4F5F8、标题链接右侧箭头图标
|
||
* 与 44px 两行钳制均由 custom_css 注入；此处理品牌底色/箭头 hover 位移 */
|
||
[data-el="a22c185"] .elementor-post__card { background-color: #F4F5F8; }
|
||
[data-el="a22c185"] .elementor-post__text { padding: 0 18px; }
|
||
/* H18 两列 populated 扣水平 margin（右列 680-16=664，margin 左 1rem 设置驱动） */
|
||
[data-el="1621f99"] > div, [data-el="5db48f4"] > div { width: auto !important; }
|
||
|
||
/* ===== 首页 H2 产品线入口（post-18.css 对应块；1436px 实测 2026-10-31）
|
||
* 外层 section：白→#F4F5F8 线性渐变（180deg）+ 1360 容器（SectionNode 背景已渲染）；
|
||
* 中列 0.5rem 内边距；内层 e38a898 六列均分 224px，列内容 wrap padding 10px（高 107）；
|
||
* 前五列右侧 v-line.png(2×50) 细竖线分隔（background-position center right，末列无线）；
|
||
* 图占 figure 30% 宽、hover 亮度降至 90%（0.3s 过渡）；≤767 列改 50% 宽两列三行。
|
||
*/
|
||
[data-el="0cfea23"], [data-el="91befe3"], [data-el="5ecac70"],
|
||
[data-el="bf3c723"], [data-el="13275e9"] {
|
||
background-image: url("/uploads/2023/09/v-line.png");
|
||
background-repeat: no-repeat;
|
||
background-position: center right;
|
||
}
|
||
/* 六列的 10px 内边距由列 gap 默认 padding 通用逻辑提供(ColumnNode),此处不再重复 */
|
||
[data-el="e38a898"] .el-imagebox-img { width: 30%; }
|
||
[data-el="e38a898"] .el-imagebox:hover .el-imagebox-img img {
|
||
filter: brightness(90%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
|
||
}
|
||
@media (max-width: 767px) {
|
||
[data-el="91befe3"], [data-el="bf3c723"] { background-position: -2px 0; }
|
||
/* 列宽是行内样式，需 !important 压写在声明层之后 */
|
||
[data-el="e38a898"] > div > [data-el] { flex: 0 0 50% !important; max-width: 50% !important; }
|
||
/* post-18.css 对六个 widget 各有 margin-bottom:0，特异性高于基础 CSS 的 15px（实测原站 0px） */
|
||
[data-el="e38a898"] .el-imagebox-img { margin-bottom: 0 !important; }
|
||
}
|
||
|
||
/* ===== Elementor 通用规则（frontend.min.css 对应块）
|
||
* kit-widget-spacing：非末位 widget 的下间距默认 20px（实测原站 H4 text-editor margin 0 0 20px）
|
||
* 挂在 .el-col 直属 widget（data-el 包裹层）上。
|
||
* text-editor：display flow-root 建立 BFC（子元素 p 的下外距计入容器高度，与原站
|
||
* 实测 62.4 = 2 行 48 + p margin 14.4 一致），p 下外距 0.9em（原站 hello 环境 14.4px）。
|
||
*/
|
||
.el-col > div > [data-el]:not(.el-w-auto) { width: 100%; }
|
||
/* kit-spacing 20px 只挂 widget（.elementor-widget:not(:last-child)），内嵌 section 无此间距
|
||
* （H14 两行卡间实测 0 间距，section 曾被误加 20px 致行距 +20） */
|
||
.el-col > div > [data-el]:not(:last-child):not(.el-w-auto):not(section) { margin-bottom: 20px; }
|
||
.el-texteditor { display: flow-root; }
|
||
/* 0.9rem 固定值（原站 hello-elementor p 边距 14.4px @16 根字号；em 会随 widget 字号 20px 放大成 18px） */
|
||
.el-texteditor p { margin: 0 0 0.9rem; }
|
||
/* frontend.min.css：widget 内 figure 外边距清零（text-editor / post-content 例外保留 UA 边距）；
|
||
* H10 html 模块 figure 曾因 UA margin(1em 40px) 被挤窄 80px、多出 16px 底边距 */
|
||
.content-html [data-el] figure:not(.el-imagebox-img) { margin: 0; }
|
||
.content-html .el-texteditor figure { margin-block: 1em; margin-inline: 40px; }
|
||
|
||
/* ===== Elementor widget-image 基础（widget-image.min.css 对应块）
|
||
* a 与 img 都是 inline-block 且 img vertical-align:middle，
|
||
* 消除行内盒基线空隙（否则容器多出 ~7px 行盒 descent，与原站 231.2≠238.2 对不上）。
|
||
*/
|
||
.el-image { text-align: center; }
|
||
.el-image a { display: inline-block; }
|
||
.el-image img { display: inline-block; vertical-align: middle; }
|
||
|
||
/* ===== Elementor hover 动画（e-animation-shrink.min.css）：hover 缩至 90%，0.3s 过渡 */
|
||
/* heading 标题链接颜色继承（原站不受全局品牌橙影响，实测 #333/#000） */
|
||
.el-heading-title a { color: inherit; }
|
||
/* Elementor 基础规则 .elementor-heading-title{margin:0}（页脚 Policy 为 <p>，
|
||
* 不加则 UA 段落下边距把列表推低 30px） */
|
||
.el-heading-title { margin: 0; }
|
||
/* kit 全局链接排版（post-15.css .elementor-kit-15 a）：链接默认 Roboto 400。
|
||
* 取证：tab 卡片 .card 为 <a>，kit 字体使其内部 ul/li 用 Roboto 渲染（文字 273.6px），
|
||
* 否则被卡片内嵌样式的 Arial 截住（261.9px），第 4 条规格多折一行（H9 body 高 +21.6）。
|
||
* 颜色不在此外加：各 widget 链接色已由自身规则（.el-heading-title a 等）与原站一致。
|
||
*/
|
||
.content-html a { font-family: "Roboto", sans-serif; font-weight: 400; }
|
||
.el-anim-shrink { transition-duration: 0.3s; transition-property: transform; }
|
||
.el-anim-shrink:hover, .el-anim-shrink:focus, .el-anim-shrink:active { transform: scale(0.9); }
|
||
/* Elementor 通用动画类名（social-icons 等使用，H16） */
|
||
.elementor-animation-shrink { transition-duration: 0.3s; transition-property: transform; }
|
||
.elementor-animation-shrink:hover, .elementor-animation-shrink:focus, .elementor-animation-shrink:active { transform: scale(0.9); }
|
||
|
||
/* ===== EAEL infobox 基础（取证：原站实际加载 uploads/essential-addons-elementor/eael-18.css，
|
||
* 并未加载 view/info-box.min.css——后者仅在带 content-align--* 修饰类时才给 icon/content 上 flex，
|
||
* 本站 infobox 只有 icon-on-left 类，故 icon/content 均为默认 block、img 默认 inline 32×32；
|
||
* 2026-11-01 原站样式表命中探针实测）
|
||
* box 为 flex 行；内容列 padding-left 15px + flex item；title-section 纵向 flex。
|
||
*/
|
||
.eael-infobox.icon-on-left { display: flex; position: relative; }
|
||
.eael-infobox.icon-on-left .infobox-content { padding-left: 15px; flex: 1 1 auto; min-width: 0; }
|
||
.eael-infobox .infobox-icon img { transition: all 300ms ease-in-out 0s; }
|
||
/* 图标型 info-box：图标包容器行高归零，行盒不再附加字体 descender（df5b95b 实测 26px） */
|
||
.eael-infobox .infobox-icon .infobox-icon-wrap { display: flex; align-items: center; line-height: 0; }
|
||
.eael-infobox .infobox-content .infobox-title-section { display: flex; flex-direction: column; }
|
||
.eael-infobox .infobox-content .infobox-title-section .title {
|
||
width: max-content; max-width: 100%; overflow-wrap: break-word; word-break: break-word;
|
||
}
|
||
.eael-infobox.icon-on-top .infobox-content .title { margin: 8px 0 16px; line-height: 1.2; }
|
||
.eael-infobox.icon-on-top .infobox-icon img { display: block; width: 100%; height: auto; }
|
||
.eael-infobox.icon-on-left .infobox-content .title { line-height: 1; margin: 0 0 10px 0; }
|
||
.eael-infobox .infobox-content p { margin: 0 0 15px; }
|
||
/* 内容段落生成规则（EAEL：eael_infobox_content_margin/color 落到 p；570df98
|
||
* 实测 margin 10px 0 0、color #969696；未设置时保持 EAEL 默认 0 0 15px） */
|
||
.eael-infobox .infobox-content .infobox-text p {
|
||
margin: var(--ib-p-top, 0) var(--ib-p-right, 0) var(--ib-p-bottom, 15px) var(--ib-p-left, 0);
|
||
color: var(--ib-p-color, inherit);
|
||
}
|
||
/* 内容里的 ul/ol：hello-elementor 主题 reset（H14 药丸列表实测 margin 0，
|
||
* UA 默认 1em 上下外距会撑高内容 16px）；列表样式与内边距由节点 custom_css 定义 */
|
||
.eael-infobox .infobox-content ul,
|
||
.eael-infobox .infobox-content ol { margin: 0; }
|
||
|
||
/* ===== Elementor social-icons（widget-social-icons.min.css 语义；H16 实测 2026-11-01）
|
||
* wrapper inline-grid + column-gap(=icon_spacing 10px)，随父级 text-align 居中；
|
||
* a 官方品牌底色(linkedin #0077B6 / youtube #CD201F / facebook #3B5998)、44×44 盒
|
||
* (icon_size 22 → font 22 + padding 0.5em)、圆角 10%、字形白色（原站 SVG fill #fff）、
|
||
* hover shrink（.elementor-animation-shrink 基础已含缩放） */
|
||
.elementor-social-icons-wrapper.elementor-grid {
|
||
display: grid; grid-auto-flow: column; justify-content: center; text-align: center;
|
||
}
|
||
.elementor-social-icon {
|
||
display: inline-flex; align-items: center; justify-content: center;
|
||
width: 44px; height: 44px; font-size: 22px; border-radius: 10%;
|
||
color: #ED6C00; cursor: pointer; transition: all 0.3s;
|
||
}
|
||
.elementor-social-icon i { color: #fff; }
|
||
.elementor-social-icon-linkedin { background-color: #0077b5; }
|
||
.elementor-social-icon-youtube { background-color: #cd201f; }
|
||
.elementor-social-icon-facebook { background-color: #3b5998; }
|
||
.elementor-screen-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
|
||
|
||
/* ===== 首页 H4 硬件与服务系列 ×5（post-18.css 对应块；1436px 实测 2026-11-01）
|
||
* 卡列：渐变 #F4F5F9→透明 + 1px #E0E5F9 边框 + 4px 圆角 + 列间 margin（ColumnNode 由 settings 渲染）；
|
||
* 标题 widget 容器：底部橙线图背景（bottom center no-repeat）+ 左右 3rem 内边距；
|
||
* 产品图 widget 容器：margin -2.5rem 0 -1rem 上提；
|
||
* info-box ×2：图标列 margin-top 3px、内容标题 14px/#4d4d4d/margin 7px 0 0 -10px；
|
||
* 第二个 info-box 容器上提 -10px。
|
||
*/
|
||
|
||
|
||
[data-el="314b8d5"] .infobox-icon, [data-el="8417167"] .infobox-icon,
|
||
[data-el="9e1009f"] .infobox-icon, [data-el="2032426"] .infobox-icon,
|
||
[data-el="7c9ceeb"] .infobox-icon, [data-el="9ff518a"] .infobox-icon,
|
||
[data-el="2c9eb1c"] .infobox-icon, [data-el="1aa62bd"] .infobox-icon,
|
||
[data-el="64432f0"] .infobox-icon, [data-el="2ba29de"] .infobox-icon {
|
||
align-self: center;
|
||
margin: 3px 0 0 0;
|
||
height: 39px;
|
||
}
|
||
[data-el="314b8d5"] .eael-infobox .infobox-content .title, [data-el="8417167"] .eael-infobox .infobox-content .title,
|
||
[data-el="9e1009f"] .eael-infobox .infobox-content .title, [data-el="2032426"] .eael-infobox .infobox-content .title,
|
||
[data-el="7c9ceeb"] .eael-infobox .infobox-content .title, [data-el="9ff518a"] .eael-infobox .infobox-content .title,
|
||
[data-el="2c9eb1c"] .eael-infobox .infobox-content .title, [data-el="1aa62bd"] .eael-infobox .infobox-content .title,
|
||
[data-el="64432f0"] .eael-infobox .infobox-content .title, [data-el="2ba29de"] .eael-infobox .infobox-content .title {
|
||
color: #4d4d4d;
|
||
font-size: 14px;
|
||
margin: 7px 0 0 -10px;
|
||
}
|
||
/* inner 的 -10px 仅上移容器自身（原站实测 root 不位移），flow-root 阻止它与根折叠 */
|
||
[data-el="9ff518a"], [data-el="2c9eb1c"], [data-el="1aa62bd"],
|
||
[data-el="64432f0"], [data-el="2ba29de"] {
|
||
display: flow-root;
|
||
}
|
||
[data-el="9ff518a"] > div, [data-el="2c9eb1c"] > div,
|
||
[data-el="1aa62bd"] > div, [data-el="64432f0"] > div,
|
||
[data-el="2ba29de"] > div {
|
||
margin: -10px 0 0 0;
|
||
}
|
||
@media (max-width: 1024px) {
|
||
[data-el="68e06cb"], [data-el="c3c8429"], [data-el="8272123"],
|
||
[data-el="1d97802"], [data-el="4a8ad62"] {
|
||
margin: -2rem 0 -1rem;
|
||
}
|
||
}
|
||
@media (max-width: 767px) {
|
||
[data-el="9ff518a"] .eael-infobox .infobox-content .title, [data-el="2c9eb1c"] .eael-infobox .infobox-content .title,
|
||
[data-el="1aa62bd"] .eael-infobox .infobox-content .title, [data-el="64432f0"] .eael-infobox .infobox-content .title,
|
||
[data-el="2ba29de"] .eael-infobox .infobox-content .title {
|
||
margin: 7px 0 0 -6px;
|
||
}
|
||
}
|
||
|
||
/* ===== 首页 H6 宣言条(post-18.css 对应块;1436 实测 2026-11-01)
|
||
* 标题排版(Poppins 24px/600/行高 1,≤767 20px)由 DB typography 内联提供,
|
||
* 列 59bc2e1 的四向 10px 由 gap 默认 padding 通用逻辑提供;
|
||
* 此处仅保留 post-18 的 text-align:center 与移动端字号覆盖(需 !important 压过内联 24px)。
|
||
*/
|
||
[data-el="e50246d"] { text-align: center; }
|
||
@media (max-width: 767px) {
|
||
[data-el="e50246d"] .el-heading-title { font-size: 20px !important; }
|
||
}
|
||
|
||
/* ===== 首页 H5 双主张条(post-18.css 对应块;1436 实测 2026-11-01)
|
||
* 大列 b504916 的 wrap 即视觉条:long-arrow.png(1353×54)居中不重复(settings padding 全 0);
|
||
* 中列 f158695 与两侧列的 padding 由 settings/gap 默认逻辑提供;列宽 380(structure 30 三列);
|
||
* 文字 20px/500/#FFF 居中。
|
||
*/
|
||
[data-el="b504916"] > div {
|
||
background: url("/uploads/2023/09/long-arrow.png") 50% 50% no-repeat;
|
||
}
|
||
|
||
/* ===== 首页 H7 OS/芯片平台/语言/协议 四列(post-18.css 对应块;1436 实测)
|
||
* 外卡 66de90a:渐变 #F4F5F9→透明 + 1px #E0E5F9 边框 + 4px 圆角 + padding 8/16/16/0;
|
||
* 内四列 b99f434/c8bd50b/821fd51 右侧虚线分隔(dashed #E0E5F9),列 padding-top 16px;
|
||
* ≤767 分隔虚线改下边框,section 左右 padding 1rem。
|
||
*/
|
||
[data-el="66de90a"] > div {
|
||
background: linear-gradient(180deg, #F4F5F9 0%, rgba(244, 245, 249, 0) 100%);
|
||
border: 1px solid #E0E5F9;
|
||
border-radius: 4px;
|
||
padding: 8px 16px 16px 0;
|
||
}
|
||
[data-el="b99f434"] > div, [data-el="c8bd50b"] > div, [data-el="821fd51"] > div {
|
||
border-right: 1px dashed #E0E5F9;
|
||
}
|
||
@media (max-width: 767px) {
|
||
[data-el="b99f434"] > div, [data-el="c8bd50b"] > div, [data-el="821fd51"] > div {
|
||
border-right: 0;
|
||
border-bottom: 1px dashed #E0E5F9;
|
||
}
|
||
/* 338fb86 移动端 padding 由 padding_mobile(collectResponsiveCss)在根上生效 */
|
||
}
|
||
|
||
/* ===== Elementor 原生 tabs widget（widget-tabs.min.css 对应块；H9 热门硬件切换器）
|
||
* 原站为水平视图 + alignment-center；竖排/其余档位规则随源码保留（无实例不生效）。
|
||
* 源文件的 border:1px #d5d8dc 简写缺 style，按规范整条无效——与原站一致不产生边框，未移植。
|
||
* active 下边框 4px #ed6c00 与内容 wrapper 顶部 1px #C7CBDA 由节点 custom_css
|
||
* （.ele-soms-chip-dif …，collectCustomCss 注入）提供。
|
||
*/
|
||
.elementor-widget-tabs .elementor-tabs { text-align: start; }
|
||
/* 源文件的 border:1px #d5d8dc 简写（实测原站伪元素 color=#d5d8dc 生效）——按可解析移植，
|
||
* 仅取颜色；宽度随后被 fd97340 的生成规则(border_width=0, 含伪元素)归零 */
|
||
.elementor-widget-tabs .elementor-tab-content,
|
||
.elementor-widget-tabs .elementor-tab-title,
|
||
.elementor-widget-tabs .elementor-tab-title:after,
|
||
.elementor-widget-tabs .elementor-tab-title:before,
|
||
.elementor-widget-tabs .elementor-tabs-content-wrapper { border-color: #d5d8dc; }
|
||
.elementor-widget-tabs .elementor-tabs-wrapper { overflow: hidden; }
|
||
.elementor-widget-tabs .elementor-tab-title { cursor: pointer; outline: var(--focus-outline, none); }
|
||
.elementor-widget-tabs .elementor-tab-desktop-title {
|
||
border: solid transparent;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
padding: 20px 25px;
|
||
position: relative;
|
||
}
|
||
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active { border-color: #d5d8dc; }
|
||
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:after,
|
||
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active:before {
|
||
content: ""; display: block; position: absolute;
|
||
}
|
||
.elementor-widget-tabs .elementor-tab-desktop-title:focus-visible { border: 1px solid #000; }
|
||
.elementor-widget-tabs .elementor-tab-mobile-title { cursor: pointer; padding: 10px; }
|
||
.elementor-widget-tabs .elementor-tab-content { display: none; padding: 20px; }
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title { display: table-cell; }
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active { border-block-end-style: none; }
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after,
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before {
|
||
border-block-end-style: solid; height: 0; inset-block-end: 0; width: 999em;
|
||
}
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:before { inset-inline-end: 100%; }
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active:after { inset-inline-start: 100%; }
|
||
@media (min-width: 768px) {
|
||
.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper,
|
||
.elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper,
|
||
.elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper { display: flex; }
|
||
.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper { justify-content: center; }
|
||
.elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper { justify-content: flex-end; }
|
||
.elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title { width: 100%; }
|
||
.elementor-tabs .elementor-tab-mobile-title { display: none; }
|
||
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content { border-style: solid; border-block-start-style: none; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.elementor-tabs .elementor-tab-content, .elementor-tabs .elementor-tab-title { border-style: solid; border-block-end-style: none; }
|
||
.elementor-tabs .elementor-tabs-wrapper { display: none; }
|
||
.elementor-tabs .elementor-tabs-content-wrapper { border-block-end-style: solid; }
|
||
.elementor-tabs .elementor-tab-content { padding: 10px; }
|
||
}
|
||
.elementor-clearfix:after { clear: both; content: ""; display: block; height: 0; width: 0; }
|
||
/* fd97340 生成规则：border_width=0 → 标题/伪元素/内容面板 border-width 0（原站实测 content 无边框、
|
||
* active 伪元素 0px solid #d5d8dc，而移植的 view-horizontal 规则给了 border-style:solid，
|
||
* 宽度须归零，否则 medium 3px 挤窄内容 6px / 画出通栏橙线）；
|
||
* active 下边框 4px 与颜色由 custom_css !important / 生成规则覆盖 */
|
||
[data-el="fd97340"] .elementor-tab-title,
|
||
[data-el="fd97340"] .elementor-tab-title:before,
|
||
[data-el="fd97340"] .elementor-tab-title:after,
|
||
[data-el="fd97340"] .elementor-tab-content { border-width: 0; }
|
||
[data-el="fd97340"] .elementor-tab-title.elementor-active { color: #ED6C00; }
|
||
|
||
/* ===== Elementor 原生 toggle widget（widget-toggle.min.css 移植 + 846aeb5 生成规则）
|
||
* 原站实测（1440）：条目高 58（标题 padding 15 + 行高 28）、间距 4；标题 h3 28px/1/700
|
||
* #333、背景 #F0F1F5；标题链接 1.125rem/1 #000；图标左浮动 1em、右距 12；内容
|
||
* padding 15 / .875rem，默认 display:none，展开加 elementor-active。
|
||
* 主题 h3 字号由 hello-elementor 提供（1.75rem=28px、700），此处显式写出以脱离宿主 reset。 */
|
||
.elementor-tab-title a { color: inherit; }
|
||
.elementor-toggle { text-align: start; }
|
||
.elementor-toggle .elementor-tab-title {
|
||
border-block-end: 1px solid #d5d8dc;
|
||
cursor: pointer;
|
||
font-size: 1.75rem;
|
||
font-weight: 700;
|
||
line-height: 1;
|
||
margin: 0;
|
||
outline: none;
|
||
padding: 15px;
|
||
color: #000;
|
||
}
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon { display: inline-block; width: 1em; }
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg { height: 1em; margin-inline-start: -5px; width: 1em; fill: currentColor; }
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: left; text-align: left; }
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right { float: right; text-align: right; }
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon-closed { display: block; }
|
||
.elementor-toggle .elementor-tab-title .elementor-toggle-icon-opened { display: none; }
|
||
.elementor-toggle .elementor-tab-title.elementor-active { border-block-end: none; }
|
||
.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed { display: none; }
|
||
.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened { display: block; }
|
||
.elementor-toggle .elementor-tab-content { border-block-end: 1px solid #d5d8dc; display: none; padding: 15px; }
|
||
.elementor-toggle .elementor-tab-content.elementor-active { display: block; }
|
||
/* 标题链接：生成规则 font-size 1.125rem（移动端 1rem），行高继承标题 1 */
|
||
.elementor-toggle .elementor-toggle-title { font-size: 1.125rem; color: #000; }
|
||
.elementor-toggle .elementor-toggle-icon { margin-inline-end: 12px; }
|
||
.elementor-toggle .elementor-toggle-item:not(:last-child) { margin-block-end: 4px; }
|
||
/* 生成规则：title/content border-width 0、标题背景 #F0F1F5、内容背景 #FFFFFF */
|
||
.elementor-toggle .elementor-tab-title { border-width: 0; border-color: #FFFFFF; background-color: #F0F1F5; }
|
||
.elementor-toggle .elementor-tab-content { border-width: 0; border-block-end-color: #FFFFFF; background-color: #FFFFFF; }
|
||
@media (max-width: 767px) {
|
||
.elementor-toggle .elementor-tab-title { padding: 12px; }
|
||
.elementor-toggle .elementor-tab-content { padding: 12px 10px; font-size: 0.875rem; }
|
||
.elementor-toggle .elementor-toggle-title { font-size: 1rem; }
|
||
}
|
||
|
||
/* ===== 页脚 Elementor 模板 post 58（线上 1436 实测 + post-58.css，2026-11-02）
|
||
* 结构：46d7afa 四列链接（桌面） / d834160(html_tag=footer) 返回顶部 + 分隔线 +
|
||
* 28c7f0b8 品牌区三列 + a428bb4 版权条。以下为「仅存生成 CSS」与 DOM 语义补丁 */
|
||
.elementor-location-footer a { text-decoration: none; font-weight: inherit; }
|
||
/* logo：设置驱动 img width 57%（内联），a 收缩为内容宽 → 254×75 的 57% = 144.8×42.7 */
|
||
[data-el="211f98c"] > a { display: inline-block; }
|
||
[data-el="211f98c"] img { height: auto; }
|
||
/* 简介段落：原站 p 下外边距 0.9rem（实测 14.4px；三行文字高 77.4） */
|
||
[data-el="42365c0"] p { margin: 0 0 0.9rem; }
|
||
/* 链接列悬停文字变 secondary #FFA11B（post-58.css 生成规则；变量覆盖内联色） */
|
||
[data-el="d5fc3c1"] .elementor-icon-list-item:hover,
|
||
[data-el="cb239ea"] .elementor-icon-list-item:hover,
|
||
[data-el="115705e"] .elementor-icon-list-item:hover,
|
||
[data-el="f517f88"] .elementor-icon-list-item:hover,
|
||
[data-el="9cf608f"] .elementor-icon-list-item:hover,
|
||
[data-el="6ef07ee0"] .elementor-icon-list-item:hover,
|
||
[data-el="6c850ad1"] .elementor-icon-list-item:hover { --el-il-text: #FFA11B; }
|
||
/* 社交图标悬停变 secondary（白色 → #FFA11B） */
|
||
[data-el="405d251"] .elementor-icon-list-item:hover { --el-il-icon: #FFA11B; }
|
||
/* 返回顶部圆钮：悬停背景 primary #ED6C00（内联底色需 !important 覆盖） */
|
||
[data-el="5ffe573"] .elementor-icon:hover { background-color: #ED6C00 !important; color: #ffffff; }
|
||
/* gtranslate 语言下拉（线上 select.gt_selector 202×39、白字、#3E3E3F 底、1px #666，实测） */
|
||
[data-el="2481635"] select.gt_selector {
|
||
width: 202px; height: 39px; padding: 8px 16px; font-size: 16px; line-height: 1.2;
|
||
color: #ffffff; background-color: #3E3E3F; border: 1px solid #666666; border-radius: 0;
|
||
}
|
||
@media (max-width: 767px) {
|
||
[data-el="2481635"] select.gt_selector { width: auto; max-width: 100%; }
|
||
}
|
||
/* 版权条两列：左列 populated 宽 auto（margin-right 2 扣除语义，实测 568 而非 570） */
|
||
[data-el="89e79b8"] > div { width: auto !important; }
|
||
/* icon widget 字形盒：Elementor .elementor-icon i 与 svg 同宽 1em（24px → 盒 48×48） */
|
||
.elementor-icon i { width: 1em; text-align: center; }
|
||
/* 版权条文字：白 12px 100（设置驱动），链接同为白色（无橙色） */
|
||
[data-el="a428bb4"] a { color: #ffffff; }
|
||
/* 移动端折叠菜单（[maxmegamenu location=menu-2]，桌面/平板由 elementor-hidden-* 隐藏） */
|
||
.mega-menu-wrap .mega-menu-toggle { display: flex; justify-content: center; align-items: center; min-height: 40px; }
|
||
.mega-menu-wrap .mega-toggle-animated-box {
|
||
position: relative; display: inline-block; width: 40px; height: 26px;
|
||
cursor: pointer; background: transparent; border: 0;
|
||
}
|
||
.mega-menu-wrap .mega-toggle-animated-inner,
|
||
.mega-menu-wrap .mega-toggle-animated-inner::before,
|
||
.mega-menu-wrap .mega-toggle-animated-inner::after {
|
||
position: absolute; left: 4px; right: 4px; height: 2px; background: #ffffff; content: "";
|
||
transition: transform .2s ease;
|
||
}
|
||
.mega-menu-wrap .mega-toggle-animated-inner { top: 12px; }
|
||
.mega-menu-wrap .mega-toggle-animated-inner::before { top: -8px; }
|
||
.mega-menu-wrap .mega-toggle-animated-inner::after { top: 8px; }
|
||
.mega-menu-wrap ul.mega-menu { list-style: none; margin: 0; padding: 0; }
|
||
.mega-menu-wrap ul.mega-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
|
||
.mega-menu-wrap .mega-menu-link { display: block; padding: 10px 0; color: #D9D9D9; font-size: 14px; }
|
||
.mega-menu-wrap .mega-sub-menu { padding-left: 16px; }
|
||
}
|
||
|
||
@media (max-width: 900px) {
|
||
.ele-ban-title div { font-size: 30px; }
|
||
}
|
||
|
||
/* # 成员变量 Elementor 响应式可见性（hide_desktop/tablet/mobile → 对应类）
|
||
* 断点同 Elementor：desktop >1024、tablet 768–1024、mobile ≤767（页脚移动菜单/隐藏节） **/
|
||
@media (min-width: 1025px) {
|
||
.elementor-hidden-desktop { display: none !important; }
|
||
}
|
||
@media (min-width: 768px) and (max-width: 1024px) {
|
||
.elementor-hidden-tablet { display: none !important; }
|
||
}
|
||
@media (max-width: 767px) {
|
||
.elementor-hidden-mobile { display: none !important; }
|
||
}
|
||
|
||
/* ===== # 组件 询价弹窗 InquiryPopup（原站 Elementor popup 1129 + CF7 表单 604）
|
||
* 结构与样式取自：Elementor popup.min.css / common.css（.dialog-type-lightbox 遮罩、
|
||
* .dialog-widget-content 白底 700px、close 按钮 20/20）、popup 1129 生成 CSS
|
||
* （contact form padding 2em 3em 0、字段边框 #C9CEE8、textarea 134px、按钮 #ED6C00
|
||
* 圆角 10 hover #FFA11B）、popup 自定义 CSS（p1-4 48% 两列、p5-7 31.3% 三列、p8 100%） */
|
||
body.dialog-prevent-scroll { overflow: hidden; }
|
||
.ds-inquiry-popup {
|
||
position: fixed; inset: 0; z-index: 9999;
|
||
display: flex; align-items: center; justify-content: center;
|
||
}
|
||
.ds-inquiry-popup .dialog-widget-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.8); }
|
||
.ds-inquiry-popup .dialog-widget { position: relative; display: flex; max-width: 100vw; max-height: 100vh; }
|
||
.ds-inquiry-popup .dialog-widget-content {
|
||
position: relative; width: 700px; max-width: 100vw; max-height: 100vh;
|
||
background: #fff; box-shadow: none; overflow: hidden;
|
||
}
|
||
.ds-inquiry-popup .dialog-message { display: flex; max-height: 100vh; overflow: auto; }
|
||
.ds-inquiry-popup .dialog-message > .elementor { width: 100%; }
|
||
.ds-inquiry-popup .elementor-section { padding: 1rem 0 0; }
|
||
.ds-inquiry-popup .elementor-container { max-width: none; margin: 0; display: block; }
|
||
.ds-inquiry-popup .elementor-column { width: 100%; }
|
||
.ds-inquiry-popup .elementor-widget-wrap { padding: 0; }
|
||
.ds-inquiry-popup .dialog-close-button {
|
||
position: absolute; top: 20px; right: 20px; z-index: 9; margin: 0; padding: 4px;
|
||
border: 0; background: transparent; cursor: pointer; line-height: 1; display: flex;
|
||
}
|
||
.ds-inquiry-popup .dialog-close-button svg { width: 20px; height: 20px; fill: #1f2124; }
|
||
|
||
/* 表单卡（EAEL contact form）：白底 + 2em 3em 内边距 + 0 0 12px -4px 阴影 */
|
||
.ds-inquiry-popup .eael-contact-form {
|
||
background: #fff; padding: 2em 3em 0; border-radius: 0;
|
||
box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.5);
|
||
}
|
||
.ds-inquiry-popup .eael-contact-form-7-heading { text-align: center; }
|
||
.ds-inquiry-popup .eael-contact-form-title {
|
||
font-size: 28px; font-weight: 600; line-height: 1.2; margin: 8px 0 10px; text-align: center; color: #333;
|
||
}
|
||
/* 字段布局（popup 自定义 CSS 原文） */
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p { margin: 0 0 20px; }
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(1),
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(3) {
|
||
width: 48%; display: grid; float: left; margin: 0 2% 2% 0;
|
||
}
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(2),
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(4) {
|
||
width: 48%; display: grid; float: left; margin: 0 0 2% 2%;
|
||
}
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(5) {
|
||
width: 31.3%; display: grid; float: left; margin: 0 2% 2% 0; clear: left;
|
||
}
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(6) {
|
||
width: 31.3%; display: grid; float: left; margin: 0 1% 2% 1%;
|
||
}
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(7) {
|
||
width: 31.3%; display: grid; float: left; margin: 0 0 2% 2%;
|
||
}
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(8) { width: 100%; display: grid; margin: 0 0 2%; }
|
||
/* 标签与控件 */
|
||
.ds-inquiry-popup .wpcf7-form label { display: block; margin-bottom: 0; font-size: 1rem; line-height: 1; color: #333; }
|
||
.ds-inquiry-popup .wpcf7-form-control-wrap { display: block; }
|
||
.ds-inquiry-popup .wpcf7-form-control.wpcf7-text,
|
||
.ds-inquiry-popup .wpcf7-form-control.wpcf7-select,
|
||
.ds-inquiry-popup .wpcf7-form-control.wpcf7-textarea {
|
||
width: 100%; margin: 0; height: 42px; padding: 8px 16px;
|
||
border: 1px solid #C9CEE8; border-radius: 0; background: #fff; color: #000;
|
||
font-size: 16px; line-height: 24px; font-family: inherit;
|
||
}
|
||
.ds-inquiry-popup .wpcf7-form-control.wpcf7-select { padding: 10px 12px 9px; background: #efefef; color: #757575; }
|
||
.ds-inquiry-popup .wpcf7-form-control.wpcf7-textarea { height: 134px; line-height: 1.5; resize: vertical; }
|
||
.ds-inquiry-popup .wpcf7-form input[type="submit"] {
|
||
width: 100%; height: 44px; margin: 0 !important; padding: 10px 20px;
|
||
border: 0; border-radius: 10px; background: #ED6C00; color: #fff;
|
||
font-size: 16px; line-height: 24px; cursor: pointer; transition: background 0.25s linear;
|
||
}
|
||
.ds-inquiry-popup .wpcf7-form input[type="submit"]:hover { background: #FFA11B; }
|
||
.ds-inquiry-popup .wpcf7-list-item { display: inline-block; margin: 0 !important; }
|
||
.ds-inquiry-popup .wpcf7-list-item > label { display: flex; align-items: flex-start; gap: 6px; }
|
||
.ds-inquiry-popup .wpcf7-list-item input[type="checkbox"] { margin-top: 3px; flex: 0 0 auto; }
|
||
.ds-inquiry-popup .wpcf7-list-item-label { color: #9396A1; font-size: 0.875rem; line-height: 1.5; }
|
||
.ds-inquiry-popup .wpcf7-list-item-label a { color: #9396A1; text-decoration: underline; }
|
||
.ds-inquiry-popup .ds-recaptcha-note { color: #9396A1; font-size: 0.875rem; margin-bottom: 0 !important; }
|
||
.ds-inquiry-popup .ds-recaptcha-note a { color: #9396A1; text-decoration: underline; }
|
||
.ds-inquiry-popup .wpcf7-response-output { margin: 0 0.5em 2em; padding: 0.2em 1em; border: 2px solid transparent; font-size: 14px; }
|
||
.ds-inquiry-popup .wpcf7-response-output.ds-ok { border-color: #46b450; }
|
||
.ds-inquiry-popup .wpcf7-response-output.ds-err { border-color: #dc3232; }
|
||
.ds-inquiry-popup .wpcf7-response-output[aria-hidden="true"] { display: none; }
|
||
/* 弹窗内社交图标（widget 2a08dd3：20px 图标、间距 14、底部 2rem、居中） */
|
||
.ds-inquiry-popup .elementor-widget-social-icons .elementor-widget-container { padding: 0 0 2rem; text-align: center; }
|
||
.ds-inquiry-popup .elementor-social-icons-wrapper.elementor-grid { display: flex; justify-content: center; column-gap: 14px; }
|
||
.ds-inquiry-popup .elementor-social-icon {
|
||
display: inline-flex; align-items: center; justify-content: center;
|
||
width: 40px; height: 40px; border-radius: 3px; font-size: 20px;
|
||
color: #fff; text-decoration: none; transition: all 0.3s;
|
||
}
|
||
.ds-inquiry-popup .elementor-social-icon i { font-size: 20px; color: #fff; }
|
||
.ds-inquiry-popup .elementor-social-icon-tiktok { background-color: #000000; }
|
||
.ds-inquiry-popup .elementor-social-icon-twitter { background-color: #1DA1F2; }
|
||
@media (max-width: 767px) {
|
||
/* 原站 popup 自定义 CSS：移动端 p5/p6 48%、p7 100%，关闭按钮黑色 */
|
||
.ds-inquiry-popup .dialog-widget-content { width: 100vw; max-height: 100vh; }
|
||
.ds-inquiry-popup .eael-contact-form { padding: 2em 1em 0; }
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(5) { width: 48%; margin: 0 2% 2% 0; }
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(6) { width: 48%; margin: 0 0 2% 2%; }
|
||
.ds-inquiry-popup .ele-new-form4-dif .wpcf7-form p:nth-of-type(7) { width: 100%; margin: 0 0 2%; }
|
||
}
|
||
|
||
/* ===== # 页面类型 产品归档 /shop/（原站 elementor_library post 1398 + WooCommerce + WPC 筛选）
|
||
* hero a2ab15c：bg #F4F5F8 / padding 0 30 / content 1400，面包屑 14.72px #767676（下距 1em）；
|
||
* 主体 65176b9：bg #F4F5F8 / padding 0 30 30，两列 20%/80%（各白底 + 20px 内边距）；
|
||
* 左列 WPC 筛选：section 1px #C9CEE8、标题 #F4F5F8 padding 10、行高 20.8、组间距 32；
|
||
* 右列：h1 1.5rem/600、结果计数 + 排序（42px 高 #C9CEE8 圆角 4）、24 卡 4 列 gap 10、
|
||
* 卡片 1px 边框/圆角 4/底部 1.5em、图 1:1、标题 16/600/#444、按钮白底橙字描边圆角 8、
|
||
* 分页 margin-top 40（数字 25×32 padding 8、当前页 #E9E6ED/#816F98）。 */
|
||
[data-el="a2ab15c"] > div { align-items: center; }
|
||
[data-el="a2ab15c"] .woocommerce-breadcrumb { margin: 0 0 1em; font-size: 0.92em; color: #767676; line-height: 1.5; }
|
||
[data-el="a2ab15c"] .woocommerce-breadcrumb a { color: #767676; text-decoration: none; }
|
||
[data-el="a2ab15c"] .woocommerce-breadcrumb a:hover { text-decoration: underline; }
|
||
|
||
/* WPC 筛选侧栏 */
|
||
[data-el="98d2008"] .wpc-filters-main-wrap { width: auto; }
|
||
[data-el="98d2008"] .wpc-posts-found { height: 24px; margin: 0; }
|
||
[data-el="98d2008"] .wpc-filter-set-widget-title { margin: 0 0 12px; font-size: 16px; line-height: 24px; color: #333; }
|
||
[data-el="98d2008"] .wpc-filters-section { border: 1px solid #C9CEE8; margin: 0 0 32px; background: #fff; }
|
||
[data-el="98d2008"] .wpc-filter-content { padding: 10px; }
|
||
[data-el="98d2008"] .wpc-filter-title {
|
||
display: flex; align-items: center; justify-content: space-between;
|
||
width: 100%; margin: 0; padding: 10px; border: 0; background: #F4F5F8;
|
||
font-size: 16px; font-weight: 400; line-height: 24px; color: #333; text-align: left;
|
||
}
|
||
[data-el="98d2008"] button.wpc-filter-title { cursor: pointer; }
|
||
[data-el="98d2008"] .wpc-open-icon::before {
|
||
content: ""; display: inline-block; width: 8px; height: 8px;
|
||
border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg);
|
||
}
|
||
[data-el="98d2008"] .wpc-filter-title[aria-expanded="true"] .wpc-open-icon::before { transform: rotate(-135deg); }
|
||
[data-el="98d2008"] .wpc-filters-ul-list { list-style: none; margin: 0; padding: 2px 0 0; }
|
||
[data-el="98d2008"] .wpc-checkbox-item { display: list-item; margin: 0 0 12px; padding: 0; font-size: 16px; line-height: 1.3; }
|
||
[data-el="98d2008"] .wpc-term-item-content-wrapper { display: flex; align-items: center; gap: 4px; }
|
||
[data-el="98d2008"] .wpc-term-item-content-wrapper input[type="checkbox"] { width: 13px; height: 13px; margin: 0; accent-color: #ED6C00; }
|
||
[data-el="98d2008"] .wpc-term-item-content-wrapper label { display: flex; align-items: baseline; gap: 2px; margin: 0; font-size: 16px; font-weight: 400; line-height: 1.3; color: #333; cursor: pointer; }
|
||
[data-el="98d2008"] .wpc-term-selected .wpc-filter-link { color: #ED6C00; }
|
||
[data-el="98d2008"] .wpc-term-count { color: #333; }
|
||
[data-el="98d2008"] .wpc-filter-more-less { padding: 0; }
|
||
[data-el="98d2008"] .wpc-filter-more-less button { border: 0; background: none; padding: 0; color: #A4A8B7; font-size: 16px; line-height: 24px; cursor: pointer; }
|
||
[data-el="98d2008"] .wpc-inner-widget-chips-wrapper { margin: 0 0 8px; }
|
||
[data-el="98d2008"] .wpc-filter-chips-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
|
||
[data-el="98d2008"] .wpc-filter-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #C9CEE8; border-radius: 3px; padding: 2px 6px; font-size: 13px; }
|
||
[data-el="98d2008"] .wpc-filter-chip button { border: 0; background: none; cursor: pointer; padding: 0; color: #767676; }
|
||
[data-el="98d2008"] .wpc-clear-all { border: 0; background: none; padding: 0; margin-top: 6px; color: #ED6C00; font-size: 13px; cursor: pointer; }
|
||
[data-el="98d2008"] .wpc-filter-collapsed .wpc-filter-content { display: none; }
|
||
|
||
/* 右列商品区 */
|
||
[data-el="d761846"] .woocommerce::after { content: ""; display: block; clear: both; }
|
||
[data-el="d761846"] .woocommerce-result-count { float: left; margin: 6px 0 16px; font-size: 16px; line-height: 24px; color: #333; }
|
||
[data-el="d761846"] .woocommerce-ordering { float: right; margin: 0 0 16px; }
|
||
[data-el="d761846"] .woocommerce-ordering select {
|
||
height: 42px; padding: 8px 16px; border: 1px solid #C9CEE8; border-radius: 4px;
|
||
background: #efefef; color: #000; font-size: 16px; font-family: inherit;
|
||
}
|
||
[data-el="d761846"] ul.products {
|
||
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
|
||
gap: 10px; list-style: none; margin: 0; padding: 0; clear: both;
|
||
}
|
||
[data-el="d761846"] ul.products li.product {
|
||
display: flex; flex-direction: column; justify-content: space-between;
|
||
text-align: center; background: #fff; border: 1px solid #C9CEE8; border-radius: 4px;
|
||
padding: 0 0 1.5em; margin: 0; transition: box-shadow 0.3s, border-color 0.3s;
|
||
}
|
||
[data-el="d761846"] ul.products li.product:hover { box-shadow: 0 10px 20px 0 rgba(35, 37, 121, 0.15); border-color: rgba(35, 37, 121, 0.15); }
|
||
[data-el="d761846"] .woocommerce-loop-product__link { display: block; text-decoration: none; color: inherit; }
|
||
[data-el="d761846"] ul.products li.product img { display: block; width: 100%; height: auto; margin: 0; }
|
||
[data-el="d761846"] ul.products li.product .woocommerce-loop-product__title {
|
||
margin: 0; padding: 8px 0; font-size: 16px; font-weight: 600; line-height: 1.2; color: #444;
|
||
}
|
||
[data-el="d761846"] .woocommerce-loop-product__buttons { margin-top: auto; display: flex; flex-direction: column; align-items: center; }
|
||
[data-el="d761846"] ul.products li.product .button {
|
||
display: inline-block; margin: 1rem auto 0; padding: 0.618em 1em; line-height: 1;
|
||
font-size: 1em; font-weight: 400; color: #FFA11B; background: #fff;
|
||
border: 1px solid #FFA11B; border-radius: 8px; text-decoration: none; transition: all 0.3s;
|
||
}
|
||
[data-el="d761846"] ul.products li.product .button:hover { color: #fff; background: #ED6C00; border-color: #ED6C00; }
|
||
[data-el="d761846"] .woocommerce-pagination { margin: 40px 0 0; clear: both; text-align: center; }
|
||
[data-el="d761846"] .woocommerce-pagination ul.page-numbers { display: inline-flex; justify-content: center; align-items: center; list-style: none; margin: 1px; padding: 0; border: 1px solid #CFC8D8; }
|
||
[data-el="d761846"] .woocommerce-pagination ul.page-numbers li { display: block; }
|
||
[data-el="d761846"] .woocommerce-pagination ul.page-numbers .page-numbers {
|
||
display: block; min-width: 25px; padding: 8px; font-size: 16px; line-height: 1;
|
||
color: #ED6C00; text-decoration: none;
|
||
}
|
||
[data-el="d761846"] .woocommerce-pagination ul.page-numbers .current { background: #E9E6ED; color: #816F98; }
|
||
[data-el="d761846"] .woocommerce-pagination ul.page-numbers .dots { color: #333; }
|
||
|
||
|
||
/* Elementor 按钮图标布局（Landing 页 New/HOT 徽章：flex 内容行 + 1em 图标） */
|
||
.el-btn .elementor-button-content-wrapper { display: flex; align-items: center; gap: 5px; }
|
||
.el-btn .elementor-button-icon { display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; line-height: 1; }
|
||
.el-btn .elementor-button-icon i { font-size: 1em; line-height: 1; width: 1em; text-align: center; }
|
||
.el-btn .elementor-button-text { display: block; }
|
||
|
||
/* Landing 智能网关：四列卡片行中间两列 populated 宽 = 100% - 8px（左右 margin 4px，
|
||
* 首末列维持 100% 溢出语义，原站 flex 收缩实测 310/302/302/310） */
|
||
[data-el="a3bcae8"] .el-col:nth-child(2) > div,
|
||
[data-el="a3bcae8"] .el-col:nth-child(3) > div,
|
||
[data-el="dfb16c6"] .el-col:nth-child(2) > div,
|
||
[data-el="dfb16c6"] .el-col:nth-child(3) > div { width: calc(100% - 8px) !important; }
|
||
|
||
/* Landing 智能网关 de5742a：内嵌 section 的外层列带 margin-right/left 10px，
|
||
* populated 宽 auto（原站 620 列 → 610 内层节，内层列 305） */
|
||
[data-el="64ebb3a"] > div,
|
||
[data-el="fce8a34"] > div { width: auto !important; }
|
||
|
||
/* Landing 智能网关：协议入口 HTML 块（.ele-choose-prtocol）列表无 UA 外边距
|
||
* （原站主题 reset：ul margin 0；custom_css 只给了 padding 0） */
|
||
.content-html .ele-choose-prtocol ul,
|
||
.content-html .ele-choose-platform ul { margin: 0; }
|
||
|
||
/* Landing 智能网关 9b87079/7c15af8：内嵌 section 外层列同样带 margin（620 → 610） */
|
||
[data-el="491df15"] > div,
|
||
[data-el="71f7329"] > div,
|
||
[data-el="2ec9a62"] > div,
|
||
[data-el="7bdf4c0"] > div { width: auto !important; }
|
||
|
||
/* Landing 智能网关 028b4bc/5745b4f：列 06632bb/3317056 padding 20 + margin-right 10，
|
||
* populated 按 auto 扣除 margin（原站内层节与信息框宽 570；100% 时为 580） */
|
||
[data-el="06632bb"] > div,
|
||
[data-el="3361c18"] > div,
|
||
[data-el="3317056"] > div,
|
||
[data-el="5938d26"] > div { width: auto !important; }
|