/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =======================================================
   VETMASTER GLOBAL MASTER STYLESHEET (V1.0 - First Stage)
   SGS Technical R&D Department - Fully Decoupled & Optimized
   ======================================================= */

/* -------------------------------------------------------
   1. GLOBAL VARIABLES (全局 CSS 自定义变量声明层)
   ------------------------------------------------------- */
:root {
    /* 品牌视觉基因对齐 [3] */
    --vtm-primary: #0F52BA;       /* 威马主蓝色 */
    --vtm-dark: #0A2540;          /* 经典深蓝色 */
    --vtm-accent: #acc8b4;        /* 威马高亮浅绿 */
    --vtm-bg-gray: #F6F9FC;       /* 全站浅灰分隔色 */
    --vtm-bg-white: #FFFFFF;    /* 背景色白 */
    --vtm-bg-darkblue: #0A42A0; /* 背景色blue */
    --vtm-text-white: #FFFFFF;  /* 文字色白 */
    --vtm-text-body: #1A2B49;     /* 正文重度灰蓝色 */
    --vtm-text-muted: #5A6B82;    /* 中度学术灰蓝色 */
    --vtm-text-light: #8A9BB2;    /* 轻度元数据灰蓝色 */
    --vtm-card-border-light: #E2E8F0; /* 卡片边框淡灰色 */
    --vtm-card-hover-border-light: #D1DBE5; /* 卡片悬停边框色 */
    --vtm-card-hover-button-blue: #073a96; /* 卡片悬停button color */
    --vtm-success-green: #28a745; /* color for success msg */
    --vtm-error-red: #A94442; /* color for error msg */
    
    /* 8点网格与圆角体系  */
    --vtm-radius: 12px;           /* 黄金 12px 圆角 */
    --vtm-radius-btn: 6px;        /* 表单与按钮 6px 圆角 */
    
    /* 缓动物理动画 */
    --vtm-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
    --vtm-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    /* 方案 B 核心多语言字体堆栈 (Lato 英数优先 + 思源黑/宋中文自愈) */
    --vtm-font-sans: 'Lato', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --vtm-font-serif: 'Lato', 'Noto Serif SC', "Source Han Serif SC", Georgia, "Songti SC", "Nimbus Roman No9 L", "Microsoft YaHei", serif;

}

/* 初始将 body 设为完全透明 */
body {
    opacity: 0;
    transition: opacity 0.15s ease-in-out; /* 采用 0.15s 的极快过渡，避免用户感知到白屏 */
}

/* 激活态：瞬间拉回不透明 */
body.dom-ready {
    opacity: 1;
}

/* ==========================================================================
   全局抗锯齿渲染机制 (强行磨平 Windows 微软雅黑锯齿边缘，实现高保真质感)
   ========================================================================== */
body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* --------------------------------------------------------------------------
   1.1 UNIVERSAL TYPOGRAPHY SAFEGUARD (全局多语言字体自愈保底层)
   - 作用：作为全站最后的安全网，强制捕获所有未被 Elementor 显式指定的元素。
   - 确保 LearnDash 级联页、系统表单、第三方组件 100% 达成多语言字体视觉一致性。
-------------------------------------------------------------------------- */

/* 全局无衬线自愈保底 (正文、段落、列表、表单、输入框、按钮等所有 UI 元素) */
body, html, p, span, li, input, select, textarea, button {
    font-family: var(--vtm-font-sans) !important;
}

/* 全局衬线自愈保底 (所有标准 H1-H6 标题、文章标题、Elementor 核心标题) */
h1, h2, h3, h4, h5, h6, 
.entry-title, 
.elementor-heading-title {
    font-family: var(--vtm-font-serif) !important;
}

/* -------------------------------------------------------
   2. FIRST ZONE: DYNAMIC STICKY HEADER (全局动态自愈悬浮页头)
   ------------------------------------------------------- */

/* -------------------------------------------------------
A. 初始态 (顶端透明悬浮) - 仅在首页且【没有滚动】时强行覆盖
------------------------------------------------------- */

/* 2.1. 当首页【未滚动】时，页头悬浮透明 */
.home .vtm-header-container:not(.vtm-scrolled) {
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 999 !important;
}

/* 只在桌面端 (屏幕宽度 >= 1025px) 生效 */
@media (min-width: 1025px) {
    /* 2.2. 当首页【未滚动】时，强行将一级菜单文字渲染为白色 */
    .home .vtm-header-container:not(.vtm-scrolled) .vtm-main-menu ul > li > div > a > span,
    .home .vtm-header-container:not(.vtm-scrolled) .vtm-main-menu ul > li > div > div > span {
        color: var(--vtm-text-white) !important;
        text-shadow: 0 1px 3px rgba(10, 37, 64, 0.25) !important;
    }

    /* 未滚动时，同步将下拉小箭头 (SVG) 设为白色 */
    .home .vtm-header-container:not(.vtm-scrolled) .vtm-main-menu .e-n-menu-dropdown-icon svg {
        fill: var(--vtm-text-white) !important;
    }
}

.home .vtm-header-container:not(.vtm-scrolled) .vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: var(--vtm-text-white) !important;
    text-shadow: 0 1px 3px rgba(10, 37, 64, 0.25) !important;
    font-family: var(--vtm-font-sans) !important;
}

.home .vtm-header-container:not(.vtm-scrolled) .vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover,
.home .vtm-header-container:not(.vtm-scrolled) .vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:focus {
    color: var(--vtm-accent) !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

/* 未滚动时，一级菜单悬停变为品牌浅绿 */
.home .vtm-header-container:not(.vtm-scrolled) .vtm-main-menu ul > li > div > a span:hover {
    color: var(--vtm-accent) !important;
}

/* 2.4. 未滚动时，将按钮重塑为白色 */
.home .vtm-header-container:not(.vtm-scrolled) .vtm-btn-logout a {
    color: var(--vtm-text-white) !important;
}
.home .vtm-header-container:not(.vtm-scrolled) .vtm-btn-logout a:hover {
    color: var(--vtm-accent) !important;
    background-color: transparent !important;
}

/* 2.5. 未滚动时，强制将 [LOG OUT] 按钮内部的 Icon 图标也渲染为白色 */
.home .vtm-header-container:not(.vtm-scrolled) .vtm-btn-logout .elementor-button-icon svg {
    fill: var(--vtm-text-white) !important;
}
.home .vtm-header-container:not(.vtm-scrolled) .vtm-btn-logout .elementor-button-icon svg:hover {
    fill: var(--vtm-accent) !important;
}


/* -------------------------------------------------------
B. 滚动过渡期与激活态 (仅控制容器背景与阴影，菜单/按钮退回原生控制)
------------------------------------------------------- */

/* 2.6. 为容器、菜单、按钮的一系列属性声明平滑的动画过渡 */
.home .vtm-header-container {
    transition: background-color 0.4s var(--vtm-ease), box-shadow 0.4s var(--vtm-ease), padding 0.4s var(--vtm-ease) !important;
}
.home .vtm-header-container .vtm-main-menu ul > li > div > a span {
    transition: color 0.4s var(--vtm-ease) !important;
}
.home .vtm-header-container .vtm-main-menu .e-n-menu-dropdown-icon svg {
    transition: fill 0.4s var(--vtm-ease) !important;
}
.home .vtm-header-container .vtm-btn-logout a {
    transition: var(--vtm-transition) !important;
}


/* ==========================================================================
   DYNAMIC STICKY HEADER & UNIFIED VISUAL SYSTEM
   ========================================================================== */

/* 2.1 顶栏物理高度与两端对齐 (防止重叠与换行) */
.vtm-header-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;         /* 强制左、中、右三块弹性两端对齐 */
    flex-wrap: nowrap !important;                      /* 坚决禁止换行 */
}

/* 中间容器：主菜单与语言切换器紧密水平对齐 */
.vtm-menu-switcher-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 24px !important;
    flex-wrap: nowrap !important;
}

/* 2.2 NEW NESTED MENU (新超级主菜单高定重置) */

/* 主菜单项文字样式 */
.vtm-main-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title-text {
    font-family: var(--vtm-font-sans) !important;
    font-size: 15px !important;                       /* 15px 黄金学术字号 */
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--vtm-text-muted) !important; 
    transition: color 0.3s var(--vtm-ease) !important;
}

/* 主菜单项容器微调 (去掉多余的高度压迫) */
.vtm-main-menu .e-n-menu-heading .e-n-menu-title-container {
    padding: 8px 0 !important;
    text-decoration: none !important;
}

/* 主菜单悬停与当前激活页状态 */
.vtm-main-menu .e-n-menu-heading .e-n-menu-item .e-n-menu-title-container:hover .e-n-menu-title-text {
    color: var(--vtm-accent) !important;    
    text-decoration: none !important;
}

/* 菜单自带的下拉箭头颜色重塑 */
.vtm-main-menu .e-n-menu-heading .e-n-menu-dropdown-icon svg {
    fill: var(--vtm-text-muted) !important;
    transition: fill 0.3s var(--vtm-ease) !important;
    width: 10px !important;
    height: 10px !important;
}
.vtm-main-menu .e-n-menu-heading .e-n-menu-item:hover .e-n-menu-dropdown-icon svg {
    fill: var(--vtm-accent) !important;
}

/* 2.3 WPML LANGUAGE SWITCHER (点击下拉切换器重塑) */

.vtm-header-lang-switcher .wpml-ls {
    width: auto !important;
}

/* 切换器主按钮 */
.vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    display: inline-flex !important;
    align-items: center !important;
    background-color: transparent !important;
    border: none !important;
    color: var(--vtm-text-muted) !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;                       /* 比主菜单小 1px，形成完美字阶 */
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-radius: var(--vtm-radius-btn) !important;
    transition: var(--vtm-transition) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* 切换器主按钮 Hover */
.vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover,
.vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:focus {
    color: var(--vtm-dark) !important;
    background-color: var(--vtm-bg-gray) !important;
    text-decoration: none !important;
}

/* 极简下折 V 形箭头重塑 (彻底粉碎并替代 WPML 原生厚重三角形边框冲突) */
.vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle::after {
    border: none !important;                          /* 彻底摧毁原生 border 三角形冲突 */
    background: none !important;                      /* 彻底清除原生可能存在的背景图 */
    content: "" !important;
    position: relative !important;                     /* 强行拉回正常文档流 */
    float: none !important;                           /* 清除浮动 */
    display: inline-block !important;
    vertical-align: middle !important;
    
    /* 重新精细绘制 V 形线 */
    margin-left: 16px !important;
    width: 5px !important;
    height: 5px !important;
    border-right: 1.5px solid currentColor !important; /* 精致的 1.5px 极细折线 */
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 0.3s var(--vtm-ease) !important;
}

/* 下拉菜单展开时，小箭头平滑旋转 180 度 */
.vtm-header-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle[aria-expanded="true"]::after {
    transform: rotate(-135deg) translateY(2px) !important;
}

/* 展开的下拉面板高定 (12px 大圆角与轻阴影) */
.vtm-header-lang-switcher .wpml-ls-sub-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;                /* 左边缘定位到父容器50%位置 */
    transform: translateX(-50%) !important; /* 回退自身宽度的50%，实现居中 */
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius-btn) !important;
    box-shadow: 0 10px 30px rgba(10, 37, 64, 0.08) !important;
    padding: none !important;
    margin-top: 8px !important;
    min-width: 90px !important;
    list-style: none !important;
    z-index: 99999 !important;
}

.vtm-header-lang-switcher .wpml-ls-sub-menu li {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}
.vtm-header-lang-switcher .wpml-ls-sub-menu li:last-child {
    margin-bottom: 0 !important;
}

/* 下拉菜单内部选项 */
.vtm-header-lang-switcher .wpml-ls-sub-menu a {
    display: block !important;
    color: var(--vtm-text-muted) !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;                       /* 下拉内部降级到 13px 极简字号 */
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border: none !important;
    text-align: center !important;
    border-radius: var(--vtm-radius-btn) !important;
    text-decoration: none !important;
}

.vtm-header-lang-switcher .wpml-ls-sub-menu a:hover {
    color: var(--vtm-dark) !important;
    background-color: var(--vtm-bg-gray) !important;
    text-decoration: none !important;
}


/* 2.4 AUTH CONTAINER BUTTONS & LOG OUT LINK */

/* LOG IN 和 DASHBOARD 按钮 (大写 + 1.5px 字母间距，紧实精悍) */
.vtm-btn-login a,
.vtm-btn-dashboard a {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;              /* 强制大写，提升质感 */
    letter-spacing: 1.5px !important;                  /* 拓宽字距 */
    border-radius: 20px !important;
    transition: background-color 0.3s var(--vtm-ease) !important;
    white-space: nowrap !important;
}

/* LOG OUT 文字链 (去下划线) */
.vtm-btn-logout a {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;                  /* 彻底抛弃下划线 */
    color: var(--vtm-text-muted) !important;
    transition: color 0.3s var(--vtm-ease) !important;
}
/* 悬停时，让按钮的文字和图标都变为品牌高亮色（以浅绿色为例） */
.vtm-btn-logout:hover a{
    color: var(--vtm-dark) !important;
    background-color: var(--vtm-bg-gray) !important;
}

/* -------------------------------------------------------
   3. SECOND ZONE: EDITORIAL TYPOGRAPHY (全站高阶学术标题类)
   ------------------------------------------------------- */

/* 3.1 极简上标题 (Kicker) 样式：宽字距、辅色绿 */
.vtm-philosophy-kicker,
.vtm-about-kicker,
.vtm-manifesto-kicker,
.vtm-alliance-kicker {
    font-family: var(--vtm-font-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: var(--vtm-accent) !important;
}

/* 3.2 奢华主标题 (Headline) 样式：深蓝、1.3行高 */
.vtm-philosophy-headline,
.vtm-about-headline,
.vtm-manifesto-headline,
.vtm-alliance-headline {
    font-family: var(--vtm-font-serif) !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--vtm-dark) !important;
}

.vtm-alliance-body {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: var(--vtm-text-muted) !important; /* 学术灰蓝色 */
    margin-bottom: 8px !important; /* 底部留出 4 个网格间距 */
}

/* 3.3 学术引言正文（带左侧学术蓝装饰竖线） */
.vtm-quote-text {
    border-left: 3px solid var(--vtm-primary) !important;
    border-radius: var(--vtm-radius-btn) !important;
    padding-left: 18px !important;
    font-family: var(--vtm-font-serif) !important;
    font-style: italic !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: var(--vtm-text-body) !important;
}

/* 3.4 签名区：学者/院校中文主名称 */
.vtm-signature-name,
.vtm-stamp-name {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--vtm-dark) !important;
    margin-bottom: 4px !important; 
}

/* 3.5 签名区：学术职位排版 */
.vtm-signature-title,
.vtm-stamp-sub {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: var(--vtm-text-light) !important;
}

/* --------------------------------------------------------------------------
   4. THIRD ZONE: COMPACT SITEMAP FOOTER (全局 4 列网站地图页脚)
   -------------------------------------------------------------------------- */

/* 4.1 强制最外层页脚外壳在滚动至底端时，自动形成高雅的 1px 细分割线 */
.vtm-global-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 4.2 强制规范 Sitemap 三个列的 H4 小标题清洗为纯白色 */
.vtm-global-footer .vtm-footer-sitemap h4 {
    font-family: var(--vtm-font-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: var(--vtm-text-white) !important;
    margin-bottom: 24px !important;
}

/* 4.3 强制将三列 Sitemap 内部文字与链接清洗为高雅的半透明乳白色 */
.vtm-global-footer .vtm-footer-sitemap ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.vtm-global-footer .vtm-footer-sitemap li {
    margin-bottom: 12px !important;
}
.vtm-global-footer .vtm-footer-sitemap a {
    text-decoration: none !important;
}
.vtm-global-footer .vtm-footer-sitemap :is(a, span) {
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: color 0.3s ease, padding-left 0.3s ease !important;
}

/* 悬停时：链接文字和图标同步变为品牌高亮绿，并轻轻右探 4px */
.vtm-global-footer .vtm-footer-sitemap a:hover :is(span, i, svg) {
    color: var(--vtm-accent) !important;
    fill: var(--vtm-accent) !important;
}
/* .vtm-global-footer .vtm-footer-sitemap a:hover {
    padding-left: 4px !important;
} */

/* 4.4 第一列品牌宗旨文字与版权声明 */
.vtm-global-footer .vtm-footer-brand-text p {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
}
.vtm-global-footer .vtm-footer-copyright {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    text-align: right !important;
}

/* --------------------------------------------------------------------------
   5. FOURTH ZONE: HIGH-PERFORMANCE INTERACTIVE COMPONENTS (高精交互动效组)
   -------------------------------------------------------------------------- */

/* 5.1 【全站卡片动态变焦微浮网格】：
       合并控制产品、课程、纪事等卡片外围物理属性，100% 消除冗余代码 */
.vtm-course-card,
.vtm-chronicle-card {
    overflow: hidden !important;
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius) !important;
    transition: transform 0.5s var(--vtm-ease), border-color 0.5s ease, box-shadow 0.5s var(--vtm-ease) !important;
}

/* Hover 卡片微幅抬升，高保真微影 */
.vtm-course-card:hover,
.vtm-chronicle-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 40px rgba(10, 37, 64, 0.05) !important;
    border-color: var(--vtm-card-hover-border-light) !important;
}

/* 1.03倍平滑变焦（贝塞尔曲线） */
.vtm-course-card .elementor-image img,
.vtm-chronicle-card img {
    transition: transform 0.8s var(--vtm-ease) !important;
}
.vtm-course-card:hover .elementor-image img,
.vtm-chronicle-card:hover img {
    transform: scale(1.03) !important;
}

/* 5.2 下划线链接文字 hover 优雅向右滑移 6px */
.vtm-course-card .elementor-button,
.vtm-chronicle-card .elementor-button,
.vtm-about-alliance-wrap .elementor-button,
.vtm-philosophy-content .elementor-button {
    transition: padding-left 0.3s var(--vtm-ease), color 0.3s ease !important;
}
.vtm-course-card:hover .elementor-button,
.vtm-about-alliance-wrap .elementor-button:hover,
.vtm-chronicle-card:hover .elementor-button,
.vtm-philosophy-content .elementor-button:hover {
    padding-left: 6px !important;
    color: var(--vtm-card-hover-button-blue) !important;
}

/* 5.2.1. 标题、摘要排版隔离，100% 避开第三方类名 */
.vtm-chronicle-card h3 {
    font-family: var(--vtm-font-serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--vtm-dark) !important;
    margin-top: 8px !important;
    
    /* 电影级 3 行截断 */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* 物理高度自适应锁定：利用 em 保证在所有缩放宽度下完美等高 (3 行 * 1.35 行高 = 4.05em) */
    height: 4.05em !important;
    max-height: 4.05em !important;
}
.vtm-chronicle-card:hover h3 {
    color: var(--vtm-primary) !important;
}

.vtm-chronicle-card-excerpt {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: var(--vtm-text-muted) !important;
    margin-bottom: 16px !important;
    
    /* 行截断 */
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* 高度自适应锁定：4 行 * 1.65 行高 = 6.6em */
    height: 6.6em !important;
    max-height: 6.6em !important;
}

/* 5.2.2. 日期元数据对齐 */
.vtm-chronicle-meta li {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    color: var(--vtm-text-light) !important;
}

/* 5.2.3. 分类导航栏（Taxonomy Filter）的硬编码覆盖 */
.vtm-taxonomy-filter .e-filter-item {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 8px 20px !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: var(--vtm-radius) !important;
    color: var(--vtm-text-muted) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.vtm-taxonomy-filter .e-filter-item:hover,
.vtm-taxonomy-filter .e-filter-item[aria-pressed="true"] {
    background-color: var(--vtm-primary) !important;
    border-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
}

/* 5.3 【协作Logo灰度变焦】：45px 签名级小徽章 */
.vtm-partner-stamp img {
    filter: grayscale(100%) !important;
    opacity: 0.8 !important;
    max-height: 56px !important; /* 物理高度自适应约束 */
    width: auto !important;
    transition: filter 0.4s ease, opacity 0.4s ease !important;
}
.vtm-about-alliance-logos:hover .vtm-partner-stamp img {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   6. [SGS-QR-Sentinel] 全局通用多语言二维码悬浮系统 (V2.0)
   适用于国内/国外微信客服、页脚多社交平台 QR code 的 100% 物理重用
   ========================================================================== */

/* 基础触发器外壳 */
.vtm-footer-social-icons .elementor-social-icon-weixin,
.vtm-qr-trigger {
    position: relative !important;
    overflow: visible !important;
    cursor: pointer !important;
}

/* 伪类悬浮气泡骨架 */
.vtm-footer-social-icons .elementor-social-icon-weixin::after,
.vtm-qr-trigger::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: 145% !important; /* 强制悬浮在文本/图标正上方 */
    left: 50% !important;
    transform: translateX(-50%) scale(0.85) !important;
    width: 140px !important;
    height: 140px !important;
    
    /* 核心魔法：图片不再硬编码，而是动态读取各个挂件自定义的 CSS 变量 */
    background-image: var(--vtm-qr-img) !important;
    
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius) !important;
    box-shadow: 0 12px 30px rgba(10, 37, 64, 0.15) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    
    /* 采用贝塞尔缓动，达成大厂级的丝滑渐显动效 */
    transition: transform 0.4s var(--vtm-ease), opacity 0.4s ease !important;
    z-index: 99999 !important;
}

/* 悬停（Hover）激活态 */
.vtm-footer-social-icons .elementor-social-icon-weixin:hover::after,
.vtm-qr-trigger:hover::after {
    opacity: 1 !important;
    transform: translateX(-50%) scale(1) !important;
    pointer-events: auto !important;
}

.vtm-qr-trigger-wechat-support-china {
     --vtm-qr-img: url("/media/2026/06/Vetmaster-support-wechat-HQ.jpg");
}
.vtm-qr-trigger-wechat-support-global {
     --vtm-qr-img: url("/media/2026/06/Vetmaster-wechat-international.jpg");
}
.vtm-footer-social-icons .elementor-social-icon-weixin {
     --vtm-qr-img: url("/media/2026/02/WechatVetmasterQRcode.jpg");
}


/* --------------------------------------------------------------------------
   7. SIXTH ZONE: COMPLIANCE BAR & USER PROFILE (合规注脚与表单美化)
   -------------------------------------------------------------------------- */

/* 7.1 最底端水平合规带链接排版 */
.vtm-footer-compliance-links,
.vtm-footer-compliance-links a {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.vtm-footer-compliance-links a:hover {
    color: var(--vtm-accent) !important;
}

/* 7.2 contact表单高精美化 (对齐登录框焦点与圆角机制) */
.vtm-contact-form .elementor-field-group {
    margin-bottom: 12px !important;
}
.vtm-contact-form label {
    font-family: var(--vtm-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--vtm-text-muted) !important;
    margin-bottom: 6px !important;
}
.vtm-contact-form :is(input, select, textarea) {
    font-family: var(--vtm-font-sans) !important;
    font-size: 15px !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius-btn) !important;
    background-color: var(--vtm-bg-white) !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
}
.vtm-contact-form :is(input, select, textarea):focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
    outline: none !important;
}
.vtm-contact-form .elementor-button {
    background-color: var(--vtm-primary) !important;
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: var(--vtm-radius-btn) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: background-color 0.3s ease !important;
}
.vtm-contact-form .elementor-button:hover {
    background-color: var(--vtm-bg-darkblue) !important;
}

/* 7.3 隐式隐私注脚排版（强制 a 标签继承 11px） */
.vtm-contact-privacy-footnote {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    font-style: italic !important;
    line-height: 1.4 !important;
    color: var(--vtm-text-light) !important;
    text-align: center !important;
    width: 100% !important;
}

.vtm-contact-privacy-footnote a {
    color: var(--vtm-text-muted) !important;
    font-size: inherit !important; /* 强制继承 */
    text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   8. SEVENTH ZONE: GUTENBERG SANITIZER (古腾堡学术排版清洗器) 
   -------------------------------------------------------------------------- */

/* 8.1 归档面包屑穿透（直接穿透 Link 和 Span 标签，100% 隔离 Elementor 原生样式） */
.sgs-breadcrumbs-wrapper :is(a, span, .sgs-breadcrumb-sep) {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    color: var(--vtm-text-body) !important;
    margin: 0 5px;
    line-height: 1.5 !important;
    text-decoration: none !important;
}
.sgs-breadcrumbs-wrapper a:hover {
    color: var(--vtm-primary) !important;
    text-decoration: underline !important;
}
.sgs-breadcrumb-current {
    font-weight: 700 !important;
}

/* 8.2 h1标题标准化 */
.elementor-widget-theme-post-title h1,
h1.elementor-heading-title,
.learndash-wrapper .ld-focus-content h1,
.learndash-wrapper .ld-tab-content h1 {
    font-family: var(--vtm-font-serif) !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--vtm-dark) !important;
    margin-bottom: 16px !important;
}

/* 8.3 日期元数据，使用 * 深度穿透 */
.elementor-widget-post-info {
    width: 120px !important;
    margin-bottom: 0px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}
.elementor-widget-post-info * {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    color: var(--vtm-text-light) !important;
}

/* 8.4 古腾堡元素统一强制清洗 */
.vtm-gutenberg-content :is(p, span, div),
/* .learndash-wrapper .ld-focus-sidebar-wrapper :is(span, div), */
.learndash-wrapper .ld-focus-content :is(p, span, div),
.learndash-wrapper .ld-tab-content :is(p, span, div) {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: var(--vtm-text-body) ;
    /* margin-bottom: 24px !important; */
}
.learndash-wrapper .ld-focus-content :is(h2, h3, h4, h5, h6),
.learndash-wrapper .ld-tab-content :is(h2, h3, h4, h5, h6),
.vtm-gutenberg-content :is(h2, h3, h4, h5, h6) {
    font-family: var(--vtm-font-serif) !important;
    color: var(--vtm-dark) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 24px !important;
    margin-bottom: 16px !important;
}
.learndash-wrapper .ld-focus-content h2,
.learndash-wrapper .ld-tab-content h2,
.vtm-gutenberg-content h2 
{ 
    font-size: 28px !important; 
}
.learndash-wrapper .ld-focus-content h3,
.learndash-wrapper .ld-tab-content h3,
.vtm-gutenberg-content h3 { 
    font-size: 22px !important; 
}
.learndash-wrapper .ld-focus-content h4,
.learndash-wrapper .ld-tab-content h4,
.vtm-gutenberg-content h4 { 
    font-size: 18px !important; 
}
.learndash-wrapper .ld-focus-content h5,
.learndash-wrapper .ld-tab-content h5,
.vtm-gutenberg-content h5 { 
    font-size: 16px !important; 
}
.learndash-wrapper .ld-focus-content h6,
.learndash-wrapper .ld-tab-content h6,
.vtm-gutenberg-content h6 { 
    font-size: 14px !important; font-style: italic !important; 
}

.learndash-wrapper .ld-focus-content :is(ul, ol),
.learndash-wrapper .ld-tab-content :is(ul, ol),
.vtm-gutenberg-content :is(ul, ol) {
/*     margin-bottom: 24px !important; */
    padding-left: 24px !important;
}
.learndash-wrapper .ld-focus-content li,
.learndash-wrapper .ld-tab-content li,
.vtm-gutenberg-content li {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--vtm-text-body);
    margin-bottom: 8px !important;
}
.learndash-wrapper .ld-focus-content blockquote,
.learndash-wrapper .ld-tab-content blockquote,
.vtm-gutenberg-content blockquote {
    border-left: 4px solid var(--vtm-primary) !important;
    padding-left: 20px !important;
    margin: 32px 0 !important;
    font-style: italic !important;
}
/* .learndash-wrapper .ld-focus-content img,
.learndash-wrapper .ld-tab-content img, */
.vtm-gutenberg-content img,
/* .learndash-wrapper .ld-focus-content .wp-block-image,
.learndash-wrapper .ld-tab-content .wp-block-image, */
.vtm-gutenberg-content .wp-block-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: var(--vtm-radius) !important;
    margin: 32px auto !important;
    display: block !important;
}
.learndash-wrapper .ld-focus-content table,
.learndash-wrapper .ld-tab-content table,
.vtm-gutenberg-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 32px 0 !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;
}
.learndash-wrapper .ld-focus-content :is(th, td),
.learndash-wrapper .ld-tab-content :is(th, td),
.vtm-gutenberg-content :is(th, td) {
    border: 1px solid #E2E8F0 !important;
    padding: 12px 16px !important;
    text-align: left !important;
}
.learndash-wrapper .ld-focus-content th,
.learndash-wrapper .ld-tab-content th,
.vtm-gutenberg-content th {
    background-color: var(--vtm-bg-gray) !important;
    color: var(--vtm-dark) ;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   9. EIGHTH ZONE: POST NAVIGATION & RESPONSIVE GRID (单文章上一篇下一篇)
   -------------------------------------------------------------------------- */

.vtm-post-navigation {
    border-top: 1px solid #E2E8F0 !important;
    margin-top: 56px !important;
    padding-top: 32px !important;
}
.vtm-post-navigation :is(.post-navigation__prev--label, .post-navigation__next--label) {
    font-family: var(--vtm-font-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--vtm-text-light) !important;
    margin-bottom: 8px !important;
}
.vtm-post-navigation :is(.post-navigation__prev--title, .post-navigation__next--title) {
    font-family: var(--vtm-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--vtm-dark) !important;
    transition: color 0.3s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.vtm-post-navigation :is(.post-navigation__prev--title:hover, .post-navigation__next--title:hover) {
    color: var(--vtm-primary) !important;
}

/* --------------------------------------------------------------------------
   10. NINTH ZONE: GLOBAL RESPONSIVE REFLOWS (全局多端物理自适应降级控制)
   -------------------------------------------------------------------------- */
/* desktop/pad */
/*48px 视觉避让槽 */
@media (min-width: 768px) {
    .vtm-post-navigation .elementor-post-navigation__prev {
        padding-right: 24px !important;
    }
    .vtm-post-navigation .elementor-post-navigation__next {
        padding-left: 24px !important;
    }
}

/* mobile */
@media (max-width: 767px) {
    /* 1. 强制双列/多列 Section 在手机端全部垂直排满 */
    /*
    .vtm-news-section {
        flex-direction: column !important;
    }
    */
    
    /* 2. 强制 Kicker / Headline 在手机端转为 Block 级容器并水平居中 */
    :is(.vtm-philosophy-kicker, .vtm-philosophy-headline, .vtm-about-kicker, .vtm-about-headline, .vtm-alliance-kicker, .vtm-alliance-headline) {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    /* 3. 强制引言竖线在手机端自动转化为横向顶部装饰线 */
    .vtm-quote-text {
        border-left: none !important;
        border-top: 3px solid var(--vtm-primary) !important;
        padding-left: 0 !important;
        padding-top: 16px !important;
    }
    
    /* 4. 上一篇/下一篇手机端 100% 满宽折行自愈 */
    .vtm-post-navigation .elementor-post-navigation {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .vtm-post-navigation .elementor-post-navigation__link {
        width: 100% !important;
        max-width: 100% !important;
    }
    .vtm-post-navigation .elementor-post-navigation__prev {
        padding-right: 0 !important;
        margin-bottom: 24px !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid var(--vtm-card-border-light) !important;
    }
    .vtm-post-navigation .elementor-post-navigation__next {
        padding-left: 0 !important;
        text-align: left !important;
    }
    .vtm-post-navigation .elementor-post-navigation__next a {
        justify-content: flex-start !important;
    }

}

/* -------------------------------------------------------
   11. VETMASTER SLIDES
   ------------------------------------------------------- */

/* 深度下钻：强制将 Elementor 所有的内层滑块容器、内容容器的指针恢复为默认标准箭头 */
.vtm-slides .swiper-slide-inner,
.vtm-slides .swiper-slide,
.vtm-slides .swiper-slide-contents {
    cursor: default !important;
}

/* 仅允许真正的行动按钮 (CTA)、左右导航箭头、底部小圆点在 Hover 时显示为手掌指针 */
.vtm-slides :is(.elementor-slide-button, .elementor-swiper-button, .swiper-pagination-bullets) {
    cursor: pointer !important;
}

/* 强制幻灯片内部的文字排版在左侧（Editorial 侧对齐，极具大厂高端感） */
.vtm-slides .swiper-slide-contents {
    text-align: left !important;
    max-width: 850px !important;
    padding-left: 8% !important; /* 优雅的非对称左侧内缩 */
}

/* 幻灯片上标题 (Kicker) 样式：高字重、宽字距、辅色绿 */
.vtm-slides .slide-kicker-text {
    font-family: var(--vtm-font-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important; /* 宽字距营造呼吸感 */
    color: var(--vtm-accent) !important; /* 白皮书高亮绿辅色 */
    margin-bottom: 16px !important;
    text-shadow: 0 1px 4px rgba(10, 37, 64, 0.3) !important;
}

/* 幻灯片主标题 (Headline) 样式：Lato、极重字重、严谨行高 */
.vtm-slides .slide-headline-text {
    font-family: var(--vtm-font-serif) !important;
    font-size: 56px !important; /* 高端大气字号 */
    font-weight: 700 !important;
    line-height: 1.15 !important; /* 紧凑行高防止松散 */
    color: var(--vtm-text-white) !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    text-shadow: 0 2px 10px rgba(10, 37, 64, 0.4) !important;
}

/* 幻灯片介绍段落 (Paragraph) 样式：中性灰白、优秀行高 */
.vtm-slides .slide-paragraph-text {
    font-family: var(--vtm-font-sans) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important; /* 黄金正文行高，保障阅读舒适度 */
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 40px !important; /* 与下方按钮保持 5 个网格间距 */
    text-shadow: 0 1px 5px rgba(10, 37, 64, 0.3) !important;
}

/* 幻灯片原生按钮微调，使其与整体排版对齐 */
.vtm-slides .elementor-slide-button {
    font-family: var(--vtm-font-sans) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 100px !important; /* 药丸型高级圆角 */
    padding: 14px 32px !important;
    transition: all 0.3s ease !important;
}

/* -------------------------------------------------------
   RESPONSIVE MEDIA QUERIES (多端像素级自适应缩放)
   ------------------------------------------------------- */

/* Tablet (平板端自适应) */
@media (max-width: 1024px) {
    .vtm-slides .swiper-slide-contents {
        max-width: 650px !important;
        padding-left: 5% !important;
    }
    .vtm-slides .slide-headline-text {
        font-size: 40px !important;
        margin-bottom: 16px !important;
    }
    .vtm-slides .slide-paragraph-text {
        font-size: 16px !important;
        line-height: 1.65 !important;
        margin-bottom: 32px !important;
    }
}

/* Mobile (手机端自适应) */
@media (max-width: 767px) {
    .vtm-slides .swiper-slide-contents {
        text-align: center !important; /* 手机端恢复居中，保障窄屏排版美感 */
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 100% !important;
    }
    .vtm-slides .slide-kicker-text {
        font-size: 11px !important;
        letter-spacing: 2px !important;
        margin-bottom: 12px !important;
    }
    .vtm-slides .slide-headline-text {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 16px !important;
    }
    .vtm-slides .slide-paragraph-text {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 24px !important;
    }
    .vtm-slides .elementor-slide-button {
        font-size: 14px !important;
        padding: 12px 24px !important;
    }
}

/* =======================================================
   12. VETMASTER TRUST BAR - MATERIAL SCIENCE MATRIX (V1.0)
   ======================================================= */

/* 子卡片 Icon 样式重排：强制使用品牌主色深蓝色、微缩到最克制的 28px */
.vtm-material-bar .elementor-icon-box-icon svg {
    fill: var(--vtm-primary) !important; /* 品牌主深蓝 */
    width: 28px !important;
    height: 28px !important;
    transition: transform 0.4s ease !important;
}

/* 微动画：鼠标 hover 卡片时，Icon 产生极为高雅的微弱向上浮动 4px 效果 */
.vtm-material-bar .elementor-element:hover .elementor-icon-box-icon svg {
    transform: translateY(-4px) !important;
}

/* 子卡片小标题样式：Lato、中等字重、精致 16px */
.vtm-material-bar .elementor-icon-box-title {
    font-family: var(--vtm-font-serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--vtm-dark) !important; /* 经典深蓝色 */
    margin-top: 16px !important;
    margin-bottom: 10px !important;
}

/* 子卡片正文描述：Lato、学术灰色、符合人体工程学的轻盈行高 */
.vtm-material-bar .elementor-icon-box-description {
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--vtm-text-muted) !important; /* 柔和学术灰蓝色，防止全黑字造成的视觉疲劳 */
}

/* 极佳细节：在平板和手机端强制将网格卡片内的文本居中对齐 */
@media (max-width: 1024px) {
    .vtm-material-bar .elementor-icon-box-wrapper {
        text-align: center !important;
    }
}

/* =======================================================
   13. VETMASTER SECTION 6 - CLINICAL PEER REVIEWS (V1.0)
   ======================================================= */

/* 隔离控制：专家评议卡片外壳，使用 F6F9FC 极浅灰色底板，12px 黄金圆角 */
.vtm-review-card {
    background-color: var(--vtm-bg-gray) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius) !important;
    padding: 32px !important; /* 内部 32px 呼吸留白 */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; /* 确保专家签名区强制靠底对齐 */
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
}

/* HOVER 微动：卡片轻微抬升，同时亮起极具学术质感的威马品牌浅绿色边框 */
.vtm-review-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--vtm-accent) !important; /* 威马浅绿辅色高亮，极其具有生命力与科技感 */
    box-shadow: 0 10px 25px rgba(10, 37, 64, 0.04) !important;
}

/* 签名区学者名字排版 */
.vtm-review-name {
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--vtm-dark) !important;
    margin-bottom: 2px !important;
}

/* 签名区学者职称排版 */
.vtm-review-title {
    font-family: var(--vtm-font-sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--vtm-text-muted) !important;
}

/* 手机端响应式自适应 */
@media (max-width: 767px) {
    .vtm-review-card {
        width: 100% !important;
        margin-bottom: 24px !important;
    }
}

/* =======================================================
   14. VETMASTER ABOUT US - THE MANIFESTO (V1.0)
   请确保此代码放置在 Section 1 外层父容器的 Custom CSS 中
   ======================================================= */
/* 愿景正文：Lato, 中等学术字色, 1.75 舒适阅读行高 */
.vtm-about-manifesto-wrap .vtm-manifesto-body {
    font-family: var(--vtm-font-sans) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: var(--vtm-text-muted) !important; /* 学术灰蓝色 */
    margin-bottom: 8px !important; /* 与下方文字按钮拉开 4 个网格间距 */
}

/* 文字链按钮：Hover 平滑滑移过渡 */
.vtm-contact-anchor-pointer .elementor-button,
.vtm-about-manifesto-wrap .elementor-button {
    transition: padding-left 0.3s var(--vtm-ease), color 0.3s ease !important;
}
.vtm-contact-anchor-pointer .elementor-button:hover,
.vtm-about-manifesto-wrap .elementor-button:hover {
    padding-left: 6px !important;
    color: var(--vtm-card-hover-button-blue) !important;
}

/* 手机端完全自适应降级排版 */
@media (max-width: 767px) {
    .vtm-about-vision {
        flex-direction: column !important;
        width: 100% !important;
        text-align: center !important;
    }
}

/* =======================================================
   15. VETMASTER ABOUT US - GLOBAL FOOTPRINT (V1.0)
   ======================================================= */
/* 极简卡片容器 hover 微交互（无背景，仅产生平滑微浮） */
.vtm-metric-card {
    transition: transform 0.4s ease !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.vtm-metric-card:hover {
    transform: translateY(-4px) !important;
}

/* -------------------------------------------------------
   RESPONSIVE MEDIA QUERIES (100% 纠偏与物理解耦版)
   ------------------------------------------------------- */
/* 手机端自适应降级排版 */
@media (max-width: 767px) {
    /* 强制将父容器 Flex 轴向转为垂直 Column */
    .global-footprint {
        flex-direction: column !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    /* 核心修复：强制将 span 行内标签转换为 block 块级标签，从而 100% 实现物理居中 */
    .global-footprint :is(.vtm-about-kicker, .vtm-about-headline) {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    /* 强制让介绍段落也居中 */
    .global-footprint .elementor-widget-text-editor {
        text-align: center !important;
    }
    
    /* 核心修复：直接锁定我们自定义的 .vtm-metric-card 类名，
          在手机端强制撑满并居中对齐，并增加 40px 的垂直网格呼吸感 */
    .global-footprint .vtm-metric-card {
        width: 100% !important;
        margin-bottom: 40px !important;
        text-align: center !important;
    }
}

/* =======================================================
   16. VETMASTER CONTACT US - HIGH FIDELITY LAYOUT (V2.1)
   SGS Technical R&D Department - Fully Code-Driven & Decoupled
   ======================================================= */

/* 16.1. 中央业务科室 3 列外壳卡片 (极简积木化无损自愈) */
.vtm-contact-card {
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius) !important; /* 物理读取 12px 黄金圆角 */
    padding: 24px !important;
    transition: var(--vtm-transition) !important; /* 物理读取 0.4s 缓动 */
}

/* 卡片悬停（Hover）抬升动效与阴影 */
.vtm-contact-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--vtm-card-hover-border-light) !important;
    box-shadow: 0 16px 40px rgba(10, 37, 64, 0.05) !important;
}

/* 16.2. 强制覆盖 Elementor 图标盒子 (Icon Box) 内部样式 */

/* 锁定图标大小与颜色 (无需在 Elementor 界面中手动配置) */
.vtm-contact-card .elementor-icon-box-icon svg {
    fill: var(--vtm-dark) !important; 
    width: 28px !important;
    height: 28px !important;
    transition: var(--vtm-transition) !important;
}

/* 仅针对标题内的链接文字设置字体、大小和颜色 */
.vtm-contact-card .elementor-icon-box-title {
    line-height: 1.3 !important;
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    font-family: var(--vtm-font-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--vtm-dark) !important;
}

/* 锁定描述文本与超链接排版样式（完全对称同一个页面正文的 Sans 字体基因） */
.vtm-contact-card .elementor-icon-box-description {
    font-family: var(--vtm-font-sans) !important;  /* 绝对调用 Lato + 思源黑体 */
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: var(--vtm-text-muted) !important;          /* 统一品牌蓝 */
    text-decoration: none !important;              /* 剔除多余下划线 */
    transition: var(--vtm-transition) !important;
}

/* 超链接悬停（Hover）变色 */
.vtm-contact-card .elementor-icon-box-description:hover {
    color: var(--vtm-card-hover-button-blue) !important;
}

/* ==========================================================================
   16.3 [VTM-Contact] 联系信息列表与多渠道支持样式 (纯纯 HTML/CSS，带高级 Hover)
   ========================================================================== */

/* 基础渠道项排版（图标与文字垂直居中） */
.vtm-footer-sitemap .vtm-support-item,
.vtm-contact-info-list .vtm-support-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    vertical-align: middle !important;
    cursor: pointer !important; /* 确保微信和链接都有手型指针 */
}

/* 纯 SVG 矢量图标全局基础样式 */
.vtm-footer-sitemap .vtm-support-item svg,
.vtm-contact-info-list .vtm-support-item svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    transition: fill 0.3s ease !important; /* 让图标变色也变平滑 */
}

/* 渠道项链接与触发文字的默认样式（去掉下划线，添加平滑颜色过渡） */
.vtm-footer-sitemap .vtm-support-item :is(a,span),
.vtm-contact-info-list .vtm-support-item :is(a,span) {
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* 让文字变色更柔和 */
}

/* --------------------------------------------------------------------------
   Hover 联动变色配置：当悬停在对应项目上时，图标与文字同时渲染各自品牌色
   -------------------------------------------------------------------------- */

/* WhatsApp 图标与文字变色 */
/* .vtm-contact-info-list .vtm-support-item .e-fab-whatsapp:hover {
    fill: #25D366 !important;
}
.vtm-contact-info-list .vtm-support-item:hover a {
    color: #25D366 !important;
} */

/* 5.2 微信图标与文字变色 */
.vtm-footer-sitemap .vtm-support-item .elementor-icon-list-item:hover :is(.e-fab-weixin, .e-fab-whatsapp),
.vtm-contact-info-list .vtm-support-item .elementor-icon-list-item:hover :is(.e-fab-weixin, .e-fab-whatsapp) {
    fill: #09B83E !important;
}
.vtm-footer-sitemap .vtm-support-item .elementor-icon-list-item:hover span,
.vtm-contact-info-list .vtm-support-item .elementor-icon-list-item:hover span {
    color: #09B83E !important;
}

/* 16.4. 左右两侧垂直地址列表排版 */
.vtm-contact-info-list p {
    font-family: var(--vtm-font-sans) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: var(--vtm-text-muted) !important;        /* 中度学术灰蓝色 #5A6B82 */
    margin-bottom: 12px !important;
}

.vtm-contact-info-list strong {
    color: var(--vtm-dark) !important;
    font-weight: 700 !important;
}


/* =======================================================
   17. VETMASTER Single Product style
   ======================================================= */

/* ==========================================================================
   Elementor Lightbox Decoupled Override (灯箱强制物理自愈)
   - 作用：彻底清洗原 PHP wp_footer 中的硬编码内联样式
   - 强行恢复灯箱导航的物理定位、堆叠上下文，提供 15% 的宽大点击热区
   ========================================================================== */
.elementor-lightbox .elementor-swiper-button {
    position: absolute !important;
    top: 0 !important;
    z-index: 9999 !important;
}

/* SGS 统一卡片视觉标准：零件图 & DOC 通用 */
.sgs-product-grid .elementor-widget-image {
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--vtm-radius); /* 同步你选定的按钮圆角 */
    padding: 15px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    height: 100%;
}

/* 统一悬停效果 */
.sgs-product-grid .elementor-widget-image:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
    transform: translateY(-5px);
    border-color: var(--vtm-primary); /* 悬停时边框微亮品牌蓝 */
}

/* 强制图片比例缩放，不拉伸 */
.sgs-product-grid .elementor-widget-image img {
    width: 100%;
    height: auto;
    cursor: zoom-in;
    object-fit: contain;
}

/* =======================================================
   18. VETMASTER Course Grid style
   ======================================================= */

/* 桌面端 (默认 3 列) */
@media (min-width: 1025px) {
    .vtm-course-grid .items-wrapper.grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 平板端 (强制 2 列) */
@media (min-width: 768px) and (max-width: 1024px) {
    .vtm-course-grid .items-wrapper.grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 手机端 (强制 1 列) */
@media (max-width: 767px) {
    .vtm-course-grid .items-wrapper.grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ==========================================================================
   筛选器组件精修 (与 V2.1 保持一致)
   ========================================================================== */
.vtm-course-grid .toggle-filter {
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: var(--vtm-radius) !important;
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
}

.vtm-course-grid .toggle-filter:hover {
    background-color: var(--vtm-dark) !important;
    box-shadow: 0 4px 15px rgba(15, 82, 186, 0.2) !important;
}

.vtm-course-grid .learndash-course-grid-filter {
    background-color: var(--vtm-bg-gray) !important;
    padding: 30px !important;
    border-radius: var(--vtm-radius) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
}

.vtm-course-grid .filter-wrapper .filter {
    margin-bottom: 20px !important;
}

.vtm-course-grid .filter-wrapper label {
    display: block !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--vtm-text-muted) !important;
    margin-bottom: 8px !important;
    text-transform: uppercase;
}

.vtm-course-grid .filter-wrapper input[type="text"] {
    width: 100% !important;
}
.vtm-course-grid .filter-wrapper input[type="number"] {
    width: 110px !important;
}

.vtm-course-grid .filter-wrapper input[type="number"],
.vtm-course-grid .filter-wrapper input[type="text"] {
    padding: 12px 15px !important;
    border-radius: var(--vtm-radius-btn) !important;
    border: 1px solid var(--vtm-text-light) !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;
    background-color: var(--vtm-bg-white) !important;
}

.vtm-course-grid .filter-wrapper input[type="number"]:focus,
.vtm-course-grid .filter-wrapper input[type="text"]:focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
}

.vtm-course-grid .filter-wrapper .buttons {
    display: flex !important;
    gap: 12px !important;
    margin-top: 32px !important;
}

.vtm-course-grid .filter-wrapper .buttons .button {
    padding: 12px 28px !important;
    border-radius: var(--vtm-radius-btn) !important;
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.vtm-course-grid .filter-wrapper .buttons .button.apply.blue {
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
}
.vtm-course-grid .filter-wrapper .buttons .button.apply.blue:hover {
    background-color: var(--vtm-dark) !important;
}

.vtm-course-grid .filter-wrapper .buttons .button.clear.grey {
    background-color: var(--vtm-card-border-light) !important;
    color: var(--vtm-text-muted) !important;
}
.vtm-course-grid .filter-wrapper .buttons .button.clear.grey:hover {
    background-color: var(--vtm-card-hover-border-light) !important;
}

.vtm-course-grid .author {
    display: none !important;
}

/* =======================================================
   19. VETMASTER Single Course Page
   ======================================================= */

/* SGS 专项：完美消除空短代码挂件及 Flexbox 间距 */
/* 核心魔法：使用 :has() 伪类。如果内部的 elementor-shortcode 是彻底空的，
   则将外层参与 Flexbox 布局的 widget 骨架彻底隐藏，不占用任何间距 */
.vtm-course-application-button-container .elementor-widget-shortcode:has(.elementor-shortcode:empty) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 兜底防御：防止某些短代码吐出带有隐形空格的无用标签 */
.vtm-course-application-button-container .elementor-widget-shortcode:has(.learndash-wrapper:empty) {
    display: none !important;
}

/* 之前为按钮写的强制颜色代码保持不变 */
.vtm-course-application-button-container .ld-button {
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
    border: none !important;
    border-radius: var(--vtm-radius-btn) !important;
    width: 100% !important;
    padding: 15px !important;
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    letter-spacing: 1px;
    word-spacing: 2px;
    display: block !important;
    transition: all 0.3s ease !important;
}

.vtm-course-application-button-container .ld-button:hover {
    background-color: var(--vtm-bg-darkblue) !important;
    transform: translateY(-2px) !important;
}


/* ==========================================================================
   VETMASTER ACADEMY - DISABLED BUTTON STYLES (SGS-UI-Addon)
   用于在 CPT 课程页中对“审核中”或“先修条件未满足”的灰态按钮进行物理级视觉锁定
   ========================================================================== */
.vtm-course-application-button-container .ld-button.ld-button-disabled,
.vtm-course-application-button-container span.ld-button.ld-button-disabled {
    background-color: var(--vtm-text-light) !important;
    color: var(--vtm-text-muted) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    cursor: not-allowed !important;
    pointer-events: none !important; /* 彻底阻断任何点击与鼠标指针事件 */
    box-shadow: none !important;
    transform: none !important;
}

/* 强制阻断任何可能从父级 Container 继承过来的 hover 动画 */
.vtm-course-application-button-container .ld-button.ld-button-disabled:hover,
.vtm-course-application-button-container span.ld-button.ld-button-disabled:hover {
    background-color: var(--vtm-text-light) !important;
    color: var(--vtm-text-muted) !important;
    transform: none !important;
    box-shadow: none !important;
}


/* =======================================================
   20. VETMASTER Product Inquire Popup
   ======================================================= */

/* SGS Popup 交互精修 */
/* 1. 输入框焦点蓝色光晕 */
.vtm-product-inquire input:focus, 
.vtm-product-inquire textarea:focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
    transition: all 0.3s ease;
}

/* 2. 按钮 Hover 动效对齐 */
.vtm-product-inquire .elementor-button:hover {
    background-color: var(--vtm-dark) !important;
    box-shadow: 0 8px 20px rgba(10, 66, 160, 0.3) !important;
    transform: translateY(-1px);
}

/* =======================================================
   21. VETMASTER Account Application Page Style
   ======================================================= */

/* 链接视觉强化：默认加粗 + 下划线 (让人一眼看出是链接) */
.vtm-login-foot-notes a {
    color: var(--vtm-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    transition: all 0.3s ease;
}

/* 链接 Hover 效果：变色并去掉下划线 (产生明显的交互感) */
.vtm-login-foot-notes a:hover {
    color: var(--vtm-dark) !important;
    text-decoration: none !important;
}

/* =======================================================
   22. VETMASTER Login Page Style
   ======================================================= */  

/* ==========================================================================
   Login Message Wrapper (登录消息高定状态自愈)
   - 作用：彻底剥离 PHP 内联 style，由 CSS 类名分发成功与错误提示
   - 保持 100% 的 14px 学术体及精细的行高和留白
   ========================================================================== */
.sgs-login-msg-wrapper {
    font-size: 14px;
    font-style: italic;
    min-height: 36px;
    display: flex;
    align-items: center;
    font-family: var(--vtm-font-sans);
    margin-bottom: 5px;
}
.sgs-login-msg-wrapper.is-error {
    color: var(--vtm-error-red);
}
.sgs-login-msg-wrapper.is-success {
    color: var(--vtm-success-green);
}

/* 容器 Padding：彻底解决 px 与 % 混用失效问题 */
.vtm-login-container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    padding-left: 12% !important;
    padding-right: 12% !important;
    min-height: auto !important; /* 确保容器随内容自适应高度 */
}

/* 提示信息对齐：强制左对齐，对齐输入框 */
.vtm-login-container .sgs-login-msg-wrapper {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    
    /* 核心：预留物理高度 */
    /* 14px字号 * 1.5倍行高 + 15px底部间距 ≈ 36px */
    min-height: 36px !important; 
    margin-bottom: 5px !important;
    
    /* 确保垂直居中对齐预留的空间 */
    display: flex !important;
    align-items: center;
}

/* 链接视觉强化：默认加粗 + 下划线 (让人一眼看出是链接) */
.vtm-login-container a {
    color: var(--vtm-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    transition: all 0.3s ease;
}

/* 链接 Hover 效果：变色并去掉下划线 (产生明显的交互感) */
.vtm-login-container a:hover {
    color: var(--vtm-card-hover-button-blue) !important;
    text-decoration: none !important;
}

/* 输入框焦点反馈：同步注册页蓝色光晕 */
.vtm-login-container input:focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
}

/* 按钮：强制全宽 */
.vtm-login-container .elementor-button {
    width: 100% !important;
}

/* =======================================================
   23. VETMASTER Password Reset Form Style
   ======================================================= */

   /* =========================================================
   SGS 密码重置表单自定义样式
   ========================================================= */

/* 1. 容器基础布局 */
.sgs-password-reset-container {
    font-family: var(--vtm-font-sans);
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
}

/* 2. 标题与段落排版 */
.sgs-password-reset-container h3 {
    margin-bottom: 20px;
    color: var(--vtm-dark);
}

.sgs-password-reset-container p {
    color: var(--vtm-text-muted);
    margin-bottom: 20px;
    line-height: 1.5;
}

/* 3. 状态反馈消息 */
.sgs-password-reset-container .sgs-msg-success {
    color: var(--vtm-success-green);
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

.sgs-password-reset-container .sgs-msg-error {
    color: var(--vtm-error-red);
    margin-bottom: 15px;
}

.sgs-password-reset-container .sgs-msg-error.is-italic {
    font-style: italic;
}

/* 4. 输入框样式 */
.sgs-password-reset-container input[type="text"],
.sgs-password-reset-container input[type="password"] {
    font-family: var(--vtm-font-sans) !important;
    font-size: 15px !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: var(--vtm-radius-btn) !important;
    margin-bottom: 15px;
    background-color: var(--vtm-bg-white) !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
}
.sgs-password-reset-container input[type="text"]:focus,
.sgs-password-reset-container input[type="password"]:focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
    outline: none !important;
}

/* 5. 按钮样式 (统一品牌蓝) */
.sgs-password-reset-container .sgs-form-btn {
    width: 100% !important;
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
    padding: 15px !important;
    border-radius: var(--vtm-radius-btn) !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-family: var(--vtm-font-sans) !important;
    display: block !important;
    text-decoration: none !important; /* 针对 a 标签模拟的按钮 */
    transition: background-color 0.3s ease !important;
}

.sgs-password-reset-container .sgs-form-btn:hover {
    background-color: var(--vtm-bg-darkblue) !important; /* Hover 时稍微变深 */
}

/* 6. 辅助链接样式 */
.sgs-password-reset-container .sgs-link-primary {
    color: var(--vtm-primary) !important;
    text-decoration: none !important;
}

.sgs-password-reset-container .sgs-link-primary:hover {
    text-decoration: underline !important;
}

/* =======================================================
   24. VETMASTER Profile Change Form Style
   ======================================================= */

/* SGS 表单输入框内边距精修 */
.vtm-profile-change-form .elementor-field-group input:not([type="submit"]) {
    padding: 12px 15px !important;
    height: auto !important; /* 确保内边距能撑起高度 */
}

/* SGS 表单反馈消息居中与间距精修 */
.vtm-profile-change-form .elementor-message {
    text-align: center !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* 1. 输入框焦点状态：增加品牌蓝色边框与柔和发光 */
.vtm-profile-change-form input:not([type="submit"]):focus {
    border-color: var(--vtm-primary) !important; /* 品牌主蓝 */
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important; /* 极其柔和的蓝色光晕 */
    background-color: var(--vtm-bg-white) !important;
    transition: all 0.3s ease;
}

/* 2. 提交按钮 Hover 状态：加深颜色并引入深层投影 */
.vtm-profile-change-form .elementor-button:hover {
    background-color: var(--vtm-bg-darkblue) !important; /* 略深一点的蓝色 */
    box-shadow: 0 8px 20px rgba(10, 66, 160, 0.3) !important; /* 带有蓝色的深阴影 */
    transform: translateY(-1px); /* 轻微上浮，增加点击欲望 */
    transition: all 0.3s ease;
}

/* 3. 提交按钮点击（Active）状态：按下效果 */
.vtm-profile-change-form .elementor-button:active {
    transform: translateY(1px);
    box-shadow: 0 4px 10px rgba(10, 66, 160, 0.2) !important;
}

/* ================================================================
   25. VETMASTER DASHBOARD MASTER CSS (Final Precision)
   ================================================================ */

/* 1. 统计区布局：向中心聚拢 + 垂直分割线 */
.vtm-dashboard .ld-profile-stats {
    display: flex !important;
    justify-content: center !important; 
    background-color: transparent !important;
    padding: 40px 0 !important;
    margin-bottom: 30px !important;
}
.vtm-dashboard .ld-profile-stat {
    padding: 0 60px !important; 
    position: relative;
    flex: 0 1 auto !important;
}
.vtm-dashboard .ld-profile-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: var(--vtm-card-border-light) !important; 
}

/* 2. 统计数字与标签美化 */
.vtm-dashboard .ld-profile-stat strong {
    color: var(--vtm-primary) !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    display: block !important;
    line-height: 1 !important;
    margin-bottom: 8px !important;
}
.vtm-dashboard .ld-profile-stat span {
    color: var(--vtm-text-light) !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}

/* 3. 【核心修正】针对截图中的 Edit profile 链接进行精准美化 */
/* 注意：.ld-profile-edit-link 就在 a 标签上 */
.vtm-dashboard a.ld-profile-edit-link {
    display: inline-block !important;
    margin-top: 10px !important;
    color: var(--vtm-text-muted) !important; 
    font-size: 13px !important;
    text-decoration: none !important;
    font-family: var(--vtm-font-sans) !important;
    transition: all 0.3s ease;
}

.vtm-dashboard a.ld-profile-edit-link:hover {
    color: var(--vtm-primary) !important; /* 悬停变品牌蓝 */
    text-decoration: underline !important;
}

/* 4. 姓名 (Name) 样式对齐：基于截图中的 .ld-profile-heading */
.vtm-dashboard .ld-profile-heading {
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    color: var(--vtm-text-body) !important;
    margin-bottom: 5px !important;
}



/* ================================================================
   26. VETMASTER Academy Course Application Form Style
   ================================================================ */

/* SGS Popup 交互精修 */
/* 1. 输入框焦点蓝色光晕 */
.vtm-course-application-form input:focus, 
.vtm-course-application-form textarea:focus {
    border-color: var(--vtm-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important;
    transition: all 0.3s ease;
}

/* 2. 按钮 Hover 动效对齐 */
.vtm-course-application-form .elementor-button:hover {
    background-color: var(--vtm-bg-darkblue) !important;
    box-shadow: 0 8px 20px rgba(10, 66, 160, 0.3) !important;
    transform: translateY(-1px);
}

/* 精准锁定 Name 和 Email 字段 (请根据实际情况调整 CSS 选择器) */
/* 这里我们使用了 Elementor 生成的特定 ID 匹配 */
.vtm-course-application-form #form-field-name, 
.vtm-course-application-form #form-field-email {
    pointer-events: none !important; /* 物理拦截鼠标点击 */
    background-color: var(--vtm-bg-gray) !important; /* 视觉反馈：不可编辑的浅灰 */
    color: var(--vtm-text-muted) !important;           /* 视觉反馈：文字变灰 */
    border: 1px solid var(--vtm-card-border-light) !important;
    cursor: not-allowed !important;
}

/* ==========================================================================
   27. VETMASTER LEARNDASH LMS INTEGRATION 
   SGS Technical R&D - Fully Variable-Driven
   ========================================================================== */

/* 修复 LearnDash 课程页图标在手机端变问号的问题 */
/* 物理移除原本不稳定的字体图标（::before 内容） */
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab .ld-icon::before {
    display: none !important;
}

/* 注入高保真内联 SVG 图标 */
/* 针对 Course 选项卡图标 (书本) */
.learndash-wrapper .ld-tabs .ld-icon-content {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230F52BA' d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.7-14.5-9.7-18.7-14.6-10.4-14.6-32.2 0-42.6 6-4.2 9.7-11.2 9.7-18.7zM96 48h288v258.7c-33.1 11-56 42.1-56 78.8 0 17 4.9 32.8 13.4 46.2l-221.4.3c-26.5 0-48-21.5-48-48s21.5-48 48-48h240V96H96c-11 0-20-9-20-20s9-20 20-20z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* 针对 Materials 选项卡图标 (书签) */
.learndash-wrapper .ld-tabs .ld-icon-materials {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%230F52BA' d='M0 512V48C0 21.5 21.5 0 48 0h288c26.5 0 48 21.5 48 48v464L192 400 0 512z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* -------------------------------------------------------
   内容头部与折叠按钮 (Header & Collapsible)
   ------------------------------------------------------- */

/* 课程内容大纲头部背景 */
.learndash-wrapper .ld-item-list .ld-section-heading {
    border-bottom: none !important; /* 移除可能存在的下划线 */
    justify-content: space-between !important;
    min-height: auto !important;
    margin-bottom: 40px !important;
    border-radius: var(--vtm-radius-btn) var(--vtm-radius-btn) 0 0 !important;
}
/* 强制修正头部内的文字颜色 */
.learndash-wrapper .ld-item-list .ld-section-heading h2 {
    color: var(--vtm-dark) !important;
}


/* 展开/折叠按钮圆角对齐 */
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-expand-button .ld-button-alternate {
    font-family: var(--vtm-font-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: var(--vtm-radius-btn) !important; /* 对齐 6px 按钮圆角 */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;    
    transition: var(--vtm-transition) !important;
}

/* 警告框去 WP 化 (保持) */
.learndash-wrapper .ld-alert-warning {
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-left: 5px solid var(--vtm-primary) !important;
    border-radius: var(--vtm-radius-btn) !important;
    padding: 30px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}
.learndash-wrapper .ld-alert-warning .ld-icon { display: none !important; }
.learndash-wrapper .ld-alert-warning * { margin-bottom: 0px !important; }

/* -------------------------------------------------------
   E. 课时与主题页面精修 (Lesson & Topic Specifics)
   ------------------------------------------------------- */

/* 4. 课时/主题 面包屑导航链接 (Breadcrumbs) */
.learndash-wrapper .ld-layout__header .ld-breadcrumbs__items {
    padding-left: 0px !important;
}

.learndash-wrapper .ld-breadcrumbs a {
    color: var(--vtm-primary) !important;
    font-family: var(--vtm-font-sans) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.learndash-wrapper .ld-breadcrumbs a:hover {
    color: var(--vtm-card-hover-button-blue) !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------
   G. 课程资料卡片 (Course Materials Tab)
   ------------------------------------------------------- */

/* 彻底重塑 Materials 内容区的视觉感，增加学术严谨度 */
.learndash-wrapper .ld-tab-content {
    background-color: var(--vtm-bg-white) !important;
    border: 1px solid var(--vtm-card-border-light) !important;
    border-radius: 0 0 var(--vtm-radius) var(--vtm-radius) !important;
    padding: 30px !important;
} 

/* -------------------------------------------------------
   H. 专注模式头部导航 (Focus Mode Header)
   ------------------------------------------------------- */

/* 头部文字与返回链接对齐 */
.learndash-wrapper .ld-focus-header .ld-user-menu .ld-user-welcome-text {
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    color: var(--vtm-dark) !important;
}

.learndash-wrapper .ld-focus-header .ld-content-action a {
    color: var(--vtm-primary) !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* --------------------------------------------------------------------------
   LEARNDASH FOCUS MODE ACADEMIC REFINEMENT (专注模式学术限制)
   ========================================================================== */

/* [Mark Complete] 实体提交按钮对齐全站顶奢规格 */
.learndash-wrapper .learndash_mark_complete_button {
    font-family: var(--vtm-font-sans);
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
    border-radius: var(--vtm-radius-btn) !important; /* 对齐 6px 圆角 */
    padding: 14px 28px !important;
    box-shadow: none !important;
    transition: background-color 0.3s var(--vtm-ease) !important;
}
.learndash-wrapper .learndash_mark_complete_button:hover {
    background-color: var(--vtm-bg-darkblue) !important; /* 悬停变为深海蓝 */
}

/* [Back to Course] 链接字色加深（解决截图 2 颜色过淡 Bug） */
.learndash-wrapper .ld-navigation__previous-link :is(span, svg),
.learndash-wrapper .ld-navigation__next-link :is(span, svg),
.learndash-wrapper .ld-navigation__back-to-course-link {
    font-family: var(--vtm-font-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--vtm-text-body) !important; 
    transition: color 0.3s ease !important;
}
.learndash-wrapper .ld-navigation__previous-link:hover :is(span, svg),
.learndash-wrapper .ld-navigation__next-link:hover :is(span, svg),
.learndash-wrapper .ld-navigation__back-to-course-link:hover {
    color: var(--vtm-success-green) !important;
}

/* Lesson Content 标题字色强制加深（解决截图 4 颜色过淡 Bug） */
.learndash-wrapper .ld-accordion__content a {
    font-family: var(--vtm-font-sans) !important;
    color: var(--vtm-text-muted) !important; /* 强制拉升对比度至学术灰蓝 */
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}
.learndash-wrapper .learndash-wrapper .ld-accordion__content a:hover {
    color: var(--vtm-primary) !important;
    text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   侧边栏 (Sidebar) 字体字号统一清洗组（保护原生状态颜色，仅统一排版）
   -------------------------------------------------------------------------- */
.learndash-wrapper .ld-focus-sidebar * {
    font-family: var(--vtm-font-sans);
}

/* 1级目录：大区 Section 标题排版 */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-section-heading {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--vtm-text-muted) !important;
}

/* 2级目录：Lesson 课件名称排版 */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* 3级目录：Topic 细分知识点名称排版 */
.learndash-wrapper .ld-focus-sidebar .ld-topic-title {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   侧边栏最顶端课程标题
   ========================================================================== */
.learndash-wrapper #ld-focus-mode-course-heading {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--vtm-text-white) !important;
}

/* ==========================================================================
   Presenter Mode 按钮（仅作用于内部按钮，保障原生 Hover 伸缩过渡效果）
   ========================================================================== */
.learndash-wrapper .ld-presenter-mode .ld-presenter-mode__button {
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    border-radius: 100px !important; /* 维持胶囊丸形状 */
    background-color: var(--vtm-accent) !important; /* 威马高亮浅绿 */
    color: var(--vtm-dark) !important; /* 经典深蓝色文字 */
    box-shadow: 0 4px 15px rgba(172, 200, 180, 0.25) !important;
    border: none !important;
    transition: transform 0.3s var(--vtm-ease), box-shadow 0.3s var(--vtm-ease) !important;
}
.learndash-wrapper .ld-presenter-mode .ld-presenter-mode__button:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 6px 20px rgba(172, 200, 180, 0.35) !important;
}

/* ==========================================================================
   Lesson / Materials 选项卡现代极简下划线设计 (对齐 BEM 规范及 aria-selected 属性) 
   ========================================================================== */

/* 选项卡按钮基础样式 */
.learndash-wrapper .ld-tab-bar__tab {
    background: transparent !important;
}

/* ==========================================================================
   自愈选项卡点击“延迟显示下划线”的原生 Bug
   ========================================================================== */

.learndash-wrapper .ld-tab-bar__tab[aria-selected="true"]::after {
    border-bottom: .25rem solid var(--vtm-primary);
    display: block;
}
.learndash-wrapper .ld-tab-bar__tab[aria-selected="true"] * {
    color: var(--vtm-primary);
}

.learndash-wrapper .ld-tab-bar__tab:hover * { color: var(--vtm-primary); }
.learndash-wrapper .ld-tab-bar__tab:hover::after { border-bottom: none; }

/* mark complete button centerize */
.learndash-wrapper .ld-navigation__progress {
    align-items: center; 
}

/* 侧边导航条宽度 */
/* 默认情况：平板及以上的设备，露出 24px */
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar {
    transform: translateX(calc(-100% + 24px)) !important;
}

/* 手机端：宽度小于 768px 时，完全隐藏（露出 0px） */
@media (max-width: 767px) {
    .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar {
        transform: translateX(calc(-100% + 0px)) !important;
        /* 或者更直接地完全移出视口： */
        /* transform: translateX(-100%) !important; */
    }
}

/* 统一将Lesson进度条周边的所有次要文本（LESSON PROGRESS、1/2 STEPS、LAST ACTIVITY）
   精准清洗为 11px、700字重、大写宽字距的极轻灰蓝色微标题（彻底消灭原有的粗大黑色感）*/
.learndash-wrapper .ld-progress-bar :is(.ld-progress-bar__label, .ld-progress-bar__meter-label, .ld-progress-bar__last-activity) {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; /* 宽字距精密注脚感 */
    color: var(--vtm-text-light) !important; /* 柔和灰蓝色 */
}

/* 精准微缩核心动态数据值（如百分比 50%）至更优雅的 13px */
.learndash-wrapper .ld-progress-bar .ld-progress-bar__meter-percentage {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--vtm-text-body) !important; /* 保持数字的高清晰度 */
}

/* ==========================================================================
   28. VETMASTER ACADEMY - ENHANCED USER PATHS & DYNAMIC PORTAL FOOTNOTES
   SGS Technical R&D Department - Decoupled UI Styling Layer
   ========================================================================== */

/* 学员中心一键定位继续学习按钮 */
.vtm-resume-btn {
    background-color: var(--vtm-primary) !important;
    color: var(--vtm-text-white) !important;
    margin-top: 16px;
    display: block;
    text-align: center;
    border-radius: var(--vtm-radius-btn) !important;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s var(--vtm-ease);
    padding: 16px !important;
    text-decoration: none !important;
}

.vtm-resume-btn:hover {
    background-color: var(--vtm-bg-darkblue) !important;
    transform: translateY(-2px) !important;
}

/* Portal学员中心课程列表上方动态进度风险提示 */
.vtm-portal-compliance-alert {
    background-color: var(--vtm-bg-gray) !important;
    /* border-left: 2px solid var(--vtm-accent) !important; */
    padding: 12px 18px !important;
    /* border-radius: var(--vtm-radius-btn) !important; */
    margin: 0 0 32px 0 !important;
    display: flex !important;
    
    /* 1. 【新增与修改】让弹性盒子内部的子元素水平、垂直双向居中 */
    justify-content: center !important; 
    align-items: center !important;     /* 从 flex-start 改为 center */
    
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01) !important;
}

.vtm-portal-compliance-alert::before {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 10px !important;
    
    /* 2. 【修改】从 2px 改为 0，因为父级已经垂直居中了，不需要再手动向下偏移微调 */
    margin-top: 0 !important; 
    
    flex-shrink: 0 !important;
    background-color: var(--vtm-accent) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A5 5 0 0 0 8 8c0 1 .3 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cline x1='9' y1='18' x2='15' y2='18'/%3E%3Cline x1='10' y1='22' x2='14' y2='22'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A5 5 0 0 0 8 8c0 1 .3 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cline x1='9' y1='18' x2='15' y2='18'/%3E%3Cline x1='10' y1='22' x2='14' y2='22'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.vtm-portal-compliance-alert .vtm-alert-text {
    font-family: var(--vtm-font-sans) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: var(--vtm-text-muted) !important;
    
    /* 3. 【新增】确保文字如果换行，在内部也呈现居中对齐 */
    text-align: center !important; 
}

.vtm-portal-compliance-alert .vtm-alert-text strong {
    color: var(--vtm-dark) !important;
    font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
   29. VETMASTER ACADEMY - COURSE GRID 2.0 METRICS SVG ATTACHMENT
   SGS Technical R&D Department - High-Fidelity SVG Local Safeguard
   -------------------------------------------------------------------------- */

/* 1. 物理屏蔽损坏的字体图标，转为极轻量的 WOFF2/SVG 局部渲染 */
.learndash-course-grid span.icon.dashicons.dashicons-category::before {
    content: "" !important;
    display: inline-block !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 13px !important;
    height: 13px !important;
    margin-right: 6px !important;
}

/* 2. 注入符合威马 VIS 学术蓝（#0F52BA）与学术灰（#5A6B82）的高保真矢量图 */

/* A. 在线学员 (Total Students) - 注入 User 矢量 */
/* .learndash-course-grid .course-meta .ld-icon-user::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%230F52BA' d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 363.8 0 437.1C0 478.4 33.6 512 74.9 512h298.2c41.3 0 74.9-33.6 74.9-74.9c0-73.3-79.8-133.1-178.3-133.1h-90.7z'/%3E%3C/svg%3E") !important;
} */

/* B. 总课时 (Total Lessons) - 注入 Book 矢量 */
/* .learndash-course-grid .course-meta .ld-icon-calendar::before,
.learndash-course-grid .course-meta [class*="calendar"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%230F52BA' d='M320 448c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v384zM80 0C35.8 0 0 35.8 0 80v352c0 44.2 35.8 80 80 80h224c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H80z'/%3E%3C/svg%3E") !important;
} */

/* C. 结业测验 (Total Quizzes) - 注入 Certificate 矢量 */
/* .learndash-course-grid .course-meta .ld-icon-quiz::before,
.learndash-course-grid .course-meta .ld-icon-document::before,
.learndash-course-grid .course-meta [class*="document"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%230F52BA' d='M192 0c-41.8 0-77.4 26.7-90.5 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48h-53.5C269.4 26.7 233.8 0 192 0zm0 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32z'/%3E%3C/svg%3E") !important;
} */

/* D. 课程类别图标 (Folder) - 注入 灰蓝色 Folder 矢量 */
.learndash-course-grid span.icon.dashicons.dashicons-category::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%235A6B82' d='M0 80V48C0 21.5 21.5 0 48 0h352c26.5 0 48 21.5 48 48v32c0 26.5-21.5 48-48 48H48C21.5 128 0 106.5 0 80zm0 128v256c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V208c0-26.5-21.5-48-48-48H48c-26.5 0-48 21.5-48 48z'/%3E%3C/svg%3E") !important;
}


/* --------------------------------------------------------------------------
   30. elementor form的error message icon。避免elementor字体图标加载
   -------------------------------------------------------------------------- */
.elementor-message.elementor-message-danger:before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    /* 采用红色且免请求的 inline SVG 图标 */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4d4f'%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: contain !important;
}

/* ==========================================================================
   31. SGS ISOLATED SEARCH BARS (学术纪事与骨科产品双效高精搜索框)
   ========================================================================== */
.sgs-product-search,
.sgs-chronicle-search {
    display: flex !important;
    width: 100% !important;
    max-width: 768px !important;
    margin: 40px auto 0 !important;
    background: var(--vtm-bg-white) !important;
    border-radius: var(--vtm-radius-btn) !important; /* 对齐 6px 黄金圆角 */
    overflow: hidden !important;
    border: 1px solid var(--vtm-card-border-light) !important; /* 统一浅灰边框 */
    box-shadow: 0 10px 30px rgba(10, 37, 64, 0.05) !important; /* 统一精致微影 */
    transition: var(--vtm-transition) !important; /* 统一 0.4s 全局缓动 */
}

.sgs-product-search:focus-within,
.sgs-chronicle-search:focus-within {
    border-color: var(--vtm-primary) !important; /* 统一品牌主蓝 */
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important; /* 统一蓝色光晕 */
}

.sgs-search-input,
.sgs-chronicle-input {
    flex-grow: 1 !important;
    border: none !important;
    padding: 20px 25px !important;
    font-family: var(--vtm-font-sans) !important; /* 统一调用 Lato */
    font-size: 16px !important;
    background-color: transparent !important;
    color: var(--vtm-text-body) !important; /* 统一正文颜色 */
    outline: none !important;
    box-shadow: none !important;
}

.sgs-search-btn,
.sgs-chronicle-btn {
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--vtm-primary) !important; /* 统一主蓝 */
    color: var(--vtm-text-white) !important;
    border: none !important;
    padding: 0 30px !important;
    font-family: var(--vtm-font-sans) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s var(--vtm-ease) !important;
}

.sgs-search-btn:hover,
.sgs-chronicle-btn:hover {
    background-color: var(--vtm-bg-darkblue) !important; /* 统一悬浮深蓝 */
}

/* ==========================================================================
   32. Certificate前端极简验证组件样式 (Frontend Verification Shortcode Styles - High Specificity)
   ========================================================================== */

/* 采用 body .vtm-verify-box-container 复合类名强制提升权重，彻底压制 Elementor 默认覆写 */
body .vtm-verify-box-container { max-width: 550px !important; margin: 30px auto !important; font-family: var(--vtm-font-sans) !important; }
body .vtm-verify-box-container .vtm-verify-form-group { display: flex !important; gap: 10px !important; margin-bottom: 20px !important; }

/* 输入框高权重控制 */
body .vtm-verify-box-container .vtm-verify-input { 
    flex: 1 !important; 
    height: 48px !important; 
    padding: 12px 18px !important; 
    border: 1px solid var(--vtm-card-border-light) !important; 
    border-radius: var(--vtm-radius-btn) !important; 
    font-size: 14px !important; 
    background: var(--vtm-bg-white) !important; 
    color: var(--vtm-text-body) !important;
    font-family: var(--vtm-font-sans) !important;
    transition: border-color 0.3s !important; 
}
body .vtm-verify-box-container .vtm-verify-input:focus { 
    border-color: var(--vtm-primary) !important; 
    outline: none !important; 
    box-shadow: 0 0 0 4px rgba(15, 82, 186, 0.1) !important; 
}

/* 按钮高权重控制 (精准对齐 Elementor 按钮的高权重选择器) */
body .vtm-verify-box-container .vtm-verify-btn { 
    height: 48px !important; 
    line-height: 48px !important;
    padding: 0 24px !important; 
    background-color: var(--vtm-primary) !important; 
    color: var(--vtm-text-white) !important; 
    border: none !important; 
    border-radius: var(--vtm-radius-btn) !important; 
    font-weight: 700 !important; 
    font-size: 14px !important; 
    font-family: var(--vtm-font-sans) !important;
    cursor: pointer !important; 
    transition: background 0.3s !important; 
    text-transform: uppercase !important; 
    letter-spacing: 1px !important; 
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body .vtm-verify-box-container .vtm-verify-btn:hover,
body .vtm-verify-box-container .vtm-verify-btn:focus { 
    background-color: var(--vtm-bg-darkblue) !important; 
    color: var(--vtm-text-white) !important;
}

/* 反馈面板高权重控制 */
body .vtm-verify-box-container .vtm-verify-response { 
    padding: 20px !important; 
    border-radius: var(--vtm-radius) !important; 
    border: 1px solid var(--vtm-card-border-light) !important; 
    display: none; 
    margin-top: 15px !important; 
}
body .vtm-verify-box-container .vtm-verify-response.is-valid { 
    border-color: var(--vtm-accent) !important; 
    background-color: #fcfdfd !important; 
}
body .vtm-verify-box-container .vtm-verify-response.is-invalid { 
    border-color: #fca5a5 !important; 
    background-color: #fffdfd !important; 
}

/* 反馈状态文字高权重控制 */
body .vtm-verify-box-container .vtm-verify-status-success { 
    color: var(--vtm-success-green) !important; 
    font-weight: 700 !important; 
    font-size: 16px !important; 
    margin: 0 0 15px 0 !important; 
    display: flex !important; 
    align-items: center !important; 
    gap: 6px !important; 
}
body .vtm-verify-box-container .vtm-verify-status-failed { 
    color: var(--vtm-error-red) !important; 
    font-weight: 700 !important; 
    font-size: 16px !important; 
    margin: 0 !important; 
}

/* 详情列表高权重控制 */
body .vtm-verify-box-container .vtm-verify-details { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}
body .vtm-verify-box-container .vtm-verify-details li { 
    margin-bottom: 8px !important; 
    font-size: 14px !important; 
    color: var(--vtm-text-body) !important; 
    line-height: 1.6 !important;
}
body .vtm-verify-box-container .vtm-verify-details li strong { 
    color: var(--vtm-dark) !important; 
    margin-right: 5px !important; 
    font-weight: bold !important;
}

/* 33. Altcha 高定视觉对齐 (8点网格 & 品牌蓝体系 - --vtm 变量联动版) */
altcha-widget {
    width: 100%;
    display: block;

    /* 全局 CSS 变量联动 (无 Hardcode，自动契合站点全局主题色) */
    --altcha-max-width: 100%;
    --altcha-border-radius: var(--vtm-radius-btn, 8px);
    --altcha-color-bg: var(--vtm-color-bg-alt, #f8fafc);
    --altcha-color-border: var(--vtm-color-border, #cbd5e1);
    --altcha-color-border-focus: var(--vtm-color-primary, #0056b3);
    --altcha-color-accent: var(--vtm-color-primary, #0056b3);
    --altcha-color-text: var(--vtm-color-text-main, #1e293b);
    /* --altcha-padding: 12px 0; */
}

/* 容器控制与 Hover 交互微调 */
.sgs-altcha-container {
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0 15px 0;
    display: flex;
    justify-content: left;
}

.sgs-altcha-container altcha-widget {
    box-shadow: var(--vtm-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.04));
    transition: all 0.2s ease-in-out;
}

.sgs-altcha-container altcha-widget:hover {
    --altcha-color-border: var(--vtm-color-primary, #0056b3);
}

/* 隐藏右侧 Logo 徽标与底部外链 (替代 HTML 属性) */
altcha-widget .altcha-logo,
altcha-widget .altcha-footer {
    display: none !important;
}

/* 兼容性防重：若 <altcha-widget> 在 Elementor Popup 重新挂载时生成了重复子节点，仅保留最后一个活节点 */
altcha-widget > .altcha:not(:last-child) {
    display: none !important;
}