@charset "utf-8";
/* CSS Document */

.case-1 .after-sales-2{ font-size:12px; color:#707276; text-transform:uppercase;}
.case-1{border-top:#F5EEE9 solid 1px; border-bottom:#F5EEE9 solid 1px; padding:20px 0px; margin:50px 0px;}




    /* 自定义卡片外框样式 */
    .oem-case-card {
      border: 2px solid #F5EEE9;
      /* border-radius: 12px; */
      overflow: hidden;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      background-color: #ffffff;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* Hover 效果：轻微上浮加阴影 */
    .oem-case-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    }

    /* 图片区域容器 */
    .oem-case-img-wrapper {
      position: relative;
      width: 100%;
      /* height: 240px; */ /* 固定高度确保整齐 */
      overflow: hidden;
      background-color: #f5f5f5;
    }

    /* 图片填充模式 */
    .oem-case-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 卡片内容区域 */
    .oem-case-content {
      padding: 24px;
    }

    /* 主标题样式 */
    .oem-case-title {
      /* font-family: "Georgia", serif; */
      font-weight: bold;
      font-size: 26px;
      line-height: 1;
      color: #111111;
      margin-bottom: 20px;
      min-height: 55px; /* 保证两行标题的基础对齐 */
    }

    /* 挑战与结果的区块定位 */
    .oem-case-detail-box {
      margin-bottom: 20px;
    }

    /* Challenge & Result 文本通用样式 */
    .oem-case-text-item {
      font-size: 16px;
      line-height: 1.5;
      color: #666666;
      /* margin-bottom: 12px; */
      /* border-left: 3px solid #D6A354; */
      /* padding-left: 20px; */
    }

    /* 斜体标签（Challenge: / Result:） */
    .oem-case-label-italic {
      font-style: italic;
      font-weight: bold;
      color: #333333;
    }

    /* 底部对齐的通知栏/链接区域 */
    .oem-case-footer {
      padding-top: 15px;
      border-top: 1px dashed #eeeeee;
      /* font-size: 0.88rem; */
      font-weight: bold;
    }

    /* 各卡片底部左侧的高亮颜色分类 */
    .oem-case-highlight-green {
      color: #2bb673;
    }
    .oem-case-highlight-amber {
      color: #f39c12;
    }
    .oem-case-highlight-blue {
      color: #2980b9;
    }

    /* 右侧链接样式 */
    .oem-case-link-arrow {
      color: #888888;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .oem-case-link-arrow:hover {
      color: #333333;
      text-decoration: none;
    }
	.case-2{
       border-left: 3px solid #D6A354;
       padding-left: 15px;
       line-height: normal;
       margin-bottom: 30px;
       }
	     .fragrance-page-body {
 
    }

    /* 容器布局样式 */
    .fragrance-main-container {
      /* max-width: 1200px; */
    }

    /* 左侧图片外部区域 */
    .fragrance-image-column {
      margin-bottom: 30px;
    }

    /* 图片容器与悬停效果 */
    .fragrance-image-wrapper {
      overflow: hidden;
      border-radius: 4px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.05);
      position: relative;
    }

    /* 图片基础样式 */
    .fragrance-hero-image {
      width: 100%;
      height: auto;
      display: block;
      transition: transform 0.5s ease;
    }

    /* 图片Hover放大效果 */
    .fragrance-image-wrapper:hover .fragrance-hero-image {
      transform: scale(1.03);
    }

    /* 右侧内容外部区域 */
    .fragrance-content-column {
      padding-left: 30px;
    }

    /* 顶部主段落文本样式 */
    .fragrance-intro-paragraph {
      font-size: 1.05rem;
      line-height: 1.65;
      color: #666666;
      margin-bottom: 40px;
      text-align: justify;
    }

    /* 过滤分类总包裹容器 */
    .fragrance-filter-group-container {
      margin-bottom: 25px;
    }

    /* 过滤项小标题样式 */
    .fragrance-filter-section-title {
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: #b0b0b0;
      margin-bottom: 3px;
      font-family: auto;
    }

    /* 按钮弹性包裹流布局 */
    .fragrance-filter-buttons-flex-wrap {
      display: flex;
      flex-wrap: wrap;
      margin-left: -5px;
      margin-right: -5px;
    }

    /* 过滤标签独立项样式 */
    .fragrance-filter-pill-item {
      background-color: #F9F5F2;
      color: #222222;
      font-size: 0.95rem;
      padding: 8px 24px;
      margin: 6px 4px;
      border-radius: 50px;
      border: 1px solid transparent;
      cursor: pointer;
      transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
      user-select: none;
    }

    /* 过滤标签Hover交互动态效果 */
    .fragrance-filter-pill-item:hover {
      background-color: #ffffff;
      border-color: #d1c7bd;
      box-shadow: 0 4px 10px rgba(0,0,0,0.04);
      transform: translateY(-1px);
    }

    /* 响应式调整：移动端去除右侧过大内边距 */
    @media (max-width: 768px) {
      .fragrance-content-column {
        padding-left: 15px;
        margin-top: 20px;
      }
    }
	 /* 主布局核心容器 */
    .story-main-layout {
      /* max-width: 1200px; */
    }

    /* 左侧文字及卡片控制列 */
    .story-left-content-column {
      margin-bottom: 30px;
    }

    /* 统计数据卡片统一外部容器 */
    .story-stat-card-box {
      /* width: 90%; */
      border: 2px solid #F5EEE9;
      border-radius: 16px;
      padding: 16px 24px;
      margin-bottom: 20px;
      background-color: #ffffff;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* 统计数据卡片悬停动态效果 */
    .story-stat-card-box:hover {
      transform: translateX(5px);
      box-shadow: 0 4px 15px rgba(212, 163, 115, 0.1);
    }

    /* 统计项数字大标题样式 */
    .story-stat-big-title {
      /* font-family: "Georgia", serif; */
      font-weight: bold;
      font-size: 26px;
      color: #222;
      margin-bottom: 2px;
    }

    /* 统计项下方对比小字样式 */
    .story-stat-sub-text {
      /* font-size: 0.88rem; */
      color: #888888;
      margin-bottom: 0;
    }

    /* 客户评价引言区块整体包裹 */
    .story-testimonial-quote-block {
      border-left: 3px solid #d4a373;
      padding-left: 20px;
      margin-top: 40px;
      margin-bottom: 25px;
    }

    /* 引言正文斜体样式 */
    .story-quote-italic-paragraph {
      font-style: italic;
      font-size: 1.05rem;
      line-height: 1.6;
      color: #222222;
      margin-bottom: 0;
    }

    /* 评价落款人姓名容器 */
    .story-author-name-row {
      margin-top: 20px;
      margin-bottom: 0;
    }

    /* 姓名高亮粗体样式 */
    .story-author-strong-name {
      font-weight: 700;
      color: #111111;
      font-size: 18px;
    }

    /* 职位及国家城市信息样式 */
    .story-author-job-title {
      /* font-size: 0.88rem; */
      color: #777777;
      margin-bottom: 0;
    }

    /* 底部“阅读完整故事”链接外壳 */
    .story-action-link-container {
      margin-top: 35px;
    }

    /* 底部链接交互基础样式 */
    .story-anchor-action-trigger {
      font-size: 0.95rem;
      font-weight: 700;
      color: #d4a373;
      text-decoration: none;
      letter-spacing: 0.5px;
      border-bottom: 1px solid #d4a373;
      padding-bottom: 2px;
      transition: color 0.2s ease, border-color 0.2s ease;
    }

    /* 链接悬停变色动效 */
    .story-anchor-action-trigger:hover {
      color: #b58455;
      border-color: #b58455;
      text-decoration: none;
    }

    /* 右侧现代化生产车间列容器 */
    .story-right-photo-column {
      margin-bottom: 30px;
    }

    /* 车间图外部悬浮遮罩及动画框架 */
    .story-photo-box-wrapper {
      overflow: hidden;
      border-radius: 4px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    /* 图片悬停立体动态浮起 */
    .story-photo-box-wrapper:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    }

    /* 车间大图高品质呈现样式 */
    .story-factory-fluid-image {
      width: 100%;
      height: auto;
      display: block;
    }

    /* 响应式断点间距微调 */
    @media (max-width: 991px) {
      .story-left-content-column {
        padding-right: 15px;
      }
      .story-testimonial-quote-block {
        margin-top: 30px;
      }
    }
	 /* 限制整体最大宽度的主布局网格 */
    .upgrade-main-grid {
      
    }

    /* 自定义大卡片外框样式 */
    .upgrade-split-card {
      background-color: #ffffff;
      border: 2px solid #F5EEE9;
      border-radius: 0px; /* 契合原图刚直利落的直角或微圆角风格 */
      height: 100%;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* 大卡片整体 Hover 效果 */
    .upgrade-split-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    }

    /* 顶部双图并排分栏的总包裹容器 */
    .upgrade-images-compare-box {
      position: relative;
      display: flex;
      width: 100%;
      /* height: 280px; */ /* 设定固定高度确保左右两个大框绝对等高对齐 */
      overflow: hidden;
    }

    /* 单张对比图容器（左Before，右After各占50%） */
    .upgrade-image-half-pane {
      width: 50%;
      height: 100%;
      position: relative;
      overflow: hidden;
    }

    /* 铺满容器的图片样式 */
    .upgrade-fluid-pane-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 前后状态悬浮浅黑色长方形小标签定义 */
    .upgrade-badge-status-tag {
      position: absolute;
      top: 15px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #ffffff;
      font-size: 0.72rem;
      font-weight: bold;
      letter-spacing: 1px;
      padding: 4px 10px;
      border-radius: 3px;
      text-transform: uppercase;
      z-index: 2;
    }

    /* 左侧标签靠左定位 */
    .upgrade-badge-left-pos {
      left: 15px;
    }

    /* 右侧标签靠右定位 */
    .upgrade-badge-right-pos {
      right: 15px;
    }

    /* 图片中央模拟滑动对比的分隔圆圈及线条 */
    .upgrade-center-divider-line {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.6);
      z-index: 3;
    }

    /* 轴线中央的圆形图标 */
    .upgrade-center-split-circle {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* width: 26px; */
      /* height: 26px; */
      /* background-color: #ffffff; */
      /* border-radius: 50%; */
      /* box-shadow: 0 2px 6px rgba(0,0,0,0.2); */
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 4;
    }

    /* 圆形内的分界小竖线 */
    .upgrade-circle-inner-bar {
      width: 4px;
      height: 12px;
      border-left: 1px solid #888888;
      border-right: 1px solid #888888;
    }

    /* 下方核心文本内容区块 */
    .upgrade-text-content-area {
      padding: 30px;
    }

    /* 模块主标题样式 */
    .upgrade-block-main-title {
      /* font-family: "Georgia", serif; */
      font-weight: bold;
      font-size: 20px;
      color: #111111;
      margin-bottom: 25px;
    }

    /* Before与After每行的文本段落包裹器 */
    .upgrade-status-paragraph-row {
      /* font-size: 0.88rem; */
      line-height: 1.5;
      margin-bottom: 16px;
    }

    /* 橙黄色高亮的 Before: 标签 */
    .upgrade-label-highlight-orange {
      color: #d4a373;
      font-weight: bold;
      display: block;
      margin-bottom: 2px;
    }

    /* 绿色高亮的 After: 标签 */
    .upgrade-label-highlight-green {
      color: #2bb673;
      font-weight: bold;
      display: block;
      margin-bottom: 2px;
    }

    /* 浅灰色补充说明文本样式 */
    .upgrade-text-desc-muted {
      color: #666666;
    }

    /* 最底部大段总结式文本样式 */
    .upgrade-footer-summary-text {
      /* font-size: 0.88rem; */
      line-height: 1.6;
      color: #777777;
      margin-top: 15px;
      margin-bottom: 0;
      /* border-top: 1px solid #eeeeee; */
      padding-top: 20px;
    }

    /* 响应式断点小屏幕微调 */
    @media (max-width: 768px) {
      .upgrade-images-compare-box {
        height: 200px;
      }
      .upgrade-text-content-area {
        padding: 20px;
      }
    }
	.upgrade-center-split-circle img{ width:56px;}
	
	    /* 主栅格居中容器 */
    .expert-quote-layout-container {
      /* max-width: 1140px; */
    }

    /* 网格行容器 */
    .expert-quote-grid-row {
      display: flex;
      flex-wrap: wrap;
    }

    /* 响应式列布局容器 */
    .expert-quote-column-item {
      margin-bottom: 30px;
    }

    /* 白底证言大卡片核心外框 */
    .expert-quote-card-shield {
      background-color: #ffffff;
      border: 1px solid transparent;
      border-radius: 0px;
      padding: 40px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* 卡片悬停（Hover）立体浮起与平滑柔和阴影效果 */
    .expert-quote-card-shield:hover {
      transform: translateY(-6px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    }

    /* 上半部分内容承载容器 */
    .expert-quote-top-content-group {
      width: 100%;
    }

    /* 双引号图标容器 */
    .expert-quote-icon-frame {
      
    }

    /* 浅橙色大双引号 SVG/文本符号样式 */
    .expert-quote-large-mark {
      font-family: "Georgia", serif;
      font-size: 6.5rem;
      color: #ebdcd0;
      line-height: 0.6;
      display: inline-block;
      user-select: none;
    }

    /* 专家个人信息（头像+名字职称）组合栏 */
    .expert-quote-profile-row {
      display: flex;
      align-items: center;
      margin-bottom: 25px;
    }

    /* 圆形头像修饰外部框 */
    .expert-quote-avatar-circle {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 15px;
      background-color: #f0f0f0;
    }

    /* 专家头像图片本身 */
    .expert-quote-avatar-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 专家文字身份信息容器 */
    .expert-quote-meta-text {
      display: flex;
      flex-direction: column;
    }

    /* 专家姓名高亮粗体样式 */
    .expert-quote-name-accent {
      font-size: 18px;
      font-weight: 700;
      color: #111111;
      line-height: 1.2;
    }

    /* 专家职称小字样式 */
    .expert-quote-title-muted {
      /* font-size: 0.82rem; */
      color: #888888;
      margin-top: 4px;
    }

    /* 核心评语斜体文本段落 */
    .expert-quote-body-paragraph {
      font-style: italic;
      /* font-size: 0.98rem; */
      line-height: 1.65;
      color: #333333;
      margin-bottom: 30px;
      text-align: justify;
    }

    /* 底部独立对齐的分类页脚区域 */
    .expert-quote-footer-label-zone {
      border-top: 1px solid #f2f2f2;
      padding-top: 20px;
      /* font-size: 0.88rem; */
    }

    /* 灰色前缀 Focus: 字样 */
    .expert-quote-prefix-dim {
      color: #b0b0b0;
      margin-right: 4px;
    }

    /* 黑色高亮的核心研究领域文本 */
    .expert-quote-field-highlight {
      color: #555555;
      font-weight: 500;
    }
	    /* 限制页面整体布局宽度的核心容器 */
    .stream-player-main-container {
      /* max-width: 1200px; */
    }

    /* 弹性网格行包装器 */
    .stream-player-grid-row {
      display: flex;
      flex-wrap: wrap;
    }

    /* 响应式列自适应间距控制 */
    .stream-player-col-item {
      margin-bottom: 30px;
    }

    /* 独立无冲突的视频卡片主外框 */
    .stream-player-video-card {
      background-color: #ffffff;
      border: 2px solid #F5EEE9;
      border-radius: 0px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* 卡片整体鼠标悬停联动特效 */
    .stream-player-video-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
    }

    /* 视频封面图及播放按钮外部容器 */
    .stream-player-thumbnail-holder {
      position: relative;
      width: 100%;
      /* height: 210px; */
      background-color: #222222;
      overflow: hidden;
    }

    /* 视频封面图自适应修饰 */
    .stream-player-cover-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.88;
      transition: opacity 0.3s ease;
    }

    /* 模拟原图上蒙上的浅黑色视频浮层 */
    .stream-player-dark-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.12);
    }

    /* 居中浮动的深色半透明圆角矩形播放按键底框 */
    .stream-player-play-btn-shape {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 78px;
      height: 78px;
      background-color: rgba(0, 0, 0, 0.65);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.3s ease;
    }

    /* 内部白色实心播放小三角图形 */
    .stream-player-play-triangle-icon {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 14px solid #ffffff;
      margin-left: 4px;
    }

    /* 悬停到整张卡片时，中央播放按钮的平滑变亮、放大交互 */
    .stream-player-video-card:hover .stream-player-play-btn-shape {
      background-color: rgba(0, 0, 0, 0.85);
      transform: translate(-50%, -50%) scale(1.08);
    }

    /* 视频下方的核心文本排版包裹区域 */
    .stream-player-text-block {
      padding: 24px;
      flex-grow: 1;
    }

    /* 斜体引用视频简评段落样式 */
    .stream-player-quote-paragraph {
      font-style: italic;
      /* font-size: 0.88rem; */
      line-height: 1.55;
      color: #666666;
      margin-bottom: 20px;
    }

    /* 卡片内部的分隔虚线样式线 */
    .stream-player-divider-dashed-line {
      border-top: 1px dashed #e9e9e9;
      margin-bottom: 20px;
    }

    /* 展开文本的小标题样式 */
    .stream-player-transcript-header-title {
      font-size: 16px;
      font-weight: 500;
      color: #1a1a1a;
      margin-bottom: 12px;
      font-family: auto;
    }

    /* 首张卡片特有的超长详细录音转文字段落样式 */
    .stream-player-detailed-body-text {
      font-size: 0.85rem;
      line-height: 1.6;
      color: #666666;
      margin-bottom: 0;
    }

    /* 底部确保绝对水平线对齐的包裹页脚 */
    .stream-player-footer-action-area {
      padding: 0 24px 24px 24px;
      background-color: #ffffff;
    }

    /* 底部跳转连接线上方的实线条 */
    .stream-player-top-solid-border-line {
      border-top: 1px solid #f5f5f5;
      margin-bottom: 15px;
    }

    /* “Read Full Transcript” 文本链接的基础样式 */
    .stream-player-anchor-link-trigger {
      font-size: 0.88rem;
      font-weight: bold;
      color: #d4a373;
      text-decoration: underline;
      transition: color 0.2s ease;
    }

    /* 文本链接悬停变色效果 */
    .stream-player-anchor-link-trigger:hover {
      color: #b58455;
      text-decoration: underline;
    }

    /* --- 视频弹出层对话框样式定义 --- */
    /* 弹出对话框背板遮罩样式 */
    .stream-player-modal-dialog-box {
      background-color: rgba(0, 0, 0, 0.4);
    }

    /* 弹出层主体白框容器 */
    .stream-player-modal-main-view {
      border-radius: 0px;
      border: none;
      background-color: #000000;
    }

    /* 弹出层头部控制栏 */
    .stream-player-modal-header-panel {
      border-bottom: none;
      padding: 10px 15px;
      background-color: #111111;
    }

    /* 弹出层标题栏小字 */
    .stream-player-modal-header-title-text {
      color: #ffffff;
      font-size: 0.9rem;
    }

    /* 右上角关闭按钮样式 */
    .stream-player-modal-close-btn {
      color: #ffffff;
      opacity: 0.7;
      text-shadow: none;
    }

    /* 关闭按钮悬停样式 */
    .stream-player-modal-close-btn:hover {
      color: #ffffff;
      opacity: 1;
    }

    /* 播放器核心区域外包装 */
    .stream-player-modal-body-panel {
      padding: 0;
    }

    /* 响应式等比例视频容器包装层（16:9） */
    .stream-player-video-responsive-aspect {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

    /* 嵌入对话框内部的真实 HTML5 视频播放标签 */
    .stream-player-html5-tag-element {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
    }

    /* 响应式移动端断点微调 */
    @media (max-width: 768px) {
      .stream-player-thumbnail-holder {
        height: 180px;
      }
    }
	.case-4 .idea h4 {
    margin-top: 20px;
    margin-bottom: 0px;
}
.case-4  .idea-mid {
    margin-top: 0px;
    margin-bottom: 20px;
}
.idea-p {
    font-size: 15px;
    color: #707276;
}
.case-4 .col-md-4{ display:flex;}
.case-5{
	background-image:url(../case-img/bg.webp);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80% 100%;
}
	 /* Base page styling */
        .dashboard-body {
          
        }

        /* Main container wrapper */
        .dashboard-wrapper {
            padding: 60px 0;
            position: relative;
            overflow: hidden;
            /* background: radial-gradient(circle at 50% 50%, #ffffff 0%, #f4f7fc 100%); */
        }

        /* Ambient subtle wave background effect matching the image */
        .dashboard-bg-wave {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            z-index: 1;
            pointer-events: none;
        }

        /* Top metrics grid container with rounded border card look */
        .metrics-panel {
            background: #f9f5f28a;
            border-radius: 20px;
            padding: 40px 25px;
            /* box-shadow: 0 10px 30px rgba(220, 225, 235, 0.4); */
            /* border: 1px solid rgba(230, 235, 245, 0.8); */
            backdrop-filter: blur(10px);
            position: relative;
            z-index: 2;
            margin-bottom: 180px;
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }

        .metrics-panel:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 40px rgba(210, 220, 240, 0.6);
        }

        /* Individual metric columns */
        .metric-card {
            text-align: center;
            position: relative;
            padding: 10px 5px;
            transition: all 0.3s ease;
        }

        /* Vertical dividers between columns for desktop view */
        .metric-card:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 0;
            top: 15%;
            height: 70%;
            width: 1px;
            background: linear-gradient(to bottom, transparent, rgba(200, 200, 200, 0.4), transparent);
        }

        /* Hover effect on single metrics */
        .metric-card:hover .metric-number {
            color: #c9933b;
            transform: scale(1.05);
        }

        /* Golden primary number text */
        .metric-number {
            font-size: 43px;
            font-weight: 600;
            color: #D5A354;
            margin-bottom: 8px;
            line-height: 1.1;
            letter-spacing: -0.5px;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        /* Metric subtitles */
        .metric-label {
            font-size: 12px;
            font-weight: 600;
            color: #707276;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            line-height: 1.4;
            padding: 0 5px;
        }

        /* Lower section container for partner segments */
        .segments-panel {
            position: relative;
            z-index: 2;
        }

        /* Partner/industry icons block */
        .segment-card {
            text-align: center;
            padding: 20px 10px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        /* Icon wrapper with dotted outline effect matching image selection hints */
        .segment-icon-box {
            width: 35px;
            /* height: 50px; */
            margin: 0 auto 10px auto;
            display: flex;
            align-items: center;
            justify-content: center;
            /* border: 1px dashed rgba(212, 163, 89, 0.5); */
            /* border-radius: 6px; */
            color: #d4a359;
            /* font-size: 22px; */
            /* background-color: rgba(255, 255, 255, 0.8); */
            transition: all 0.3s ease;
        }

        /* Text beneath industry segments */
        .segment-title {
            font-size: 12px;
            font-weight: 500;
            color: #707276;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            transition: color 0.3s ease;
        }

        /* Segment Hover Actions */
        .segment-card:hover {
            transform: translateY(-5px);
        }

        .segment-card:hover .segment-icon-box {
            
        }

        .segment-card:hover .segment-title {
            color: #212529;
        }

        /* Media queries for true mobile responsiveness */
        @media (max-width: 991.98px) {
            .metric-card:not(:last-child)::after {
                display: none;
            }
            .metric-card {
                margin-bottom: 25px;
            }
            .metrics-panel {
                padding-bottom: 5px;
                margin-bottom: 40px;
            }
            .segment-card {
                margin-bottom: 20px;
            }
        }

        /* Required Empty/Placeholder Class Blocks requested by user to ensure complete architecture */
        .dashboard-container {}
        .metrics-row {}
        .metric-col {}
        .metric-inner {}
        .segments-row {}
        .segment-col {}
        .segment-inner {}
        .segment-icon-element {}
  /* Container main wrapper */
        .guarantee-container {
            /* max-width: 1200px; */
            margin: 0 auto;
        }

        /* Card row spacing */
        .guarantee-row {
            margin-bottom: 40px;
            gap: 10px;
        }

        /* Guarantee card box styling with precise border and equal alignment */
        .guarantee-box {
            border: 1px solid #EBDFD7;
            padding: 30px 20px;
            background-color: #ffffff;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            height: 100%;
        }

        /* Hover effect on cards */
        .guarantee-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            border-color: #d4a359;
        }

        /* Top icon inside card container */
        .guarantee-icon-container {
            margin-bottom: 20px;
        }

        /* Icon styling with dotted selection box look matching the image */
        .guarantee-icon-wrapper {
            width: 40px;
            height: 40px;
            /* border: 1px dashed rgba(212, 163, 89, 0.6); */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #d4a359;
            font-size: 18px;
            background-color: #fff;
        }

        /* Card titles */
        .guarantee-title {
            /* font-family: 'Georgia', serif; */
            font-size: 20px;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 20px;
            line-height: 1.3;
        }

        /* Card body paragraph description text */
        .guarantee-desc {
            /* font-family: Arial, sans-serif; */
            font-size: 16px;
            line-height: 1.6;
            color: #666666;
            margin-bottom: 0;
        }

        /* Bottom instruction text container */
        .guarantee-footer-text-block {
            margin-top: 40px;
            margin-bottom: 35px;
            text-align: center;
        }

        /* Bottom subtitle text */
        .guarantee-footer-info {
            /* font-family: Arial, sans-serif; */
            /* font-size: 14px; */
            color: #777777;
            line-height: 1.5;
        }

        /* Main CTA button box container */
        .guarantee-action-container {
            text-align: center;
        }

        /* Primary action button styling matching image layout */
        .guarantee-cta-btn {
            background-color: #fcae3c;
            color: #222222;
            font-family: Arial, sans-serif;
            font-size: 15px;
            font-weight: 500;
            padding: 14px 36px;
            border: none;
            border-radius: 4px;
            display: inline-block;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        /* Hover action requested by user: move up and color change to #d9a95d */
        .guarantee-cta-btn:hover {
            background-color: #d9a95d;
      color:#222;
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(217, 169, 93, 0.4);
            text-decoration: none;
        }

        /* ==========================================================================
           Required Placeholder Classes Block - requested to keep styles listed completely
           ========================================================================== */
        .guarantee-column {}
        .guarantee-inner-content {}
        .guarantee-icon-element {}
        .guarantee-footer-wrapper {}
        .guarantee-btn-text {}	
		
		
		 .portfolio-section {
        }

        /* Container adjustment */
        .portfolio-container {
       
        }

        /* Main layout row split */
        .portfolio-main-row {
            align-items: center;
        }

        /* Left visual content block column */
        .portfolio-visual-col {
            margin-bottom: 30px;
            padding: 0px;
            /* margin: 0px; */
        }

        /* Picture framing wrapper with precise styling */
        .portfolio-image-wrapper {
            position: relative;
            width: 100%;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
        }

        /* Main background display mockup image */
        .portfolio-mockup-img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }

        /* Overlay translucent dark banner on the image matching the design layout */
        .portfolio-dark-overlay {
            position: absolute;
            bottom: 30px;
            left: 30px;
            right: 30px;
            background: rgba(30, 30, 30, 0.5);
            padding: 25px;
            color: #ffffff;
            border-radius: 2px;
            backdrop-filter: blur(4px);
        }

        /* Heavy serif heading inside image overlay block */
        .portfolio-overlay-heading {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 12px;
            color: #ffffff;
            line-height: 1.3;
            font-family: auto;
        }

        /* List metadata collection inside image frame */
        .portfolio-overlay-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 15px;
        }

        /* Subitems lines inside image */
        .portfolio-overlay-item {
            /* font-size: 13px; */
            color: #e0e0e0;
            margin-bottom: 4px;
            line-height: 1.4;
        }

        /* Brand lowercase signature mark */
        .portfolio-brand-signature {
            font-size: 14px;
            /* letter-spacing: 1.5px; */
            text-transform: uppercase;
            color: #aaaaaa;
            margin-top: 10px;
            font-weight: 600;
        }

        /* Right information and input workflow container */
        .portfolio-form-col {
            padding-left: 40px;
            margin-bottom: 30px;
        }

        /* Summary introduction paragraph */
        .portfolio-intro-text {
            /* font-size: 14px; */
            line-height: 1.6;
            color: #555555;
            margin-bottom: 40px;
        }

        /* Individual field frame block */
        .portfolio-field-group {
            margin-bottom: 25px;
        }

        /* Form labels with styling matching uppercase subtle grey design */
        .portfolio-input-label {
            /* font-size: 12px; */
            font-weight: bold;
            color: #BCB8B7;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
            display: block;
        }

        /* Standard text input layout customizer */
        .portfolio-text-input {
            width: 100%;
            height: 48px;
            border: 1px solid #EBDFD7;
            border-radius: 2px;
            padding: 10px 15px;
            /* font-size: 14px; */
            color: #222;
            background-color: #ffffff;
            transition: border-color 0.3s ease;
        }

        /* On focus input styling changes */
        .portfolio-text-input:focus {
            outline: none;
            border-color: #fcae3c;
            box-shadow: none;
        }

        /* Form wrapper structure */
        .portfolio-capture-form {
            margin-bottom: 20px;
        }

        /* Main CTA active element with required hover color shift & up movement */
        .portfolio-submit-button {
            width: 100%;
            background-color: #fcae3c;
            color: #222222;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding: 14px 20px;
            border: none;
            border-radius: 3px;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            text-align: center;
            display: block;
        }

        /* Hover action specified: moves up, turns background to #d9a95d, font color stays same */
        .portfolio-submit-button:hover {
            background-color: #d9a95d;
            transform: translateY(-4px);
            box-shadow: 0 6px 18px rgba(217, 169, 93, 0.35);
            color: #222222;
            text-decoration: none;
        }

        /* Lower security disclaimer annotation text */
        .portfolio-security-notice {
            font-size: 14px;
            color: #BCB8B7;
            text-align: center;
            margin-top: 15px;
            line-height: 1.4;
        }

        /* Mobile specific grid refinement */
        @media (max-width: 991.98px) {
            .portfolio-form-col {
                padding-left: 15px;
                margin-top: 20px;
            }
            .portfolio-dark-overlay {
                position: relative;
                bottom: 0;
                left: 0;
                right: 0;
                margin-top: -5px;
                background: #1e1e1e;
            }
        }

        /* ==========================================================================
           Required Empty Styles List - listed here for completeness requested by user
           ========================================================================== */
        .portfolio-content-body {}
        .portfolio-form-block {}
        .portfolio-inner-container {}
        .portfolio-button-text {}
	
	 /* Central grid container wrapper */
        .contactform-container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Base row setup for aligning left text and right form */
        .contactform-main-row {
            align-items: flex-start;
        }

        /* Left informational details column layout */
        .contactform-info-col {
            padding-right: 50px;
            margin-bottom: 40px;
        }

        /* Feature block wrapper item */
        .contactform-feature-item {
            margin-bottom: 35px;
            display: flex;
            align-items: flex-start;
        }

        /* Dashed square framing for the icons matching the image selection style */
        .contactform-icon-frame {
            width: 60px;
            /* height: 44px; */
            /* border: 1px dashed rgba(212, 163, 89, 0.7); */
            display: flex;
            align-items: center;
            justify-content: center;
            /* color: #c59b27; */
            /* font-size: 18px; */
            background-color: transparent;
            margin-right: 20px;
            flex-shrink: 0;
        }

        /* Feature headings text container */
        .contactform-feature-text-block {
            flex-grow: 1;
        }

        /* Bold inline-title for company core values */
        .contactform-feature-title {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 5px;
            font-family: auto;
        }

        /* Direct description content lines */
        .contactform-feature-desc {
            /* font-size: 13.5px; */
            line-height: 1.5;
            color: #666666;
            margin-bottom: 0;
        }

        /* Subtle thin horizontal dividing divider line */
        .contactform-divider-line {
            border-top: 1px solid #e0dad2;
            margin: 35px 0;
            width: 100%;
        }

        /* Footer direct contact details list */
        .contactform-meta-list {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0;
        }

        /* Each contact details block alignment */
        .contactform-meta-item {
            display: flex;
            align-items: center;
            /* font-size: 14px; */
            color: #1a1a1a;
            margin-bottom: 16px;
        }

        /* Inline icon container layout */
        .contactform-meta-icon-box {
            width: 17px;
            color: #555555;
            font-size: 14px;
            text-align: left;
            margin-right: 12px;
        }

        /* Metadata raw details text span */
        .contactform-meta-text {
            /* font-size: 14px; */
        }

        /* Right input fields block column configuration */
        .contactform-entry-col {
            background-color: transparent;
        }

        /* Combined layout row for grid split inputs */
        .contactform-inner-form-row {
            margin-left: -10px;
            margin-right: -10px;
        }

        /* Sub column partitioning for grid fields */
        .contactform-split-field-col {
            padding-left: 10px;
            padding-right: 10px;
        }

        /* Core label tags with tiny light gray font attributes */
        .contactform-input-label {
            /* font-size: 11px; */
            font-weight: bold;
            color: #BCB8B7;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            margin-bottom: 8px;
            display: block;
        }

        /* Custom input elements base class */
        .contactform-text-input {
            width: 100%;
            height: 46px;
            border: 1px solid #dcd7ce;
            border-radius: 0px;
            background-color: #ffffff;
            padding: 10px 15px;
            /* font-size: 14px; */
            color: #222;
            margin-bottom: 22px;
            transition: border-color 0.3s ease;
        }

        /* Text area specialization custom layout overrides */
        .contactform-text-area {
            width: 100%;
            height: 100px;
            border: 1px solid #dcd7ce;
            border-radius: 0px;
            background-color: #ffffff;
            padding: 12px 15px;
            font-size: 14px;
            color: #333333;
            margin-bottom: 25px;
            resize: none;
            transition: border-color 0.3s ease;
        }

        /* On focus effects */
        .contactform-text-input:focus, .contactform-text-area:focus {
            outline: none;
            border-color: #fcae3c;
        }

        /* Submit Action CTA block styling matching original gold tint */
        .contactform-submit-btn {
            width: 100%;
            background-color: #fcae3c;
            color: #222222;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            padding: 15px 20px;
            border: none;
            border-radius: 0px;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            text-align: center;
            display: block;
        }

        /* Hover requirements explicitly requested: up shift, turns background to #d9a95d, typography color remains completely unchanged */
        .contactform-submit-btn:hover {
            background-color: #d9a95d !important;
            color: #222222 !important;
            transform: translateY(-4px);
            box-shadow: 0 6px 20px rgba(217, 169, 93, 0.3);
            text-decoration: none;
        }

        /* Underneath legal data guarantee notice */
        .contactform-disclaimer-text {
            font-size: 14px;
            color: #BCB8B7;
            margin-top: 15px;
            line-height: 1.4;
            text-align: left;
        }

        /* Responsive structural adjustments for tablet viewports */
        @media (max-width: 991.98px) {
            .contactform-info-col {
                padding-right: 15px;
            }
        }

        /* ==========================================================================
           Required Structural Empty Class Blocks - declared for complete layout integrity
           ========================================================================== */
        .contactform-body-wrapper {}
        .contactform-block-element {}
        .contactform-form-wrapper {}
        .contactform-icon-element {}
        .contactform-meta-icon-element {}
        .contactform-btn-content {}
		.contactform-section { padding:80px 0px 40px;}
		        /* --- 上半部分：三列卡片区域 --- */
        .fragrance-service-section {
            /* padding: 60px 0; */
            background-color: #ffffff;
        }
        .fragrance-card-item {
            border: 2px solid #EBDFD7;
            border-radius: 0;
            padding: 40px 30px;
            background-color: #ffffff;
            height: 100%;
            display: flex;
            transition: all 0.3s ease;
            flex-wrap: wrap;
            flex-direction: column;
        }
        .fragrance-card-item:hover {
            box-shadow: 0 10px 30px rgba(229, 222, 201, 0.5);
            transform: translateY(-5px);
        }
        .fragrance-icon-wrapper {
            margin-bottom: 25px;
        }
        /* 模拟图片中的金色图标样式 */
        .fragrance-custom-icon {
            width: 40px;
            height: 40px;
            border: 2px dashed #d9a95d;
            display: inline-block;
            position: relative;
        }
        .fragrance-custom-icon::after {
            content: '';
            position: absolute;
            top: 20%; left: 20%; right: 20%; bottom: 20%;
            border: 2px solid #d9a95d;
        }
        .fragrance-card-title {
            font-size: 20px;
            font-weight: bold;
            color: #222;
            margin-bottom: 20px;
            line-height: 1.4;
        }
        .fragrance-card-text {
            font-size: 16px;
            color: #666666;
            line-height: 1.6;
            margin-bottom: 30px;
        }
        .fragrance-card-link {
            color: #d9a95d;
            font-size: 0.95rem;
            font-weight: bold;
            text-decoration: none;
            transition: color 0.3s ease;
            display: inline-block;
        }
        .fragrance-card-link:hover {
            color: #b8863b;
            text-decoration: none;
        }

        /* --- 下半部分：横幅与CTA区域 --- */
        .fragrance-cta-section {
            background-color: #F9F5F2;
            padding: 80px 0 60px 0;
        }
        .fragrance-main-heading {
            font-size: 30px;
            color: #111111;
            margin-bottom: 25px;
            /* font-weight: 500; */
        }
        .fragrance-sub-heading {
            font-size: 18px;
            color: #555555;
            max-width: 900px;
            margin: 0 auto 45px auto;
            line-height: 1.7;
        }
        
        /* 按钮容器与特制按钮样式 */
        .fragrance-btn-container {
            margin-bottom: 50px;
        }
        .fragrance-btn-submit {
            background-color: #fca92f;
            color: #111111;
            font-size: 0.9rem;
            font-weight: bold;
            letter-spacing: 0.5px;
            border: none;
            border-radius: 4px;
            padding: 18px 30px;
            min-width: 280px;
            transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
        }
        .fragrance-btn-submit:hover {
            background-color: #d9a95d;
            color: #111111; /* 保持字体颜色不变 */
            transform: translateY(-4px);
            box-shadow: 0 6px 20px rgba(217, 169, 93, 0.4);
        }
        .fragrance-btn-consult {
            background-color: #221e1f;
            color: #ffffff;
            font-size: 0.9rem;
            font-weight: bold;
            letter-spacing: 0.5px;
            border: none;
            border-radius: 4px;
            padding: 18px 30px;
            min-width: 280px;
            transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
        }
        .fragrance-btn-consult:hover {
            background-color: #d9a95d;
            color: #ffffff; /* 保持字体颜色不变 */
            transform: translateY(-4px);
            box-shadow: 0 6px 20px rgba(217, 169, 93, 0.4);
        }

        /* --- 底部特点/信任徽章列表 --- */
        .fragrance-features-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px 40px;
            padding: 0;
            list-style: none;
        }
        .fragrance-feature-item {
            /* font-size: 0.95rem; */
            color: #666666;
            display: flex;
            align-items: center;
        }
        .fragrance-feature-icon {
            color: #666666;
            margin-right: 6px;
            font-weight: normal;
        }

        /* 空样式占位（按需保留，方便后期扩展独立样式） */
        .fragrance-custom-placeholder-1 {}
        .fragrance-custom-placeholder-2 {}