:root {
            --primary-color: #004a99;    
            --secondary-color: #007bff;     
            --light-bg: #f9f9fb;            
            --card-bg: white;              
            --text-color: #2c3e50;          
            --soft-border: #e6e6e9;        
            --shadow-elevation: 0 4px 12px rgba(0, 0, 0, 0.08); 
            --radius: 8px;             
        }

        body {
            font-family: 'Roboto', sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--light-bg);
            margin: 0;
            padding: 0;
        }
        
        .tag-page-container a {
            text-decoration: none;
            color: var(--secondary-color);
            transition: color 0.3s;
        }
        .tag-page-container a:hover {
            color: var(--primary-color);
        }

       /* ===== 变量 ===== */
.tag-hero-section {
    --primary: #0065ce;
    --primary-dark: #004a9c;
    --primary-light: #e8f2fd;
    --text: #333d4b;
    --text-light: #5f6b7a;
    --border: #dbe6f3;
}

/* ===== 外层区块：整体居中，最大宽度 1500px ===== */
.tag-hero-section {
    box-sizing: border-box;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 40px 70px;
    text-align: center;
}

.tag-hero-section *,
.tag-hero-section *::before,
.tag-hero-section *::after {
    box-sizing: border-box;
}

/* ===== 主标题 ===== */
.tag-hero-section .tag-title {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 22px;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--primary);
    letter-spacing: .5px;
}

/* 标题下方装饰线 */
.tag-hero-section .tag-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--primary), #4da3ff);
    transform: translateX(-50%);
}

/* ===== 副标题 ===== */
.tag-hero-section .hero-section-p {
    margin: 22px 0 44px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--text-light);
}

/* ===== 内容卡片 ===== */
.tag-hero-section .editor-content-1 {
    position: relative;
    padding: 50px 60px;
    text-align: left;
    font-size: 17px;
    line-height: 1.85;
    color: var(--text);
    background: #fff;
    border: 1px solid var(--border);
    border-top: 5px solid var(--primary);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 101, 206, .08);
}

/* ===== 内容内部元素 ===== */
.tag-hero-section .editor-content-1 h4 {
    margin: 0 0 24px;
    padding-left: 16px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--primary-dark);
    border-left: 5px solid var(--primary);
}

.tag-hero-section .editor-content-1 p {
    margin: 0 0 20px;
}

.tag-hero-section .editor-content-1 strong {
    color: var(--primary);
    font-weight: 700;
}

/* 列表 */
.tag-hero-section .editor-content-1 ul {
    margin: 10px 0 28px;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.tag-hero-section .editor-content-1 ul li {
    position: relative;
    padding: 18px 20px 18px 52px;
    font-size: 16px;
    line-height: 1.7;
    background: var(--primary-light);
    border-radius: 8px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.tag-hero-section .editor-content-1 ul li:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 101, 206, .15);
}

/* 列表前的对勾图标 */
.tag-hero-section .editor-content-1 ul li::before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: var(--primary);
    border-radius: 50%;
}

/* 最后一个列表项占满整行（5项时更美观） */
.tag-hero-section .editor-content-1 ul li:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
    .tag-hero-section { padding: 45px 24px 55px; }
    .tag-hero-section .tag-title { font-size: 36px; }
    .tag-hero-section .editor-content-1 { padding: 36px 32px; }
}

@media (max-width: 768px) {
    .tag-hero-section { padding: 35px 16px 45px; }
    .tag-hero-section .tag-title { font-size: 28px; }
    .tag-hero-section .hero-section-p { font-size: 13px; letter-spacing: 2px; margin-bottom: 30px; }
    .tag-hero-section .editor-content-1 { padding: 26px 20px; font-size: 15px; }
    .tag-hero-section .editor-content-1 h4 { font-size: 22px; }
    .tag-hero-section .editor-content-1 ul { grid-template-columns: 1fr; }
}


/* ===== 外层 ===== */
.related-products {
    --primary: #0065ce;
    --primary-dark: #004a9c;
    --primary-light: #e8f2fd;
    --text: #333d4b;
    --text-light: #5f6b7a;
    --border: #dbe6f3;

    box-sizing: border-box;
    width: 100%;
    padding: 70px 0 80px;
    background: #f5f9ff;
}

.related-products *,
.related-products *::before,
.related-products *::after {
    box-sizing: border-box;
}

.related-products .related-inner {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px;
}

/* ===== 标题 ===== */
.related-products .related-head {
    margin-bottom: 50px;
    text-align: center;
}

.related-products .related-title {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--primary);
}

.related-products .related-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--primary), #4da3ff);
    transform: translateX(-50%);
}

/* ===== 列表:一行 3 个 ===== */
.related-products .related-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ===== 卡片 ===== */
.related-products .related-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 0;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.related-products .related-item:hover {
    transform: translateY(-8px);
    border-color: var(--primary);
    box-shadow: 0 18px 40px rgba(0, 101, 206, .15);
}

/* 图片 */
.related-products .related-img {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #eef3fa;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-size .5s ease;
}

/* 图片底部蓝色渐变,悬停时出现 */
.related-products .related-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 101, 206, .35));
    opacity: 0;
    transition: opacity .3s ease;
}

.related-products .related-item:hover .related-img::after {
    opacity: 1;
}

/* 内容区 */
.related-products .related-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 28px 28px;
    text-align: left;
}

.related-products .related-name {
    margin: 0 0 14px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    /* 标题最多 2 行 */
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.related-products .related-name a {
    color: var(--text);
    text-decoration: none;
    transition: color .25s ease;
}

.related-products .related-item:hover .related-name a {
    color: var(--primary);
}

/* 描述最多 3 行 */
.related-products .related-text {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.75;
    color: var(--text-light);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 按钮固定在卡片底部 */
.related-products .related-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--primary);
    text-decoration: none;
    border-top: 1px solid var(--border);
    transition: gap .25s ease, color .25s ease;
}

.related-products .related-more i {
    font-size: 14px;
    transition: transform .25s ease;
}

.related-products .related-item:hover .related-more {
    gap: 14px;
    color: var(--primary-dark);
}

/* ===== 响应式 ===== */
@media (max-width: 1100px) {
    .related-products .related-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .related-products { padding: 45px 0 55px; }
    .related-products .related-inner { padding: 0 16px; }
    .related-products .related-head { margin-bottom: 32px; }
    .related-products .related-title { font-size: 28px; }
}

@media (max-width: 600px) {
    .related-products .related-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .related-products .related-body { padding: 22px 20px 24px; }
    .related-products .related-name { font-size: 19px; }
}




/* =====================================================
   通用基础：最大宽度 1500px，整体居中，主色 #0065ce
   ===================================================== */
.content-matrix {
    --c: #0065ce;
    --cd: #004a9c;
    --cdd: #0a2a52;
    --cl: #e8f2fd;
    --cll: #f5f9ff;
    --cb: #dbe6f3;
    --t: #333d4b;
    --tl: #5f6b7a;

    box-sizing: border-box;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 60px 40px;
}
.content-matrix *,
.content-matrix *::before,
.content-matrix *::after { box-sizing: border-box; }

.content-matrix .main-content-column {
    display: flex;
    flex-direction: column;
    gap: 56px;
}
.content-matrix .main-content-column > section {
    position: relative;
    min-width: 0;
    padding: 56px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--t);
    border-radius: 18px;
}
.content-matrix section h4 {
    margin: 0 0 24px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}
.content-matrix section h4::before {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--c);
}
.content-matrix section p { margin: 0 0 18px; }
.content-matrix section strong { font-weight: 700; }
.content-matrix section ul,
.content-matrix section ol { margin: 0; padding: 0; list-style: none; }
.content-matrix section table {
    width: 100% !important;
    margin: 0;
    border: 0;
    border-collapse: separate !important;
    border-spacing: 0;
}
.content-matrix section th,
.content-matrix section td {
    padding: 0;
    border: 0;
    text-align: left;
    vertical-align: top;
}

/* =====================================================
   编辑器 1：左右分屏（左文字 + 右参数表）
   ===================================================== */
.content-matrix .info-column1 {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: 56px;
    align-items: start;
    background: #fff;
    border: 1px solid var(--cb);
    border-top: 6px solid var(--c);
    box-shadow: 0 14px 44px rgba(0, 101, 206, .09);
}
.content-matrix .info-column1 h4 {
    grid-column: 1 / -1;
    padding-bottom: 20px;
    color: var(--cd);
    border-bottom: 1px solid var(--cb);
}
.content-matrix .info-column1 h4::before { content: "01 / Specifications"; }
.content-matrix .info-column1 > p:nth-of-type(1) { grid-column: 1; grid-row: 2; font-size: 17px; }
.content-matrix .info-column1 > table { grid-column: 2; grid-row: 2 / span 3; align-self: start; border: 1px solid var(--cb); border-radius: 12px; overflow: hidden; }
.content-matrix .info-column1 > p:nth-of-type(2) {
    grid-column: 1; grid-row: 3;
    padding: 18px 22px;
    background: var(--cl);
    border-left: 4px solid var(--c);
    border-radius: 0 10px 10px 0;
}
.content-matrix .info-column1 > ul { grid-column: 1; grid-row: 4; }
.content-matrix .info-column1 th {
    padding: 14px 16px;
    font-size: 14px;
    letter-spacing: .5px;
    color: #fff;
    background: var(--c);
}
.content-matrix .info-column1 td {
    padding: 13px 16px;
    font-size: 14.5px;
    line-height: 1.55;
    border-top: 1px solid var(--cb);
}
.content-matrix .info-column1 tr:nth-child(even) td { background: var(--cll); }
.content-matrix .info-column1 td:first-child { font-weight: 700; color: var(--cd); }
.content-matrix .info-column1 li {
    position: relative;
    padding: 8px 0 8px 38px;
    font-size: 15px;
    line-height: 1.7;
}
.content-matrix .info-column1 li::before {
    content: "✓";
    position: absolute; left: 0; top: 10px;
    width: 24px; height: 24px;
    font-size: 13px; line-height: 24px; text-align: center; font-weight: 700;
    color: #fff; background: var(--c); border-radius: 50%;
}

/* =====================================================
   编辑器 2：横向时间线（5 步流程）
   ===================================================== */
.content-matrix .editor-module1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 48px;
    background: linear-gradient(180deg, var(--cl), #fff 70%);
    border: 1px solid var(--cb);
}
.content-matrix .editor-module1 h4 { grid-column: 1 / -1; color: var(--cdd); text-align: center; }
.content-matrix .editor-module1 h4::before { content: "02 / Delivery Timeline"; }
.content-matrix .editor-module1 > ol {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    margin: 20px 0 44px;
    counter-reset: step;
}
.content-matrix .editor-module1 > ol li {
    position: relative;
    counter-increment: step;
    margin-top: 24px;
    padding: 44px 22px 26px;
    font-size: 15px;
    line-height: 1.7;
    background: #fff;
    border: 1px solid var(--cb);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0, 101, 206, .07);
    transition: transform .3s, box-shadow .3s;
}
.content-matrix .editor-module1 > ol li:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(0, 101, 206, .16); }
.content-matrix .editor-module1 > ol li::before {
    content: counter(step);
    position: absolute; left: 22px; top: -24px; z-index: 2;
    width: 48px; height: 48px;
    font-size: 20px; font-weight: 700; line-height: 44px; text-align: center;
    color: #fff; background: var(--c);
    border: 4px solid #fff; border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 101, 206, .35);
}
.content-matrix .editor-module1 > ol li::after {
    content: "";
    position: absolute; top: -1px; left: 72px; right: -26px; height: 2px;
    background: repeating-linear-gradient(90deg, var(--c) 0 8px, transparent 8px 14px);
}
.content-matrix .editor-module1 > ol li:last-child::after { display: none; }
.content-matrix .editor-module1 > ol li strong { display: block; margin-bottom: 6px; font-size: 17px; color: var(--cd); }
.content-matrix .editor-module1 > p:nth-of-type(5) {
    grid-column: 1 / -1;
    margin: 10px 0 0;
    padding: 26px 32px;
    color: #e6f0fb;
    background: linear-gradient(120deg, var(--cdd), var(--cd));
    border-radius: 14px;
}
.content-matrix .editor-module1 > p:nth-of-type(5) strong { color: #8fc6ff; }

/* =====================================================
   编辑器 3：深色便当盒网格 + 三栏卡片
   ===================================================== */
.content-matrix .fdbdbdb {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    overflow: hidden;
    color: #dce9f8;
    background: linear-gradient(135deg, #06203f, #0a3a74 62%, #0065ce);
}
.content-matrix .fdbdbdb::after {
    content: "";
    position: absolute; right: -140px; top: -140px;
    width: 420px; height: 420px;
    background: radial-gradient(circle, rgba(255, 255, 255, .12), transparent 70%);
    pointer-events: none;
}
.content-matrix .fdbdbdb > * { position: relative; z-index: 1; }
.content-matrix .fdbdbdb h4 { grid-column: 1 / -1; margin: 0; color: #fff; }
.content-matrix .fdbdbdb h4::before { content: "03 / Quality Control"; color: #8fc6ff; }
.content-matrix .fdbdbdb > p:nth-of-type(1) { grid-column: 1 / -1; max-width: 1000px; margin: 0; font-size: 17px;color:white; }
.content-matrix .fdbdbdb strong { color: #8fc6ff; }
.content-matrix .fdbdbdb > table { grid-column: 1 / -1; display: block; margin: 8px 0; }
.content-matrix .fdbdbdb tbody {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    counter-reset: q;
}
.content-matrix .fdbdbdb tr:first-child { display: none; }
.content-matrix .fdbdbdb tr {
    counter-increment: q;
    padding: 28px;
    grid-column: span 2;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 16px;
    backdrop-filter: blur(4px);
    transition: transform .3s, background .3s;
}
.content-matrix .fdbdbdb tr:hover { transform: translateY(-5px); background: rgba(255, 255, 255, .12); }
.content-matrix .fdbdbdb tr:nth-child(2),
.content-matrix .fdbdbdb tr:nth-child(3) { grid-column: span 3; }
.content-matrix .fdbdbdb td { display: block; font-size: 14.5px; line-height: 1.65; color:white; }
.content-matrix .fdbdbdb td:first-child {
    margin-bottom: 14px;
    font-size: 21px; font-weight: 700; color: #fff;
}
.content-matrix .fdbdbdb td:first-child::before {
    content: "0" counter(q);
    display: block; margin-bottom: 4px;
    font-size: 13px; letter-spacing: 2px; color: #8fc6ff;
}
.content-matrix .fdbdbdb td:nth-child(2)::before,
.content-matrix .fdbdbdb td:nth-child(3)::before {
    display: block; margin: 12px 0 2px;
    font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #8fc6ff;
}
.content-matrix .fdbdbdb td:nth-child(2)::before { content: "What we check"; margin-top: 0; }
.content-matrix .fdbdbdb td:nth-child(3)::before { content: "Why it matters"; }
.content-matrix .fdbdbdb > p:nth-of-type(n+2) {
    margin: 0;
    padding: 26px;
    font-size: 15px;
    background: #fff;
    color: var(--t);
    border-radius: 14px;
    border-top: 4px solid #4da3ff;
}
.content-matrix .fdbdbdb > p:nth-of-type(n+2) strong { color: var(--c); }

/* =====================================================
   编辑器 4：左右分屏（左：服务能力清单 / 右：问题处理表）
   ===================================================== */
.content-matrix .tgfvbhk {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 56px;
    align-items: start;
    background: linear-gradient(135deg, #fff 55%, var(--cl));
    border: 1px solid var(--cb);
    border-left: 8px solid var(--c);
}
.content-matrix .tgfvbhk h4 { grid-column: 1 / -1; color: var(--cd); }
.content-matrix .tgfvbhk h4::before { content: "04 / After-Sales"; }
.content-matrix .tgfvbhk > p:nth-of-type(1) { grid-column: 1; grid-row: 2; font-size: 17px; }
.content-matrix .tgfvbhk > ul { grid-column: 1; grid-row: 3 / span 3; }
.content-matrix .tgfvbhk > p:nth-of-type(2) {
    grid-column: 2; grid-row: 2;
    display: flex; align-items: center; gap: 14px;
    font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: var(--c);
}
.content-matrix .tgfvbhk > p:nth-of-type(2)::after { content: ""; flex: 1; height: 1px; background: var(--cb); }
.content-matrix .tgfvbhk > table {
    grid-column: 2; grid-row: 3;
    margin-bottom: 24px;
    background: #fff;
    border: 1px solid var(--cb);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 101, 206, .08);
}
.content-matrix .tgfvbhk th { padding: 13px 16px; font-size: 14px; color: var(--cd); background: var(--cl); }
.content-matrix .tgfvbhk td { padding: 14px 16px; font-size: 14.5px; line-height: 1.55; border-top: 1px solid var(--cb); }
.content-matrix .tgfvbhk td:first-child { font-weight: 700; color: var(--c); }
.content-matrix .tgfvbhk > p:nth-of-type(3) { grid-column: 2; grid-row: 4; margin-bottom: 14px; padding: 18px 22px; background: #fff; border-left: 4px solid var(--c); border-radius: 0 10px 10px 0; }
.content-matrix .tgfvbhk > p:nth-of-type(4) { grid-column: 2; grid-row: 5; margin: 0; padding: 18px 22px; color: #fff; background: linear-gradient(120deg, var(--c), var(--cd)); border-radius: 10px; }
.content-matrix .tgfvbhk > p:nth-of-type(4) strong { color: #fff; }
.content-matrix .tgfvbhk > ul li {
    margin-bottom: 14px;
    padding: 16px 20px;
    font-size: 15px;
    line-height: 1.65;
    background: #fff;
    border: 1px solid var(--cb);
    border-left: 4px solid var(--c);
    border-radius: 10px;
    transition: transform .25s, box-shadow .25s;
}
.content-matrix .tgfvbhk > ul li:hover { transform: translateX(6px); box-shadow: 0 8px 22px rgba(0, 101, 206, .14); }
.content-matrix .tgfvbhk > ul li strong { display: block; color: var(--cd); font-size: 16px; }


/* 表格改为卡片：问题 / 原因 / 处理方式 */
.content-matrix .tgfvbhk > table {
    display: block;
    background: none;
    border: 0;
    box-shadow: none;
    overflow: visible;
}
.content-matrix .tgfvbhk > table tbody {
    display: grid;
    gap: 14px;
}
.content-matrix .tgfvbhk > table tr:first-child { display: none; }  /* 隐藏表头行 */
.content-matrix .tgfvbhk > table tr {
    display: block;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid var(--cb);
    border-left: 4px solid var(--c);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 101, 206, .07);
}
.content-matrix .tgfvbhk > table td {
    display: block;
    padding: 0;
    border: 0;
    overflow-wrap: anywhere;
}
.content-matrix .tgfvbhk > table td:first-child {
    margin-bottom: 8px;
    font-size: 17px;
}
.content-matrix .tgfvbhk > table td:nth-child(2)::before,
.content-matrix .tgfvbhk > table td:nth-child(3)::before {
    display: block;
    margin: 8px 0 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--c);
}
.content-matrix .tgfvbhk > table td:nth-child(2)::before { content: "Common cause"; }
.content-matrix .tgfvbhk > table td:nth-child(3)::before { content: "Our action"; }

/* =====================================================
   编辑器 5：条款清单 + 错落卡片瀑布流
   ===================================================== */
.content-matrix .rfdsxcvnk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    background: var(--cll);
    border: 1px solid var(--cb);
}
.content-matrix .rfdsxcvnk > * { grid-column: 1 / -1; }
.content-matrix .rfdsxcvnk h4 { color: var(--cdd); }
.content-matrix .rfdsxcvnk h4::before { content: "05 / Commercial Terms"; }
.content-matrix .rfdsxcvnk > p:nth-of-type(1) { max-width: 1100px; font-size: 17px; }
.content-matrix .rfdsxcvnk > table {
    margin: 6px 0 44px;
    background: #fff;
    border: 1px solid var(--cb);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 101, 206, .08);
}
.content-matrix .rfdsxcvnk th { padding: 15px 24px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: var(--cdd); }
.content-matrix .rfdsxcvnk td { padding: 16px 24px; font-size: 15px; line-height: 1.6; border-top: 1px solid var(--cb); }
.content-matrix .rfdsxcvnk td:first-child { width: 24%; font-weight: 700; color: var(--c); background: var(--cl); }
.content-matrix .rfdsxcvnk > p:nth-of-type(2) {
    display: flex; align-items: center; gap: 16px;
    margin-bottom: 26px;
    font-size: 18px; color: var(--cd);
}
.content-matrix .rfdsxcvnk > p:nth-of-type(2)::after { content: ""; flex: 1; height: 1px; background: var(--cb); }
.content-matrix .rfdsxcvnk > ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 70px;
    counter-reset: n;
}
.content-matrix .rfdsxcvnk > ul li {
    position: relative;
    counter-increment: n;
    padding: 64px 24px 26px;
    font-size: 15px;
    line-height: 1.7;
    background: #fff;
    border: 1px solid var(--cb);
    border-top: 4px solid var(--c);
    border-radius: 14px;
    transition: box-shadow .3s;
}
.content-matrix .rfdsxcvnk > ul li:nth-child(even) { transform: translateY(36px); }
.content-matrix .rfdsxcvnk > ul li:hover { box-shadow: 0 16px 34px rgba(0, 101, 206, .16); }
.content-matrix .rfdsxcvnk > ul li::before {
    content: "0" counter(n);
    position: absolute; left: 24px; top: 14px;
    font-size: 34px; font-weight: 800; line-height: 1;
    color: var(--cl);
    -webkit-text-stroke: 1px var(--c);
}
.content-matrix .rfdsxcvnk > ul li strong { display: block; margin-bottom: 4px; font-size: 17px; color: var(--cd); }
.content-matrix .rfdsxcvnk > p:nth-of-type(3),
.content-matrix .rfdsxcvnk > p:nth-of-type(4) { grid-column: span 1; margin: 0; padding: 24px 28px; background: #fff; border-radius: 12px; }
.content-matrix .rfdsxcvnk > p:nth-of-type(3) { border-left: 5px solid #f5a623; }
.content-matrix .rfdsxcvnk > p:nth-of-type(4) { border-left: 5px solid var(--c); }

/* =====================================================
   编辑器 6：等分宫格数据面板 + 2×2 说明卡
   ===================================================== */
.content-matrix .wsxdfcv {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    counter-reset: k;
    background: #fff;
    border: 1px solid var(--cb);
    box-shadow: 0 14px 44px rgba(0, 101, 206, .09);
}
.content-matrix .wsxdfcv > * { grid-column: 1 / -1; }
.content-matrix .wsxdfcv h4 { margin: 0; text-align: center; color: var(--cd); }
.content-matrix .wsxdfcv h4::before { content: "06 / Factory Strength"; }
.content-matrix .wsxdfcv > p:nth-of-type(1) { max-width: 960px; margin: 0 auto 12px; text-align: center; font-size: 17px; }
.content-matrix .wsxdfcv > table { display: block; margin-bottom: 14px; }
.content-matrix .wsxdfcv tbody { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.content-matrix .wsxdfcv tr:first-child { display: none; }
.content-matrix .wsxdfcv tr {
    display: flex; flex-direction: column; justify-content: center;
    padding: 28px 26px;
    text-align: center;
    background: var(--cll);
    border: 1px solid var(--cb);
    border-top: 4px solid var(--c);
    border-radius: 12px;
    transition: transform .3s, box-shadow .3s;
}
.content-matrix .wsxdfcv tr:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(0, 101, 206, .15); }
.content-matrix .wsxdfcv td { display: block; }
.content-matrix .wsxdfcv td:first-child { margin-bottom: 8px; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: var(--tl); }
.content-matrix .wsxdfcv td:last-child { font-size: 21px; font-weight: 700; line-height: 1.4; color: var(--c); }
.content-matrix .wsxdfcv tr:last-child { grid-column: 1 / -1; background: linear-gradient(120deg, var(--c), var(--cd)); border-color: var(--cd); }
.content-matrix .wsxdfcv tr:last-child td { color: #fff; }
.content-matrix .wsxdfcv > p:nth-of-type(n+2) {
    grid-column: span 1;
    position: relative;
    counter-increment: k;
    margin: 0;
    padding: 30px 30px 28px 88px;
    font-size: 15px;
    background: var(--cll);
    border: 1px solid var(--cb);
    border-radius: 14px;
}
.content-matrix .wsxdfcv > p:nth-of-type(n+2)::before {
    content: "0" counter(k);
    position: absolute; left: 26px; top: 26px;
    font-size: 36px; font-weight: 800; line-height: 1;
    color: var(--c); opacity: .35;
}
.content-matrix .wsxdfcv > p:nth-of-type(n+2) strong { color: var(--c); }

/* =====================================================
   编辑器 7：FAQ 问答分栏（左侧固定标题 + 右侧 Q / A 双栏）
   ===================================================== */
.content-matrix .kopdfghj {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    column-gap: 44px;
    align-items: start;
    padding: 44px;
    background: var(--cll);
    border: 1px solid var(--cb);
}
.content-matrix .kopdfghj h4 {
    position: sticky; top: 30px;
    grid-column: 1; grid-row: 1 / span 8;
    min-height: 320px;
    margin: 0;
    padding: 44px 34px;
    font-size: 34px;
    color: #fff;
    background: linear-gradient(160deg, var(--c), var(--cdd));
    border-radius: 18px;
    overflow: hidden;
}
.content-matrix .kopdfghj h4::before { content: "07 / Questions"; color: #9ccbff; }
.content-matrix .kopdfghj h4::after {
    content: "?";
    position: absolute; right: 22px; bottom: -30px;
    font-size: 200px; font-weight: 800; line-height: 1;
    color: rgba(255, 255, 255, .13);
}
.content-matrix .kopdfghj > p {
    grid-column: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
    column-gap: 36px;
    align-items: start;
    margin: 0 0 16px;
    padding: 24px 30px;
    font-size: 15.5px;
    line-height: 1.75;
    background: #fff;
    border: 1px solid var(--cb);
    border-left: 5px solid var(--c);
    border-radius: 12px;
    transition: transform .25s, box-shadow .25s;
}
.content-matrix .kopdfghj > p:hover { transform: translateX(6px); box-shadow: 0 10px 28px rgba(0, 101, 206, .14); }
.content-matrix .kopdfghj > p br { display: none; }
.content-matrix .kopdfghj > p strong { grid-column: 1; grid-row: 1; font-size: 16.5px; line-height: 1.55; color: var(--cd); }

/* =====================================================
   响应式
   ===================================================== */
@media (max-width: 1100px) {
    .content-matrix { padding: 40px 24px; }
    .content-matrix .main-content-column > section { padding: 40px 32px; }

    .content-matrix .info-column1,
    .content-matrix .tgfvbhk { grid-template-columns: minmax(0, 1fr); }
    .content-matrix .info-column1 > *,
    .content-matrix .tgfvbhk > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
    .content-matrix .info-column1 > table { margin: 8px 0 24px; }

    .content-matrix .editor-module1 > ol { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
    .content-matrix .editor-module1 > ol li::after { display: none; }
    .content-matrix .editor-module1 > p:nth-of-type(1),
    .content-matrix .editor-module1 > p:nth-of-type(2) { grid-column: 1 / -1; }

    .content-matrix .fdbdbdb tr,
    .content-matrix .fdbdbdb tr:nth-child(2),
    .content-matrix .fdbdbdb tr:nth-child(3) { grid-column: span 3; }
    .content-matrix .fdbdbdb { grid-template-columns: minmax(0, 1fr); }

    .content-matrix .rfdsxcvnk > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 36px; }
    .content-matrix .rfdsxcvnk > ul li:nth-child(even) { transform: none; }
    .content-matrix .rfdsxcvnk > p:nth-of-type(3),
    .content-matrix .rfdsxcvnk > p:nth-of-type(4) { grid-column: 1 / -1; margin-bottom: 14px; }

    .content-matrix .wsxdfcv tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .content-matrix .kopdfghj { grid-template-columns: minmax(0, 1fr); padding: 28px 24px; }
    .content-matrix .kopdfghj h4 { position: static; grid-column: 1; grid-row: auto; min-height: 0; margin-bottom: 24px; padding: 32px 28px; }
    .content-matrix .kopdfghj > p { grid-column: 1; }
}

@media (max-width: 700px) {
    .content-matrix { padding: 24px 14px; }
    .content-matrix .main-content-column { gap: 32px; }
    .content-matrix .main-content-column > section { padding: 28px 18px; border-radius: 14px; }
    .content-matrix section h4 { font-size: 23px; }

    .content-matrix section table { font-size: 13px; }
    .content-matrix .info-column1 > table,
    .content-matrix .tgfvbhk > table,
    .content-matrix .rfdsxcvnk > table { display: block; overflow-x: auto; }

    .content-matrix .editor-module1 > ol { grid-template-columns: minmax(0, 1fr); }
    .content-matrix .editor-module1 > p { grid-column: 1 / -1; }

    .content-matrix .fdbdbdb tr,
    .content-matrix .fdbdbdb tr:nth-child(2),
    .content-matrix .fdbdbdb tr:nth-child(3) { grid-column: span 6; }

    .content-matrix .rfdsxcvnk > ul { grid-template-columns: minmax(0, 1fr); }

    .content-matrix .wsxdfcv { grid-template-columns: minmax(0, 1fr); }
    .content-matrix .wsxdfcv tbody { grid-template-columns: minmax(0, 1fr); }
    .content-matrix .wsxdfcv > p:nth-of-type(n+2) { grid-column: 1 / -1; }

    .content-matrix .kopdfghj > p { grid-template-columns: minmax(0, 1fr); padding: 20px; }
    .content-matrix .kopdfghj > p strong { margin-bottom: 8px; }
}


/* ===== Related Tags：胶囊标签云 ===== */
.more-info {
    --primary: #0065ce;
    --primary-dark: #004a9c;
    --primary-light: #e8f2fd;
    --text: #333d4b;
    --border: #dbe6f3;

    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px 16px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 40px 60px;
}

.more-info *,
.more-info *::before,
.more-info *::after { box-sizing: border-box; }

/* 标题：独占一行，两侧渐变细线 */
.more-info .vfdvdgdfg {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin: 0 0 22px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: var(--primary);
}

.more-info .vfdvdgdfg::before,
.more-info .vfdvdgdfg::after {
    content: "";
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--border));
}

.more-info .vfdvdgdfg::after {
    background: linear-gradient(270deg, transparent, var(--border));
}

/* 标签：胶囊 + # 前缀 */
.more-info > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px 12px 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--text);
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 50px;
    box-shadow: 0 4px 14px rgba(0, 101, 206, .06);
    transition: color .25s ease, background .25s ease, border-color .25s ease,
                transform .25s ease, box-shadow .25s ease;
}

.more-info > a::before {
    content: "#";
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
    transition: color .25s ease;
}

.more-info > a:hover {
    color: #fff;
    background: linear-gradient(120deg, var(--primary), var(--primary-dark));
    border-color: var(--primary);
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(0, 101, 206, .28);
}

.more-info > a:hover::before { color: #8fc6ff; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .more-info { padding: 36px 16px 44px; gap: 10px; }
    .more-info .vfdvdgdfg { font-size: 24px; gap: 14px; margin-bottom: 14px; }
    .more-info > a { padding: 10px 18px 10px 16px; font-size: 14px; }
}




/* =====================================================
   Related Products：一行 3 个卡片
   用 .related-products 作为唯一前缀 + !important，
   确保优先级高于站内 flex / wid-xx / mt-xx / pl-xx 等工具类
   ===================================================== */

/* ===== 外层容器：最大 1500px，居中 ===== */
div.related-products {
    --primary: #0065ce;
    --primary-dark: #004a9c;
    --primary-light: #e8f2fd;
    --text: #333d4b;
    --text-light: #5f6b7a;
    --border: #dbe6f3;

    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: 60px auto !important;
    padding: 64px 40px 70px !important;
    text-align: left !important;
    background: #f5f9ff !important;
    border-radius: 18px !important;
}

.related-products *,
.related-products *::before,
.related-products *::after {
    box-sizing: border-box !important;
}

/* ===== 标题 ===== */
.related-products .fsfsfsfg {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 54px !important;
    padding: 0 0 22px !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    color: var(--primary) !important;
}

.related-products .fsfsfsfg::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 80px !important;
    height: 4px !important;
    border-radius: 2px !important;
    background: linear-gradient(90deg, var(--primary), #4da3ff) !important;
    transform: translateX(-50%) !important;
}

/* ===== 列表外层：占满整行 ===== */
.related-products .product-list {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== 产品列表：一行 3 个 ===== */
.related-products .product-list > ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ===== 单个卡片：上图下文 ===== */
.related-products .product-list > ul > li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}

.related-products .product-list > ul > li:hover {
    transform: translateY(-8px) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 18px 40px rgba(0, 101, 206, .16) !important;
}

/* ===== 图片 ===== */
.related-products .product-list .img {
    position: relative !important;
    display: block !important;
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: #eef3fa !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
}

/* 悬停时底部出现蓝色渐变 */
.related-products .product-list .img::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 101, 206, .38)) !important;
    opacity: 0 !important;
    transition: opacity .3s ease !important;
}

.related-products .product-list > ul > li:hover .img::after {
    opacity: 1 !important;
}

/* ===== 文字内容区 ===== */
.related-products .product-list .content {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 26px 28px 28px !important;
    border-radius: 0 !important;
    text-align: left !important;
}

/* 产品标题：最多 2 行 */
.related-products .product-list .h6 {
    display: -webkit-box !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.related-products .product-list .h6 a {
    color: var(--text) !important;
    text-decoration: none !important;
    transition: color .25s ease !important;
}

.related-products .product-list > ul > li:hover .h6 a {
    color: var(--primary) !important;
}

/* 描述：最多 3 行 */
.related-products .product-list .text {
    margin: 0 0 22px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: var(--text-light) !important;
}

.related-products .product-list .text p {
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

/* VIEW DETAILS：固定在卡片底部 */
.related-products .product-list .more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 18px 0 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: var(--primary) !important;
    text-decoration: none !important;
    background: none !important;
    border: 0 !important;
    border-top: 1px solid var(--border) !important;
    border-radius: 0 !important;
    transition: gap .25s ease, color .25s ease !important;
}

.related-products .product-list .more i {
    font-size: 14px !important;
    color: inherit !important;
}

.related-products .product-list > ul > li:hover .more {
    gap: 14px !important;
    color: var(--primary-dark) !important;
}

/* ===== 响应式 ===== */
@media (max-width: 1100px) {
    div.related-products {
        padding: 50px 24px 56px !important;
    }
    .related-products .product-list > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }
}

@media (max-width: 768px) {
    div.related-products {
        margin: 36px auto !important;
        padding: 38px 16px 44px !important;
        border-radius: 12px !important;
    }
    .related-products .fsfsfsfg {
        margin-bottom: 34px !important;
        font-size: 28px !important;
    }
}

@media (max-width: 600px) {
    .related-products .product-list > ul {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }
    .related-products .product-list .content {
        padding: 22px 20px 24px !important;
    }
    .related-products .product-list .h6 {
        font-size: 19px !important;
    }
}