/* ============================================
   KCHE CSS 升级补丁 v2.0
   视觉增强 · 大气美观 · 100%向后兼容
   将此CSS文件放在原CSS之后引入即可
   ============================================ */

/* ===========================================
   1. 全局基础优化 - 字体渲染 & 平滑度
   =========================================== */
*,
*::before,
*::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-feature-settings: "kern" 1, "liga" 1;
    overflow-x: hidden;
}

img {
    border-radius: 6px;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

p {
    line-height: 1.75;
    letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em;
    line-height: 1.3;
}

a {
    transition: color 0.25s ease, opacity 0.25s ease;
}

/* ===========================================
   2. 容器 & 包裹层 - 更大气的留白
   =========================================== */
.kche-wrap-width {
    padding: 25px 15px;
    max-width: 1440px;
}

.kche-wrap-width1 {
    max-width: 1440px;
}

.kche-wrap-bg {
    position: relative;
}

/* ===========================================
   3. Flex 布局增强 - 更优雅的间距
   =========================================== */
.kche-flex-item2 { margin: 12px 0; }
.kche-flex-item3 { margin: 12px 0; }
.kche-flex-item4 { margin: 12px 0; }
.kche-flex-item5 { margin: 12px 0; }
.kche-flex-item-auto { margin: 12px 0; }

/* ===========================================
   4. 标题样式 - 全系列视觉升级
   =========================================== */

/* T1 - 边框标题 */
.kche-t1 > h2,
.kche-t1 > h5 {
    font-size: 22px;
    padding: 10px 24px;
    border-radius: 6px;
    border-width: 2px;
    letter-spacing: -0.01em;
    transition: all 0.3s ease;
}

/* T3 - 底部线条标题 */
.kche-t3 > h2,
.kche-t3 > h5 {
    font-size: 22px;
    padding: 8px 24px;
    border-bottom-width: 4px;
    letter-spacing: -0.01em;
}

/* T4 - 彩虹底边标题 */
.kche-t4 > h2,
.kche-t4 > h5 {
    font-size: 26px;
    padding: 12px 24px;
}

/* T5 - 底线标题 */
.kche-t5 > h2,
.kche-t5 > h5 {
    font-size: 26px;
    padding-bottom: 14px;
}

.kche-t5 > h2 > span:nth-child(1),
.kche-t5 > h5 > span:nth-child(1) {
    width: 40px;
    height: 4px;
    border-radius: 2px;
}

/* T6 - 阴影边框标题 */
.kche-t6 > h2,
.kche-t6 > h5 {
    font-size: 22px;
    padding: 10px 24px;
    border-radius: 8px;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.08);
    border-width: 1px;
}

/* T7 - 内阴影标题 */
.kche-t7 > h2,
.kche-t7 > h5 {
    font-size: 22px;
    padding: 10px 24px;
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(0,0,0,0.12) inset;
}

/* T8 - 居中标题 */
.kche-t8 > h2,
.kche-t8 > h5 {
    font-size: 28px;
    padding: 10px 0;
    border-radius: 8px;
}

/* T9 - 锯齿背景标题 */
.kche-t9 > h2,
.kche-t9 > h5 {
    font-size: 22px;
    padding: 10px 24px;
    border-radius: 4px 4px 0 0;
}

/* T10 - 图标背景标题 */
.kche-t10 > h2,
.kche-t10 > h5 {
    font-size: 22px;
    padding: 10px 24px 10px 48px;
    border-radius: 0 8px 8px 0;
}

/* T13 - 圆角背景标题 */
.kche-t13 > h2,
.kche-t13 > h5 {
    font-size: 22px;
    padding: 10px 24px;
    border-radius: 8px;
}

/* T83 - 斜角标题 */
.kche-t83 > h2,
.kche-t83 > h5 {
    font-size: 22px;
    padding: 8px 24px;
    border-radius: 0 14px 0 14px;
}

/* T95 - 底线图标标题 */
.kche-t95 > h2,
.kche-t95 > h5 {
    font-size: 22px;
    padding: 8px 24px;
    border-bottom-width: 4px;
}

/* T128 - 居中线条标题 */
.kche-t128 .kche-template-item h2,
.kche-t128 .kche-template-item h5 {
    font-size: 26px;
    padding: 0 16px;
}

.kche-t128 .kche-t128-line {
    height: 1px;
    opacity: 0.4;
}

/* 居中系列标题 (T58, T59, T76-T79) */
.kche-t58 .kche-template-item h2,
.kche-t58 .kche-template-item h5,
.kche-t59 .kche-template-item h2,
.kche-t59 .kche-template-item h5,
.kche-t76 .kche-template-item h2,
.kche-t76 .kche-template-item h5,
.kche-t77 .kche-template-item h2,
.kche-t77 .kche-template-item h5,
.kche-t78 .kche-template-item h2,
.kche-t78 .kche-template-item h5,
.kche-t79 .kche-template-item h2,
.kche-t79 .kche-template-item h5 {
    font-size: 28px;
    letter-spacing: -0.02em;
}

.kche-t58 .kche-template-item .kche-t58-line,
.kche-t59 .kche-template-item .kche-t59-line {
    width: 60px;
    height: 3px;
    border-radius: 2px;
}

/* ===========================================
   5. 表格全面美化
   =========================================== */
.kche-table {
    border-radius: 12px;
    overflow: hidden;
    font-size: 15px;
}

.kche-table > tbody > tr > td {
    padding: 12px 16px;
    transition: background-color 0.2s ease;
}

.kche-table-border {
    border-radius: 12px;
    overflow: hidden;
    border-color: #e5e7eb;
}

.kche-table-container {
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.kche-table-topbg > tbody > tr:first-child > td {
    padding: 14px 16px;
    font-size: 15px;
}

.kche-table-tr-even > tbody > tr:nth-child(even),
.kche-table-tr-odd > tbody > tr:nth-child(odd) {
    transition: background-color 0.2s ease;
}

.kche-border-radius {
    border-radius: 12px !important;
}

.kche-border-radius > tbody > tr:first-child > td:first-child { border-top-left-radius: 12px; }
.kche-border-radius > tbody > tr:first-child > td:last-child { border-top-right-radius: 12px; }
.kche-border-radius > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 12px; }
.kche-border-radius > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 12px; }

/* ===========================================
   6. 列表 & 圆圈组件美化
   =========================================== */
.kche-list-disc-customize > li {
    padding-left: 20px;
    margin-bottom: 6px;
    line-height: 1.7;
}

.kche-list-disc-customize > li::before {
    width: 7px;
    height: 7px;
    top: 9px;
    transition: transform 0.2s ease;
}

.kche-curcle-w {
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.kche-curcle-w:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.kche-curcle-n {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    font-size: 16px;
    font-weight: 600;
}

/* ===========================================
   7. Flex 列表卡片 - 现代化升级
   =========================================== */
.kche-flex-list > .kche-flex-item {
    border-radius: 12px;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.kche-flex-list > .kche-flex-item:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}

.kche-flex-list > div > .kche-flex-t > p {
    width: 46px;
    height: 46px;
    font-size: 20px;
    border-width: 3px;
    margin: 10% 0;
    font-weight: 600;
}

.kche-flex-list > div > .kche-flex-b {
    padding: 12% 14px;
    border: 1px solid #f0f0f0;
    border-radius: 0 0 12px 12px;
}

.kche-flex-b-text {
    font-size: 15px;
    line-height: 1.65;
    margin-top: 8px;
}

/* ===========================================
   8. 图片组件 - 更精致的展示
   =========================================== */
.kche-item-img {
    border-radius: 10px;
    overflow: hidden;
}

.kche-item-img img {
    border: none !important;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.kche-scale .kche-item-img img {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.kche-scale .kche-flex-item:hover .kche-item-img img {
    transform: scale(1.08);
}

/* ===========================================
   9. FAQ 模块 - 更优雅的交互
   =========================================== */
.kche-t55 h5 {
    font-size: 28px;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.kche-t55 > .kche-faq-list > .kche-faq-item {
    border: 1px solid #e8eaed;
    border-radius: 12px;
    padding: 16px 20px;
    margin: 12px 0;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.kche-t55 > .kche-faq-list > .kche-faq-item:hover {
    border-color: #d0d3d8;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.kche-t55 > .kche-faq-list > .kche-faq-item > .kche-faq-tit > p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding-right: 30px;
}

.kche-t55 > .kche-faq-list > .kche-faq-item > .kche-faq-tit > p::after,
.kche-t55 > .kche-faq-list > .kche-faq-item > .kche-faq-tit > p::before {
    width: 14px;
    height: 2px;
    border-radius: 1px;
    right: 6px;
    transition: all 0.3s ease;
}

.kche-t55 > .kche-faq-list > .kche-faq-item > .kche-faq-box {
    padding-top: 10px;
    line-height: 1.75;
}

/* ===========================================
   10. 模块卡片系列 - 现代风格
   =========================================== */

/* T86 - 图标特色卡片 */
.kche-t86 .kche-t86-content > p,
.kche-t86 .kche-t86-content h5 {
    font-size: 28px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.kche-t86 .kche-t86-item-flex {
    padding: 24px 22px;
    border-radius: 14px;
    border-bottom-width: 3px;
    box-shadow: 0 4px 16px rgba(51,51,52,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t86 .kche-t86-item-flex:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(51,51,52,0.12);
}

.kche-t86 .kche-t86-item-flex > .kche-item-l {
    width: 80px;
    height: 80px;
    transition: all 0.3s ease;
}

.kche-t86 .kche-t86-item-flex > .kche-item-l > em {
    font-size: 34px;
}

.kche-t86 .kche-t86-item-flex > .kche-item-r > .kche-item-tit {
    font-size: 19px;
}

/* T88 - 图卡模块 */
.kche-t88 .kche-t88-tit {
    font-size: 28px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.kche-t88 .kche-t88-item {
    border-radius: 14px;
    border-bottom-width: 3px;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t88 .kche-t88-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* T91 - 悬停变色卡片 */
.kche-t91 .kche-t91-item {
    border-radius: 14px;
    padding: 35px;
    transition: all 0.4s ease;
}

.kche-t91 .kche-t91-item > div {
    border-radius: 10px;
    transition: all 0.4s ease;
}

/* T93 - 步骤流程 */
.kche-t93 .kche-t93-item > .kche-t93-item-top {
    width: 100px;
    height: 100px;
    transition: transform 0.3s ease;
}

.kche-t93 .kche-t93-item:hover > .kche-t93-item-top {
    transform: scale(1.08);
}

/* ===========================================
   11. 产品展示系列 - 高端感
   =========================================== */

/* T101 */
.kche-t101 .kche-t101-list .kche-t101-item {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(38,38,38,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t101 .kche-t101-list .kche-t101-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(38,38,38,0.12);
}

.kche-t101 .kche-t101-item-info {
    padding: 16px 18px;
}

.kche-t101 .kche-t101-item-tit {
    font-size: 18px;
    line-height: 1.4;
}

/* T104 - 悬停覆盖卡片 */
.kche-t104 .kche-t104-list .kche-t104-item {
    border-radius: 14px;
    border: none;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

/* T108 - 悬停信息卡片 */
.kche-t108 .kche-t108-list .kche-t108-item {
    border-radius: 14px;
    overflow: hidden;
}

.kche-t108 .kche-t108-item-info {
    border-radius: 8px;
}

/* T113 */
.kche-t113 .kche-t113-list .kche-t113-item {
    border-radius: 12px;
    border-color: #eef0f2;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t113 .kche-t113-list .kche-t113-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* T116 */
.kche-t116 .kche-t116-list .kche-t116-item {
    border-radius: 12px;
    border-color: #eef0f2;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t116 .kche-t116-list .kche-t116-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* T118 - 弧形信息卡 */
.kche-t118 .kche-t118-list .kche-t118-item {
    border-radius: 14px;
    border-color: #eef0f2;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t118 .kche-t118-list .kche-t118-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

/* ===========================================
   12. 关于/简介模块 - 更大气
   =========================================== */

/* T96 */
.kche-t96 .kche-item-l {
    border-radius: 14px;
}

.kche-t96 .kche-item-r .kche-t96-r-tit {
    font-size: 24px;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
}

/* T99 */
.kche-t99 .kche-t99-flex .kche-t99-title {
    font-size: 28px;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

.kche-t99 .kche-t99-info-item {
    border-radius: 10px;
    border-color: #e8eaed;
    padding: 14px 18px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.kche-t99 .kche-t99-info-item:hover {
    border-color: #d0d3d8;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}

/* T100 */
.kche-t100 .kche-t100-info .kche-t100-info-title {
    font-size: 24px;
    letter-spacing: -0.02em;
}

.kche-t100 .kche-t100-info .kche-t100-info-into {
    width: 40px;
    height: 4px;
    border-radius: 2px;
    margin: 24px 0 30px;
}

/* T107 */
.kche-t107 .kche-t107-title {
    font-size: 24px !important;
    letter-spacing: -0.02em;
}

.kche-t107 .kche-t107-into {
    width: 40px;
    height: 3px;
    border-radius: 2px;
}

/* T114 */
.kche-t114 .kche-t114-img {
    border-radius: 14px;
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.kche-t114 .kche-t114-title {
    font-size: 24px !important;
    letter-spacing: -0.02em;
}

.kche-t114 .kche-t114-into {
    width: 50px;
    height: 4px;
    border-radius: 2px;
    margin-bottom: 24px;
}

/* ===========================================
   13. 分割线 & 装饰元素
   =========================================== */

/* 装饰圆点优化 */
.kche-t87 .kche-t87-content > .kche-info-r > .modality,
.kche-t88 .kche-t88-content > .modality,
.kche-t89 .kche-t89-l > .modality,
.kche-t90 .kche-t90-l > .modality,
.kche-t91 .kche-t91-content > .modality,
.kche-t92 .kche-t92-content > .modality,
.kche-t93 .kche-t93-content > .modality {
    width: 10px;
    height: 10px;
}

/* 各种 "into" 分割线 */
.kche-t102 .kche-t102-into,
.kche-t103 .kche-t103-into,
.kche-t105 .kche-t105-into,
.kche-t108 .kche-t108-into,
.kche-t109 .kche-t109-into,
.kche-t110 .kche-t110-into,
.kche-t111 .kche-t111-into,
.kche-t113 .kche-t113-into,
.kche-t114 .kche-t114-into,
.kche-t115 .kche-t115-into,
.kche-t116 .kche-t116-into,
.kche-t117 .kche-t117-into,
.kche-t118 .kche-t118-into,
.kche-t130 .kche-t130-into,
.kche-t131 .kche-t131-into,
.kche-t132 .kche-t132-into,
.kche-t133 .kche-t133-into,
.kche-t135 .kche-t135-into {
    border-radius: 3px;
}

.kche-t151-into,
.kche-t152 .kche-t152-into,
.kche-t153-into,
.kche-t155-into,
.kche-t156-into {
    border-radius: 3px;
}

.kche-t154-text-into {
    border-radius: 3px;
}

/* ===========================================
   14. T122 系列卡片 - 高级感
   =========================================== */
.kche-t122 .kche-t122-list .kche-t122-item {
    border-radius: 16px;
    padding: 32px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t122 .kche-t122-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(0,0,0,0.08);
}

.kche-t122 .kche-t122-item .kche-t122-icon {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(38,38,38,0.06);
}

/* T123 */
.kche-t123 .kche-t123-list .kche-t123-item {
    border-radius: 14px;
    padding: 32px 24px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t123 .kche-t123-list .kche-t123-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(51,51,51,0.12);
}

.kche-t123 .kche-t123-item .kche-t123-item-icon {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(51,51,52,0.06);
}

/* T124 */
.kche-t124 .kche-t124-list .kche-t124-item {
    border-radius: 14px;
    padding: 24px;
}

/* ===========================================
   15. T130 系列 - 精美卡片
   =========================================== */
.kche-t130 .kche-t130-list .kche-t130-item {
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t130 .kche-t130-list .kche-t130-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(51,51,51,0.1);
}

/* T135 */
.kche-t135 .kche-t135-list .kche-t135-item {
    border-radius: 14px;
    padding: 28px;
    border-color: #eef0f2;
    transition: all 0.35s ease;
}

.kche-t135 .kche-t135-list .kche-t135-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

/* T137 */
.kche-t137 .kche-t137-list .kche-t137-item {
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 4px 24px rgba(69,71,80,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t137 .kche-t137-list .kche-t137-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(69,71,80,0.12);
}

/* ===========================================
   16. T142-T150 系列 - 功能卡片
   =========================================== */
.kche-t142 .kche-t142-b-item {
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 4px 16px rgba(69,71,80,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t142 .kche-t142-b-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(69,71,80,0.1);
}

.kche-t146 .kche-t146-text-item {
    border-radius: 10px;
    border-color: #eef0f2;
}

.kche-t146 .kche-t146-text-top {
    padding: 14px 18px;
}

.kche-t150 .kche-t150-item-icon {
    width: 100px;
    height: 100px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t150 .kche-t150-item:hover .kche-t150-item-icon {
    transform: translateY(-6px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* ===========================================
   17. T151-T156 系列 - 服务卡片
   =========================================== */
.kche-t151-item {
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t151-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(51,51,51,0.1);
}

.kche-t152 .kche-t152-item-img {
    border-radius: 12px;
}

.kche-t155-item {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t155-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

.kche-t155-text {
    padding: 24px 18px;
}

.kche-t156-img {
    border-radius: 14px;
}

/* ===========================================
   18. T157-T166 系列 - 展示模块
   =========================================== */
.kche-t157 .kche-t157-item {
    padding: 28px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(35,24,21,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t157 .kche-t157-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(35,24,21,0.1);
}

.kche-t158 .kche-t158-list {
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(35,24,21,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t158 .kche-t158-list:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(35,24,21,0.1);
}

.kche-t161 .kche-t161-item {
    border-radius: 10px;
    padding: 30px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t161 .kche-t161-item:hover {
    transform: translateY(-4px);
}

/* ===========================================
   19. T167-T183 系列 - 综合模块
   =========================================== */
.kche-t168 .kche-t168-item {
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t168 .kche-t168-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(51,51,51,0.1);
}

.kche-t171 .kche-t171-item {
    border-radius: 12px;
    padding: 18px;
}

.kche-t174 .kche-t174-list .kche-t174-item {
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t174 .kche-t174-list .kche-t174-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(51,51,51,0.1);
}

.kche-t176 .kche-t176-list .kche-t176-item {
    border-radius: 12px;
    padding: 22px;
    border-color: #eef0f2;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t176 .kche-t176-list .kche-t176-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

.kche-t180 .kche-t180-item {
    border-radius: 12px;
    padding: 22px;
    transition: all 0.35s ease;
}

.kche-t180 .kche-t180-item:hover {
    box-shadow: 0 8px 24px rgba(51,51,51,0.08);
}

.kche-t181 .kche-t181-info-item {
    border-radius: 12px;
    border-color: #eef0f2;
    padding: 18px;
    transition: all 0.35s ease;
}

.kche-t181 .kche-t181-info-item:hover {
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
}

.kche-t183 .kche-t183-item {
    border-radius: 12px;
    border-color: #eef0f2;
}

/* ===========================================
   20. T184-T210 系列 - 高级模块
   =========================================== */
.kche-t184 .kche-t184-item {
    border-radius: 12px;
    border-color: #eef0f2;
    box-shadow: 0 4px 16px rgba(51,51,51,0.06);
    padding: 24px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t184 .kche-t184-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(51,51,51,0.1);
}

.kche-t190 .kche-t190-item {
    border-radius: 14px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t190 .kche-t190-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.kche-t194 .kche-t194-item {
    border-radius: 12px;
    border-color: #eef0f2;
    padding: 14px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t194 .kche-t194-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.kche-t195 .kche-t195-item {
    border-radius: 12px;
    border-color: #eef0f2;
    padding: 50px 24px 24px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t195 .kche-t195-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

.kche-t199 .kche-t199-item {
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(15,51,51,0.06);
    padding: 28px 22px 42px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t199 .kche-t199-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(15,51,51,0.1);
}

.kche-t203 .kche-t203-item {
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 4px 20px rgba(51,51,51,0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t203 .kche-t203-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(51,51,51,0.1);
}

.kche-t210 .kche-t210-item .kche-t210-info {
    border-radius: 12px;
    padding: 24px;
}

/* ===========================================
   21. 图标组件全局优化
   =========================================== */
[class*="kche-t"] em[class*="iconfont"],
[class*="kche-t"] .kche-item-l > em,
[class*="kche-t"] .kche-item-icon > em {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                color 0.3s ease;
}

/* ===========================================
   22. 按钮系列 - 更高端
   =========================================== */
.kche-t96 .kche-t96-btn span,
.kche-t98 .kche-t98-item .kche-t98-item-btn span,
.kche-t101 .kche-t101-item-btn span,
.kche-t113 .kche-t113-item .kche-t113-item-btn span,
.kche-t116 .kche-t116-item .kche-t116-item-more span,
.kche-t125 .kche-t125-more span,
.kche-t132 .kche-t132-item .kche-t132-item-more span,
.kche-t157 .kche-t157-btn span,
.kche-t189 .kche-t189-btn span,
.kche-t199 .kche-t199-btn span,
.kche-t200 .kche-t200-btn span {
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: 0.01em;
    transition: all 0.3s ease;
}

/* ===========================================
   23. 时间轴 & 历程模块
   =========================================== */
.kche-history-line {
    width: 3px;
    background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
    margin-left: -1.5px;
}

.kche-history-item > .icon {
    width: 10px;
    height: 10px;
    border-width: 3px;
}

.kche-history-item > .kche-history-title {
    font-size: 24px;
}

.kche-course-item {
    border-top: 1px solid #eef0f2;
}

.kche-course-item:nth-last-of-type(1) {
    border-bottom: 1px solid #eef0f2;
}

.kche-course-item > strong {
    font-size: 24px;
    padding: 14px 24px;
}

.kche-course-item > div {
    padding: 14px 24px;
}

/* T127 时间轴 */
.kche-t127 .kche-t127-item .kche-t127-item-time {
    font-size: 24px;
}

.kche-t127 .kche-t127-item .kche-t127-item-shaft {
    width: 3px;
}

.kche-t127 .kche-t127-item .kche-t127-item-shaft div {
    width: 14px;
    height: 14px;
    left: -7px;
    border-radius: 3px;
}

/* ===========================================
   24. T31-T33 特色展示模块
   =========================================== */
.kche-t31 > .kche-flex-list > .kche-flex-item2 {
    padding: 14px;
    border-radius: 14px;
    border-color: #eef0f2;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t31 > .kche-flex-list > .kche-flex-item2:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

.kche-t31 > .kche-flex-list > .kche-flex-item2 > .kche-flex-l img {
    border-radius: 12px;
}

.kche-t31 > .kche-flex-list > .kche-flex-item2 > .kche-flex-r > .kche-flex-r-title {
    font-size: 20px;
    letter-spacing: -0.01em;
}

.kche-t32 > div > .kche-item-box {
    border-radius: 20px;
    border-width: 4px;
}

.kche-t33 > div > .kche-item-box {
    padding: 4%;
}

.kche-t33 > div > .kche-item-box > strong {
    font-size: 20px;
    letter-spacing: -0.01em;
}

/* ===========================================
   25. T60-T66 特色卡片
   =========================================== */
.kche-t60 > .kche-flex-list > div {
    padding: 18px;
    border-radius: 12px;
    border-color: #eef0f2;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kche-t60 > .kche-flex-list > div:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.kche-t61 > .kche-flex-list > .kche-flex-item2 {
    border-radius: 14px;
}

.kche-t63 > .kche-item-list > .kche-flex-item {
    border-radius: 12px;
}

.kche-t63 > .kche-item-list > .kche-flex-item > .kche-item-wrap {
    padding: 24px;
}

/* ===========================================
   26. 联系/表单模块
   =========================================== */
.kche-t196 .kche-t196-contant {
    border-radius: 14px;
    overflow: hidden;
}

.kche-t196 .kche-t196-icoe {
    border-radius: 10px;
    width: 44px;
    height: 44px;
    transition: transform 0.35s ease;
}

.kche-t196 .kche-t196-item:hover .kche-t196-icoe {
    transform: translateY(-4px);
}

.kche-t301 {
    gap: 0;
}

.kche-t301 .kche-t301-right {
    padding-left: 40px;
}

/* ===========================================
   27. T209 标签云
   =========================================== */
.kche-t209 .kche-t209-ul .kche-t209-li {
    border-radius: 8px;
    padding: 0 18px;
    height: 42px;
    min-width: 140px;
    font-weight: 500;
    transition: all 0.25s ease;
}

.kche-t209 .kche-t209-ul .kche-t209-li:hover {
    background: #d8d6d6;
    transform: translateY(-2px);
}

/* ===========================================
   28. T213-T223 新增系列
   =========================================== */
.kche-t213 .kche-t213-item {
    border-radius: 12px;
}

.kche-t213 .kche-t213-box {
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.kche-t215 {
    border-radius: 16px;
    padding: 36px 24px;
}

.kche-t217 {
    border-radius: 14px;
    overflow: hidden;
}

.kche-t217 .kche-t217-li {
    border-radius: 12px;
    padding: 32px;
    transition: all 0.35s ease;
}

.kche-t219 .kche-t219-content {
    border-radius: 14px;
    overflow: hidden;
}

.kche-t221 {
    border-radius: 14px;
    overflow: hidden;
}

.kche-t221 .kche-t221-more a {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.kche-t222 .kche-t222-flex .kche-t222-img img,
.kche-t223 .kche-t223-flex .kche-t223-img img {
    border-radius: 14px;
}

/* ===========================================
   29. 全局 Hover 效果增强
   =========================================== */
[class*="kche-t"] img:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}

.kche-t32 > div > .kche-item-img img,
.kche-t33 .kche-item-img img,
.kche-t39 .kche-item-img img,
.kche-t41 .kche-item-img img,
.kche-t42 .kche-item-img img,
.kche-t43 .kche-item-img img,
.kche-t66 .kche-item-img img {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ===========================================
   30. 全局过渡动画优化
   =========================================== */
[class*="kche-t"] [class*="-item"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ===========================================
   31. 优化阴影层级系统
   =========================================== */
:root {
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.08);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.1);
}

/* ===========================================
   32. 响应式增强
   =========================================== */
@media (max-width: 768px) {
    .kche-wrap-width {
        padding: 18px 12px;
    }

    .kche-t55 > .kche-faq-list > .kche-faq-item {
        padding: 12px 16px;
        margin: 8px 0;
    }

    .kche-t55 > .kche-faq-list > .kche-faq-item > .kche-faq-tit > p {
        font-size: 16px;
    }

    [class*="kche-t"] h5 {
        letter-spacing: -0.01em;
    }
}

@media (max-width: 480px) {
    .kche-wrap-width {
        padding: 14px 10px;
    }

    .kche-t86 .kche-t86-item-flex {
        padding: 16px;
        border-radius: 10px;
    }

    .kche-t86 .kche-t86-item-flex > .kche-item-l {
        width: 60px;
        height: 60px;
    }

    .kche-t86 .kche-t86-item-flex > .kche-item-l > em {
        font-size: 28px;
    }
}

/* ============================================
   End of KCHE CSS Upgrade Patch v2.0
   ============================================ */