v0.10.23: 落地页收口（toggle/内嵌模板 27143/posts cards/info-box）+ dev 3311 修复
This commit is contained in:
bigcode
+127
-20
@@ -83,6 +83,7 @@
|
||||
}
|
||||
.fa-chevron-up::before { content: "\f077"; }
|
||||
.fa-comment-dots::before { content: "\f4ad"; }
|
||||
.fa-check-circle::before { content: "\f058"; }
|
||||
|
||||
/* # 成员变量 Tailwind 主题令牌（与原 website.css 配色一一对应） **/
|
||||
@theme {
|
||||
@@ -351,8 +352,9 @@
|
||||
.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%; opacity: 1; }
|
||||
.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）；
|
||||
@@ -379,10 +381,26 @@
|
||||
[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-tab-content-item {
|
||||
[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）；
|
||||
@@ -420,31 +438,63 @@
|
||||
* padding 48/48/16 + 白底 + 圆角 6 + 边框 #E0E5F9 均设置驱动 */
|
||||
[data-el="65282de"] > div, [data-el="cc3e8ca"] > div { width: auto !important; }
|
||||
|
||||
/* ===== Elementor posts widget（skin cards 基础；H18 实测 2026-11-01）
|
||||
* 卡 = flex 纵向（h 520 由节点 custom_css .ele-post-dif .elementor-post 注入）；
|
||||
* 缩略图比率 0.66×内宽（img 绝对定位铺满 object-fit fill）、badge 绝对右上
|
||||
* （bg rgba(255,255,255,.7)/12px/圆角 4,自定义样式经 custom_css 注入）；
|
||||
* 标题 18/400/#000、meta 16/#ADADAD/padding 10 12、摘要在 H18 组件内联 */
|
||||
.elementor-post__card {
|
||||
display: flex; flex-direction: column; overflow: hidden;
|
||||
border-radius: 3px;
|
||||
/* ===== 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);
|
||||
}
|
||||
.elementor-post__thumbnail__link { display: block; position: relative; margin: 0 0 20px; }
|
||||
.elementor-post__thumbnail { position: relative; overflow: hidden; padding-bottom: 66%; }
|
||||
.elementor-post__thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
|
||||
@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;
|
||||
font-size: 12px; line-height: 1; padding: 7.2px 14.4px;
|
||||
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 { padding: 0 12px; flex-grow: 1; }
|
||||
.elementor-post__title { font-size: 18px; line-height: 27px; font-weight: 400; color: #000; }
|
||||
.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; padding: 10px 12px;
|
||||
font-size: 16px; color: #ADADAD;
|
||||
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%); }
|
||||
}
|
||||
.elementor-post__excerpt { font-size: 16px; line-height: 1.7; color: #333; }
|
||||
/* 右列卡（a22c185 .ele-post-dif-2）：纯文本卡 bg #F4F5F8、标题链接右侧箭头图标
|
||||
* 与 44px 两行钳制均由 custom_css 注入；此处理品牌底色/箭头 hover 位移 */
|
||||
[data-el="a22c185"] .elementor-post__card { background-color: #F4F5F8; }
|
||||
@@ -530,6 +580,8 @@
|
||||
.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;
|
||||
@@ -538,6 +590,12 @@
|
||||
.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,
|
||||
@@ -720,6 +778,48 @@
|
||||
[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 语义补丁 */
|
||||
@@ -1012,3 +1112,10 @@ body.dialog-prevent-scroll { overflow: hidden; }
|
||||
[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; }
|
||||
|
||||
Reference in New Issue
Block a user