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

.xyzl-1{padding-left:15px;border-left: 2px solid #D9A95E;color: #BCB8B7 !important;font-weight: 400 !important;}
.xylz-2{
    color: #BCB8B7 !important;
    font-weight: 400 !important;
}
.xylz-3{color: #E5DBD4 !important;
    font-weight: 400 !important;}
.xylz-3 strong{ color:#FFB137;}
.xylz-4{ color:#BCB8B7 !important; margin-top:15px;}


        .fragrance-grid-container {
        
        }

        /* --- 卡片主容器样式与悬停动效 --- */
        .fragrance-service-card {
            background-color: #ffffff;
            border: 2px solid #EBDFD7;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            height: 100%; /* 支撑高度使每列等高 */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .fragrance-service-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }

        /* --- 卡片图片占位区域样式 --- */
        .fragrance-card-image-box {
            width: 100%;
            /* height: 240px; */
            background-color: #f5f2eb; /* 优雅的香薰色系占位背景色 */
            background-size: cover;
            background-position: center;
            /* border-bottom: 1px solid #eaeaea; */
            position: relative;
        }
        
        /* 您可以在此处通过内联样式或以下注释形式替换真实图片：
           卡片1: background-image: url('your-image-path-1.jpg');
           卡片2: background-image: url('your-image-path-2.jpg');
           卡片3: background-image: url('your-image-path-3.jpg');
           卡片4: background-image: url('your-image-path-4.jpg');
        */
        .fragrance-image-inner-text {
            position: absolute;
            bottom: 10px;
            right: 15px;
            font-size: 0.8rem;
            color: #999999;
            font-style: italic;
        }

        /* --- 卡片文字内容包装区域 --- */
        .fragrance-card-body-content {
            padding: 25px 25px 30px 25px;
        }

        .fragrance-main-title-text {
            font-size: 26px;
            font-weight: bold;
            color: #222;
            margin-bottom: 15px;
            line-height: 1.4;
        }

        .fragrance-description-paragraph {
            /* font-size: 0.88rem; */
            color: #707276;
            line-height: 1.6;
            margin-bottom: 20px;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* --- 参数面板（Turnaround & MOQ）表格盒模型 --- */
        .fragrance-specs-panel-row {
            margin-bottom: 12px;
        }

        .fragrance-spec-block-half {
            background-color: #fbf9f6;
            padding: 10px 15px;
            height: 100%;
        }

        .fragrance-spec-label-title {
            font-size: 14px;
            color: #aaaaaa;
            text-transform: uppercase;
            /* letter-spacing: 1px; */
            margin-bottom: 4px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .fragrance-spec-value-output {
            /* font-size: 0.95rem; */
            font-weight: bold;
            color: #222222;
        }

        /* --- 适用推荐区域样式 --- */
        .fragrance-suitability-highlight-box {
            background-color: #fbf9f6;
            padding: 12px 15px;
            margin-bottom: 15px;
        }

        .fragrance-suitability-label {
            font-size: 14px;
            color: #aaaaaa;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 4px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .fragrance-suitability-core-text {
            /* font-size: 0.9rem; */
            font-weight: bold;
            color: #222222;
            line-height: 1.4;
        }

        /* --- 底部斜体附加说明文本 --- */
        .fragrance-footer-notes-italic {
            /* font-size: 0.8rem; */
            color: #999999;
            font-style: italic;
            line-height: 1.4;
            margin-bottom: 25px;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* --- 核心同步对齐的底层按钮样式与悬停变色 --- */
        .fragrance-action-trigger-button {
            display: block;
            width: 100%;
            background-color: #fca92f;
            color: #111111;
            text-align: center;
            padding: 14px 10px;
            /* font-size: 0.88rem; */
            font-weight: bold;
            border: none;
            border-radius: 3px;
            text-decoration: none;
            transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
        }

        .fragrance-action-trigger-button:hover {
            background-color: #d9a95d; /* 变为指定颜色 */
            color: #111111; /* 保持字体颜色不变 */
            text-decoration: none;
            transform: translateY(-4px); /* 悬停向上微移效果 */
            box-shadow: 0 5px 15px rgba(217, 169, 93, 0.4);
        }

        /* --- 允许后期扩展的空样式占位符 --- */
        .fragrance-reserved-placeholder-one {}
        .fragrance-reserved-placeholder-two {}
		.fragrance-card-image-box img{ width:100%;}
		.dyxzlz-2{border-left:5px solid #D5A354;padding-left:15px;background:#F9F5F2;padding: 15px 15px 15px 25px;text-align: left;margin-bottom: 30px;}
		        /* --- 上半部分：四列对比卡片 --- */
        .sc-cards-section {
            /* padding: 60px 0; */
            background-color: #ffffff;
        }
        .sc-compare-card {
            background-color: #ffffff;
            border: 2px solid #EBDFD7;
            padding: 30px 20px;
            height: 100%;
            transition: all 0.3s ease;
        }
        .sc-compare-card:hover {
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            transform: translateY(-3px);
        }
        
        /* 问题区块样式 */
        .sc-problem-header {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }
        .sc-problem-icon-box {
            width: 20px;
            height: 20px;
            border: 2px solid #fca92f;
            color: #fca92f;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: bold;
            margin-right: 8px;
        }
        .sc-problem-title-text {
            font-size: 1.05rem;
            font-weight: bold;
            color: #222;
            margin: 0;
        }
        .sc-problem-quote-para {
            /* font-size: 0.9rem; */
            color: #777777;
            font-style: italic;
            line-height: 1.5;
            margin-bottom: 10px;
            min-height: 54px; /* 保证排版对齐 */
        }
        
        /* 衔接箭头样式 */
        .sc-arrow-flow-indicator {
            color: #EEEAE9;
            font-size: 2.5rem;
            margin-left: 4px;
            margin-bottom: 20px;
            line-height: 1;
        }

        /* 解决区块样式 */
        .sc-solution-header {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }
        .sc-solution-icon-box {
            width: 20px;
            height: 20px;
            border: 2px solid #10b981;
            color: #10b981;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: bold;
            margin-right: 8px;
        }
        .sc-solution-title-text {
            font-size: 1.05rem;
            font-weight: bold;
            color: #111111;
            margin: 0;
        }
        .sc-solution-detail-para {
            /* font-size: 0.9rem; */
            color: #333333;
            line-height: 1.2;
            margin: 0;
            font-family: Arial, sans-serif;
        }

        /* --- 下半部分：深色申请样品区域 --- */
        .sc-dark-panel-section {
            background-color: #1e1b18;
            color: #ffffff;
            padding: 80px 0;
        }
        .sc-panel-main-heading {
            font-size: 30px;
            color: #ffffff;
            margin-bottom: 8px;
            font-weight: normal;
        }
        .sc-panel-gold-heading {
            font-size: 1.85rem;
            color: #d9a95d;
            margin-bottom: 35px;
            font-weight: normal;
        }
        .sc-panel-intro-text {
            font-size: 18px;
            color: #cccccc;
            line-height: 1.7;
            margin-bottom: 30px;
            /* font-family: Arial, sans-serif; */
        }
        .sc-panel-detail-text {
            font-size: 18px;
            color: #cccccc;
            line-height: 1.7;
            margin: 0;
            /* font-family: Arial, sans-serif; */
        }

        /* 按钮与转化说明区域样式 */
        .sc-action-block-wrapper {
            padding-top: 10px;
        }
        .sc-gold-action-btn {
            background-color: #fca92f;
            color: #222;
            /* font-size: 0.88rem; */
            font-weight: 500;
            border: none;
            border-radius: 3px;
            padding: 16px 24px;
            width: 100%;
            text-align: center;
            display: block;
            text-decoration: none;
            letter-spacing: 0.5px;
            transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
            margin-bottom: 35px;
        }
        .sc-gold-action-btn:hover {
            background-color: #d9a95d; /* 悬停颜色转变为#d9a95d */
            color: #111111; /* 保持字体颜色不变 */
            text-decoration: none;
            transform: translateY(-4px); /* 悬停上移效果 */
            box-shadow: 0 6px 20px rgba(217, 169, 93, 0.3);
        }
        .sc-conversion-metrics-para {
            /* font-size: 0.9rem; */
            color: #999999;
            line-height: 1.6;
            font-family: Arial, sans-serif;
            margin: 0;
        }

        /* 空样式占位符（按需扩展） */
        .sc-placeholder-empty-one {}
        .sc-placeholder-empty-two {}
		
		        .tc-main-layout-wrapper {
            /* max-width: 1140px; */
            margin: 0 auto;
        }

        /* --- 顶部的 Tab 导航菜单与 Hover 动效 --- */
        .tc-nav-pills-container {
            margin-bottom: 35px;
            border-bottom: none;
        }
        
        .tc-tab-pill-link {
            display: inline-block;
            padding: 8px 24px;
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #777777 !important;
            background-color: #ffffff;
            border: 1px solid #EBDFD7 !important;
            border-radius: 30px !important;!i;!;
            text-decoration: none;
            transition: all 0.3s ease;
            margin: 5px 8px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        /* 鼠标悬停未激活的 Tab 时的动效 */
        .tc-tab-pill-link:hover {
            color: #111111 !important;
            border-color: #111111 !important;
            text-decoration: none;
            transform: translateY(-2px);
        }
        
        /* 激活状态下的 Bootstrap 样式重写 */
        .tc-nav-pills-container .nav-link.active {
            background-color: #1e1b18 !important;
            color: #ffffff !important;
            border-color: #1e1b18 !important;
        }
        
        .tc-nav-pills-container .nav-link.active:hover {
            background-color: #332f2b !important;
            border-color: #332f2b !important;
            color: #ffffff !important;
        }

        /* --- 核心大图展示区 --- */
        .tc-display-image-box {
            margin-bottom: 40px;
            border-radius: 0px;
            overflow: hidden;
        }
        
        .tc-image-box-placeholder {
            width: 100%;
            height: 400px;
            background-color: #e5dec9;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #615a49;
            font-size: 1.2rem;
            font-style: italic;
            border: 1px solid #dcd3b8;
        }

        /* --- 文本解说区 --- */
        .tc-text-content-block {
            padding: 0 15px;
        }
        
        .tc-article-main-heading {
            font-size: 30px;
            font-weight: bold;
            color: #222;
            margin-bottom: 25px;
            line-height: 1.3;
        }
        
        .tc-article-body-paragraph {
            font-size: 20px;
            color: #555555;
            line-height: 1.7;
            margin-bottom: 25px;
            /* font-family: Arial, Helvetica, sans-serif; */
        }

        /* --- 底部技术规格浅灰面板 --- */
        .tc-tech-specs-box {
            background-color: #F9F5F2;
            border: 1px solid #EBDFD7;
            padding: 25px 30px;
            margin-top: 45px;
        }
        
        .tc-specs-box-label {
            /* font-size: 0.85rem; */
            font-weight: bold;
            color: #BCB8B7;
            text-transform: capitalize;
            margin-bottom: 10px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        .tc-specs-box-content {
            /* font-size: 0.88rem; */
            color: #464241;
            line-height: 1.5;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* 专门针对特殊扩展按钮准备的 Hover 特效类（可按需添加至内容区） */
        .tc-hover-action-btn {
            display: inline-block;
            background-color: #fca92f;
            color: #111111;
            padding: 12px 24px;
            font-weight: bold;
            border: none;
            border-radius: 4px;
            transition: all 0.3s ease;
        }
        
        .tc-hover-action-btn:hover {
            background-color: #d9a95d;
            color: #111111;
            transform: translateY(-4px);
        }

        /* --- 空样式名占位符 --- */
        .tc-empty-reserved-style-a {}
        .tc-empty-reserved-style-b {}
		 .ft-matrix-wrapper {
            /* max-width: 1140px; */
            margin: 0 auto;
        }

        /* --- 响应式表格外包裹层，防止手机端溢出 --- */
        .ft-table-responsive-container {
            margin-bottom: 45px;
            border: 1px solid #eaeaea;
        }

        /* --- 特性对比原生表格核心样式 --- */
        .ft-comparison-table {
            width: 100%;
            margin-bottom: 0;
            background-color: #ffffff;
            border-collapse: collapse;
        }

        /* 表头深色背景样式 */
        .ft-table-header-row {
            background-color: #221e1f;
        }

        .ft-th-header-cell {
            color: #E5DBD4 !important;!i;!;
            font-size: 16px !important;!i;!;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 18px 24px;
            border: none !important;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* 表体行与单元格样式 */
        .ft-table-body-row {
            transition: background-color 0.2s ease;
        }
        
        /* 表格行悬停整行高亮动效 */
        .ft-table-body-row:hover {
            background-color: #fcfbfa;
        }

        .ft-td-body-cell {
            /* font-size: 0.9rem; */
            color: #444444;
            padding: 20px 24px;
            vertical-align: middle !important;
            border-bottom: 1px solid #f0f0f0 !important;
            border-top: none !important;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* 第一列首个特征指标加粗样式 */
        .ft-td-feature-label {
            font-weight: bold;
            color: #111111;
        }

        /* --- 底部浅灰提示通知面板 --- */
        .ft-info-notice-panel {
            background-color: #F9F5F2;
            border: 1px solid #EBDFD7;
            padding: 30px 35px;
            margin-top: 20px;
        }

        .ft-notice-description-text {
            font-size: 0.92rem;
            color: #555555;
            line-height: 1.65;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* --- 核心按钮定位容器及 Hover 特效 --- */
        .ft-button-action-column {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            height: 100%;
        }

        .ft-gold-trigger-btn {
            display: inline-block;
            background-color: #fca92f;
            color: #111111;
            /* font-size: 0.88rem; */
            /* font-weight: bold; */
            text-align: center;
            padding: 15px 28px;
            border: none;
            border-radius: 4px;
            text-decoration: none;
            white-space: nowrap;
            letter-spacing: 0.5px;
            transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
        }

        /* 满足：悬停上移、颜色变#d9a95d、字体颜色保持不变 */
        .ft-gold-trigger-btn:hover {
            background-color: #d9a95d;
            color: #111111;
            text-decoration: none;
            transform: translateY(-4px);
            box-shadow: 0 6px 18px rgba(217, 169, 93, 0.35);
        }

        /* --- 允许后期任意扩展的空样式占位符 --- */
        .ft-empty-placeholder-alpha {}
        .ft-empty-placeholder-beta {}
		
		
		 .cs-content-grid-wrapper {
            
        }

        /* --- 卡片主容器样式与整体 Hover 动效 --- */
        .cs-project-card-item {
            background-color: #ffffff;
            border: 2px solid #EBDFD7;
            /* border-radius: 0px; */
            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;
        }

        .cs-project-card-item:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
        }

        /* --- 顶端精美案例网络图片区域 --- */
        .cs-card-media-header {
            /* width: 100%; */
            /* height: 250px; */
            /* background-size: cover; */
            /* background-position: center; */
            /* background-repeat: no-repeat; */
            /* border-bottom: 2px solid #EBDFD7; */
        }

        /* --- 各卡片独立绑定高清网络图片路径 --- */
        .cs-media-hotel {
            
/* border-top-left-radius: 20px; */
            
/* border-top-right-radius: 20px; */
        }

        .cs-media-amazon {
           
        }

        .cs-media-soy-wax {
          
        }

        .cs-media-bulk-order {
           
        }

        /* --- 卡片文字内容包装排版区域 --- */
        .cs-card-text-body {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .cs-card-primary-title {
            font-size: 26px;
            font-weight: bold;
            color: #111111;
            margin-bottom: 20px;
            line-height: 1.4;
        }

        /* 指标小标签标题样式 (CHALLENGE, SOLUTION, RESULT) */
        .cs-meta-section-label {
            font-size: 14px;
            color: #BCB8B7;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: bold;
            margin-bottom: 6px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .cs-challenge-para-text {
            font-size: 0.88rem;
            color: #666666;
            line-height: 1.6;
            margin-bottom: 20px;
            font-family: Arial, Helvetica, sans-serif;
        }

        /* 解决方案浅灰块级基底模型 */
        .cs-solution-highlight-panel {
            background-color: #F9F5F2;
            padding: 15px 18px;
            margin-bottom: 20px;
            /* border-left: 2px solid #e5dec9; */
        }

        .cs-solution-para-text {
            /* font-size: 0.88rem; */
            color: #333333;
            line-height: 1.6;
            margin: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        .cs-result-para-italic {
            /* font-size: 0.82rem; */
            color: #BCB8B7;
            font-style: italic;
            line-height: 1.5;
            margin-top: auto; /* 自动吸附到底部，保证垂直对齐美感 */
            font-family: Arial, Helvetica, sans-serif;
        }

        /* --- 预留给后期扩展的空样式名占位符 --- */
        .cs-reserved-empty-style-one {}
        .cs-reserved-empty-style-two {}
		.cs-card-media-header img{ width:100%;}
		/* ===== 基础 ===== */
.zm-body{}
.zm-container{}
.zm-row{}
.zm-col{}

/* ===== 顶部CTA ===== */
.zm-top-section{
    background: linear-gradient(180deg,#1e1b1a,#2c2522);
    color:#fff;
    text-align:center;
    padding:80px 20px;
}
.zm-top-title{
    font-size: 30px;
    margin-bottom:15px;
    color: #fff;
}
.zm-top-desc{
    color: #BCB8B7;
    font-size: 18px;
    margin-bottom:25px;
}
.zm-top-btn{
    background:#f4a742;
    color:#000;
    padding:12px 28px;
    display:inline-block;
    transition:0.3s;
    font-weight: 500;
}
.zm-top-btn:hover{
    background:#d9a95d;
    transform:translateY(-3px);
    color:#000;
}

/* ===== 主标题 ===== */
.zm-main-section{
    /* background:#f3f1ee; */
    /* padding:80px 15px; */
}
.zm-main-title{
    text-align:center;
    font-size:36px;
    font-weight:600;
    margin-bottom:50px;
}

/* ===== 左侧 ===== */
.zm-left-box{}
.zm-left-title{
    font-size: 30px;
    margin-bottom:10px;
    font-weight: bold;
    font-family: math;
}
.zm-left-desc{
    /* font-size:13px; */
    color:#666;
    margin-bottom:20px;
}

.zm-cert-item{
    border: 1px solid #EBDFD7;
    padding:15px;
    margin-bottom:12px;
    background:#fff;
    transition:0.3s;
}
.zm-cert-item:hover{
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.zm-cert-name{
    /* font-size:14px; */
    font-weight: 800;
}
.zm-cert-sub{
    /* font-size:12px; */
    color: #BCB8B7;
}

.zm-cert-right{
    text-align:right;
}
.zm-cert-status{
    font-size: 14px;
    color: #D5A354;
    margin-right:10px;
    font-weight: bold;
}
.zm-cert-pdf{
    font-size: 14px;
    font-weight: bold;
}

/* ===== 右侧 ===== */
.zm-right-box{
    background:#fff;
    border: 1px solid #EBDFD7;
    padding:25px;
}
.zm-right-title{
    font-size: 30px;
    margin-bottom:10px;
    font-weight: bold;
    font-family: math;
}
.zm-right-desc{
    /* font-size:13px; */
    color:#666;
    margin-bottom:15px;
}

/* 表格 */
.zm-table{}
.zm-table th{
    background:#222;
    color: #E5DBD4 !important;!i;!;
    font-size:13px;
}
.zm-table td{
    /* font-size:13px; */
}

/* 说明 */
.zm-right-text{
    /* font-size:12px; */
    color:#777;
    margin-top:15px;
}

/* 按钮 */
.zm-right-btn{
    margin-top:20px;
    background:#f4a742;
    display:block;
    text-align:center;
    padding:12px;
    color:#000;
    transition:0.3s;
}
.zm-right-btn:hover{
    background:#d9a95d;
    transform:translateY(-3px);
    color:#000;
}

.zm-note{
    font-size: 14px;
    color:#aaa;
    margin-top:10px;
}

/* 空类占位（必须写） */
.zm-empty{}
.zm-extra{}
.zm-box{}
.zm-wrap{}
.zm-flex{}
.zm-item{}
.zm-inner{}
.dyxylz-6{ font-style:italic; color:#BCB8B7;}



/* ===== 基础 ===== */
.qf-body{}
.qf-container{}
.qf-row{}
.qf-col{}

/* ===== 整体 ===== */
.qf-section{
    background: #F9F5F2;
    padding:80px 15px;
}

/* ===== 左侧 ===== */
.qf-left{}
.qf-title-main{
    font-size: 50px;
    font-weight:600;
    line-height: 1;
    margin-bottom:20px;
    font-family: math;
}
.qf-desc{
    /* font-size:14px; */
    color:#666;
    margin-bottom:30px;
}

/* support */
.qf-support{
    display:flex;
    align-items:center;
    margin-bottom:30px;
}
.qf-support-icon{
    width: 55px;
    height: 55px;
    border-radius:50%;
    border: 1px solid #d9a95d;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
}
.qf-support-text{}
.qf-support-small{
    font-size: 14px;
    color:#999;
}
.qf-support-phone{color: #222;font-weight: 500;}

/* quote box */
.qf-quote-box{
    border: 1px solid #F4E6DC;
    padding:20px;
    border-radius:10px;
    background: #F8F1EC;
}
.qf-quote-text{
    /* font-size:13px; */
    color: #221F1E;
    margin-bottom:15px;
}
.qf-quote-link{
    color:#d9a95d;
    display:inline-block;
    transition:0.3s;
}
.qf-quote-link:hover{
    transform:translateY(-2px);
}

/* ===== 右侧表单 ===== */
.qf-form-box{}
.qf-form-row{}

/* label */
.qf-label{
    font-size: 14px;
    color: #BCB8B7;
    margin-bottom:5px;
    font-weight: 500;
}

/* input */
.qf-input{
    width:100%;
    padding:12px;
    border:none;
    /* background:#eee; */
    margin-bottom:15px;
    transition:0.3s;
}
.qf-input:focus{
    outline:none;
    background:#e5e5e5;
}

/* textarea */
.qf-textarea{
    width:100%;
    height:120px;
    padding:12px;
    border:none;
    /* background:#eee; */
    margin-bottom:20px;
    transition:0.3s;
}
.qf-textarea:focus{
    outline:none;
    background:#e5e5e5;
}

/* 按钮 */
.qf-submit{
    background:#f4a742;
    width:100%;
    padding:14px;
    text-align:center;
    display:block;
    color:#000;
    font-size: 18px;
    transition:0.3s;
}
.qf-submit:hover{
    background:#d9a95d;
    transform:translateY(-3px);
    color:#000;
}

/* 空class（必须存在） */
.qf-empty{}
.qf-box{}
.qf-wrap{}
.qf-inner{}
.qf-item{}
.qf-flex{}
.qf-extra{}
.qf-null{}
		
	        /* Container & Row Placeholders for style requirements */
        .cc-main-wrapper {}
        .cc-cards-row {}
        .cc-column-spacing {}
        .cc-empty-placeholder-one {}
        .cc-empty-placeholder-two {}

        /* Card container styling */
        .cc-info-card {
            /* background-color: #faf6f0; */ /* Soft warm tint matching the look */
            border: 1px solid #eaddd3;
            border-radius: 0px; /* Square corners as shown in the image */
            padding: 40px 30px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
        }

        /* Card Hover Effect */
        .cc-info-card:hover {
            transform: translateY(-5px);
            background-color: #ffffff;
            box-shadow: 0 12px 25px rgba(217, 169, 93, 0.12);
            border-color: #d9a95d;
        }

        /* Icon Container styling */
        .cc-icon-box {
            font-size: 2rem;
            color: #d9a95d;
            margin-bottom: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            /* border: 1px dashed #d9a95d; */ /* Dashed border outline matching the selection/design hint in image */
            padding: 5px;
        }

        /* Card Heading styling */
        .cc-card-title {
            /* font-family: 'Playfair Display', Georgia, serif; */
            font-size: 20px;
            font-weight: 700;
            color: #222;
            line-height: 1.4;
            margin-bottom: 20px;
            min-height: 56px; /* Ensures alignments stay uniform on grid */
        }

        /* Description subtext styling */
        .cc-card-text {
            /* font-size: 0.9rem; */
            color: #777777;
            line-height: 1.5;
            margin-bottom: 40px;
            flex-grow: 1;
        }

        /* Read More Link styling */
        .cc-readmore-link {
            /* font-size: 16px; */
            font-weight: 600;
            color: #d9a95d;
            /* text-transform: uppercase; */
            /* letter-spacing: 1px; */
            /* text-decoration: none; */
            /* border-bottom: 1px solid #d9a95d; */
            padding-bottom: 2px;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
        }

        .cc-readmore-link:hover {
            
        }

        /* Responsive custom tweaks */
        @media (max-width: 1199.98px) {
            .cc-card-title {
                min-height: 70px;
            }
        }
        @media (max-width: 991.98px) {
            .cc-card-title {
                min-height: auto;
            }
            .cc-info-card {
                margin-bottom: 30px;
                padding: 35px 25px;
            }
        }	
		
		.tc-article-body-paragraph2 {
    font-size: 18px;
    color: #555555;
    line-height: 1.7;
}