@charset "utf-8";
/* CSS Document */

.lingshou-1{
    color: #E5DBD4;
    font-size: 18px;
}
.lingshou-1 span{
    display: inline-block;
    margin-right: 50px;
}
.lingshou-1 i{}
.lingshou-1 img{
    width: 18px;
    margin-right: 10px;
}
.lingshou-2{ font-size:18px; color: #E5DBD4;}
 /* 单个解决方案卡片的基础样式 */
        .scent-sol-card-item {
            background-color: #ffffff;
            border: 1px solid #f2eedf;
            border-radius: 0px;
            padding: 0px;
            flex: 1;
            /* height: 100%; */
            display: flex;
            flex-direction: column;
            transition: box-shadow 0.3s ease-in-out;
        }

        /* 卡片整体 Hover 阴影加深 */
        .scent-sol-card-item:hover {
            box-shadow: 0 10px 25px rgba(212, 175, 55, 0.08);
        }

        /* 图片外层裁剪包装盒（核心：隐藏溢出，保证放大时不穿帮） */
        .scent-sol-img-zoom-box {
            position: relative;
            width: 100%;
            padding-top: 100%; /* 1:1 正方形比例 */
            overflow: hidden;
            background-color: #f7f4ee;
        }

        /* 标签图片样式与 Hover 平滑过渡动画 */
        .scent-sol-display-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* 触发图片 Hover 放大效果 */
        .scent-sol-card-item:hover .scent-sol-display-img {
            transform: scale(1.08);
        }

        /* 卡片下方所有文字大包装区域 */
        .scent-sol-text-content-block {
            padding: 20px 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* 顶部统计数据高亮橙/金色文字 */
        .scent-sol-stat-highlight {
            font-size: 15px;
            color: #D5A354;
            margin-bottom: 12px;
            font-weight: 500;
        }

        /* 卡片主要痛点/场景标题 */
        .scent-sol-main-heading {
            /* font-family: "Georgia", serif; */
            font-size: 20px;
            font-weight: 700;
            color: #231f20;
            line-height: 1.1;
            margin-bottom: 15px;
        }

        /* 商业影响斜体字部分包装器 */
        .scent-sol-impact-italics-box {
            /* font-size: 0.88rem; */
            font-style: italic;
            color: #777777;
            line-height: 1.4;
            margin-bottom: 15px;
        }

        /* 核心现象/心理学深度解析段落描述 */
        .scent-sol-detail-description {
            /* font-size: 0.88rem; */
            color: #555555;
            line-height: 1.5;
            margin-bottom: 25px;
        }

        /* 分割线样式 */
        .scent-sol-divider-line {
            border-top: 1px solid #f2eedf;
            margin-top: auto;
            margin-bottom: 20px;
        }

        /* 我们的解决方案小标题标识 */
        .scent-sol-solution-tag {
            /* font-size: 0.85rem; */
            font-weight: 700;
            color: #B18748;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        /* 解决方案具体引言（带引号） */
        .scent-sol-solution-quote {
            /* font-size: 0.88rem; */
            font-style: italic;
            color: #707276;
            line-height: 1.4;
            /* margin-bottom: 25px; */
        }

        /* 卡片最底部受众角色页脚包装器 */
        .scent-sol-footer-role-area {
            margin-top: auto;
        }

        /* 受众职称加粗金字 */
        .scent-sol-role-title {
            /* font-size: 0.88rem; */
            font-weight: 700;
            color: #B18748;
            margin-top: 15px;
        }

        /* 职称对应的核心诉求双引号文字 */
        .scent-sol-role-demand {
            /* font-size: 0.88rem; */
            color: #444444;
            line-height: 1.3;
            margin-top: 10px;
            margin-bottom: 0px;
        }
		.scent-sol-grid-container .col-12{display:flex;flex-wrap: wrap;flex-direction: column;}
		/* ==========================================================================
           2. 顶部方案展示区域 (Top Section - Solutions Showcase)
           ========================================================================== */
        .scent-solution-row {
            margin-bottom: 50px;
        }

        .scent-solution-card {
            background: #ffffff;
            border: 2px solid #F5EEE9;
            border-radius: 0px;
            overflow: hidden;
            height: 100%;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* 图片容器及Hover放大效果 */
        .scent-image-wrapper {
            position: relative;
            overflow: hidden;
            /* padding-top: 75%; */ /* 4:3 比例 */
            background-color: #f5f5f5;
        }

        .scent-display-img {
            /* position: absolute; */
            /* top: 0; */
            /* left: 0; */
            /* width: 100%; */
            /* height: 100%; */
            /* object-fit: cover; */
            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* 鼠标悬停图片放大 */
        .scent-solution-card:hover .scent-display-img {
            transform: scale(1.08);
        }

        /* 卡片内容文本区域 */
        .scent-card-body-content {
            padding: 30px 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .scent-card-main-title {
            font-size: 20px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 20px;
        }

        .scent-meta-label {
            /* font-size: 0.78rem; */
            color: #888888;
            /* text-transform: uppercase; */
            letter-spacing: 0.5px;
            margin-bottom: 2px;
        }

        .scent-meta-value-bold {
            /* font-size: 0.95rem; */
            font-weight: 700;
            color: #222222;
            margin-bottom: 12px;
        }

        .scent-notes-label {
            /* font-size: 0.78rem; */
            /* color: #888888; */
            margin-bottom: 2px;
        }

        .scent-notes-text-muted {
            /* font-size: 0.92rem; */
            color: #BCB8B7;
            margin-bottom: 15px;
            font-weight: 500;
        }

        .scent-description-paragraph {
            /* font-size: 0.88rem; */
            color: #666666;
            line-height: 1.5;
            margin-bottom: 25px;
            flex-grow: 1;
        }

        /* 统计数据分割线与文本 */
        .scent-divider-line {
            border-top: 1px solid #eaeaea;
            margin-bottom: 15px;
        }

        .scent-stat-percentage-text {
            font-size: 20px;
            font-weight: 700;
            color: #D6A354; /* 流沙金 */
            letter-spacing: 0.5px;
            font-family: math;
        }

        /* ==========================================================================
           3. 底部价格卡片区域 (Bottom Section - Pricing Packages)
           ========================================================================== */
        .scent-pricing-row {
            margin-top: 20px;
        }

        /* 通用价格卡片容器 */
        .scent-price-box-wrapper {
            border-radius: 0px;
            padding: 45px 35px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: transform 0.3s ease;
        }

        /* 浅色价格卡片样式 (Boutique & Mall) */
        .scent-price-box-light {
            background-color: #fbf8f5;
            border: 1px solid #f2ece4;
        }

        /* 深色价格卡片样式 (Department Store) */
        .scent-price-box-dark {
            background-color: #2e2c2b;
            border: 1px solid #2e2c2b;
            color: #ffffff;
        }

        /* 卡片内文本及列表样式 */
        .scent-package-type-title {
            font-size: 1.05rem;
            font-weight: 600;
            margin-bottom: 25px;
        }
        .scent-price-box-light .scent-package-type-title {color: #D4A153;}
        .scent-price-box-dark .scent-package-type-title { color: #e5c494; }

        .scent-amount-display-container {
            margin-bottom: 35px;
        }

        .scent-currency-value-text {
            font-size: 40px;
            font-weight: 700;
            line-height: 1;
        }
        .scent-price-box-light .scent-currency-value-text {color: #D4A153;}
        .scent-price-box-dark .scent-currency-value-text { color: #f7d5a3; }

        .scent-period-unit-label {
            /* font-size: 0.85rem; */
            font-weight: 500;
            text-transform: uppercase;
        }
        .scent-price-box-light .scent-period-unit-label {color: #D4A153;}
        .scent-price-box-dark .scent-period-unit-label { color: #b5a499; }

        .scent-features-unordered-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 45px;
            /* font-size: 0.9rem; */
        }

        .scent-feature-item-row {
            margin-bottom: 12px;
            position: relative;
            padding-left: 18px;
        }
        /* 自定义圆点列表符号 */
        .scent-feature-item-row::before {
            content: "•";
            position: absolute;
            left: 0;
            top: 0;
        }
        .scent-price-box-light .scent-feature-item-row { color: #555555; }
        .scent-price-box-dark .scent-feature-item-row { color: #cccccc; }
        .scent-price-box-light .scent-feature-item-row::before { color: #caa267; }
        .scent-price-box-dark .scent-feature-item-row::before { color: #999999; }

        /* ==========================================================================
           4. 按钮及交互样式 (Buttons & Hover Interactive Transitions)
           ========================================================================== */
        .scent-action-button-base {
            width: 100%;
            padding: 12px 20px;
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            border: 1px solid;
            background: transparent;
            cursor: pointer;
            transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
        }

        /* 浅色卡片下的按钮样式 */
        .scent-button-style-light {
            border-color: #B18748;
            color: #B18748;
        }

        /* 深色卡片下的纯金黄色按钮样式 */
        .scent-button-style-solid-gold {
            background-color: #FFB137;
            border-color: #f5b95b;
            color: #2e2c2b;
            font-weight: 600;
        }

        /* 按钮悬停综合效果：上移 + 变色为 #d9a95d + 字体颜色不变 */
        .scent-button-style-light:hover {
            transform: translateY(-4px);
            background-color: #333333;
            border-color: #333333;
            color: #caa267; /* 保持原字体颜色不变 */
        }

        .scent-button-style-solid-gold:hover {
            transform: translateY(-4px);
            background-color: #d9a95d;
            border-color: #d9a95d;
            color: #2e2c2b; /* 保持原字体颜色不变 */
        }

        /* ==========================================================================
           5. 用户指定保留的空样式占位 (User Reserved Empty CSS Classes)
           ========================================================================== */
        .scent-reserved-empty-class-1 {}
        .scent-reserved-empty-class-2 {}
        .scent-reserved-empty-class-3 {}
		        /* ==========================================================================
           2. 响应式表格外壳 (Responsive Table Container)
           ========================================================================== */
        .table-responsive.scent-matrix-table-container {
            border: none;
            margin-bottom: 30px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
        }

        /* ==========================================================================
           3. 核心表格样式 (Core Table & Typography)
           ========================================================================== */
        table.scent-matrix-data-table {
            width: 100%;
            margin-bottom: 0;
            background-color: #ffffff;
            border-collapse: collapse;
        }

        /* 表头设计：完美还原图中的曜石黑/深色调 */
        thead.scent-matrix-table-header-group {
            background-color: #24201e;
        }

        tr.scent-matrix-header-row {
            border: none;
        }

        th.scent-matrix-header-cell {
            color: #E5DBD4 !important;!i;!;
            font-size: 0.95rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            padding: 22px 24px;
            border: none !important;
            vertical-align: middle;
        }

        /* 数据行与单元格设计 */
        tbody.scent-matrix-table-body-group {
            background-color: #ffffff;
        }

        tr.scent-matrix-content-row {
            border-bottom: 1px solid #f0f0f0;
            transition: background-color 0.25s ease;
        }

        td.scent-matrix-content-cell {
            /* font-size: 0.92rem; */
            color: #2b2b2b;
            padding: 22px 24px;
            vertical-align: middle;
            border: none !important;
            font-weight: bold;
        }

        /* 首列（指标列）加粗高亮，以匹配设计稿视觉重心 */
        td.scent-matrix-content-cell-first-column {
            font-weight: 600;
            color: #111111;
        }

        /* 价格指数专用样式 */
        span.scent-matrix-cost-highlight {
            font-weight: 500;
            letter-spacing: 1px;
            color: #24201e;
        }

        /* ==========================================================================
           4. 鼠标悬停交互效果 (Hover Interaction Effects)
           ========================================================================== */
        /* 数据行 Hover 时呈现非常雅致、柔和的浅浅淡暖沙色 */
        tr.scent-matrix-content-row:hover {
            background-color: #fcfbfa;
        }

        /* 数据单元格 Hover 时的微小文字色变，增强感知度 */
        tr.scent-matrix-content-row:hover td.scent-matrix-content-cell {
            color: #000000;
        }

        .row.scent-service-card-grid {
            margin-bottom: 30px;
        }

        /* ==========================================================================
           2. 服务卡片核心样式与 Hover 效果 (Card Base & Interactive Effects)
           ========================================================================== */
        .scent-service-block-card {
            background: #ffffff;
            border: 2px solid #EBDFD7;
            border-radius: 0px;
            overflow: hidden;
            height: 100%;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            display: flex;
            flex-direction: column;
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* 卡片整体轻微悬停上浮与阴影 */
        .scent-service-block-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.05);
        }

        /* ==========================================================================
           3. 图片容器与悬停放大动效 (Image Zoom On Hover)
           ========================================================================== */
        .scent-service-img-container {
            position: relative;
            overflow: hidden;
            padding-top: 75%; /* 4:3 高宽比 */
            background-color: #fcfbfa;
        }

        .scent-service-thumbnail {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* 触发图片放大效果 */
        .scent-service-block-card:hover .scent-service-thumbnail {
            transform: scale(1.08);
        }

        /* ==========================================================================
           4. 文本内容及排版样式 (Typography Details)
           ========================================================================== */
        .scent-service-text-wrapper {
            padding: 35px 30px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        /* 顶部淡金色分类小标题 */
        .scent-service-category-tag {
            /* font-size: 0.82rem; */
            color: #B18748;
            margin-bottom: 8px;
            font-weight: 500;
        }

        /* 核心业务主标题 */
        .scent-service-heading-title {
            font-size: 26px;
            font-weight: 700;
            color: #2b2522;
            margin-bottom: 22px;
            line-height: 1.4;
        }

        /* 业务描述详情段落 */
        .scent-service-detail-paragraph {
            /* font-size: 0.88rem; */
            color: #6d6661;
            line-height: 1.6;
            margin-bottom: 30px;
            flex-grow: 1;
        }

        /* 投资回报/价格展示区域 */
        .scent-service-investment-pane {
            margin-bottom: 25px;
        }

        .scent-service-investment-label {
            font-size: 18px;
            font-weight: 700;
            color: #222;
            margin-bottom: 4px;
        }

        .scent-service-price-text {
            font-size: 30px;
            font-weight: 700;
            color: #caa267;
            line-height: 1.2;
            margin-bottom: 2px;
        }

        .scent-service-price-subnote {
            /* font-size: 0.8rem; */
            color: #b0a8a2;
        }

        /* ==========================================================================
           5. 优雅边框按钮及悬停变色 (Button Styling)
           ========================================================================== */
        .scent-service-action-trigger {
            width: 100%;
            padding: 12px 20px;
            font-size: 18px;
            color: #caa267;
            background-color: transparent;
            border: 1px solid #B18848;
            text-align: center;
            font-weight: 500;
            cursor: pointer;
            transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
        }

        /* 按钮悬停：变成指定 #d9a95d，文字颜色依然保持原本的淡金色 */
        .scent-service-action-trigger:hover {
            background-color: #d9a95d;
            border-color: #d9a95d;
            color: #fff; 
        }

        /* ==========================================================================
           6. 用户指定保留的空样式占位 (User Reserved Empty CSS Classes)
           ========================================================================== */
        .scent-service-empty-holder-1 {}
        .scent-service-empty-holder-2 {}
		        /* ==========================================================================
           2. 案例行与左右布局交互 (Row Layout & Hover Effects)
           ========================================================================== */
        .row.scent-case-item-row {
            margin-bottom: 50px;
            border: 1px solid #EBDFD7;
            background-color: #ffffff;
            overflow: hidden;
            transition: box-shadow 0.3s ease;
        }

        .row.scent-case-item-row:hover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.04);
        }

        /* ==========================================================================
           3. 图片容器、印章及 Hover 放大动效 (Image Handling & Zoom)
           ========================================================================== */
        .scent-case-media-frame {
            position: relative;
            overflow: hidden;
            min-height: 380px;
            height: 100%;
            background-color: #f7f7f7;
        }

        .scent-case-photo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* 鼠标悬停整个案例行时，触发图片放大 */
        .row.scent-case-item-row:hover .scent-case-photo {
            transform: scale(1.06);
        }

        /* 图片上方半透明高管证言浮层 */
        .scent-case-quote-overlay {
            position: absolute;
            bottom: 25px;
            left: 25px;
            right: 25px;
            background-color: rgba(46, 44, 43, 0.85); /* 曜石黑半透明 */
            padding: 20px;
            color: #ffffff;
            z-index: 2;
        }

        .scent-case-leader-name {
            font-size: 18px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 2px;
        }

        .scent-case-leader-title {
            font-size: 14px;
            color: #D6A354; /* 浅沙金 */
            font-weight: 600;
            margin-bottom: 10px;
            /* text-transform: uppercase; */
        }

        .scent-case-quote-text {
            font-size: 18px;
            color: #E5DBD4;
            line-height: 1.5;
            font-style: italic;
            margin-bottom: 0;
        }

        /* ==========================================================================
           4. 右侧/左侧文本内容排版 (Content Typography)
           ========================================================================== */
        .scent-case-text-pane {
            padding: 45px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .scent-case-sector-tag {
            /* font-size: 0.8rem; */
            color: #707276;
            margin-bottom: 8px;
        }

        .scent-case-main-title {
            font-size: 33px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 25px;
        }

        .scent-case-challenge-label {
            /* font-size: 0.82rem; */
            /* font-weight: 700; */
            color: #D5A354;
            /* text-transform: uppercase; */
            margin-bottom: 6px;
        }

        .scent-case-challenge-detail {
            font-size: 18px;
            color: #222;
            line-height: 1.6;
            margin-bottom: 35px;
        }

        /* ==========================================================================
           5. 核心指标展示数据链 (Metrics Block)
           ========================================================================== */
        .scent-case-metrics-group {
            display: flex;
            margin-bottom: 35px;
            border-top: 1px solid #f0f0f0;
            padding-top: 20px;
        }

        .scent-case-metric-unit {
            flex: 1;
            padding-right: 15px;
        }

        .scent-case-metric-suptext {
            font-size: 14px;
            color: #D6A354;
            margin-bottom: 2px;
            display: block;
        }

        .scent-case-metric-value {
            font-size: 26px;
            font-weight: 700;
            color: #222;
            line-height: 1.2;
            margin-bottom: 2px;
        }

        .scent-case-metric-subtext {
            font-size: 14px;
            color: #888888;
            display: block;
        }

        /* ==========================================================================
           6. 互动式链接效果 (Interactive Link Styling)
           ========================================================================== */
        .scent-case-report-link {
            font-size: 0.85rem;
            font-weight: 700;
            color: #caa267;
            text-decoration: none;
            display: inline-block;
            position: relative;
            padding-bottom: 4px;
            align-self: flex-start;
            transition: color 0.3s ease;
        }

        .scent-case-report-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(1);
            height: 1px;
            bottom: 0;
            left: 0;
            background-color: #caa267;
            transform-origin: bottom left;
            transition: transform 0.3s ease;
        }

        .scent-case-report-link:hover {
            color: #b3894f;
            text-decoration: none;
        }

        .scent-case-report-link:hover::after {
            transform: scaleX(0.4);
            background-color: #b3894f;
        }

        /* ==========================================================================
           7. 保留空样式名占位 (Reserved Empty Classes)
           ========================================================================== */
        .scent-case-reserved-space-1 {}
        .scent-case-reserved-space-2 {}
		        /* ==========================================================================
           2. 顶部对比表格样式与 Hover (Comparison Table Section)
           ========================================================================== */
        .table-responsive.scent-matrix-v2-table-wrapper {
            background-color: #ffffff;
            border: none;
            margin-bottom: 50px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        }

        table.scent-matrix-v2-core-table {
            width: 100%;
            margin-bottom: 0;
            background-color: #ffffff;
            border-collapse: collapse;
        }

        /* 表头深色高奢调性 */
        thead.scent-matrix-v2-thead {
            background-color: #24201e;
        }

        th.scent-matrix-v2-th {
            color: #E5DBD4 !important;!i;!;
            font-size: 0.95rem;
            font-weight: 500;
            padding: 22px 20px;
            border: none !important;
            vertical-align: middle;
        }

        /* 数据行与单元格样式 */
        tr.scent-matrix-v2-tr-row {
            border-bottom: 1px solid #f2ece6;
            transition: background-color 0.25s ease;
        }

        /* 鼠标悬停表格行变色效果 */
        tr.scent-matrix-v2-tr-row:hover {
            background-color: #faf7f2;
        }

        td.scent-matrix-v2-td-cell {
            /* font-size: 0.92rem; */
            padding: 22px 20px;
            vertical-align: middle;
            border: none !important;
        }

        /* 第一列指标加粗 */
        td.scent-matrix-v2-td-cell-first {
            font-weight: 600;
            color: #222222;
        }

        /* 核心竞争优势列（第二列）的专属金色高亮样式 */
        td.scent-matrix-v2-td-cell-highlight {
            color: #1cab3c;
            font-weight: 600;
        }

        /* 其他传统对比列的暗色字体 */
        td.scent-matrix-v2-td-cell-standard {
            /* color: #222222; */
            font-weight: 600;
        }

        /* ==========================================================================
           3. 底部四大核心优势网格与 Hover (Four Core Highlights Grid)
           ========================================================================== */
        .row.scent-matrix-v2-cards-grid {
            margin-top: 20px;
        }

        .scent-matrix-v2-feature-card {
            background-color: #ffffff;
            border: none;
            border-radius: 0px;
            padding: 40px 30px;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        /* 核心优势卡片悬停效果 */
        .scent-matrix-v2-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        /* 图标占位容器（完美还原图中的金色矢量线条视觉效果） */
        .scent-matrix-v2-icon-box {
            width: 36px;
            /* height: 45px; */
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        /* 使用 SVG 完美对应原图中的 4 个精致金色图标 */
        .scent-matrix-v2-svg-icon {
            width: 100%;
            height: 100%;
            stroke: #caa267;
            fill: none;
            stroke-width: 1.5;
        }

        /* 卡片文字排版 */
        .scent-matrix-v2-card-title {
            font-size: 20px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 18px;
            line-height: 1.3;
        }

        .scent-matrix-v2-card-desc {
            /* font-size: 0.88rem; */
            color: #707276;
            line-height: 1.6;
            margin-bottom: 0;
        }

 .container.scent-verify-outer-frame {

background-color: #ffffff;

border: 2px solid #EBDFD7;

padding: 50px 45px;

box-shadow: 0 4px 20px rgba(0, 0, 0, 0.01);

}

        /* ==========================================================================
           2. 头部标题样式 (Header Typography)
           ========================================================================== */
        .scent-verify-main-heading {
            font-size: 30px;
            font-weight: 700;
            color: #222;
            margin-bottom: 40px;
            letter-spacing: 0.3px;
        }

        /* ==========================================================================
           3. 六大认证网格布局与微交互 (Certification Items Grid)
           ========================================================================== */
        .row.scent-verify-items-grid {
            margin-bottom: 25px;
        }

        .scent-verify-grid-cell {
            margin-bottom: 35px;
        }

        .scent-verify-item-block {
            transition: transform 0.25s ease;
            height: 100%;
        }

        /* 认证小项在 Hover 时会柔和右移 */
        .scent-verify-item-block:hover {
            transform: translateX(4px);
        }

        /* 带有复选框小徽章的标题行 */
        .scent-verify-title-flex {
            display: flex;
            align-items: flex-start;
            margin-bottom: 8px;
        }

        /* 复选框图形模拟 */
        .scent-verify-badge-icon {
            width: 16px;
            height: 16px;
            margin-top: 4px;
            margin-right: 10px;
            flex-shrink: 0;
            stroke: #caa267;
            stroke-width: 2.5;
            fill: none;
		}
        .scent-verify-sub-title {
            font-size: 18px;
            font-weight: 600;
            color: #222;
            line-height: 1.4;
            margin: 0;
            font-family: sans-serif;
        }

        .scent-verify-detail-text {
            /* font-size: 0.86rem; */
            color: #707276;
            line-height: 1.5;
            padding-left: 26px; /* 完美对齐标题文字 */
            margin: 0;
        }

        /* ==========================================================================
           4. SGS 实验室测试特定板块 (SGS Lab Tested Panel)
           ========================================================================== */
        .scent-verify-sgs-panel {
            border: 2px dashed #EBDFD7;
            background-color: #F9F5F2;
            padding: 30px;
            margin-bottom: 45px;
        }

        .scent-verify-sgs-header-box {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }

        .scent-verify-sgs-headline {
            font-size: 18px;
            font-weight: 700;
            color: #111111;
            margin: 0;
        }

        .scent-verify-sgs-intro-line {
            /* font-size: 0.86rem; */
            color: #666666;
            padding-left: 26px;
            margin-bottom: 15px;
        }

        /* 横向小圆点核心参数条 */
        .scent-verify-sgs-list-row {
            display: flex;
            flex-wrap: wrap;
            padding-left: 26px;
            margin: 0;
            list-style: none;
        }

        .scent-verify-sgs-list-item {
            /* font-size: 0.86rem; */
            font-weight: 600;
            color: #707276;
            margin-right: 28px;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
        }

        /* 小圆点样式 */
        .scent-verify-sgs-list-item::before {
            content: "•";
            color: #a0a0a0;
            font-size: 1.1rem;
            margin-right: 6px;
            line-height: 1;
        }

        /* ==========================================================================
           5. 底部动作按钮及 Hover 综合效果 (Buttons with Up-shift & Color Swaps)
           ========================================================================== */
        .row.scent-verify-buttons-row {
            margin-top: 10px;
        }

        .scent-verify-btn-base {
            width: 100%;
            padding: 16px 20px;
            font-size: 18px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            text-align: center;
            display: inline-block;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
        }

        /* 左侧金黄色按钮 */
        .scent-verify-btn-gold {
            background-color: #FFB137;
            color: #2e2c2b; /* 原生深暗字体色 */
        }

        /* 右侧曜石黑按钮 */
        .scent-verify-btn-dark {
            background-color: #24201e;
            color: #f5b95b; /* 原生淡金黄色字体色 */
        }

        /* 鼠标悬停交互效果：上移 + 变色为 #d9a95d + 字体颜色完全不改变 */
        .scent-verify-btn-gold:hover {
            transform: translateY(-4px);
            background-color: #d9a95d;
            color: #2e2c2b; /* 保持原字体色不变 */
        }

        .scent-verify-btn-dark:hover {
            transform: translateY(-4px);
            background-color: #d9a95d;
            color: #222; /* 保持原字体色不变 */
        }

        /* 预留空白样式类名 */
        .scent-verify-title-flex img{ width:18px; margin-right:10px; margin-top: 5px;}
		.scent-verify-sgs-header-box img{ width:20px; margin-right:10px; }
		
		        /* ==========================================================================
           2. 上方四大可持续发展网格卡片样式 (Top 4 Sustainability Cards)
           ========================================================================== */
        .row.scent-eco-top-grid {
            margin-bottom: 50px;
        }

        .scent-eco-feature-card {
            background-color: #ffffff;
            border: none;
            border-radius: 0px;
            padding: 40px 30px;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* 卡片悬停效果：向上微移并产生柔和阴影 */
        .scent-eco-feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.04);
        }

        /* 金色线条图形模拟容器 */
        .scent-eco-icon-wrapper {
            width: 40px;
            height: 40px;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .scent-eco-svg-asset {
            width: 100%;
            height: 100%;
            stroke: #caa267;
            fill: none;
            stroke-width: 1.5;
        }

        .scent-eco-card-headline {
            font-size: 20px;
            font-weight: 700;
            color: #111111;
            margin-bottom: 18px;
            line-height: 1.3;
        }

        .scent-eco-card-summary {
            /* font-size: 0.88rem; */
            color: #666666;
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* ==========================================================================
           3. 下方黑曜石路线图黑底面板区域 (Bottom Dark Roadmap Board)
           ========================================================================== */
        .scent-eco-dark-board {
            background-color: #24201e; /* 完美的曜石黑深色调 */
            padding: 60px 50px;
            color: #ffffff;
        }

        .scent-eco-board-title {
            font-size: 30px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 45px;
            letter-spacing: 0.5px;
        }

        /* ==========================================================================
           4. 进度条模块细化样式 (Progress Bars Mechanics)
           ========================================================================== */
        .scent-eco-progress-wrapper {
            margin-bottom: 28px;
        }

        .scent-eco-bar-meta-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }

        .scent-eco-bar-label {
            color: #999999;
            font-weight: 400;
        }

        .scent-eco-bar-percentage {
            /* font-size: 0.95rem; */
            color: #B18748; /* 金色百分比 */
            font-weight: 600;
        }

        /* 还原图中的极细暗金色线条进度条 */
        .progress.scent-eco-bar-track {
            height: 2px;
            background-color: #3d3633; /* 未填充轨道的暗沉色调 */
            border-radius: 0px;
            overflow: visible;
        }

        .progress-bar.scent-eco-bar-fill {
            background-color: #caa267; /* 填充区域的拉丝金色调 */
            transition: opacity 0.3s ease;
        }

        /* 悬停在进度条整块区域时，高亮亮金显色 */
        .scent-eco-progress-wrapper:hover .scent-eco-bar-fill {
            background-color: #e5be88;
        }

        /* ==========================================================================
           5. 右侧名言引言与下载交互 (Right Column Quote & Action Link)
           ========================================================================== */
        .scent-eco-quote-pane {
            padding-left: 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .scent-eco-blockquote-text {
            font-size: 18px;
            font-weight: 400;
            font-style: italic;
            line-height: 1.6;
            color: #ffffff;
            margin-bottom: 30px;
        }

        .scent-eco-support-paragraph {
            /* font-size: 0.88rem; */
            color: #888888;
            line-height: 1.6;
            margin-bottom: 45px;
        }

        /* 下载链接和下划线动态特效 */
        .scent-eco-download-anchor {
            font-size: 0.88rem;
            font-weight: 600;
            color: #caa267;
            text-decoration: none;
            display: inline-block;
            align-self: flex-start;
            border-bottom: 1px solid #caa267;
            padding-bottom: 2px;
            transition: color 0.3s ease, border-color 0.3s ease;
        }

        .scent-eco-download-anchor:hover {
            color: #e5be88;
            border-color: #e5be88;
            text-decoration: none;
        }

        .row.scent-cta-v3-flex-grid {
            margin-bottom: 0;
        }

        /* ==========================================================================
           2. 曜石黑核心卡片样式及 Hover (Dark Panel Container)
           ========================================================================== */
        .scent-cta-v3-dark-card {
            background-color: #2e2c2b; /* 完美还原原图的低调奢华暗黑曜石色 */
            padding: 45px 40px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            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: 1px solid transparent;
        }

        /* 卡片整体悬停动效：轻微放大并带有微弱环境光阴影 */
        .scent-cta-v3-dark-card:hover {
            transform: scale(1.015);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
            border-color: #44403e;
        }

        /* ==========================================================================
           3. 文本内容及精细排版 (Typography Elements)
           ========================================================================== */
        .scent-cta-v3-text-container {
            margin-bottom: 30px;
        }

        /* 顶部的浅暗金色等级标签文字 */
        .scent-cta-v3-level-tag {
            /* font-size: 0.88rem; */
            color: #D9A95E;
            font-weight: 500;
            margin-bottom: 12px;
            letter-spacing: 0.3px;
        }

        /* 核心行动大标题 */
        .scent-cta-v3-main-title {
            font-size: 24px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 18px;
            line-height: 1.3;
        }

        /* 深度描述详情段落 */
        .scent-cta-v3-description-para {
            /* font-size: 0.88rem; */
            color: #707276; /* 还原图中的优雅碳灰小字 */
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* ==========================================================================
           4. 行动按钮及特定要求的 Hover 动效 (Buttons Up-shift & Color Swaps)
           ========================================================================== */
        .scent-cta-v3-interactive-btn {
            width: 100%;
            background-color: #FFB137; /* 还原图片中的原生亮橙黄色 */
            color: #2e2c2b; /* 原生接近黑色的深暗字体色 */
            /* font-size: 0.85rem; */
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 15px 24px;
            border: none;
            border-radius: 0px;
            text-transform: uppercase;
            cursor: pointer;
            text-align: center;
            display: inline-block;
            margin-bottom: 15px;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
        }

        /* 鼠标悬停满足三个特定要求：上移5px + 背景变色为#d9a95d + 字体颜色不改变 */
        .scent-cta-v3-interactive-btn:hover {
            transform: translateY(-5px);
            background-color: #d9a95d;
            color: #2e2c2b; /* 强制保持原本深暗色字体不发生任何改变 */
        }

        /* 底部补充声明文本样式 */
        .scent-cta-v3-footer-note {
            font-size: 14px;
            color: #707276;
            margin-bottom: 0;
            line-height: 1.2;
        }

        /* ==========================================================================
           5. 预留空白专用样式名占位 (Reserved Empty Space)
           ========================================================================== */
        .scent-service-detail-paragraph li{ list-style:disc;}
		.scent-service-detail-paragraph{padding-left:16px;}
		.huangse{ color:#db901b;}
		.hongse{ color:#db0b0b;}
		.scent-case-challenge-detail{padding-left:16px;}
		.scent-case-challenge-detail li{ list-style:disc;}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		