/* =======================================================
   侧栏模块 1（彻底粉碎跨图层拼接处的闪烁黑线）
   ======================================================= */
.cinematic-slim-card {
    width: 100% !important;
    max-width: 318px !important; /* 严格死锁电脑端318px黄金宽度 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 高端纯白大底座 */
    border: 1px solid #e2e8f0; /* 微米级浅灰精细边界线 */
    border-radius: 20px; 
    overflow: hidden;
    isolation: isolate; /* 开启独立的2D层级隔离 */
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 鼠标悬停卡片整体轻盈浮起 */
.cinematic-slim-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(37, 99, 235, 0.12);
}

/* 底部环境弱流光 */
.cinematic-slim-card .cyber-mesh-glow {
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(37, 99, 235, 0.06) 0%, rgba(139, 92, 246, 0.02) 60%, rgba(255,255,255,0) 100%);
    filter: blur(25px);
    pointer-events: none;
    z-index: 1;
}

.cinematic-slim-card .cinematic-card-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column !important; /* 强制死锁垂直纵向布局 */
    width: 100%;
    box-sizing: border-box;
}

/* 巨幅人像外壳 */
.cinematic-slim-card .cinematic-portrait-zone {
    position: relative;
    width: 100% !important;
    height: 260px !important; /* 保持精美修长比例 */
    overflow: hidden;
    background: #f8fafc !important; /* 微调：底色改为极浅石板灰，与白底网页形成第一层对比 */
    flex-shrink: 0;
    
    /* 强制父级开启 3D 硬件加速，封锁圆角溢出 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    
    /* 利用负外边距向下吃进 1 像素，强行与下方文本区产生物理咬合，彻底封死拼接空隙 */
    margin-bottom: -1px !important; 
}

/* 主图片定位 */
.cinematic-slim-card .cinematic-portrait-zone img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* 严格死锁顶部对齐，绝不切头 */
    display: block;
    
    /* 3D 硬件抗锯齿加速 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    will-change: transform;
    outline: 1px solid transparent;
    
    /* 初始状态给予 1.01 倍极微量溢出，防止动画启动瞬间由于像素下陷露出边际线 */
    transform: scale(1.01) translateZ(1px);
    -webkit-transform: scale(1.01) translateZ(1px);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停放大 */
.cinematic-slim-card:hover .cinematic-portrait-zone img {
    transform: scale(1.05) translateZ(1px);
    -webkit-transform: scale(1.05) translateZ(1px);
}

/* 【核心修改】重构融边遮罩：从原本的纯白换成了高雅的午夜蓝/深石板灰渐变 */
/* 上透明、中过渡、下沉底，与纯白网页背景形成高级的“明暗对称”质感 */
.cinematic-slim-card .portrait-blend-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        to bottom, 
        rgba(15, 23, 42, 0) 40%,       /* 顶部保持透明，露出顾问面部 */
        rgba(15, 23, 42, 0.3) 70%,     /* 中下部开始优雅变深 */
        rgba(15, 23, 42, 0.75) 100%    /* 底部沉淀至高级深蓝灰，锁死图片边界 */
    );
    pointer-events: none;
    transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    z-index: 2;
}

/* 高反光白金毛玻璃标签 */
.cinematic-slim-card .glass-expert-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.85); /* 稍微提高一点不透明度，在深色背景上更显眼 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #1e40af; /* 皇家蓝 */
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    transform: translateZ(3px);
    -webkit-transform: translateZ(3px);
    z-index: 3;
}

/* 对下方文本区进行全量“洗白+图层同步” */
.cinematic-slim-card .cinematic-text-zone {
    padding: 22px 20px 24px 20px !important;
    box-sizing: border-box;
    text-align: left;
    background: #ffffff !important; /* 锁死纯白背景 */
    
    /* 提高层级压住上方的 1px 负边距重叠区 */
    position: relative !important;
    z-index: 4 !important;
    
    /* 核心同步：给文本区也开启硬件加速，让上下两块处于完全相同的基础渲染视轨 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.cinematic-slim-card .cinematic-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; /* 午夜蓝黑字 */
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
}

.cinematic-slim-card .text-gradient-neon {
    background: linear-gradient(90deg, #0284c7 0%, #4f46e5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900 !important;
}

.cinematic-slim-card .cinematic-description {
    font-size: 13.5px !important;
    color: #475569 !important; /* 石板灰 */
    line-height: 1.55 !important;
    margin: 0 0 20px 0 !important;
}

/* =======================================================
   高端皇家蓝转化行动按钮 (已重构为高度安全的 button 规格)
   ======================================================= */
.cinematic-slim-card .cinematic-action-button {
    width: 100% !important;
    box-sizing: border-box;
}

.cinematic-slim-card .cinematic-action-button button {
    /* 核心重构：强力抹除各种浏览器默认赋予 button 的外边界与投影杂音 */
    border: none !important;
    outline: none !important;
    background: linear-gradient(90deg, #4f46e5 0%, #3730a3 100%) !important; /* 维持原本奢华高贵的皇家蓝大渐变 */
    padding: 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* 100% 高保真继承原本的所有 2D/3D 渲染及间距控制参数 */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 44px !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(79, 70, 229, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 按钮内部横向白光扫影动效 */
.cinematic-slim-card .cinematic-action-button button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    transition: all 0.5s ease;
    z-index: 2;
}

.cinematic-slim-card .cinematic-action-button button svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

/* 悬停按钮全面提亮增蓝，小箭头向右流畅滑行 */
.cinematic-slim-card .cinematic-action-button button:hover {
    background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%) !important;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4) !important;
}

.cinematic-slim-card .cinematic-action-button button:hover::before {
    left: 100%;
}

.cinematic-slim-card .cinematic-action-button button:hover svg {
    transform: translateX(4px);
}

/* 移动端自适应 */
@media (max-width: 768px) {
    .cinematic-slim-card {
        max-width: 100% !important;
    }
    .cinematic-slim-card .cinematic-portrait-zone {
        height: 180px !important;
    }
    .cinematic-slim-card .cinematic-text-zone {
        padding: 18px 16px 22px 16px !important;
    }
}
/* =======================================================
   侧栏模块 2: 极光阅读指南卡片 (白金明亮绚丽版·纯 px 锁死)
   ======================================================= */
.cinematic-guide-card {
    width: 100% !important;
    max-width: 318px !important; /* 核心锁死：电脑端严格限定318px黄金宽度 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 洗白：高端纯白大底座 */
    border: 1px solid #e2e8f0; /* 微米级浅灰精细边界线 */
    border-radius: 20px; 
    overflow: hidden;
    /* 极致高级的轻量空气感多重弥散阴影，完美融入白底正文 */
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-guide-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(139, 92, 246, 0.15); /* 悬浮散发极光轻紫氛围微光 */
}

/* 顶部环境流光：极其柔和的马卡龙紫罗兰渐变层 */
.cinematic-guide-card .guide-mesh-glow {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, rgba(51, 89, 232, 0.02) 60%, rgba(255,255,255,0) 100%);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
}

.cinematic-guide-card .guide-card-inner {
    position: relative;
    z-index: 2;
    padding: 24px 20px 24px 20px !important; /* 全站白金模块视觉拉齐 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column !important;
    gap: 16px;
}

/* 头部设计 */
.cinematic-guide-card .guide-header-zone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #f1f5f9; /* 清爽明亮的白灰分割线 */
    padding-bottom: 14px;
}

/* 发光微型文档标签 */
.cinematic-guide-card .guide-mini-badge {
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.2);
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #4f46e5; /* 皇家靛蓝 */
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cinematic-guide-card .badge-glow-ring {
    width: 5px;
    height: 5px;
    background-color: #4f46e5;
    border-radius: 50%;
    box-shadow: 0 0 6px #4f46e5;
}

/* 模块大标题 */
.cinematic-guide-card .guide-main-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; /* 锁死高易读性的午夜蓝黑字 */
    margin: 0 !important;
    line-height: 1.3 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
}

/* 极光流光字体渐变 */
.cinematic-guide-card .guide-main-title span {
    background: linear-gradient(90deg, #4f46e5 0%, #db2777 100%); /* 奢华蓝粉渐变 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* =======================================================
   列表及单项超华丽交互设计 (白金明亮版)
   ======================================================= */
.cinematic-guide-card .guide-list-links {
    display: flex;
    flex-direction: column !important;
    gap: 6px; /* 紧凑排列，形成高档的白金磁贴面板结构 */
    width: 100%;
}

.cinematic-guide-card .guide-link-item {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px !important;
    background: #ffffff;
    border: 1px solid #f1f5f9; /* 默认自带极其隐蔽的温柔边界 */
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停单项时：底色被极光紫轻度灌满，整行产生右向微移 */
.cinematic-guide-card .guide-link-item:hover {
    background: #f5f3ff; /* 马卡龙浅紫氛围高光 */
    border-color: rgba(139, 92, 246, 0.25);
    transform: translateX(4px); /* 灵动滑行 */
}

/* 默认状态下的电子电光蓝数字编号 */
.cinematic-guide-card .item-number {
    font-family: monospace;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2563eb; 
    width: 24px;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

/* 悬停时数字触发强力撞色：瞬间充能为霓虹粉，并产生发光阴影 */
.cinematic-guide-card .guide-link-item:hover .item-number {
    color: #db2777; 
    text-shadow: 0 2px 8px rgba(219, 39, 119, 0.25);
}

/* 核心指南文本（洗白拉齐至高规格石板灰） */
.cinematic-guide-card .item-text {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475569 !important; /* 柔和舒适的石板灰 */
    line-height: 1.4 !important;
    flex: 1;
    padding-right: 8px;
    text-align: left;
    transition: color 0.25s ease;
}

/* 悬停文本完美跃迁为高档纯黑 */
.cinematic-guide-card .guide-link-item:hover .item-text {
    color: #0f172a !important; 
}

/* 右侧精细引导小箭头 */
.cinematic-guide-card .item-arrow {
    color: #94a3b8;
    flex-shrink: 0;
    opacity: 0; /* PC端默认优雅影藏，Hover时闪烁飞入 */
    transform: translateX(-4px);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停单项时，小箭头变成皇家蓝并流畅飞出 */
.cinematic-guide-card .guide-link-item:hover .item-arrow {
    color: #4f46e5;
    opacity: 1;
    transform: translateX(0);
}

/* =======================================================
   移动手机端无缝自适应响应式机制
   ======================================================= */
@media (max-width: 768px) {
    .cinematic-guide-card {
        max-width: 100% !important; /* 手机端拉满 */
        border-radius: 18px;
    }
    
    .cinematic-guide-card .guide-card-inner {
        padding: 20px 16px 22px 16px !important;
    }
    
    .cinematic-guide-card .guide-main-title {
        font-size: 18px !important;
    }
    
    .cinematic-guide-card .guide-link-item {
        min-height: 42px; /* 手机端紧凑度微调 */
        padding: 8px 10px !important;
    }
    
    .cinematic-guide-card .item-text {
        font-size: 13px !important;
    }
    
    .cinematic-guide-card .item-arrow {
        opacity: 1 !important; /* 移动端直接展现 */
        transform: translateX(0) !important;
        color: #4f46e5;
    }
}
/* =======================================================
   侧栏模块 3: 真实点击合规清单 (白金明亮绚丽版·纯 px 锁死)
   ======================================================= */
.cinematic-checklist-card {
    width: 100% !important;
    max-width: 318px !important; /* 严格死锁电脑端318px黄金宽度 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 洗白：高端纯白大底座 */
    border: 1px solid #e2e8f0; /* 微米级浅灰外边框线 */
    border-radius: 20px;
    overflow: hidden;
    /* 轻盈悬浮的气垫阴影，与右侧白底正文无缝融合 */
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-checklist-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(6, 182, 212, 0.15); /* 悬浮散发清透青绿微光 */
}

/* 背后环境极淡极光青绿氛围灯 */
.cinematic-checklist-card .checklist-mesh-glow {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(6, 182, 212, 0.08) 0%, rgba(16, 185, 129, 0.03) 60%, rgba(255,255,255,0) 100%);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
}

.cinematic-checklist-card .checklist-card-inner {
    position: relative;
    z-index: 2;
    padding: 24px 20px 26px 20px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column !important;
    gap: 22px;
}

/* 头部样式区 */
.cinematic-checklist-card .checklist-header-zone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #f1f5f9; /* 明亮细分隔线 */
    padding-bottom: 14px;
}

/* 翠绿合规标签 */
.cinematic-checklist-card .checklist-mini-badge {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #059669;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cinematic-checklist-card .badge-pulse-green {
    width: 5px;
    height: 5px;
    background-color: #059669;
    border-radius: 50%;
    box-shadow: 0 0 6px #059669;
}

/* 卡片大标题 */
.cinematic-checklist-card .checklist-main-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; /* 顶级商务午夜黑字 */
    margin: 0 !important;
    line-height: 1.3 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
}

/* 极光双色渐变高亮 */
.cinematic-checklist-card .checklist-main-title span {
    background: linear-gradient(90deg, #0091a8 0%, #059669 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cinematic-checklist-card .checklist-items-group {
    display: flex;
    flex-direction: column !important;
    gap: 14px;
    width: 100%;
}

/* 核心列表行包装 */
.cinematic-checklist-card .checklist-item-row {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}

/* 彻底影藏真实原生框 */
.cinematic-checklist-card .real-checkbox {
    display: none !important;
}

/* 自定义复选框皮肤 */
.cinematic-checklist-card .neon-checkbox-box {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(6, 182, 212, 0.4); /* 默认清冷虚化蓝外框 */
    background: rgba(6, 182, 212, 0.03);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent; /* 默认完全隐藏打勾SVG */
    flex-shrink: 0;
    margin-top: 2px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
}

/* 鼠标划过行未点击时，方框的智能激活预亮 */
.cinematic-checklist-card .checklist-item-row:hover .neon-checkbox-box {
    border-color: rgba(6, 182, 212, 0.9);
    background: rgba(6, 182, 212, 0.08);
}

/* 点击勾选后，方框内全自动化填充“青绿双色大渐变” */
.cinematic-checklist-card .real-checkbox:checked + .neon-checkbox-box {
    background: linear-gradient(135deg, #06b6d4 0%, #10b981 100%) !important; /* 双色大渐变 */
    border-color: transparent !important;
    color: #ffffff !important; /* 对钩符号高亮白 */
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.35); /* 绿色离子阴影 */
}

/* 默认未勾选的石板灰文本 */
.cinematic-checklist-card .checklist-item-text {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475569 !important; /* 契合内容页正文的石板灰 */
    line-height: 1.5 !important;
    text-align: left;
    transition: all 0.25s ease;
}

.cinematic-checklist-card .checklist-item-row:hover .checklist-item-text {
    color: #0f172a !important; /* 划过时文字变黑 */
}

/* 点击勾选后，文字彻底锁定为高端加粗纯黑 */
.cinematic-checklist-card .real-checkbox:checked ~ .checklist-item-text {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* =======================================================
   底部审计行动按钮区 (全面适配白底网页并重构为标准 button)
   ======================================================= */
.cinematic-checklist-card .checklist-action-zone {
    width: 100% !important;
    box-sizing: border-box;
    padding-top: 6px;
}

.cinematic-checklist-card .checklist-btn {
    /* 🔥【关键重构】强制剥离所有浏览器默认赋予 button 的原生丑陋边界线及背景干扰 */
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* 100% 高保真延续原本的所有精美参数配置 */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 44px !important;
    background: linear-gradient(90deg, #0f766e 0%, #0d9488 100%) !important; /* 深稳合规财税绿 */
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(13, 148, 136, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 按钮扫光掠影 */
.cinematic-checklist-card .checklist-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    transition: all 0.5s ease;
    z-index: 2;
}

.cinematic-checklist-card .checklist-btn svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停按钮提亮与箭头微弹 */
.cinematic-checklist-card .checklist-btn:hover {
    background: linear-gradient(90deg, #0d9488 0%, #14b8a6 100%) !important;
    box-shadow: 0 6px 18px rgba(13, 148, 136, 0.4) !important;
}

.cinematic-checklist-card .checklist-btn:hover::before {
    left: 100%;
}

.cinematic-checklist-card .checklist-btn:hover svg {
    transform: translateX(4px);
}

/* 手机移动端弹性自适应适配 */
@media (max-width: 768px) {
    .cinematic-checklist-card {
        max-width: 100% !important;
        border-radius: 18px;
    }
    .cinematic-checklist-card .checklist-card-inner {
        padding: 20px 16px 22px 16px !important;
    }
    .cinematic-checklist-card .checklist-main-title {
        font-size: 18px !important;
    }
    .cinematic-checklist-card .checklist-items-group {
        gap: 12px;
    }
    .cinematic-checklist-card .checklist-item-text {
        font-size: 13px !important;
    }
}
/* =======================================================
   侧栏模块 4: 赛博微缩仪表盘成本卡片 (白金明亮版·纯 px 锁死)
   ======================================================= */
.cinematic-cost-card {
    width: 100% !important;
    max-width: 318px !important; /* 核心锁死：电脑端严格限定318px黄金宽度 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 洗白：高端纯白大底座 */
    border: 1px solid #e2e8f0; /* 微米级浅灰精细外边框 */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-cost-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(245, 158, 11, 0.15); 
}

.cinematic-cost-card .cost-mesh-glow {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.07) 0%, rgba(251, 146, 60, 0.02) 60%, rgba(255,255,255,0) 100%);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
}

.cinematic-cost-card .cost-card-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column !important; 
    width: 100%;
    box-sizing: border-box;
}

.cinematic-cost-card .cost-visual-dashboard {
    width: 100%;
    height: 135px; 
    background: #f8fafc; 
    padding: 22px 20px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    gap: 12px;
    border-bottom: 1px solid #e2e8f0;
}

.cinematic-cost-card .dashboard-track-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px;
    width: 100%;
}

.cinematic-cost-card .track-label {
    font-family: monospace;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #64748b; 
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cinematic-cost-card .track-bar-bg {
    width: 100%;
    height: 4px;
    background: #e2e8f0; 
    border-radius: 100px;
    overflow: hidden;
    position: relative;
}

.cinematic-cost-card .track-fill-line {
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(90deg, #fbbf24 0%, #f97316 100%); 
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-cost-card .line-gold-1 { width: 78%; }
.cinematic-cost-card .line-gold-2 { width: 52%; }
.cinematic-cost-card .line-gold-3 { width: 65%; }

.cinematic-cost-card:hover .line-gold-1 { width: 85%; }
.cinematic-cost-card:hover .line-gold-2 { width: 68%; }
.cinematic-cost-card:hover .line-gold-3 { width: 80%; }

.cinematic-cost-card .cost-text-zone {
    padding: 22px 20px 24px 20px !important;
    box-sizing: border-box;
    text-align: left;
}

.cinematic-cost-card .cost-header-zone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 12px;
}

.cinematic-cost-card .cost-mini-badge {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #b45309; 
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cinematic-cost-card .badge-pulse-amber {
    width: 5px;
    height: 5px;
    background-color: #b45309;
    border-radius: 50%;
    box-shadow: 0 0 6px #b45309;
}

.cinematic-cost-card .cost-main-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; 
    margin: 0 !important;
    line-height: 1.3 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
}

.cinematic-cost-card .cost-main-title span {
    background: linear-gradient(90deg, #d97706 0%, #ea580c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cinematic-cost-card .cost-card-subtitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e3a8a !important; 
    line-height: 1.4 !important;
    margin: 4px 0 0 0 !important;
}

.cinematic-cost-card .cost-card-desc {
    font-size: 13.5px !important;
    color: #475569 !important; 
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
}

.cinematic-cost-card .cost-grid-checklist {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; 
    gap: 10px 12px;
    width: 100%;
    margin-bottom: 24px;
    border-top: 1px dashed #e2e8f0; 
    padding-top: 16px;
}

.cinematic-cost-card .cost-check-item {
    display: flex !important;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
}

.cinematic-cost-card .cost-check-icon {
    width: 15px;
    height: 15px;
    background: rgba(245, 158, 11, 0.1);
    color: #b45309;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    font-weight: 900 !important;
    flex-shrink: 0;
}

.cinematic-cost-card .cost-check-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

/* =======================================================
   奢华暖金高转换行动按钮 (已重构为高度安全的 button 规格)
   ======================================================= */
.cinematic-cost-card .cost-action-button {
    width: 100% !important;
    box-sizing: border-box;
}

.cinematic-cost-card .cost-action-button button {
    /* 🔥【核心重构】强力抹除各种浏览器默认赋予 button 的丑陋原生边框与背景背景音 */
    border: none !important;
    outline: none !important;
    background: linear-gradient(90deg, #b45309 0%, #d97706 100%) !important;
    padding: 0 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* 完美拉齐继承原本的所有高端视觉参数 */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 44px !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 按钮内部白光横扫微动效 */
.cinematic-cost-card .cost-action-button button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    transition: all 0.5s ease;
    z-index: 2;
}

.cinematic-cost-card .cost-action-button button svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

/* 悬停按钮全面提金，小箭头右弹滑行 */
.cinematic-cost-card .cost-action-button button:hover {
    background: linear-gradient(90deg, #d97706 0%, #f59e0b 100%) !important;
    box-shadow: 0 6px 20px rgba(217, 119, 6, 0.45) !important;
}

.cinematic-cost-card .cost-action-button button:hover::before {
    left: 100%;
}

.cinematic-cost-card .cost-action-button button:hover svg {
    transform: translateX(4px);
}

/* 手机移动端自适应适配 */
@media (max-width: 768px) {
    .cinematic-cost-card {
        max-width: 100% !important;
        border-radius: 18px;
    }
    
    .cinematic-cost-card .cost-card-inner {
        padding: 0px !important;
    }
    
    .cinematic-cost-card .cost-visual-dashboard {
        padding: 18px 16px !important;
        height: 115px;
    }
    
    .cinematic-cost-card .cost-text-zone {
        padding: 18px 16px 22px 16px !important;
    }
    
    .cinematic-cost-card .cost-main-title {
        font-size: 18px !important;
    }
    
    .cinematic-cost-card .cost-card-desc {
        font-size: 13px !important;
        margin: 0 0 16px 0 !important;
    }
    
    .cinematic-cost-card .cost-grid-checklist {
        padding-top: 14px;
        margin-bottom: 20px;
    }
}
/* =======================================================
   侧栏模块 6: 全球实体对比卡片 (白金明亮版·纯 px 锁死)
   ======================================================= */
.cinematic-global-card {
    width: 100% !important;
    max-width: 318px !important; /* 核心锁死：严格限定 318px 黄金宽度，绝不走形 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 洗白：纯白大底座 */
    border: 1px solid #e2e8f0; /* 微米级极浅灰外边框 */
    border-radius: 20px;
    overflow: hidden;
    /* 轻盈悬浮的气垫阴影，完美融入白底正文 */
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cinematic-global-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08), 0 0 25px rgba(56, 189, 248, 0.15); /* 悬浮散发淡淡天青蓝微光 */
}

/* 背后环境科技微蓝色氛围高光 */
.cinematic-global-card .global-mesh-glow {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.08) 0%, rgba(59, 130, 246, 0.03) 60%, rgba(255,255,255,0) 100%);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
}

/* 核心容器内衬 */
.cinematic-global-card .global-card-inner {
    position: relative;
    z-index: 2;
    padding: 24px 20px 24px 20px !important; /* 与全站所有白金模块视觉对齐 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column !important;
    gap: 16px;
}

/* 头部样式区 */
.cinematic-global-card .global-header-zone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #f1f5f9; /* 干净清爽的白灰分割线 */
    padding-bottom: 14px;
}

/* 蓝色小徽章 */
.cinematic-global-card .global-mini-badge {
    background: rgba(14, 165, 233, 0.08);
    border: 1px solid rgba(14, 165, 233, 0.2);
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #0284c7; /* 专业海洋蓝 */
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cinematic-global-card .badge-pulse-blue {
    width: 5px;
    height: 5px;
    background-color: #0284c7;
    border-radius: 50%;
    box-shadow: 0 0 6px #0284c7;
}

/* 卡片主标题 */
.cinematic-global-card .global-main-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; /* 午夜黑字 */
    margin: 0 !important;
    line-height: 1.3 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
}

/* 渐变高亮 */
.cinematic-global-card .global-main-title span {
    background: linear-gradient(90deg, #0284c7 0%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 国家列表容器 */
.cinematic-global-card .global-links-container {
    display: flex;
    flex-direction: column !important;
    gap: 4px; /* 制造圆角行之间的紧凑一体化呼吸感 */
    width: 100%;
}

/* 国家单行项 */
.cinematic-global-card .global-country-item {
    display: flex !important;
    align-items: center;
    width: 100%;
    height: 40px; /* 固定精美小高度 */
    padding: 0 12px !important;
    border-radius: 10px; /* 贴合卡片的柔和圆角 */
    box-sizing: border-box;
    text-decoration: none !important;
    background: transparent;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停国家行：底色优雅浮现微透，整行向右智能滑行 4 像素 */
.cinematic-global-card .global-country-item:hover {
    background: #f8fafc; /* 极轻量的灰白高光反馈 */
    transform: translateX(4px);
}

/* 清冷雷达指示器小圆点 */
.cinematic-global-card .country-radar-dot {
    width: 6px;
    height: 6px;
    background-color: #cbd5e1; /* 默认未激活的静谧浅灰 */
    border-radius: 50%;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

/* 悬停国家单行，左侧光点瞬间激亮激活 */
.cinematic-global-card .global-country-item:hover .country-radar-dot {
    background-color: #0284c7;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6);
}

/* 国家文本描述 */
.cinematic-global-card .country-name-txt {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475569 !important; /* 全面拉齐至高易读性的石板灰 */
    flex: 1;
    text-align: left;
    padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 完美单行截断防穿帮 */
    transition: color 0.25s ease;
}

/* 悬停文本高亮海洋蓝 */
.cinematic-global-card .global-country-item:hover .country-name-txt {
    color: #0284c7 !important;
}

/* 右侧出海矢量小箭头 */
.cinematic-global-card .country-arrow {
    color: #94a3b8;
    flex-shrink: 0;
    opacity: 0; /* PC端默认优雅影藏 */
    transform: translateX(-6px);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停单行，右侧小箭头瞬间变为海洋蓝并丝滑飞入 */
.cinematic-global-card .global-country-item:hover .country-arrow {
    color: #0284c7;
    opacity: 1;
    transform: translateX(0);
}

/* =======================================================
   手机移动端弹性自适应适配 (小于等于 768px)
   ======================================================= */
@media (max-width: 768px) {
    .cinematic-global-card {
        max-width: 100% !important; /* 手机端拉满铺满 */
        border-radius: 18px;
    }
    
    .cinematic-global-card .global-card-inner {
        padding: 20px 16px 22px 16px !important;
    }
    
    .cinematic-global-card .global-main-title {
        font-size: 18px !important;
    }
    
    .cinematic-global-card .global-country-item {
        height: 42px; /* 移动手机手势增高 */
    }
    
    .cinematic-global-card .country-arrow {
        opacity: 1 !important; /* 移动端免去无hover限制，直接长亮 */
        transform: translateX(0) !important;
    }
}
/* =======================================================
   侧栏模块 8
   Popular Questions Sidebar Card
   ======================================================= */

.cinematic-slim-card-faq,
.cinematic-slim-card-faq * {
    box-sizing: border-box !important;
}

.cinematic-slim-card-faq {
    width: 100% !important;
    max-width: 318px !important;
    margin: 0 auto 25px auto !important;
    position: relative !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    padding: 24px 22px !important;
    border-radius: 22px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
    font-family: 'Plus Jakarta Sans', Arial, Helvetica, sans-serif !important;
    overflow: hidden !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* full card hover effect */
.cinematic-slim-card-faq:hover {
    transform: translateY(-5px) !important;
    border-color: #ddd6fe !important;
    box-shadow: 0 22px 44px -14px rgba(15, 23, 42, 0.13),
                0 0 26px rgba(124, 58, 237, 0.14) !important;
}

/* ambient glow layer */
.cinematic-slim-card-faq .faq-mesh-glow {
    position: absolute !important;
    top: -45px !important;
    right: -45px !important;
    width: 180px !important;
    height: 180px !important;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.10) 0%, rgba(34, 197, 94, 0.05) 55%, rgba(255,255,255,0) 100%) !important;
    filter: blur(22px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0.75 !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.cinematic-slim-card-faq:hover .faq-mesh-glow {
    opacity: 1 !important;
    transform: scale(1.06) !important;
}

/* top accent line */
.cinematic-slim-card-faq::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: 22px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #7c3aed, #22c55e) !important;
    z-index: 2 !important;
}

/* content wrapper */
.slim-faq-content {
    position: relative !important;
    z-index: 3 !important;
}

/* small label */
.slim-faq-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 8px 0 10px 0 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f5f3ff !important;
    color: #6d28d9 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.slim-faq-kicker-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: #7c3aed !important;
    display: inline-block !important;
    box-shadow: 0 0 8px rgba(124, 58, 237, 0.42) !important;
}

/* header */
.slim-faq-header {
    margin-bottom: 18px !important;
}

.slim-faq-header h2 {
    font-size: 21px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.22 !important;
}

.slim-faq-header p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #64748b !important;
}

/* list */
.slim-faq-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* item */
.slim-faq-item {
    display: grid !important;
    grid-template-columns: 26px 1fr !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px 12px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.slim-faq-item .item-num {
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1 !important;
}

.slim-faq-item .item-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    line-height: 1.4 !important;
}

.slim-faq-item:hover {
    transform: translateY(-1px) !important;
    border-color: #ddd6fe !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
}

.slim-faq-item:hover .item-num {
    background: #7c3aed !important;
    color: #ffffff !important;
}

.slim-faq-item:hover .item-text {
    color: #0f172a !important;
}

/* action */
.slim-faq-action {
    margin-top: 18px !important;
    width: 100% !important;
}

.slim-btn-view {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 10px 12px 10px 16px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #6d28d9, #7c3aed) !important;
    box-shadow: 0 10px 22px rgba(124, 58, 237, 0.22) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.slim-btn-view:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px rgba(124, 58, 237, 0.28) !important;
}

/* advanced arrow */
.slim-btn-arrow {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22) !important;
    transition: all 0.28s ease !important;
}

.slim-btn-arrow svg {
    display: block !important;
    transition: transform 0.28s ease !important;
}

.slim-btn-view:hover .slim-btn-arrow {
    background: rgba(255, 255, 255, 0.26) !important;
    transform: translateX(2px) !important;
}

.slim-btn-view:hover .slim-btn-arrow svg {
    transform: translateX(2px) !important;
}

/* mobile safety */
@media (max-width: 480px) {
    .cinematic-slim-card-faq {
        max-width: 100% !important;
        padding: 22px 18px !important;
        border-radius: 20px !important;
    }

    .slim-faq-header h2 {
        font-size: 20px !important;
    }

    .slim-faq-item .item-text {
        font-size: 13.5px !important;
    }
}
/* =======================================================
   侧栏模块 7: 智臻合规背书卡片 (流光溢彩明亮版·纯 px)
   ======================================================= */
.vibrant-trust-card {
    width: 100% !important;
    max-width: 318px !important; /* 死锁318px黄金宽度 */
    margin: 0 auto 25px auto !important;
    box-sizing: border-box;
    position: relative;
    background: #ffffff; /* 完美融合白底正文 */
    /* 使用微透的极光紫作为精致描边线 */
    border: 1px solid rgba(139, 92, 246, 0.15); 
    border-radius: 20px;
    overflow: hidden;
    /* 升级为极具空气感的多重现代霓虹弥散阴影 */
    box-shadow: 0 15px 35px -10px rgba(15, 23, 42, 0.04), 0 0 20px -5px rgba(99, 102, 241, 0.05);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停时卡片高能浮起，边缘散发动感虹光 */
.vibrant-trust-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.08), 0 0 30px 0 rgba(99, 102, 241, 0.2);
}

/* 炫彩重构：双重对流环境氛围标签光（左下青绿，右上姬粉，若隐若现极度华丽） */
.vibrant-trust-card .vibrant-mesh-glow-cyan {
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(45, 212, 191, 0.12) 0%, rgba(255,255,255,0) 70%);
    filter: blur(25px);
    pointer-events: none;
    z-index: 1;
}
.vibrant-trust-card .vibrant-mesh-glow-pink {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0%, rgba(255,255,255,0) 70%);
    filter: blur(25px);
    pointer-events: none;
    z-index: 1;
}

.vibrant-trust-card .trust-card-inner {
    position: relative;
    z-index: 2;
    padding: 24px 20px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column !important;
    gap: 18px;
}

/* =======================================================
   ✨ 纯文字美学重构：分割线以上文案样式设计
   ======================================================= */
.vibrant-trust-card .trust-profile-zone {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start; /* 左对齐，现代杂志排版质感 */
    text-align: left;
    width: 100%;
    padding: 4px 2px 2px 2px;
    box-sizing: border-box;
}

.vibrant-trust-card .trust-identity-info {
    width: 100%;
}

/* 第一行：优雅轻奢引导标签 */
.vibrant-trust-card .trust-reviewed-by {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1.5px; /* 加宽字间距，营造高级呼吸感 */
    color: #4f46e5; 
    font-weight: 800 !important;
    display: inline-flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 3px 10px !important;
    background: rgba(79, 70, 229, 0.06); /* 精致的淡紫底色 */
    border-radius: 6px;
}

/* 第二行：高权权重标题与动感流光下划线 */
.vibrant-trust-card .trust-advisor-name {
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #0f172a !important; /* 午夜蓝黑字 */
    margin: 0 !important;
    line-height: 1.35 !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.3px;
    position: relative;
    padding-bottom: 4px;
}

/* 赋予文字下方的艺术流光线条元素 */
.vibrant-trust-card .trust-advisor-name::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px; /* 初始精致短线 */
    height: 2.5px;
    border-radius: 2px;
    background: linear-gradient(90deg, #4f46e5 0%, #06b6d4 100%);
    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 悬停整个卡片时，文字下方的流光线会优雅伸长 */
.vibrant-trust-card:hover .trust-advisor-name::after {
    width: 90px;
}

/* =======================================================
   分割线及以下原始样式 - 保持原封不动
   ======================================================= */
/* 幻彩渐变极细分割线（类似极光切面） */
.vibrant-trust-card .trust-elegant-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(6,182,212,0) 0%, rgba(139,92,246,0.15) 50%, rgba(236,72,153,0) 100%);
}

/* 下部：正文描述 */
.vibrant-trust-card .trust-content-zone {
    width: 100%;
    text-align: left;
}

.vibrant-trust-card .trust-card-desc {
    font-size: 13.5px !important;
    color: #475569 !important; /* 完美的石板灰说明字 */
    line-height: 1.6 !important;
    margin: 0 0 18px 0 !important;
}

.vibrant-trust-card .trust-capsules-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 6px;
    width: 100%;
}

/* 标签基类优化 */
.vibrant-trust-card .trust-tag-pill {
    padding: 4px 12px !important;
    border-radius: 100px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: default;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 1. PT PMA - 蔚蓝海风渐变 */
.vibrant-trust-card .tag-pma {
    background: rgba(14, 165, 233, 0.06);
    border-color: rgba(14, 165, 233, 0.15);
    color: #0284c7 !important;
}
.vibrant-trust-card .tag-pma:hover {
    background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4);
}

/* 2. KBLI - 浪漫星空紫渐变 */
.vibrant-trust-card .tag-kbli {
    background: rgba(139, 92, 246, 0.06);
    border-color: rgba(139, 92, 246, 0.15);
    color: #6d28d9 !important;
}
.vibrant-trust-card .tag-kbli:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #c084fc 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* 3. Licensing - 甜心姬粉渐变 */
.vibrant-trust-card .tag-license {
    background: rgba(236, 72, 153, 0.06);
    border-color: rgba(236, 72, 153, 0.15);
    color: #db2777 !important;
}
.vibrant-trust-card .tag-license:hover {
    background: linear-gradient(135deg, #db2777 0%, #f472b6 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.4);
}

/* 4. Tax - 丛林绿光渐变 */
.vibrant-trust-card .tag-tax {
    background: rgba(16, 185, 129, 0.06);
    border-color: rgba(16, 185, 129, 0.15);
    color: #059669 !important;
}
.vibrant-trust-card .tag-tax:hover {
    background: linear-gradient(135deg, #059669 0%, #34d399 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

/* 5. Banking - 炫目金砂渐变 */
.vibrant-trust-card .tag-bank {
    background: rgba(245, 158, 11, 0.06);
    border-color: rgba(245, 158, 11, 0.15);
    color: #d97706 !important;
}
.vibrant-trust-card .tag-bank:hover {
    background: linear-gradient(135deg, #d97706 0%, #fbbf24 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}

/* 6. Cost Planning - 烈焰日落橙渐变 */
.vibrant-trust-card .tag-cost {
    background: rgba(249, 115, 22, 0.06);
    border-color: rgba(249, 115, 22, 0.15);
    color: #ea580c !important;
}
.vibrant-trust-card .tag-cost:hover {
    background: linear-gradient(135deg, #ea580c 0%, #ffedd5 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);
}

/* 7. Document Review - 翡翠薄荷青渐变 */
.vibrant-trust-card .tag-review {
    background: rgba(45, 212, 191, 0.06);
    border-color: rgba(45, 212, 191, 0.15);
    color: #0f766e !important;
}
.vibrant-trust-card .tag-review:hover {
    background: linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%) !important;
    color: #ffffff !important;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(45, 212, 191, 0.4);
}

/* =======================================================
   手机移动端极端适配
   ======================================================= */
@media (max-width: 768px) {
    .vibrant-trust-card {
        max-width: 100% !important;
        border-radius: 18px;
    }
    .vibrant-trust-card .trust-card-inner {
        padding: 20px 16px 22px 16px !important;
    }
}