
     :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-page-container {
            max-width: 1430px; 
            margin: 0 auto;
            padding: 20px 30px 60px 30px;
        }
        
        header {
            background-color: var(--primary-color); 
            color: white; 
            padding: 20px 30px; 
            text-align: left; 
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .breadcrumb {
            background-color: var(--card-bg);
            padding: 15px 30px;
            font-size: 0.9em;
            border-bottom: 1px solid var(--soft-border);
        }

        .tag-hero-section {
            padding: 40px 0;
            margin-bottom: 30px;
        }

        .tag-title {
            font-size: 3.5em; 
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 10px;
            letter-spacing: -0.5px;
            text-align: center;
        }
        .tag-hero-section .hero-section-p {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
            color: var(--primary-color);
        }
        
        .editor-content-1 {
            font-size: 16px;
            color: #555;
            padding: 20px;
            background-color: #e6f0ff;
            border-radius: var(--radius);
            line-height: 1.8;
            border-left: 5px solid var(--secondary-color);
        }
        .editor-content-1 strong {
            font-weight: bold;
        }
        .product-preview-section .list {
  margin-top: 50px;
}


.product-preview-section .list span.swiper-notification {
  display: none;
}

.product-preview-section .list .newbox1 {
  padding: 10px;
  background: #eeeeee;
}
.product-preview-section .box .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.product-preview-section .list .box .con {
  margin-top: 20px;
}
.product-preview-section .list .box .con p {
    font-size: 14px;
}
.product-preview-section .list .box .con h6 {
  font-size: 16px;
  font-family: Roboto;
  font-weight: 700;
  color: #111111;
  line-height: 1.5;
  text-transform: capitalize;
}
        .content-matrix {
            display: grid;
            gap: 40px;
            grid-template-columns: 2fr 1fr; 
        }

        .editor-module {
            font-size: 14px;
            background-color: var(--card-bg);
            padding: 20px;
            border-radius: var(--radius);
            margin-bottom: 30px;
            box-shadow: var(--shadow-elevation);
            transition: transform 0.3s;
        }
        .editor-module:hover {
            transform: translateY(-2px);
        }
        .editor-module strong {
            font-weight: bold;
        }
        .editor-module h2 {
            font-size: 1.8em;
            color: var(--text-color);
            border-bottom: 3px solid var(--secondary-color);
            padding-bottom: 10px;
            margin-top: 0;
            margin-bottom: 25px;
            font-weight: 700;
        }
        
        .editor-module h3,.editor-module h4 {
             color: var(--primary-color);
             margin-bottom: 10px;
             font-weight: bold;
             font-size: 24px;
             text-align: center;
        }
        
        .editor-module ul {
            list-style: none;
            padding-left: 0;
        }
        .editor-module li {
            padding: 5px 0;
            border-bottom: 1px dotted var(--soft-border);
            position: relative;
            padding-left: 20px;
            line-height: 2;
        }
        .editor-module li::before {
            content: '✓';
            color: var(--secondary-color);
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .info-column1 table th, .info-column1 table td{
            padding: 5px 10px;
    border: 1px solid #666;
    width: 50%;
        }
        .info-column1 table th {
            font-weight: bold;
        }
        .info-column1 table tbody tr td:first-of-type {
            font-weight: bold;
        }
        .spec-table {
            width: 100%;
            border-collapse: separate; 
            border-spacing: 0;
            margin-top: 15px;
            border-radius: var(--radius);
            overflow: hidden;
        }
        .spec-table th, .spec-table td {
            padding: 15px;
            text-align: left;
            font-size: 0.95em;
            border-bottom: 1px solid var(--soft-border);
        }
        .spec-table th {
            background-color: var(--primary-color);
            color: white;
            font-weight: 400;
            text-transform: uppercase;
        }
        .spec-table tr:last-child td {
            border-bottom: none;
        }
        .product-preview-section {
            padding-top: 40px;
            border-top: 1px solid var(--soft-border);
            margin-bottom: 40px;
        }
        .product-preview-section h2 {
            font-size: 2.2em;
            color: var(--primary-color);
            text-align: center;
            margin-bottom: 30px;
        }
        
        .product-preview-grid {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
        }
        .preview-card {
            width: 300px;
            padding: 20px;
            background-color: var(--card-bg);
            border-radius: var(--radius);
            box-shadow: var(--shadow-elevation);
            transition: box-shadow 0.3s;
            text-align: center;
        }
        .preview-card:hover {
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        
        .preview-card img {
            border-radius: 4px;
            transition: opacity 0.3s;
        }
        .preview-card:hover img {
            opacity: 0.9;
        }
        .preview-card h3 {
            font-size: 1.2em;
            color: var(--text-color);
            margin: 15px 0 5px 0;
        }
        .preview-card a {
            display: inline-block;
            margin-top: 10px;
            padding: 8px 15px;
            background-color: var(--secondary-color);
            color: white;
            border-radius: 4px;
        }
        .preview-card a:hover {
            background-color: var(--primary-color);
        }
.editor-module1 {
            margin: 30px 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .editor-module1 h3, .editor-module1 h4, .editor-module-faq h4{
            text-align: center;
            font-size: 24px;
            color: var(--primary-color);
            margin-bottom: 25px;
            padding-top: 20px;
            font-weight: bold;
            position: relative;
            padding-bottom: 10px;
        }
        .editor-module1 h3::after,.editor-module1 h4::after, .editor-module-faq h4::after {
            content: '';
            display: block;
            width: 60px;
            height: 3px;
            background-color: var(--primary-color);
            margin: 8px auto 0;
            border-radius: 2px;
        }
        .jinfeng-ul-1 {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            justify-content: space-between;
            gap: 25px;
            flex-wrap: wrap;
            padding-bottom: 30px;
        }
        .jinfeng-ul-1 li {
            flex: 1 1 auto; 
            min-width: min-content; 
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease-in-out;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }
        .jinfeng-ul-1 li:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            border-color: #007bff;
        }
        .jinfeng-ul-1 li::before {
            content: '⭐';
            font-size: 36px; 
            margin-right: 15px;
            color: #ffc107;
            line-height: 1;
        }
        .jinfeng-ul-1 li span {
            font-size: 18px;
            color: #333;
            font-weight: 600;
            display: inline;
        }
.editor-module-service h3 {
    color: var(--primary-color);
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
    font-weight: bold;
    text-align: left;
}
.editor-module-faq {
    background-color: #fcfcfc;
    padding: 15px 10px; 
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    max-width: 900px;
    margin: 30px auto;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.editor-module-faq h3 {
    color: var(--primary-color);
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
    font-weight: bold;
}
.editor-module-faq ul {
    list-style: none;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden; 
}
.editor-module-faq li {
    padding: 15px;
    transition: background-color 0.3s ease;
}
.editor-module-faq li:first-child {
    font-weight: bold;
    cursor: pointer; 
    background-color: #f7f7f7;
    color: #333;
    border-bottom: 1px solid #ddd;
    position: relative; 
}
.editor-module-faq li:first-child::after {
    content: '+'; 
    position: absolute;
    right: 5px;
    font-size: 1.2em;
    line-height: 1;
    top: 50%; 
    transform: translateY(-50%); 
    transition: transform 0.3s ease, content 0.3s ease;
}
.editor-module-faq li:first-child.expanded::after {
    content: '-'; 
}
.editor-module-faq li:last-child {
    background-color: #ffffff;
    color: #555;
    max-height: 0; 
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out, opacity 0.3s ease;
}
.editor-module-faq li:last-child.active {
    max-height: 500px; 
    padding: 15px;
    opacity: 1;
}
.more-info {
    background-color: #FFFFFF;
    border-radius: 8px;  
    border: 1px solid #E0E0E0; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 
    padding: 25px 30px; 
    margin-top: 40px;
}
.more-info h2 {
    color: #2c3e50;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
.more-info p {
    color: #7f8c8d;
    font-size: 14px;
    margin-bottom: 20px;
}
.more-info ul {
    list-style: none; 
    padding: 0;
    margin: 0;
    
    display: flex; 
    flex-wrap: wrap; 
    justify-content: flex-start; 
}
.more-info li {
    margin: 0;
    padding: 0;
    margin-right: 15px;
    margin-bottom: 10px;
}
.more-info a {
    display: block; 
    text-decoration: none; 
    color: #2980b9;
    background-color: #ecf0f1;
    border: 1px solid #bdc3c7; 
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    
    white-space: nowrap; 
    transition: all 0.2s;
}

.more-info a:hover {
    background-color: #3498db;
    border-color: #3498db;
    color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3); 
}
        @media (max-width: 900px) {
            .content-matrix {
                grid-template-columns: 1fr; 
                gap: 20px;
            }
            .tag-title {
                font-size: 2.5em;
            }
            .editor-module {
                margin-bottom: 20px;
            }
            .tag-page-container, header, .breadcrumb {
                padding-left: 15px;
                padding-right: 15px;
            }
        }
        @media (max-width: 768px) {
            .jinfeng-ul-1 {
                flex-direction: column;
                gap: 15px;
            }
            .jinfeng-ul-1 li {
                width: 100%;
                min-width: unset;
                justify-content: flex-start;
                padding: 15px;
            }
        }









/* =========================================
   终极强制横排：Flex 布局（最高优先级）
========================================= */
ul.grid-box.three {
    display: flex !important; /* 强行变为弹性盒 */
    flex-direction: row !important; /* 强制横向排列 */
    flex-wrap: wrap !important; /* 允许自动换行 */
    gap: 20px !important; /* 卡片之间的间距 */
    list-style: none !important;
    padding: 0 !important;
    margin-top: 40px !important;
    width: 100% !important;
}

ul.grid-box.three > li.column {
    /* 核心计算：(100% - 2个20px的间隙) / 3 */
    width: calc(33.333% - 13.33px) !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 15px !important; /* 卡片内部留白 */
    transition: transform 0.3s, box-shadow 0.3s;
}

ul.grid-box.three > li.column:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 解除原主题对盒子宽度的限制 */
ul.grid-box.three .box {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 限制图片容器高度，防止图片过大 */
ul.grid-box.three .img-box {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    border-radius: 4px;
    background-color: #f9f9f9;
}

ul.grid-box.three .img-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* 保持原比例缩放，不拉伸 */
    display: block !important;
    transition: transform 0.5s ease !important;
}

ul.grid-box.three .img-box:hover img {
    transform: scale(1.08) !important;
}

/* 文字区域 */
ul.grid-box.three .content {
    margin-top: 15px;
    text-align: center;
}

ul.grid-box.three h5 {
    margin: 0 0 10px 0 !important;
    font-size: 16px;
    line-height: 1.5;
}

ul.grid-box.three h5 a {
    color: #004a99 !important;
    font-weight: 700;
    text-decoration: none;
}

ul.grid-box.three h5 span {
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 5px;
    font-weight: normal;
}

ul.grid-box.three p {
    font-size: 13px;
    color: #7f8c8d;
    margin: 10px 0 0 0 !important;
    text-align: left;
    line-height: 1.5;
}

/* =========================================
   响应式适配
========================================= */
/* 屏幕小于 992px，变为一行 2 个 */
@media (max-width: 992px) {
    ul.grid-box.three > li.column {
        width: calc(50% - 10px) !important;
    }
}

/* 屏幕小于 600px，变为一行 1 个 */
@media (max-width: 600px) {
    ul.grid-box.three > li.column {
        width: 100% !important;
    }
    ul.grid-box.three .img-box {
        height: 180px !important;
    }
}

/* ==========================================================
   GAITE 标签页：橙 + 蓝 配色，单列竖排编辑器（det1~det12）
   所有规则限定在 .tag-page-container 内，不影响导航和页脚
   ========================================================== */
:root{
  --o:#ff6a00;--o2:#ff9a1f;--od:#d94f00;
  --b:#0b3a8c;--b2:#1e6bff;--ink:#14233f;
  --bg:#f4f7fc;--card:#fff;--ln:#e3e9f4;
  --txt:#3a465c;--muted:#6b7a90;
  --sh:0 8px 28px rgba(11,58,140,.09);--sh-h:0 18px 40px rgba(11,58,140,.18);
}
.tag-page-container{max-width:1430px;margin:0 auto;padding:30px 30px 70px;color:var(--txt);line-height:1.75;font-family:'Roboto','Segoe UI',Arial,sans-serif;background:var(--bg)}
.tag-page-container *,.tag-page-container *::before,.tag-page-container *::after{box-sizing:border-box}
.tag-page-container a{text-decoration:none;color:var(--b2);transition:color .25s,background .25s,box-shadow .25s,transform .25s}
.tag-page-container a:hover{color:var(--od)}
.tag-page-container img{max-width:100%}

/* ---------- Hero ---------- */
.tag-hero-section{position:relative;margin-bottom:44px;padding:60px 44px 44px;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,106,0,.38),transparent 45%),linear-gradient(135deg,#0a2a63 0%,#0b3a8c 55%,#164fb8 100%);box-shadow:var(--sh)}
.tag-hero-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.13) 1.2px,transparent 1.6px) 0 0/24px 24px;opacity:.7}
.tag-hero-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--o),var(--o2),transparent)}
.tag-title{position:relative;margin:0 0 16px;text-align:center;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;line-height:1.2;letter-spacing:-.5px;color:#fff}
.tag-hero-section .hero-section-p{position:relative;display:table;margin:0 auto 30px;padding:6px 24px;font-size:13.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--o),var(--o2));border-radius:999px;box-shadow:0 6px 16px rgba(255,106,0,.4)}
.editor-content-1{position:relative;max-width:1100px;margin:0 auto;padding:26px 32px;font-size:16px;line-height:1.9;color:#2b3850;background:rgba(255,255,255,.96);border-radius:16px;border-left:6px solid var(--o);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.editor-content-1 p{margin:0 0 12px}.editor-content-1 p:last-child{margin:0}
.editor-content-1 strong{color:var(--b)}

/* ---------- 产品卡片 ---------- */
.hb-products{margin:0 0 50px}
.hb-products__head{text-align:center;max-width:780px;margin:0 auto 34px}
.hb-products__eyebrow{display:inline-block;padding:4px 16px;border-radius:20px;background:rgba(255,106,0,.12);color:var(--od);font-size:12.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}
.hb-products__title{margin:12px 0 8px;font-size:32px;font-weight:800;color:var(--ink)}
.hb-products__title::after{content:"";display:block;width:70px;height:4px;margin:12px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--o),var(--b2))}
.hb-products__head p{margin:0;color:var(--muted);font-size:15px}
.hb-products__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin:0;padding:0;list-style:none}
.hb-card{display:flex;flex-direction:column;margin:0;overflow:hidden;background:#fff;border:1px solid var(--ln);border-radius:18px;box-shadow:0 4px 16px rgba(11,58,140,.06);transition:transform .35s,box-shadow .35s,border-color .35s}
.hb-card:hover{transform:translateY(-7px);border-color:#ffc89a;box-shadow:var(--sh-h)}
.hb-card__img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(180deg,#f7f9fe,#eaf0fb)}
.hb-card__img img{display:block;width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .45s}
.hb-card:hover .hb-card__img img{transform:scale(1.07)}
.hb-card__img.hb-noimg{background:#eef3fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 48 48' fill='none' stroke='%23ff6a00' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='24' cy='24' r='14' stroke-width='6' stroke-dasharray='4.6 4.6'/%3E%3Ccircle cx='24' cy='24' r='10'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/svg%3E") center/90px no-repeat}
.hb-card__img.hb-noimg img{visibility:hidden}
.hb-card__body{display:flex;flex-direction:column;flex:1;padding:16px 16px 18px;text-align:center}
.hb-card__title{margin:0 0 6px;font-size:15.5px;line-height:1.4;font-weight:700}
.hb-card__title a{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hb-card__title a:hover{color:var(--od)}
.hb-card__desc{margin:0 0 14px;font-size:13px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.hb-card__btn{margin:auto auto 0;display:inline-block;padding:8px 20px;font-size:13px;font-weight:700;color:#fff!important;background:linear-gradient(90deg,var(--b),var(--b2));border-radius:20px;transition:background .3s,transform .3s}
.hb-card__btn:hover{background:linear-gradient(90deg,var(--o),var(--o2));transform:translateY(-1px)}
.hb-card__btn span{display:inline-block;transition:transform .25s}.hb-card__btn:hover span{transform:translateX(4px)}
.Auxil-catdes:empty,.fenfenleimiaoshu:empty{display:none}

/* ---------- 编辑器：单列竖排 ---------- */
.hb-stack{display:flex;flex-direction:column;gap:30px;margin:10px 0 50px}
.hb-stack>section,.hb-stack>div{position:relative;width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:36px 40px!important;font-size:15px;line-height:1.85;overflow:hidden;overflow-x:auto;background:#fff!important;border:1px solid var(--ln)!important;border-radius:18px!important;box-shadow:var(--sh)!important;transform:none!important}
.hb-stack>section::before,.hb-stack>div::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--o) 0%,var(--o2) 35%,var(--b2) 100%)}
.hb-stack h2{margin:0 0 22px;padding-bottom:12px;font-size:1.7em;font-weight:800;color:var(--ink);text-align:left;border-bottom:3px solid var(--o)}
.hb-stack h3,.hb-stack h4{margin:0 0 16px;padding:0;font-size:22px;font-weight:700;color:var(--b);text-align:left}
.hb-stack h3::after,.hb-stack h4::after{display:none!important}
.hb-stack p{margin:0 0 12px}
.hb-stack strong{color:var(--ink)}
.hb-stack img,.hb-stack video,.hb-stack iframe{max-width:100%;height:auto;border-radius:10px}
.hb-stack ul{margin:0 0 14px;padding:0;list-style:none}
.hb-stack ul li{position:relative;padding:7px 0 7px 30px;line-height:1.8;border-bottom:1px dashed var(--ln)}
.hb-stack ul li:last-child{border-bottom:0}
.hb-stack ul li::before{content:'✓';position:absolute;left:0;top:9px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;font-size:11px;font-weight:700;color:#fff;background:var(--o);border-radius:50%}
.hb-stack ol{padding-left:22px}
.hb-stack blockquote{margin:16px 0;padding:14px 20px;color:#2b3850;background:#fff4ea;border-left:5px solid var(--o);border-radius:0 10px 10px 0}
.hb-stack table{width:100%;margin:12px 0 20px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d6e0f2;border-radius:12px}
.hb-stack table th,.hb-stack table td{width:auto;padding:12px 16px;font-size:14.5px;text-align:left;border:0;border-bottom:1px solid #e5ecf8}
.hb-stack table th{font-weight:700;color:#fff;background:linear-gradient(90deg,var(--b),var(--b2))}
.hb-stack table tbody tr:nth-child(even) td{background:#f5f8fe}
.hb-stack table tbody tr:hover td{background:#fff1e4}
.hb-stack table tbody tr td:first-of-type{font-weight:700;color:var(--b)}
.hb-stack table tr:last-child td{border-bottom:0}
/* det2 优势卡片 */
.hb-stack .jinfeng-ul-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0;padding:0 0 8px;list-style:none}
.hb-stack .jinfeng-ul-1 li{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--ln);border-radius:14px;background:linear-gradient(135deg,#fff,#f3f7ff);box-shadow:0 4px 14px rgba(11,58,140,.07);transition:transform .3s,box-shadow .3s,border-color .3s}
.hb-stack .jinfeng-ul-1 li:hover{transform:translateY(-5px);border-color:var(--o);box-shadow:var(--sh-h)}
.hb-stack .jinfeng-ul-1 li::before{position:static;content:'⭐';width:auto;height:auto;background:none;font-size:30px;color:var(--o)}
.hb-stack .jinfeng-ul-1 li span{font-size:16.5px;font-weight:700;color:var(--ink)}

/* FAQ（依赖 new-info.js 切换 .expanded / .active，类名保持不变） */
.editor-module-faq ul{margin:0 0 12px;padding:0;list-style:none;overflow:hidden;border:1px solid var(--ln);border-radius:12px;transition:box-shadow .3s}
.editor-module-faq ul:hover{box-shadow:0 6px 18px rgba(11,58,140,.1)}
.editor-module-faq li{padding:16px 48px 16px 18px;border-bottom:0}
.editor-module-faq li::before{display:none!important}
.editor-module-faq li:first-child{position:relative;font-weight:700;cursor:pointer;color:var(--ink);background:#f3f7ff;border-bottom:1px solid var(--ln)}
.editor-module-faq li:first-child:hover{background:#fff1e4}
.editor-module-faq li:first-child::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff;background:var(--o);border-radius:50%}
.editor-module-faq li:first-child.expanded::after{content:'−';background:var(--b2)}
.editor-module-faq li:last-child{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0;color:#4a5568;background:#fff;transition:max-height .4s ease-out,padding .4s ease-out,opacity .3s}
.editor-module-faq li:last-child.active{max-height:600px;padding:16px 48px 16px 18px;opacity:1}

/* ---------- 响应式 ---------- */
@media(max-width:1280px){.hb-products__grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){.hb-products__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .tag-page-container{padding:20px 15px 50px}
  .tag-hero-section{padding:40px 20px 30px;border-radius:16px}
  .editor-content-1{padding:20px}
  .hb-stack>section,.hb-stack>div{padding:26px 20px!important}
  .hb-products__title{font-size:26px}
}
@media(max-width:640px){.hb-products__grid{grid-template-columns:repeat(2,1fr);gap:12px}.hb-card__body{padding:12px 10px 14px}.hb-card__desc{display:none}.hb-card__title{font-size:14px}}
