/* Generated from the original Elementor head styles. */ @media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1,1fr)}} img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :root :where(.wp-block-icon svg){width: 24px;} :where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} :where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} /*# sourceURL=global-styles-inline-css */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }.elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)),.elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)){ display: block; }.e-background-video { position: relative; overflow: hidden; }.e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; }.e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; }.elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; }.e-background-video__controls { z-index: 2; }.e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; }.e-background-video.e-background-video--playing .e-background-video__play { display: none; }.e-background-video.e-background-video--paused .e-background-video__pause { display: none; }.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play,.e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; }.e-accordion-item-header-base { list-style: none; }.e-accordion-item-header-base::-webkit-details-marker { display: none; }.e-accordion-item-base { interpolate-size: allow-keywords; }.e-accordion-item-base::details-content {block-size: 0; overflow: hidden;transition: block-size .3s ease, content-visibility .3s ease allow-discrete;}.e-accordion-item-base[open]::details-content { block-size: auto; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base { width: auto; height: 100%; max-width: 100%; }.e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg { width: auto !important; }.e-accordion-item-icon-base svg { transition: transform .3s ease; }.e-accordion-item-base[open] > summary .e-accordion-item-icon-base svg { transform: rotate(180deg); } /*# sourceURL=elementor-frontend-inline-css */ .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* ---------- VEA 导航菜单(Elementor Pro nav-menu 的免费替代) ---------- */ .elementor-widget-nav-menu .elementor-nav-menu, .elementor-widget-nav-menu .elementor-nav-menu ul { list-style: none; margin: 0; padding: 0; } /* 横向布局 */ .elementor-nav-menu--layout-horizontal .elementor-nav-menu { display: flex; flex-wrap: wrap; align-items: center; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li { position: relative; } /* 菜单项链接 */ .elementor-widget-nav-menu .elementor-nav-menu a { display: flex; align-items: center; gap: 6px; padding: 12px 18px; text-decoration: none; color: inherit; line-height: 1.4; transition: color .3s ease; } .elementor-widget-nav-menu .elementor-nav-menu a:hover, .elementor-widget-nav-menu .elementor-nav-menu a:focus { color: #146C34; } /* ---- 下拉子菜单 ---- */ .elementor-nav-menu--dropdown .sub-menu, .elementor-nav-menu .sub-menu { position: absolute; top: 100%; left: 0; min-width: 220px; margin: 0; padding: 8px 0; background: #fff; box-shadow: 0 8px 28px rgba(0, 0, 0, .12); border-radius: 6px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .25s ease, transform .25s ease, visibility .25s; z-index: 999; } .elementor-nav-menu li:hover > .sub-menu, .elementor-nav-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .elementor-nav-menu .sub-menu li { position: relative; display: block; } .elementor-nav-menu .sub-menu a { padding: 10px 22px; white-space: nowrap; font-size: .95em; } /* 三级及以下:向右展开 */ .elementor-nav-menu .sub-menu .sub-menu { top: 0; left: 100%; transform: translateX(6px); } .elementor-nav-menu .sub-menu li:hover > .sub-menu { transform: translateX(0); } /* ---- 下箭头图标 ---- */ .elementor-widget-nav-menu .sub-arrow { display: inline-flex; align-items: center; margin-left: 2px; } .elementor-widget-nav-menu .sub-arrow svg { width: 1em; height: 1em; fill: currentColor; transition: transform .3s ease; } .elementor-nav-menu li:hover > a > .sub-arrow svg { transform: rotate(180deg); } /* ---- 当前项 / 悬停下划线(e--pointer-underline) ---- */ .elementor-nav-menu--main .elementor-item, .elementor-nav-menu--main .elementor-sub-item { position: relative; } .elementor-nav-menu--main .elementor-item::after, .elementor-nav-menu--main .elementor-sub-item::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 4px; height: 2px; background: #2fbf71; transform: scaleX(0); transform-origin: center; transition: transform .3s ease; } .elementor-nav-menu--main .elementor-item:hover::after, .elementor-nav-menu--main .elementor-item.elementor-item-active::after, .elementor-nav-menu--main .elementor-sub-item:hover::after { transform: scaleX(1); } .elementor-nav-menu--main .elementor-item-active { color: #146C34; } /* ---- 移动端:汉堡按钮 ---- */ .elementor-nav-menu--toggle .elementor-menu-toggle { display: none; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 22px; } .elementor-nav-menu--toggle .elementor-menu-toggle svg { width: 1em; height: 1em; fill: currentColor; } /* 平板及以下:切换为下拉面板 */ @media (max-width: 1024px) { /* 主题的 `input,button,select,textarea{width:100%}` 会把按钮宽度绑到父级, 而父级宽度又由内容决定,结果是按钮被压成 0 宽、图标看不见。 这里给按钮和图标定死尺寸,不依赖父级。 */ .elementor-widget-nav-menu { flex: 0 0 auto; width: auto; } .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle { display: inline-flex; width: 44px; height: 44px; min-width: 44px; padding: 0; margin: 0; flex: 0 0 44px; border-radius: 8px; } .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle svg { display: block; width: 24px; height: 24px; flex: 0 0 24px; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main { display: none; } /* 展开后的面板:贴按钮右侧、限高可滚动,避免超出屏幕 */ .elementor-nav-menu--dropdown-tablet.elementor-nav-menu--dropdown .elementor-nav-menu--main { display: block; position: absolute; top: calc(100% + 6px); right: 0; left: auto; width: min(320px, calc(100vw - 24px)); max-height: min(70vh, 520px); overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; box-shadow: 0 12px 40px rgba(0, 0, 0, .18); border-radius: 10px; padding: 6px 0; z-index: 1000; } /* 面板不能被页眉的 overflow 裁掉 */ header, header .e-con, header .elementor-element, .elementor-widget-nav-menu { overflow: visible; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu { display: block; width: 100%; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, .06); } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu > li:last-child { border-bottom: 0; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu a { padding: 13px 20px; font-size: 15px; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: rgba(0, 0, 0, .03); border-radius: 0; padding: 0; display: none; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu .sub-menu a { padding-left: 36px; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu .sub-menu .sub-menu a { padding-left: 52px; } .elementor-nav-menu--dropdown-tablet .elementor-nav-menu li.vea-open > .sub-menu { display: block; } } /* 桌面端:收紧间距,避免导航换行 */ @media (min-width: 1025px) { .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; } .elementor-widget-nav-menu .elementor-nav-menu a { padding: 10px 13px; white-space: nowrap; } } /* 语言切换器等右侧内容保持右对齐 */ .elementor-nav-menu--stretch .elementor-nav-menu { width: 100%; } /* ---------- 翻转卡片 ---------- */ .elementor-flip-box { position: relative; perspective: 1000px; overflow: hidden; } .elementor-flip-box__layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* 翻转到一半(.35s)时再把可见性切过去:正面缩到侧边看不见了, 背面正好转到正面。只靠 backface-visibility 在 --3d 的 preserve-3d 上下文里挡不住内部 overlay,会透出镜像文字,所以这里显式切换可见性。 */ transition: transform .7s cubic-bezier(.4, .2, .2, 1), visibility 0s linear .35s; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .elementor-flip-box--3d .elementor-flip-box__layer, .elementor-flip-box--3d .elementor-flip-box__layer__inner { transform-style: preserve-3d; } .elementor-flip-box__layer__overlay, .elementor-flip-box__layer__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 30px; text-align: center; box-sizing: border-box; /* 正反面共用白字。原 Pro 组件在 overlay 上设了 color:#fff, 缺少这条会让标题继承主题的深色,压在照片上就看不清了。 */ color: #fff; /* 关键:图层是 preserve-3d,内部 overlay 会作为独立的 3D 元素参与渲染。 只给图层设 backface-visibility:hidden 挡不住它,翻到背面时 overlay 会以镜像形式透出来(看起来像"乱码")。所以这里也要设。 */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 正面底色取自 Elementor 全局 accent 色;背面用品牌深色 */ .elementor-flip-box__front { background-color: var(--e-global-color-accent, #030712); z-index: 1; } .elementor-flip-box__back { background-color: #030712; } .elementor-flip-box__image { display: inline-block; width: 100%; margin: 0 0 11px; } .elementor-flip-box__image img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; } .elementor-flip-box__layer__title { margin: 12px 0 0; font-size: 21px; font-weight: 600; line-height: 1.25; color: #fff; } /* 正面是亮绿色底,白字对比度只有 2:1,换成近黑字 */ .elementor-flip-box__front .elementor-flip-box__layer__title, .elementor-flip-box__front .elementor-flip-box__layer__description { color: #030712; } /* 3D 效果:内层向内推,产生层次感(原 Pro 的 3D 效果依赖这条) */ .elementor-flip-box--3d .elementor-flip-box__layer__inner { transform: translateZ(90px) scale(.91); } .elementor-flip-box__layer__description { margin: 0; line-height: 1.6; } .elementor-flip-box__button { margin-top: 16px; display: inline-block; } /* 正反面初始位置 */ .elementor-flip-box__front { transform: rotateY(0deg); visibility: visible; } .elementor-flip-box__back { transform: rotateY(-180deg); visibility: hidden; } /* 悬停/点击翻转后:正面收起,背面登场 */ .elementor-flip-box:hover .elementor-flip-box__front, .elementor-flip-box--flipped .elementor-flip-box__front { visibility: hidden; } .elementor-flip-box:hover .elementor-flip-box__back, .elementor-flip-box--flipped .elementor-flip-box__back { visibility: visible; } /* 方向变体也要跟着切换可见性(下面的 transform 规则只负责旋转) */ .elementor-flip-box--direction-up:hover .elementor-flip-box__front, .elementor-flip-box--direction-down:hover .elementor-flip-box__front { visibility: hidden; } .elementor-flip-box--direction-up:hover .elementor-flip-box__back, .elementor-flip-box--direction-down:hover .elementor-flip-box__back { visibility: visible; } /* 悬停翻转:方向由 --direction-* 决定 */ .elementor-flip-box--direction-right:hover .elementor-flip-box__front, .elementor-flip-box--direction-right.elementor-flip-box--flipped .elementor-flip-box__front { transform: rotateY(180deg); } .elementor-flip-box--direction-right:hover .elementor-flip-box__back, .elementor-flip-box--direction-right.elementor-flip-box--flipped .elementor-flip-box__back { transform: rotateY(0deg); } .elementor-flip-box--direction-left:hover .elementor-flip-box__front, .elementor-flip-box--direction-left.elementor-flip-box--flipped .elementor-flip-box__front { transform: rotateY(-180deg); } .elementor-flip-box--direction-left:hover .elementor-flip-box__back, .elementor-flip-box--direction-left.elementor-flip-box--flipped .elementor-flip-box__back { transform: rotateY(0deg); } /* 上/下翻转 */ .elementor-flip-box--direction-up .elementor-flip-box__back { transform: rotateX(-180deg); } .elementor-flip-box--direction-down .elementor-flip-box__back { transform: rotateX(180deg); } .elementor-flip-box--direction-up:hover .elementor-flip-box__front { transform: rotateX(180deg); } .elementor-flip-box--direction-up:hover .elementor-flip-box__back { transform: rotateX(0deg); } .elementor-flip-box--direction-down:hover .elementor-flip-box__front { transform: rotateX(-180deg); } .elementor-flip-box--direction-down:hover .elementor-flip-box__back { transform: rotateX(0deg); } /* 触屏设备:点击翻转 */ @media (hover: none) { .elementor-flip-box { cursor: pointer; } } /* ---------- 文章列表(classic 皮肤) ---------- */ .elementor-widget-posts .elementor-posts-container { display: grid; grid-template-columns: repeat(var(--vea-cols, 3), minmax(0, 1fr)); gap: var(--vea-gap, 30px); margin: 0; padding: 0; list-style: none; } @media (max-width: 1024px) { .elementor-widget-posts .elementor-posts-container { grid-template-columns: repeat(var(--vea-cols-tablet, 2), minmax(0, 1fr)); } } @media (max-width: 767px) { .elementor-widget-posts .elementor-posts-container { grid-template-columns: repeat(var(--vea-cols-mobile, 1), minmax(0, 1fr)); } } .elementor-widget-posts .elementor-post { margin: 0; } .elementor-widget-posts .elementor-post__thumbnail__link { display: block; text-decoration: none; } .elementor-widget-posts .elementor-post__thumbnail { overflow: hidden; } .elementor-widget-posts .elementor-post__thumbnail img { width: 100%; height: auto; display: block; transition: transform .4s ease; } .elementor-widget-posts .elementor-post__thumbnail__link:hover .elementor-post__thumbnail img { transform: scale(1.04); } .elementor-widget-posts .elementor-post__title { margin: 14px 0 8px; line-height: 1.3; } .elementor-widget-posts .elementor-post__title a { text-decoration: none; color: inherit; } .elementor-widget-posts .elementor-post__title a:hover { color: #2fbf71; } .elementor-widget-posts .elementor-post__excerpt p { margin: 0 0 10px; } .elementor-widget-posts .elementor-post__read-more { display: inline-block; font-weight: 600; text-decoration: none; /* 原来的 #2fbf71 在浅灰底上只有 2.2:1,换成加深的同色系 */ color: #146C34; } .elementor-widget-posts .elementor-post__read-more:hover { text-decoration: underline; color: #0B3B22; } /* 分页 */ .elementor-widget-posts .elementor-pagination, .elementor-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 36px 0 0; } .elementor-pagination .page-numbers { display: inline-block; padding: 8px 14px; border: 1px solid rgba(0, 0, 0, .12); border-radius: 4px; text-decoration: none; color: inherit; line-height: 1; transition: background .25s ease, border-color .25s ease, color .25s ease; } .elementor-pagination .page-numbers:hover, .elementor-pagination .page-numbers.current { background: #146C34; border-color: #146C34; color: #fff; } /* agenio-core 的多个组件会无条件输出 .section-title-area, 标题和副标题都为空时就成了一条空白带。这里让空的整块不占位。 */ .section-title-area:not(:has(> *)) { display: none !important; } /* 文章页不再显示评论表单与「No Comments」 */ .post-comment, .comment-wrap { display: none !important; } .meta-item .icon-comments-solid, .meta-item .icon-comments-solid + span { display: none !important; } /* 文章详情页：去掉右侧栏（搜索 / 最新文章 / 最新评论 / 归档 / 分类），正文占满整宽 */ .single-post .wpr-blog-area .blog-sidebar { display: none !important; } .single-post .wpr-blog-area .col-lg-4:has(.blog-sidebar) { display: none !important; } .single-post .wpr-blog-area .row > .col-lg-7 { flex: 0 0 100%; max-width: 100%; } /* 去掉侧栏后正文占满会太宽，桌面端限一个适合阅读的宽度并居中 */ @media (min-width: 992px) { .single-post .wpr-blog-area .col-lg-7 > .blog-single-wrap { max-width: 840px; margin-left: auto; margin-right: auto; } } /* 文章正文统一用黑色。主题给 配了 #e7e7e7(白底上几乎看不见), 正文段落又是灰色,客户要求统一成黑色。 */ .blog-single-wrap[id^="post-"], .blog-single-wrap[id^="post-"] p, .blog-single-wrap[id^="post-"] li, .blog-single-wrap[id^="post-"] strong, .blog-single-wrap[id^="post-"] b, .blog-single-wrap[id^="post-"] em, .blog-single-wrap[id^="post-"] h1, .blog-single-wrap[id^="post-"] h2, .blog-single-wrap[id^="post-"] h3, .blog-single-wrap[id^="post-"] h4, .blog-single-wrap[id^="post-"] h5, .blog-single-wrap[id^="post-"] h6, .blog-single-wrap[id^="post-"] blockquote { color: #000; } /* 文章正文里的小标题被写成了

,主题按页标题的 100px 渲染,太大。 正文内的 h1~h6 统一降到正文标题的尺寸。 */ .blog-single-wrap[id^="post-"] h1, .blog-single-wrap[id^="post-"] h2 { font-size: clamp(24px, 2.1vw, 32px) !important; line-height: 1.3 !important; font-weight: 700; margin: 34px 0 14px; } .blog-single-wrap[id^="post-"] h3 { font-size: clamp(21px, 1.7vw, 26px) !important; line-height: 1.35 !important; font-weight: 700; margin: 28px 0 12px; } .blog-single-wrap[id^="post-"] h4, .blog-single-wrap[id^="post-"] h5, .blog-single-wrap[id^="post-"] h6 { font-size: clamp(18px, 1.4vw, 21px) !important; line-height: 1.4 !important; font-weight: 600; margin: 24px 0 10px; } /* 页头左上/右下的绿色像素装饰块,客户要求去掉 (主题用了两套:bg-shape 和 banner-shape-area,两套都要关) */ .wpr-banner-area.breadcrumb .banner-content-area .bg-shape, .wpr-banner-area.breadcrumb .banner-shape-area { display: none !important; } /* 标题太长时会顶到页头左上/右下的装饰色块上,按行数自动缩小 */ .wpr-banner-area.breadcrumb .banner-content-area h1.section-title.vea-title-fit { font-size: clamp(32px, 3.6vw, 64px) !important; line-height: 1.16 !important; } /* GTranslate 的语言弹窗默认 181px 宽,「Español」会被截断 */ .gt_white_content { min-width: 212px; } .gt_white_content .gt_languages a { white-space: nowrap; } /* 主题在 ≤768px 把页头简介里的
设成 display:none, 结果「global markets」和下一句首词粘在一起。恢复换行。 */ @media (max-width: 768px) { .wpr-banner-area.breadcrumb .banner-content-area .desc br { display: inline; } } /* 新闻/博客列表:同一层级的二级文字统一成同一种灰,避免深浅不一 */ .link1, .infor_sub { color: #4b5563; } /* 生态总览页「READ WHITEPAPER」按钮:亮绿底 + 白字只有 2:1,换成深绿底 */ .elementor-element-5f9a264 .elementor-button { background-color: #146C34; } .elementor-element-5f9a264 .elementor-button:hover { background-color: #0B3B22; } /* 手机端可用性微调 */ @media (max-width: 767px) { /* 语言切换按钮原本只有 19px 高,手指很难点中 */ .gt_switcher-popup { display: inline-flex; align-items: center; min-height: 40px; padding: 0 6px; } /* 页脚邮箱在窄屏会从中间断开,缩小一点让整行放得下 */ .elementor-location-footer .elementor-icon-list-text { font-size: 13px; } } /* 右下角的「回到顶部」在手机上会压住正文文字,缩小并降低存在感 */ @media (max-width: 767px) { #goTop { width: 34px; height: 34px; right: 10px; bottom: 14px; opacity: .62; } #goTop.show { opacity: .62; } #goTop:active { opacity: 1; } #goTop .border-progress { border-width: 1.5px; } }