{"id":783,"date":"2026-02-07T05:07:42","date_gmt":"2026-02-07T05:07:42","guid":{"rendered":"https:\/\/zeeyielec.com\/?page_id=783"},"modified":"2026-02-15T11:17:12","modified_gmt":"2026-02-15T11:17:12","slug":"cable-accessories","status":"publish","type":"page","link":"https:\/\/zeeyielec.com\/fr\/cable-accessories\/","title":{"rendered":"Accessoires pour c\u00e2bles"},"content":{"rendered":"<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b8ea7a6\" data-block-id=\"b8ea7a6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b8ea7a6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6a96905\" data-v=\"4\" data-block-id=\"6a96905\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6a96905-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6a96905-inner-blocks\">\n<!-- =========================================================================\n     ZeeyiElec - Cable Accessories Pillar Page - SEC1 Hero\n     \u57fa\u4e8e\u4f60\u63d0\u4f9b\u7684 Hero \u7ed3\u6784\u6539\u5199\uff08\u4fdd\u6301\u540c\u98ce\u683c\u3001\u540c\u4ea4\u4e92\uff09\n     \u590d\u5236\u5230 WordPress Gutenberg \"Custom HTML\" \u533a\u5757\u5373\u53ef\n     ========================================================================= -->\n\n<style>\n    \/* --- 1. \u57fa\u7840\u53d8\u91cf\u4e0e\u91cd\u7f6e --- *\/\n    .hero-wrapper {\n        --hero-bg-dark: #102136;\n        --hero-bg-gradient-end: #0d1b2a;\n        --hero-cyan: #78d3ca;\n        --hero-cyan-hover: #5bbdb4;\n        --hero-text-white: #ffffff;\n        --hero-text-gray: #d1d5db; \/* gray-300 *\/\n        --hero-text-gray-dim: #9ca3af; \/* gray-400 *\/\n        \n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.5;\n        color: var(--hero-text-white);\n        box-sizing: border-box;\n    }\n    \n    .hero-wrapper *, .hero-wrapper *::before, .hero-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    \/* \u951a\u70b9\u5b9a\u4f4d\u504f\u79fb *\/\n    html {\n        scroll-padding-top: 120px; \n    }\n\n    \/* --- 2. \u5e03\u5c40\u7ec4\u4ef6 --- *\/\n    .hero-section {\n        position: relative;\n        width: 100%;\n        min-height: 72vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        background-color: var(--hero-bg-dark);\n        background: linear-gradient(to bottom, var(--hero-bg-dark), var(--hero-bg-gradient-end));\n        overflow: hidden;\n    }\n\n    .hero-container {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding-left: 1rem;\n        padding-right: 1rem;\n        padding-top: 8rem; \n        padding-bottom: 4rem;\n        \n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        height: 100%;\n        flex-grow: 1;\n    }\n\n    .hero-text-col {\n        width: 100%;\n        max-width: 760px;\n    }\n\n    \/* --- 3. \u6392\u7248\u6837\u5f0f --- *\/\n    .hero-eyebrow {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.05em;\n        color: var(--hero-cyan);\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n        border-left: 2px solid var(--hero-cyan);\n        padding-left: 0.75rem;\n    }\n\n    .hero-title {\n        font-size: 32px;\n        line-height: 1.15;\n        font-weight: 700;\n        color: var(--hero-text-white);\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.025em;\n        margin-top: 0;\n        text-wrap: balance;\n    }\n\n    .hero-subtitle {\n        font-size: 16px;\n        color: var(--hero-text-gray);\n        margin-bottom: 1rem;\n        line-height: 1.625;\n        font-weight: 300;\n        margin-top: 0;\n    }\n\n    \/* --- 4. \u652f\u6301\u4fe1\u606f\u884c (Support Line) --- *\/\n    .hero-support {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 1rem 0.5rem;\n        font-size: 0.875rem;\n        color: var(--hero-text-gray-dim);\n        margin-bottom: 2.5rem;\n        font-weight: 500;\n    }\n\n    .hero-support-item {\n        display: flex;\n        align-items: center;\n    }\n\n    .hero-dot {\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background-color: var(--hero-cyan);\n        margin-right: 0.5rem;\n        display: inline-block;\n    }\n\n    .hero-separator {\n        display: none;\n        margin: 0 0.5rem;\n        color: #4b5563;\n    }\n\n    \/* --- 5. \u6309\u94ae\u6837\u5f0f --- *\/\n    .hero-cta-group {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        width: 100%;\n    }\n\n    .hero-btn {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        padding: 1rem 2rem;\n        font-size: 15px;\n        font-weight: 700;\n        border-radius: 4px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .hero-btn:focus-visible {\n        outline: 2px solid var(--hero-cyan);\n        outline-offset: 2px;\n    }\n\n    .hero-btn-primary {\n        background-color: var(--hero-cyan);\n        color: var(--hero-bg-dark);\n        box-shadow: 0 0 15px rgba(120, 211, 202, 0.3);\n    }\n\n    .hero-btn-primary:hover {\n        background-color: var(--hero-cyan-hover);\n        color: white;\n        box-shadow: 0 0 20px rgba(120, 211, 202, 0.5);\n        transform: translateY(-2px);\n    }\n\n    .hero-btn-secondary {\n        border: 1px solid #6b7280;\n        color: #f3f4f6;\n        background: transparent;\n        backdrop-filter: blur(4px);\n    }\n\n    .hero-btn-secondary:hover {\n        border-color: white;\n        background-color: rgba(255, 255, 255, 0.1);\n        color: white;\n    }\n\n    \/* --- 6. \u5e95\u90e8\u4fe1\u606f\u6761 --- *\/\n    .hero-bottom-bar {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        background-color: rgba(0, 0, 0, 0.2);\n        backdrop-filter: blur(4px);\n        margin-top: auto;\n    }\n\n    .hero-bar-content {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 1.5rem 1rem;\n    }\n\n    .hero-stats-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        font-size: 0.875rem;\n    }\n\n    .hero-stat-item {\n        display: flex;\n        flex-direction: column;\n        border-left: 2px solid var(--hero-cyan);\n        padding-left: 1rem;\n    }\n    \n    .hero-stat-label {\n        color: var(--hero-text-gray-dim);\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        margin-bottom: 0.25rem;\n        display: block;\n    }\n\n    .hero-stat-value {\n        color: white;\n        font-weight: 600;\n        font-size: 1.125rem;\n        display: block;\n    }\n\n    \/* --- 7. \u54cd\u5e94\u5f0f\u5a92\u4f53\u67e5\u8be2 (Desktop) --- *\/\n    @media (min-width: 640px) {\n        .hero-cta-group {\n            flex-direction: row;\n            width: auto;\n        }\n        .hero-separator {\n            display: inline;\n        }\n        .hero-support-item:not(:first-child) .hero-dot {\n            display: none;\n        }\n        .hero-stats-grid {\n            grid-template-columns: repeat(3, 1fr);\n            gap: 3rem;\n        }\n        .hero-stat-item.bordered-desktop {\n            border-left: 1px solid rgba(255,255,255,0.1);\n            padding-left: 2rem;\n        }\n        .hero-stat-item.first-item {\n            border-left: 2px solid var(--hero-cyan);\n            padding-left: 1rem;\n        }\n    }\n\n    @media (min-width:690px) {\n        .hero-eyebrow { font-size: 14px; }\n        .hero-title { font-size: 42px; }\n        .hero-subtitle { font-size: 18px; }\n        .hero-container { padding-left: 1.5rem; padding-right: 1.5rem; }\n    }\n\n    @media (min-width:1000px) {\n        .hero-container { \n            padding-top: 12rem;\n            padding-bottom: 6rem; \n        }\n        .hero-title { font-size: 52px; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n\n    <!-- SEC1 HERO MODULE -->\n    <section class=\"hero-section\">\n        \n        <!-- \u5185\u5bb9\u5bb9\u5668 -->\n        <div class=\"hero-container\">\n            \n            <!-- \u5de6\u4fa7\u5185\u5bb9\u533a -->\n            <div class=\"hero-text-col\">\n                \n                <!-- Eyebrow -->\n                <span class=\"hero-eyebrow\">\n                    Accessoires pour c\u00e2bles\n                <\/span>\n                \n                <!-- H1 -->\n                <h1 class=\"hero-title\">\n                    Accessoires de c\u00e2bles pour des syst\u00e8mes fiables de c\u00e2bles d'\u00e9nergie BT et MT\n                <\/h1>\n                \n                <!-- Subheadline -->\n                <p class=\"hero-subtitle\">\n                    Vous trouverez des accessoires pour c\u00e2bles thermor\u00e9tractables et r\u00e9tractables \u00e0 froid aupr\u00e8s d'un fournisseur orient\u00e9 vers l'ing\u00e9nierie, y compris des terminaisons de c\u00e2bles, des jonctions de c\u00e2bles, des gaines isolantes et des solutions de protection des barres omnibus pour les applications de distribution et les applications industrielles.\n                <\/p>\n\n                <!-- Support Line -->\n                <div class=\"hero-support\">\n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>2 Couverture de la s\u00e9rie de base\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>Assistance technique \u00e0 la s\u00e9lection\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>Pr\u00e9paration des documents d'exportation\n                    <\/span>\n                <\/div>\n                \n                <!-- CTA Buttons -->\n                <div class=\"hero-cta-group\">\n                    <!-- \u4e3b\u6309\u94ae -->\n                    <a href=\"#ct-popup-862\" class=\"hero-btn hero-btn-primary\">\n                        Demande de devis\n                    <\/a>\n                    \n                    <!-- \u6b21\u6309\u94ae -->\n                    <a href=\"#sec-series\" class=\"hero-btn hero-btn-secondary\">\n                        Parcourir les s\u00e9ries de produits\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u5e95\u90e8\u4fe1\u606f\u6761 -->\n        <div class=\"hero-bottom-bar\">\n            <div class=\"hero-bar-content\">\n                <div class=\"hero-stats-grid\">\n                    <!-- Item 1 -->\n                    <div class=\"hero-stat-item first-item\">\n                        <span class=\"hero-stat-label\">Voltage Scope<\/span>\n                        <span class=\"hero-stat-value\">Applications des c\u00e2bles BT et MT<\/span>\n                    <\/div>\n                    <!-- Item 2 -->\n                    <div class=\"hero-stat-item bordered-desktop\">\n                        <span class=\"hero-stat-label\">Familles de produits<\/span>\n                        <span class=\"hero-stat-value\">R\u00e9tr\u00e9cissement \u00e0 froid et r\u00e9tr\u00e9cissement \u00e0 chaud<\/span>\n                    <\/div>\n                    <!-- Item 3 -->\n                    <div class=\"hero-stat-item bordered-desktop\">\n                        <span class=\"hero-stat-label\">Application<\/span>\n                        <span class=\"hero-stat-value\">Terminaison, joint, isolation<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-1ec62a0\" data-block-id=\"1ec62a0\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1ec62a0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-15b3755\" data-v=\"4\" data-block-id=\"15b3755\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-15b3755-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-15b3755-inner-blocks\">\n<!-- =========================================================================\n     SEC2: What Are Cable Accessories? (Redesigned V2 - Copy Refined)\n     \u98ce\u683c\uff1aTech-Industrial \/ \u7cbe\u5bc6\u5de5\u7a0b\u611f\n     \u8bf4\u660e\uff1a\u6cbf\u7528\u4f60\u63d0\u4f9b\u7684\u6837\u5f0f\uff0c\u4ec5\u66ff\u6362\u4e3a Cable Accessories \u8bed\u4e49\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC2 Scoped CSS (V2) ===== *\/\n  .ca2-wrap {\n    --ca2-bg: #f5f8fc;\n    --ca2-card-bg: #ffffff;\n    --ca2-ink: #0f172a;\n    --ca2-body: #475569;\n    --ca2-muted: #94a3b8;\n    --ca2-line: #e2e8f0;\n    --ca2-accent: var(--theme-palette-color-2, #78d3ca); \/* \u4e3b\u8272\u8c03 *\/\n    --ca2-accent-dim: rgba(120, 211, 202, 0.15);\n    --ca2-dark: #1e293b;\n    --ca2-shadow: 0 20px 40px -6px rgba(15, 23, 42, 0.08);\n    --ca2-radius: 12px;\n\n    position: relative;\n    background: var(--ca2-bg);\n    padding: 100px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--ca2-body);\n    overflow: hidden;\n    isolation: isolate;\n  }\n  .ca2-wrap * { box-sizing: border-box; }\n\n  \/* Technical Grid Background *\/\n  .ca2-wrap::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--ca2-line) 1px, transparent 1px),\n      linear-gradient(90deg, var(--ca2-line) 1px, transparent 1px);\n    background-size: 40px 40px;\n    opacity: 0.4;\n    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  \/* Decorative glowing orb (Subtle) *\/\n  .ca2-wrap::after {\n    content: \"\";\n    position: absolute;\n    top: -10%; right: -5%;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, var(--ca2-accent-dim) 0%, transparent 70%);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .ca2-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  \/* ===== Header Section ===== *\/\n  .ca2-head {\n    max-width: 860px;\n    margin-bottom: 40px;\n  }\n  \n  .ca2-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--ca2-muted);\n    background: #fff;\n    padding: 6px 12px;\n    border: 1px solid var(--ca2-line);\n    border-radius: 100px;\n    margin-bottom: 16px;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n  }\n  .ca2-kicker::before {\n    content: \"\";\n    display: block;\n    width: 8px; height: 8px;\n    background: var(--ca2-accent);\n    border-radius: 50%;\n  }\n\n  .ca2-title {\n    margin: 0 0 16px;\n    font-size: clamp(32px, 4.5vw, 46px);\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--ca2-ink);\n    font-weight: 800;\n  }\n  \n  .ca2-intro {\n    font-size: 18px;\n    line-height: 1.7;\n    color: var(--ca2-body);\n    max-width: 760px;\n    margin: 0;\n  }\n\n  \/* ===== Main Layout Grid ===== *\/\n  .ca2-grid {\n    display: grid;\n    grid-template-columns: 1.4fr 0.9fr;\n    gap: 30px;\n    align-items: start;\n  }\n\n  \/* --- LEFT: Main Content Card --- *\/\n  .ca2-main {\n    background: var(--ca2-card-bg);\n    border-radius: var(--ca2-radius);\n    padding: 40px;\n    box-shadow: var(--ca2-shadow);\n    border: 1px solid rgba(255,255,255,0.6);\n    position: relative;\n  }\n  .ca2-main::before {\n    content: \"\";\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 4px;\n    background: linear-gradient(90deg, var(--ca2-accent) 0%, transparent 100%);\n    opacity: 0.8;\n  }\n\n  .ca2-main p {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n  }\n  .ca2-main p:last-of-type { margin-bottom: 0; }\n\n  \/* Technical Note Box *\/\n  .ca2-tech-note {\n    margin-top: 30px;\n    padding: 20px;\n    background: linear-gradient(to right, #f1fcfb, #f8fafc);\n    border-left: 3px solid var(--ca2-accent);\n    border-radius: 4px;\n    position: relative;\n  }\n  .ca2-tech-note strong {\n    display: block;\n    color: #0f766e;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 6px;\n  }\n  .ca2-tech-note span {\n    display: block;\n    font-size: 15px;\n    color: #334155;\n    line-height: 1.6;\n  }\n\n  \/* Action Button *\/\n  .ca2-cta {\n    display: inline-flex;\n    align-items: center;\n    margin-top: 32px;\n    padding: 12px 24px;\n    background: var(--ca2-ink);\n    color: #fff;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n    gap: 8px;\n  }\n  .ca2-cta:hover {\n    background: var(--ca2-accent);\n    color: #0f2238;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 20px -5px rgba(120, 211, 202, 0.4);\n  }\n  .ca2-cta svg { width: 16px; height: 16px; transition: transform 0.3s; }\n  .ca2-cta:hover svg { transform: translateX(3px); }\n\n  \/* --- RIGHT: Functional Map --- *\/\n  .ca2-side {\n    position: relative;\n    padding-top: 10px;\n  }\n  \n  .ca2-side-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 24px;\n    border-bottom: 2px solid var(--ca2-line);\n    padding-bottom: 10px;\n  }\n  .ca2-side-head h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--ca2-ink);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n  .ca2-side-head span {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--ca2-muted);\n  }\n\n  .ca2-circuit {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    position: relative;\n  }\n  .ca2-circuit::before {\n    content: \"\";\n    position: absolute;\n    top: 10px; bottom: 30px; left: 7px;\n    width: 2px;\n    background: var(--ca2-line);\n    z-index: 0;\n  }\n\n  .ca2-circuit li {\n    position: relative;\n    padding-left: 32px;\n    margin-bottom: 24px;\n    z-index: 1;\n  }\n  .ca2-circuit li:last-child { margin-bottom: 0; }\n\n  .ca2-circuit li::after {\n    content: \"\";\n    position: absolute;\n    left: 0; top: 6px;\n    width: 16px; height: 16px;\n    background: #fff;\n    border: 3px solid var(--ca2-accent);\n    border-radius: 50%;\n    box-shadow: 0 0 0 4px var(--ca2-bg);\n    transition: transform 0.3s ease;\n  }\n  .ca2-circuit li:hover::after {\n    transform: scale(1.2);\n    background: var(--ca2-accent);\n  }\n\n  .ca2-item-title {\n    display: block;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--ca2-ink);\n    margin-bottom: 4px;\n  }\n  .ca2-item-desc {\n    display: block;\n    font-size: 14px;\n    color: var(--ca2-body);\n    line-height: 1.4;\n  }\n\n  \/* --- BOTTOM: Info Strip --- *\/\n  .ca2-strip {\n    margin-top: 40px;\n    background: #fff;\n    border: 1px solid var(--ca2-line);\n    border-radius: var(--ca2-radius);\n    padding: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 20px;\n  }\n  \n  .ca2-data-group {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .ca2-data-label {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--ca2-muted);\n    text-transform: uppercase;\n  }\n  .ca2-data-value {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--ca2-ink);\n  }\n  \n  .ca2-tag {\n    background: #f1f5f9;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--ca2-body);\n    border: 1px solid var(--ca2-line);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .ca2-grid { grid-template-columns: 1fr; gap: 50px; }\n    .ca2-main { padding: 30px 24px; }\n    .ca2-wrap { padding: 60px 20px; }\n    .ca2-side-head { border-bottom-width: 1px; }\n  }\n<\/style>\n\n<section class=\"ca2-wrap\" id=\"sec-definition\" aria-labelledby=\"ca2-title\">\n  <div class=\"ca2-container\">\n\n    <!-- Header -->\n    <header class=\"ca2-head\">\n      <div class=\"ca2-kicker\">Aper\u00e7u technique<\/div>\n      <h2 id=\"ca2-title\" class=\"ca2-title\">Qu'est-ce qu'un accessoire de c\u00e2ble ?<\/h2>\n      <p class=\"ca2-intro\">\n        Les accessoires de c\u00e2bles sont des composants d'interface essentiels utilis\u00e9s pour terminer, raccorder, isoler et prot\u00e9ger les c\u00e2bles d'alimentation dans les syst\u00e8mes de distribution BT et MT.\n      <\/p>\n    <\/header>\n\n    <div class=\"ca2-grid\">\n      \n      <!-- Main Content -->\n      <article class=\"ca2-main\">\n        <p>\n          Les accessoires de c\u00e2bles cr\u00e9ent la couche de connexion fonctionnelle entre les syst\u00e8mes de c\u00e2bles et l'\u00e9quipement \u00e9lectrique. Dans les projets pratiques, ils doivent \u00eatre s\u00e9lectionn\u00e9s\n          en tant que <strong>solution coordonn\u00e9e<\/strong> L'int\u00e9grit\u00e9 de l'isolation, la continuit\u00e9 \u00e9lectrique et la fiabilit\u00e9 de l'installation peuvent ainsi \u00eatre maintenues tout au long de la dur\u00e9e de vie du produit.\n        <\/p>\n        <p>\n          Les familles de produits typiques comprennent les terminaisons de c\u00e2bles r\u00e9tractables \u00e0 froid et \u00e0 chaud, les kits de jonction de c\u00e2bles, les tubes d'isolation et les composants de protection de l'isolation des barres omnibus.\n          Ces solutions sont largement utilis\u00e9es pour les connexions de transformateurs, les interfaces d'appareillage et les r\u00e9seaux de distribution industriels.\n        <\/p>\n        <p>\n          Pour les \u00e9quipes charg\u00e9es des achats et de l'ing\u00e9nierie, la correspondance au niveau du syst\u00e8me permet de r\u00e9duire l'inad\u00e9quation des sp\u00e9cifications, de raccourcir les cycles de confirmation technique et d'am\u00e9liorer l'efficacit\u00e9 de l'appel d'offres jusqu'\u00e0 la livraison.\n        <\/p>\n        \n        <div class=\"ca2-tech-note\">\n          <strong>Aper\u00e7u de l'ing\u00e9nierie<\/strong>\n          <span>\n            Commencez par la classe de tension, la taille du conducteur et la structure du c\u00e2ble, puis faites correspondre la m\u00e9thode de terminaison\/jonction et les exigences en mati\u00e8re de protection de l'isolation.\n            La plupart des d\u00e9faillances sur le terrain se produisent au niveau des interfaces et des jonctions, et non le long de c\u00e2bles intacts.\n          <\/span>\n        <\/div>\n\n        <a href=\"#sec-series\" class=\"ca2-cta\">\n          Explorer les s\u00e9ries de produits\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Side Content -->\n      <aside class=\"ca2-side\" aria-label=\"Carte de l&#039;architecture fonctionnelle\">\n        <div class=\"ca2-side-head\">\n          <h3>Architecture fonctionnelle<\/h3>\n          <span>SYS_MAP_CA_01<\/span>\n        <\/div>\n\n        <ul class=\"ca2-circuit\">\n          <li>\n            <span class=\"ca2-item-title\">Terminaison du c\u00e2ble<\/span>\n            <span class=\"ca2-item-desc\">Raccordement de l'extr\u00e9mit\u00e9 isol\u00e9e aux transformateurs, \u00e0 l'appareillage de commutation et \u00e0 l'\u00e9quipement terminal.<\/span>\n          <\/li>\n          <li>\n            <span class=\"ca2-item-title\">Jonction de c\u00e2bles<\/span>\n            <span class=\"ca2-item-desc\">Continuit\u00e9 \u00e9lectrique et r\u00e9cup\u00e9ration de l'isolation pour les connexions de c\u00e2bles en ligne.<\/span>\n          <\/li>\n          <li>\n            <span class=\"ca2-item-title\">Renforcement de l'isolation<\/span>\n            <span class=\"ca2-item-desc\">Gaines thermor\u00e9tractables et manchons connexes pour le soutien di\u00e9lectrique et m\u00e9canique.<\/span>\n          <\/li>\n          <li>\n            <span class=\"ca2-item-title\">Protection des barres omnibus<\/span>\n            <span class=\"ca2-item-desc\">Enveloppes\/gaines d'isolation pour les chambres de barres omnibus et les espaces de distribution compacts.<\/span>\n          <\/li>\n        <\/ul>\n      <\/aside>\n\n    <\/div>\n\n    <!-- Bottom Strip -->\n    <div class=\"ca2-strip\" role=\"group\" aria-label=\"Accessoires de c\u00e2bles points de donn\u00e9es\">\n      <div class=\"ca2-data-group\">\n        <span class=\"ca2-data-label\">R\u00f4le du syst\u00e8me<\/span>\n        <span class=\"ca2-data-value\">Terminaison, jonction et isolation<\/span>\n      <\/div>\n      <div class=\"ca2-data-group\">\n        <span class=\"ca2-data-label\">Application primaire<\/span>\n        <span class=\"ca2-data-value\">Projets de c\u00e2bles de distribution BT\/MV<\/span>\n      <\/div>\n      <div class=\"ca2-data-group\" style=\"margin-left:auto;\">\n        <span class=\"ca2-tag\">IEC 60502-4<\/span>\n        <span class=\"ca2-tag\">IEC 60840<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b780480\" data-block-id=\"b780480\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b780480-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1241797\" data-v=\"4\" data-block-id=\"1241797\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1241797-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1241797-inner-blocks\">\n<!-- =========================================================================\n     SEC3: Cable Accessories Product Series Matrix V2\n     \u98ce\u683c\uff1aTech-Spec Cards (\u6280\u672f\u89c4\u683c\u5361\u7247)\n     \u6539\u8fdb\uff1a\u9002\u914d 800x800 \u6b63\u65b9\u5f62\u56fe\u7247\uff0c\u9632\u6b62\u88c1\u5207\uff0c\u589e\u52a0\u5185\u8fb9\u8ddd\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC3 Scoped CSS V2 ===== *\/\n  .ca3-wrap {\n    --ca3-bg: #f8fafc;\n    --ca3-card-bg: #ffffff;\n    --ca3-ink: #0f172a;\n    --ca3-body: #475569;\n    --ca3-muted: #94a3b8;\n    --ca3-border: #e2e8f0;\n    --ca3-accent: #0f766e;       \/* Teal-700 *\/\n    --ca3-accent-light: #f0fdfa;\n    --ca3-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);\n    --ca3-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08);\n    --ca3-radius: 12px;\n\n    position: relative;\n    background: var(--ca3-bg);\n    padding: 100px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--ca3-body);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .ca3-wrap * { box-sizing: border-box; }\n\n  \/* Technical Grid Background *\/\n  .ca3-wrap::before {\n    content: \"\"; position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--ca3-border) 1px, transparent 1px),\n      linear-gradient(90deg, var(--ca3-border) 1px, transparent 1px);\n    background-size: 40px 40px;\n    opacity: 0.6;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .ca3-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ===== Header ===== *\/\n  .ca3-head {\n    max-width: 800px;\n    margin-bottom: 40px;\n  }\n\n  .ca3-kicker {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--ca3-accent); background: #fff;\n    padding: 6px 12px; border: 1px solid var(--ca3-border);\n    border-radius: 100px; margin-bottom: 16px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n  }\n  .ca3-kicker::before {\n    content: \"\"; width: 6px; height: 6px; border-radius: 50%;\n    background: var(--ca3-accent);\n  }\n\n  .ca3-title {\n    margin: 0 0 16px;\n    font-size: clamp(30px, 4vw, 42px);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    color: var(--ca3-ink);\n    font-weight: 800;\n  }\n\n  .ca3-intro {\n    margin: 0;\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--ca3-body);\n    max-width: 720px;\n  }\n\n  \/* ===== Summary Strip ===== *\/\n  .ca3-strip {\n    margin-top: 32px; margin-bottom: 40px;\n    background: #fff;\n    border: 1px solid var(--ca3-border);\n    border-radius: 10px;\n    padding: 16px 24px;\n    display: flex; flex-wrap: wrap; gap: 24px;\n    align-items: center;\n    box-shadow: var(--ca3-shadow);\n  }\n\n  .ca3-stat {\n    display: flex; flex-direction: column; gap: 2px;\n  }\n  .ca3-stat-label {\n    font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--ca3-muted); letter-spacing: 0.05em;\n  }\n  .ca3-stat-val {\n    font-size: 14px; font-weight: 700; color: var(--ca3-ink);\n  }\n\n  \/* ===== Grid ===== *\/\n  .ca3-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px;\n  }\n\n  \/* ===== Card Style ===== *\/\n  .ca3-card {\n    background: var(--ca3-card-bg);\n    border: 1px solid var(--ca3-border);\n    border-radius: var(--ca3-radius);\n    overflow: hidden;\n    display: flex; flex-direction: column;\n    transition: all 0.3s ease;\n    position: relative;\n  }\n\n  .ca3-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--ca3-shadow-hover);\n    border-color: #cbd5e1;\n  }\n\n  \/* Image Area (Updated for 800x800 Square Images) *\/\n  .ca3-media {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1; \/* Square Ratio *\/\n    background: #f8fafc; \/* Subtle background *\/\n    overflow: hidden;\n    border-bottom: 1px solid var(--ca3-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .ca3-media img {\n    width: 100%; \n    height: 100%; \n    object-fit: contain; \/* Prevents cropping *\/\n    padding: 24px; \/* Breathing room *\/\n    transition: transform 0.5s ease;\n  }\n  .ca3-card:hover .ca3-media img { transform: scale(1.08); }\n\n  \/* Floating Badge *\/\n  .ca3-badge {\n    position: absolute; top: 16px; left: 16px;\n    background: rgba(15, 23, 42, 0.9); backdrop-filter: blur(4px);\n    color: #fff; padding: 6px 12px; border-radius: 6px;\n    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;\n    display: flex; align-items: center; gap: 6px;\n    border: 1px solid rgba(255,255,255,0.1);\n    z-index: 2;\n  }\n  .ca3-badge::before {\n    content: \"\"; width: 6px; height: 6px; background: var(--ca3-accent); border-radius: 50%;\n  }\n\n  \/* Content *\/\n  .ca3-body {\n    padding: 24px;\n    display: flex; flex-direction: column; flex: 1;\n  }\n\n  .ca3-head-group { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed var(--ca3-border); }\n  \n  .ca3-card-title {\n    margin: 0 0 8px; font-size: 22px; font-weight: 800; color: var(--ca3-ink); line-height: 1.2;\n  }\n  .ca3-card-desc {\n    margin: 0; font-size: 15px; line-height: 1.6; color: var(--ca3-body);\n  }\n\n  \/* Specs Grid *\/\n  .ca3-specs {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n    margin-bottom: 24px;\n  }\n  .ca3-spec-col h4 {\n    margin: 0 0 10px; font-size: 11px; font-weight: 800; \n    text-transform: uppercase; color: var(--ca3-accent); letter-spacing: 0.05em;\n  }\n  \n  .ca3-list {\n    margin: 0; padding: 0; list-style: none;\n  }\n  .ca3-list li {\n    position: relative; padding-left: 14px; margin-bottom: 6px;\n    font-size: 13px; color: var(--ca3-body); line-height: 1.4;\n  }\n  .ca3-list li::before {\n    content: \"\u2022\"; position: absolute; left: 0; color: var(--ca3-muted); font-weight: bold;\n  }\n\n  \/* Footer *\/\n  .ca3-foot {\n    margin-top: auto;\n    display: flex; align-items: center; justify-content: space-between;\n  }\n\n  .ca3-tags { display: flex; gap: 6px; }\n  .ca3-tag {\n    font-size: 11px; color: var(--ca3-muted); background: #f8fafc;\n    border: 1px solid var(--ca3-border); padding: 3px 8px; border-radius: 4px;\n    font-family: monospace; font-weight: 600;\n  }\n\n  .ca3-btn {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 13px; font-weight: 700; color: var(--ca3-ink);\n    text-decoration: none; padding: 8px 14px;\n    border: 1px solid var(--ca3-border); border-radius: 6px;\n    transition: all 0.2s ease;\n  }\n  .ca3-btn:hover {\n    background: var(--ca3-ink); color: #fff; border-color: var(--ca3-ink);\n  }\n  .ca3-btn svg { width: 14px; height: 14px; transition: transform 0.2s; }\n  .ca3-btn:hover svg { transform: translateX(2px); }\n\n  \/* Note *\/\n  .ca3-note {\n    margin-top: 30px; padding: 16px;\n    background: #fff; border: 1px solid var(--ca3-border); border-radius: 8px;\n    font-size: 14px; color: var(--ca3-body); text-align: center;\n  }\n  .ca3-note strong { color: var(--ca3-accent); }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .ca3-grid { grid-template-columns: 1fr; }\n    .ca3-specs { grid-template-columns: 1fr; gap: 16px; }\n    .ca3-strip { gap: 16px; flex-direction: column; align-items: flex-start; }\n  }\n<\/style>\n\n<section class=\"ca3-wrap\" id=\"sec-series\" aria-labelledby=\"ca3-title\">\n  <div class=\"ca3-container\">\n\n    <!-- Header -->\n    <header class=\"ca3-head\">\n      <div class=\"ca3-kicker\">Matrice des s\u00e9ries de produits<\/div>\n      <h2 id=\"ca3-title\" class=\"ca3-title\">Familles de produits pour les accessoires de c\u00e2bles<\/h2>\n      <p class=\"ca3-intro\">\n        D\u00e9couvrez la s\u00e9rie d'accessoires pour c\u00e2bles \u00e0 deux conducteurs de ZeeyiElec pour les projets BT\/MV. Cette page pilier offre une navigation au niveau du syst\u00e8me pour la s\u00e9lection des terminaisons et des jonctions.\n      <\/p>\n    <\/header>\n\n    <!-- Data Strip -->\n    <div class=\"ca3-strip\">\n      <div class=\"ca3-stat\">\n        <span class=\"ca3-stat-label\">S\u00e9rie de base<\/span>\n        <span class=\"ca3-stat-val\">R\u00e9tr\u00e9cissement \u00e0 froid et r\u00e9tr\u00e9cissement \u00e0 chaud<\/span>\n      <\/div>\n      <div class=\"ca3-stat\">\n        <span class=\"ca3-stat-label\">Domaine d'application<\/span>\n        <span class=\"ca3-stat-val\">Terminaison, joint, isolation<\/span>\n      <\/div>\n      <div class=\"ca3-stat\">\n        <span class=\"ca3-stat-label\">Classe de tension<\/span>\n        <span class=\"ca3-stat-val\">Basse tension (BT) \u00e0 moyenne tension (MT)<\/span>\n      <\/div>\n      <div class=\"ca3-stat\" style=\"margin-left:auto;\">\n        <span class=\"ca3-stat-label\">Standard<\/span>\n        <span class=\"ca3-stat-val\">Conformit\u00e9 CEI \/ IEEE<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Cards Grid -->\n    <div class=\"ca3-grid\">\n\n      <!-- Cold Shrink -->\n      <article class=\"ca3-card\">\n        <figure class=\"ca3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-Cold-shrinkable-cable-accessories.webp\" \n               alt=\"Accessoires pour c\u00e2bles r\u00e9tractables \u00e0 froid\" loading=\"lazy\">\n          <span class=\"ca3-badge\">S\u00e9rie A : R\u00e9tr\u00e9cissement \u00e0 froid<\/span>\n        <\/figure>\n        \n        <div class=\"ca3-body\">\n          <div class=\"ca3-head-group\">\n            <h3 class=\"ca3-card-title\">Accessoires pour la r\u00e9traction \u00e0 froid<\/h3>\n            <p class=\"ca3-card-desc\">Solutions faciles \u00e0 installer avec une pression d'interface stable et une forte adaptabilit\u00e9 sur le terrain. Aucune chaleur n'est n\u00e9cessaire.<\/p>\n          <\/div>\n\n          <div class=\"ca3-specs\">\n            <div class=\"ca3-spec-col\">\n              <h4>Couverture principale<\/h4>\n              <ul class=\"ca3-list\">\n                <li>Terminaisons MT (int\u00e9rieures\/ext\u00e9rieures)<\/li>\n                <li>Joints de c\u00e2bles (droits\/de transition)<\/li>\n                <li>Corps en caoutchouc de silicone<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"ca3-spec-col\">\n              <h4>Id\u00e9al pour<\/h4>\n              <ul class=\"ca3-list\">\n                <li>Sites \u00e0 acc\u00e8s restreint<\/li>\n                <li>Pas de zones \u00e0 flamme nue<\/li>\n                <li>Besoins de d\u00e9ploiement rapide<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <div class=\"ca3-foot\">\n            <div class=\"ca3-tags\">\n              <span class=\"ca3-tag\">Silicone<\/span>\n              <span class=\"ca3-tag\">Elastique<\/span>\n            <\/div>\n            <a href=\"\/fr\/cable-accessories\/cold-shrink-cable-accessories\/\" class=\"ca3-btn\">\n              S\u00e9rie Exploration\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- Heat Shrink -->\n      <article class=\"ca3-card\">\n        <figure class=\"ca3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-heat-shrinkable-cable-accessories.webp\" \n               alt=\"Accessoires pour c\u00e2bles thermor\u00e9tractables\" loading=\"lazy\">\n          <span class=\"ca3-badge\">S\u00e9rie B : thermor\u00e9tractable<\/span>\n        <\/figure>\n        \n        <div class=\"ca3-body\">\n          <div class=\"ca3-head-group\">\n            <h3 class=\"ca3-card-title\">Accessoires thermor\u00e9tractables<\/h3>\n            <p class=\"ca3-card-desc\">Protection m\u00e9canique et isolation robustes. Le choix classique pour le d\u00e9ploiement structur\u00e9 de BT\/MV et la protection des barres omnibus.<\/p>\n          <\/div>\n\n          <div class=\"ca3-specs\">\n            <div class=\"ca3-spec-col\">\n              <h4>Couverture principale<\/h4>\n              <ul class=\"ca3-list\">\n                <li>Kits de terminaison et de jonction<\/li>\n                <li>Tubes d'isolation des jeux de barres<\/li>\n                <li>Composants anti-patinage<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"ca3-spec-col\">\n              <h4>Id\u00e9al pour<\/h4>\n              <ul class=\"ca3-list\">\n                <li>Renforcement m\u00e9canique<\/li>\n                <li>\u00c9tanch\u00e9it\u00e9 \u00e0 l'environnement<\/li>\n                <li>Installation en vrac rentable<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <div class=\"ca3-foot\">\n            <div class=\"ca3-tags\">\n              <span class=\"ca3-tag\">Polyol\u00e9fine<\/span>\n              <span class=\"ca3-tag\">Robuste<\/span>\n            <\/div>\n            <a href=\"\/fr\/cable-accessories\/heat-shrink-cable-accessories\/\" class=\"ca3-btn\">\n              S\u00e9rie Exploration\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Note -->\n    <div class=\"ca3-note\">\n      <strong>Conseil de s\u00e9lection :<\/strong> Besoin d'aide pour choisir entre la r\u00e9traction \u00e0 froid et la r\u00e9traction \u00e0 chaud ? Partagez vos sp\u00e9cifications de c\u00e2ble (XLPE\/EPR) et votre environnement d'installation par le biais d'un appel d'offres pour obtenir une recommandation coordonn\u00e9e.\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-df4dfb2\" data-block-id=\"df4dfb2\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-df4dfb2-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f8f99ed\" data-v=\"4\" data-block-id=\"f8f99ed\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f8f99ed-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f8f99ed-inner-blocks\">\n<!-- =========================================================================\n     SEC4: Selection Guide V3.1 (Center Axis Layout - Cable Accessories Version)\n     \u5e03\u5c40\uff1a\u4e2d\u8f74\u65f6\u95f4\u8f74 + \u5e95\u90e8\u529f\u80fd\u5361\u7247\n     \u9002\u914d\uff1aZeeyiElec Cable Accessories Pillar\uff08Cold Shrink \/ Heat Shrink\uff09\n     \u8272\u5f69\uff1a\u7edf\u4e00 #78d3ca\uff08var(--theme-palette-color-2\uff09\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC4 Scoped CSS V3.1 ===== *\/\n  .tf4-wrap {\n    --tf4-bg: #f8fafc;\n    --tf4-card: #ffffff;\n    --tf4-ink: #1e293b;\n    --tf4-body: #475569;\n    --tf4-border: #e2e8f0;\n    --tf4-accent: var(--theme-palette-color-2, #78d3ca);\n    --tf4-accent-ink: #0f2238;\n    --tf4-radius: 10px;\n    --tf4-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.04);\n    --tf4-shadow-hover: 0 12px 20px -5px rgba(0, 0, 0, 0.06);\n\n    position: relative;\n    background: var(--tf4-bg);\n    padding: 80px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf4-body);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .tf4-wrap * { box-sizing: border-box; }\n\n  \/* Grid Texture Background *\/\n  .tf4-wrap::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(var(--tf4-border) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf4-border) 1px, transparent 1px);\n    background-size: 40px 40px;\n    opacity: 0.4;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .tf4-container {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf4-head {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 50px;\n  }\n  .tf4-kicker {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--tf4-accent-ink);\n    background: #fff;\n    padding: 6px 14px;\n    border-radius: 100px;\n    border: 1px solid var(--tf4-border);\n    margin-bottom: 12px;\n  }\n  .tf4-title {\n    margin: 0 0 12px;\n    color: var(--tf4-ink);\n    font-size: clamp(28px, 4vw, 38px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n  }\n  .tf4-intro {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.65;\n    color: var(--tf4-body);\n  }\n\n  \/* ===== CENTER TIMELINE ===== *\/\n  .tf4-timeline {\n    position: relative;\n    padding: 10px 0;\n    margin-bottom: 50px;\n  }\n\n  .tf4-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 0; bottom: 0; left: 50%;\n    width: 2px;\n    background: var(--tf4-border);\n    transform: translateX(-1px);\n  }\n\n  .tf4-step {\n    position: relative;\n    width: 50%;\n    padding: 0 30px;\n    margin-bottom: 30px;\n    clear: both;\n  }\n  .tf4-step:nth-child(odd) { float: left; text-align: right; }\n  .tf4-step:nth-child(even) { float: right; text-align: left; margin-top: 30px; }\n\n  .tf4-timeline::after { content: \"\"; display: table; clear: both; }\n\n  .tf4-step-marker {\n    position: absolute;\n    top: 0;\n    width: 14px; height: 14px;\n    background: #fff;\n    border: 3px solid var(--tf4-accent);\n    border-radius: 50%;\n    z-index: 2;\n    box-shadow: 0 0 0 4px var(--tf4-bg);\n  }\n  .tf4-step:nth-child(odd) .tf4-step-marker { right: -7px; }\n  .tf4-step:nth-child(even) .tf4-step-marker { left: -7px; }\n\n  .tf4-card {\n    background: #fff;\n    padding: 20px;\n    border-radius: var(--tf4-radius);\n    border: 1px solid var(--tf4-border);\n    box-shadow: var(--tf4-shadow);\n    position: relative;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color .3s ease;\n  }\n  .tf4-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--tf4-shadow-hover);\n    border-color: #cbd5e1;\n  }\n\n  .tf4-card::before {\n    content: \"\";\n    position: absolute; top: 16px;\n    width: 30px; height: 1px;\n    background: var(--tf4-border);\n  }\n  .tf4-step:nth-child(odd) .tf4-card::before { right: -30px; }\n  .tf4-step:nth-child(even) .tf4-card::before { left: -30px; }\n\n  .tf4-step-no {\n    display: block;\n    font-size: 42px;\n    line-height: 1;\n    font-weight: 900;\n    color: #f1f5f9;\n    position: absolute;\n    top: 8px;\n    z-index: 0;\n    pointer-events: none;\n  }\n  .tf4-step:nth-child(odd) .tf4-step-no { right: 16px; }\n  .tf4-step:nth-child(even) .tf4-step-no { left: 16px; }\n\n  .tf4-step-content { position: relative; z-index: 1; }\n\n  .tf4-step-title {\n    margin: 0 0 6px;\n    font-size: 17px;\n    font-weight: 700;\n    color: var(--tf4-ink);\n  }\n  .tf4-step-desc {\n    margin: 0 0 12px;\n    font-size: 14px;\n    line-height: 1.58;\n    color: var(--tf4-body);\n  }\n\n  .tf4-tags { display: flex; flex-wrap: wrap; gap: 6px; }\n  .tf4-step:nth-child(odd) .tf4-tags { justify-content: flex-end; }\n\n  .tf4-tag {\n    font-size: 10px;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n    color: #64748b;\n    background: #f8fafc;\n    border: 1px solid var(--tf4-border);\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n  }\n\n  \/* ===== BOTTOM INFO GRID ===== *\/\n  .tf4-bottom {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    border-top: 1px dashed var(--tf4-border);\n    padding-top: 40px;\n  }\n\n  .tf4-info-card {\n    background: #fff;\n    padding: 20px;\n    border-radius: var(--tf4-radius);\n    border: 1px solid var(--tf4-border);\n  }\n\n  .tf4-info-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 12px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--tf4-ink);\n  }\n\n  .tf4-info-card.is-warning {\n    background: #fffbeb;\n    border-color: #fcd34d;\n  }\n  .tf4-info-card.is-warning .tf4-info-head { color: #b45309; }\n\n  .tf4-list { margin: 0; padding: 0; list-style: none; }\n  .tf4-list li {\n    position: relative;\n    padding-left: 14px;\n    margin-bottom: 4px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: var(--tf4-body);\n  }\n  .tf4-list li::before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    color: var(--tf4-accent);\n    font-weight: bold;\n  }\n  .tf4-info-card.is-warning .tf4-list li::before { color: #d97706; }\n\n  .tf4-info-text {\n    font-size: 13px;\n    line-height: 1.6;\n    color: var(--tf4-body);\n    margin: 0;\n  }\n\n  .tf4-cta-row{\n    margin-top: 18px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n  }\n  .tf4-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:8px;\n    border-radius:6px;\n    padding:11px 16px;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none;\n    transition:.28s ease;\n  }\n  .tf4-btn-primary{\n    background:#102136;\n    color:#fff;\n    border:1px solid #102136;\n  }\n  .tf4-btn-primary:hover{\n    background:var(--tf4-accent);\n    border-color:var(--tf4-accent);\n    color:#0f2238;\n    transform:translateY(-1px);\n  }\n  .tf4-btn-secondary{\n    background:#fff;\n    color:#334155;\n    border:1px solid var(--tf4-border);\n  }\n  .tf4-btn-secondary:hover{\n    border-color:#cbd5e1;\n    background:#f8fafc;\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width:690px) {\n    .tf4-wrap { padding: 64px 16px; }\n\n    .tf4-timeline::before { left: 16px; }\n\n    .tf4-step {\n      width: 100%;\n      float: none;\n      padding: 0 0 0 40px;\n      margin-bottom: 24px;\n      margin-top: 0 !important;\n      text-align: left !important;\n    }\n\n    .tf4-step-marker { left: 9px !important; right: auto !important; }\n\n    .tf4-card::before {\n      width: 16px;\n      left: -16px !important;\n      right: auto !important;\n    }\n\n    .tf4-tags { justify-content: flex-start !important; }\n    .tf4-step-no { right: 20px !important; left: auto !important; }\n\n    .tf4-bottom { grid-template-columns: 1fr; gap: 12px; }\n\n    .tf4-cta-row{flex-direction:column;}\n    .tf4-btn{width:100%;}\n  }\n<\/style>\n\n<section class=\"tf4-wrap\" id=\"sec-selection-guide\">\n  <div class=\"tf4-container\">\n\n    <header class=\"tf4-head\">\n      <span class=\"tf4-kicker\">Processus d'ing\u00e9nierie<\/span>\n      <h2 class=\"tf4-title\">Comment choisir les accessoires de c\u00e2bles<\/h2>\n      <p class=\"tf4-intro\">\n        Suivez ce processus en 5 \u00e9tapes pour s\u00e9lectionner des accessoires pour c\u00e2bles thermor\u00e9tractables et r\u00e9tractables \u00e0 froid avec un alignement technique plus clair, un risque d'inad\u00e9quation plus faible et une confirmation plus rapide de l'appel d'offres.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf4-timeline\">\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">01<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">D\u00e9finir l'enveloppe \u00e9lectrique<\/h3>\n            <p class=\"tf4-step-desc\">Confirmez la classe de tension, le type de syst\u00e8me de c\u00e2ble et l'\u00e9tendue de l'isolation avant de choisir une famille d'accessoires de c\u00e2ble.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">LV \/ MV<\/span>\n              <span class=\"tf4-tag\">Niveau d'isolation<\/span>\n              <span class=\"tf4-tag\">Champ d'application<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">02<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">C\u00e2ble de verrouillage Donn\u00e9es d'interface<\/h3>\n            <p class=\"tf4-step-desc\">V\u00e9rifier la taille des conducteurs, le nombre d'\u00e2mes, la structure du c\u00e2ble et les d\u00e9tails de la gaine ou de l'armure afin d'\u00e9viter toute incompatibilit\u00e9 avec le mod\u00e8le.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Conducteur mm\u00b2<\/span>\n              <span class=\"tf4-tag\">1C \/ 3C<\/span>\n              <span class=\"tf4-tag\">Blind\u00e9 \/ Non blind\u00e9<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">03<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Choisir l'itin\u00e9raire d'installation<\/h3>\n            <p class=\"tf4-step-desc\">Choisir la voie de la r\u00e9traction \u00e0 froid ou de la r\u00e9traction \u00e0 chaud en fonction de la m\u00e9thode du site, de l'environnement et du d\u00e9roulement de l'installation.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">R\u00e9traction \u00e0 froid<\/span>\n              <span class=\"tf4-tag\">Thermor\u00e9tractable<\/span>\n              <span class=\"tf4-tag\">Conditions sur le terrain<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">04<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Confirmer la combinaison de produits<\/h3>\n            <p class=\"tf4-step-desc\">Finaliser les \u00e9l\u00e9ments requis pour les kits de terminaison, les kits de jonction, les tubes d'isolation et les modules de protection des barres omnibus.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Cessation d'activit\u00e9<\/span>\n              <span class=\"tf4-tag\">Joint<\/span>\n              <span class=\"tf4-tag\">Tubes \/ barres conductrices<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tf4-step\">\n        <div class=\"tf4-step-marker\"><\/div>\n        <div class=\"tf4-card\">\n          <span class=\"tf4-step-no\">05<\/span>\n          <div class=\"tf4-step-content\">\n            <h3 class=\"tf4-step-title\">Soumettre le dossier complet d'appel d'offres<\/h3>\n            <p class=\"tf4-step-desc\">Fournir des donn\u00e9es techniques compl\u00e8tes, une r\u00e9partition des quantit\u00e9s et un calendrier afin de raccourcir le cycle des devis et d'am\u00e9liorer l'efficacit\u00e9 de l'ex\u00e9cution.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Donn\u00e9es du c\u00e2ble<\/span>\n              <span class=\"tf4-tag\">Quantit\u00e9 &amp; ETA<\/span>\n              <span class=\"tf4-tag\">March\u00e9 de destination<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"tf4-bottom\">\n\n      <div class=\"tf4-info-card is-warning\">\n        <div class=\"tf4-info-head\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n          Les pi\u00e8ges les plus fr\u00e9quents\n        <\/div>\n        <ul class=\"tf4-list\">\n          <li>Choix par prix unitaire avant confirmation des donn\u00e9es du c\u00e2ble<\/li>\n          <li>M\u00e9lange de mod\u00e8les de r\u00e9traction \u00e0 froid et de r\u00e9traction \u00e0 chaud sans contr\u00f4le d'interface<\/li>\n          <li>Ignorer les contraintes li\u00e9es \u00e0 l'environnement et au processus d'installation<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"tf4-info-card\">\n        <div class=\"tf4-info-head\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n          L'essentiel de l'appel d'offres\n        <\/div>\n        <ul class=\"tf4-list\">\n          <li>Classe de tension + type de c\u00e2ble + taille du conducteur<\/li>\n          <li>Cat\u00e9gories requises (terminaison \/ joint \/ tube \/ barre omnibus)<\/li>\n          <li>R\u00e9partition de la quantit\u00e9 du projet et fen\u00eatre de livraison<\/li>\n          <li>March\u00e9 cible et documents requis\/conformit\u00e9<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"tf4-info-card\">\n        <div class=\"tf4-info-head\" style=\"color:var(--tf4-accent-ink)\">\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n          R\u00e9sultat attendu\n        <\/div>\n        <p class=\"tf4-info-text\">\n          Ce flux de travail vous permet de sp\u00e9cifier les accessoires de c\u00e2bles avec une meilleure clart\u00e9 technique, de r\u00e9duire les reprises lors de la confirmation et d'acc\u00e9l\u00e9rer la conversion des appels d'offres en commandes.\n        <\/p>\n\n        <div class=\"tf4-cta-row\">\n          <a href=\"#ct-popup-862\" class=\"tf4-btn tf4-btn-primary\">Demande d'assistance pour l'appel d'offres<\/a>\n          <a href=\"#sec-series\" class=\"tf4-btn tf4-btn-secondary\">Retour \u00e0 la s\u00e9rie de produits<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-87140b3\" data-block-id=\"87140b3\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-87140b3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e497c9d\" data-v=\"4\" data-block-id=\"e497c9d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e497c9d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e497c9d-inner-blocks\">\n<!-- =========================================================================\n     SEC5: Why Partner with ZeeyiElec (Cable Accessories Version - No CTA)\n     \u8bf4\u660e\uff1a\u79fb\u9664\u6309\u94ae\uff0c\u4fdd\u7559\u80fd\u529b\u80cc\u4e66\u4e0e\u9879\u76ee\u9002\u914d\u4fe1\u606f\uff0c\u907f\u514d\u4e0eSEC4\u8f6c\u5316\u51b2\u7a81\n     ========================================================================= -->\n\n<style>\n  .tf5-wrap {\n    --tf5-bg-deep: #0b1120;\n    --tf5-bg-surface: #151e32;\n    --tf5-ink: #f8fafc;\n    --tf5-body: #94a3b8;\n    --tf5-border: rgba(255, 255, 255, 0.08);\n    --tf5-accent: var(--theme-palette-color-2, #78d3ca);\n    --tf5-accent-glow: rgba(120, 211, 202, 0.28);\n    --tf5-radius: 12px;\n\n    position: relative;\n    padding: 100px 20px;\n    background: radial-gradient(circle at 50% 0%, #1e293b 0%, var(--tf5-bg-deep) 80%);\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf5-body);\n    overflow: hidden;\n    isolation: isolate;\n    box-sizing: border-box;\n  }\n  .tf5-wrap * { box-sizing: border-box; }\n\n  .tf5-wrap::before {\n    content: \"\"; position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n    background-size: 50px 50px;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);\n    pointer-events: none; z-index: -1;\n  }\n\n  .tf5-wrap::after {\n    content: \"\"; position: absolute; top: -150px; left: 50%; transform: translateX(-50%);\n    width: 60%; height: 300px;\n    background: radial-gradient(ellipse at center, var(--tf5-accent-glow) 0%, transparent 70%);\n    filter: blur(60px); opacity: 0.6; pointer-events: none; z-index: -1;\n  }\n\n  .tf5-container { max-width: 1240px; margin: 0 auto; position: relative; }\n\n  .tf5-head { max-width: 820px; margin-bottom: 50px; }\n\n  .tf5-kicker {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.15em;\n    color: var(--tf5-accent); border: 1px solid rgba(120, 211, 202, 0.35);\n    background: rgba(120, 211, 202, 0.08);\n    padding: 6px 12px; border-radius: 100px;\n    margin-bottom: 20px;\n    box-shadow: 0 0 15px -5px var(--tf5-accent-glow);\n  }\n\n  .tf5-title {\n    margin: 0 0 16px; color: var(--tf5-ink);\n    font-size: clamp(32px, 4.5vw, 46px); line-height: 1.1; font-weight: 800;\n  }\n\n  .tf5-intro {\n    font-size: 18px; line-height: 1.6; color: var(--tf5-body); max-width: 760px;\n    margin: 0;\n  }\n\n  .tf5-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 28px;\n  }\n\n  .tf5-card {\n    background: rgba(21, 30, 50, 0.6);\n    backdrop-filter: blur(12px);\n    border: 1px solid var(--tf5-border);\n    border-radius: var(--tf5-radius);\n    padding: 24px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tf5-card::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n  }\n\n  .tf5-card:hover {\n    transform: translateY(-5px);\n    background: rgba(30, 41, 59, 0.82);\n    border-color: rgba(120, 211, 202, 0.45);\n    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);\n  }\n\n  .tf5-icon {\n    display: inline-block;\n    color: var(--tf5-accent);\n    margin-bottom: 16px;\n    filter: drop-shadow(0 0 8px var(--tf5-accent-glow));\n    transition: transform 0.3s ease;\n  }\n  .tf5-card:hover .tf5-icon { transform: scale(1.1); color: #fff; }\n  .tf5-icon svg { width: 32px; height: 32px; stroke-width: 1.5; }\n\n  .tf5-card h3 {\n    margin: 0 0 10px; font-size: 17px; font-weight: 700; color: var(--tf5-ink);\n    line-height: 1.3;\n  }\n\n  .tf5-card p {\n    margin: 0; font-size: 14px; line-height: 1.6; color: var(--tf5-body);\n  }\n\n  \/* Bottom Info Bar (No CTA) *\/\n  .tf5-info-bar {\n    background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.06));\n    border: 1px solid var(--tf5-border);\n    border-radius: 16px;\n    padding: 14px 20px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 10px 14px;\n    backdrop-filter: blur(10px);\n  }\n\n  .tf5-fit-label {\n    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--tf5-accent);\n    margin-right: 4px;\n  }\n\n  .tf5-fit-text {\n    font-size: 14px; color: #cbd5e1; margin: 0;\n  }\n\n  .tf5-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    border: 1px solid var(--tf5-border);\n    background: rgba(255,255,255,0.04);\n    color: #dbeafe;\n    border-radius: 999px;\n    padding: 5px 10px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: .06em;\n    font-weight: 700;\n  }\n  .tf5-pill::before {\n    content: \"\";\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--tf5-accent);\n    display: inline-block;\n  }\n\n  @media (max-width:1000px) {\n    .tf5-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width:690px) {\n    .tf5-wrap { padding: 60px 16px; }\n    .tf5-grid { grid-template-columns: 1fr; gap: 16px; }\n    .tf5-info-bar { padding: 16px; }\n  }\n<\/style>\n\n<section class=\"tf5-wrap\" id=\"sec-why-zeeyi\">\n  <div class=\"tf5-container\">\n\n    <header class=\"tf5-head\">\n      <span class=\"tf5-kicker\">Couche de capacit\u00e9<\/span>\n      <h2 class=\"tf5-title\">Pourquoi les acheteurs choisissent ZeeyiElec pour les accessoires de c\u00e2bles<\/h2>\n      <p class=\"tf5-intro\">\n        Nous soutenons les projets d'accessoires de c\u00e2bles par une ing\u00e9nierie ax\u00e9e sur la compatibilit\u00e9, une cartographie plus claire du mod\u00e8le et une ex\u00e9cution pr\u00eate \u00e0 l'exportation pour les syst\u00e8mes de r\u00e9traction \u00e0 froid et \u00e0 chaud.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf5-grid\">\n\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M4 7h16M4 12h16M4 17h10\"\/><circle cx=\"18\" cy=\"17\" r=\"3\"\/><\/svg>\n        <\/span>\n        <h3>Configuration au niveau de la s\u00e9rie<\/h3>\n        <p>Nous proposons des terminaisons de c\u00e2bles, des jonctions de c\u00e2bles, des tubes isolants et des protections de barres omnibus sous forme d'un ensemble d'accessoires coordonn\u00e9s.<\/p>\n      <\/article>\n\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/span>\n        <h3>Conseils sur la r\u00e9traction \u00e0 froid ou \u00e0 chaud<\/h3>\n        <p>Les recommandations de s\u00e9lection sont align\u00e9es sur la m\u00e9thode d'installation, les conditions du site et les contraintes de l'interface du c\u00e2ble.<\/p>\n      <\/article>\n\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M7 8h10M7 12h6\"\/><path d=\"M8 21h8\"\/><\/svg>\n        <\/span>\n        <h3>Entr\u00e9es de l'appel d'offres structur\u00e9<\/h3>\n        <p>Des mod\u00e8les de demande clairs r\u00e9duisent les boucles de r\u00e9vision et aident les \u00e9quipes \u00e0 verrouiller plus rapidement les limites du mod\u00e8le pour l'ex\u00e9cution de l'approvisionnement.<\/p>\n      <\/article>\n\n      <article class=\"tf5-card\">\n        <span class=\"tf5-icon\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n        <\/span>\n        <h3>Soutien r\u00e9actif \u00e0 l'exportation<\/h3>\n        <p>Une communication technique rapide et une documentation orient\u00e9e vers l'exportation permettent d'acc\u00e9l\u00e9rer les d\u00e9lais des projets transfrontaliers.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"tf5-info-bar\" aria-label=\"R\u00e9sum\u00e9 de l&#039;ad\u00e9quation du projet\">\n      <span class=\"tf5-fit-label\">Projet Fit<\/span>\n      <p class=\"tf5-fit-text\">Convient aux projets de c\u00e2bles utilitaires et industriels n\u00e9cessitant une compatibilit\u00e9 stable avec les accessoires et des chemins d'ex\u00e9cution clairs.<\/p>\n      <span class=\"tf5-pill\">R\u00e9traction \u00e0 froid<\/span>\n      <span class=\"tf5-pill\">Thermor\u00e9tractable<\/span>\n      <span class=\"tf5-pill\">R\u00e9siliation et jointure<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0b735e2\" data-block-id=\"0b735e2\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0b735e2-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4ca8e36\" data-v=\"4\" data-block-id=\"4ca8e36\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4ca8e36-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4ca8e36-inner-blocks\">\n<!-- =========================================================================\n     SEC6: Application Scenarios (Cable Accessories) - Final\n     \u8bf4\u660e\uff1a\n     1) \u4fdd\u6301\u4f60\u539f\u6709\u89c6\u89c9\u4e0e\u7ed3\u6784\n     2) \u4fdd\u6301\u539f\u56fe\u7247 URL \u4e0d\u53d8\n     3) \u4ec5\u5c06 ALT \u8bed\u4e49\u7edf\u4e00\u4e3a cable accessories\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC6 Scoped CSS (Grand Tech-Module) ===== *\/\n  .tf6-wrap {\n    width: 100%;\n    background-color: #f8fafc; \/* \u6d45\u7070\u5e95\u8272 *\/\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    padding: 120px 20px; \/* \u589e\u52a0\u4e0a\u4e0b\u7559\u767d *\/\n    box-sizing: border-box;\n    color: #334155;\n    overflow: hidden;\n  }\n  .tf6-wrap * { box-sizing: border-box; }\n\n  .tf6-container {\n    max-width: 1320px; \/* \u52a0\u5bbd\u5bb9\u5668 *\/\n    margin: 0 auto;\n  }\n\n  \/* --- Header --- *\/\n  .tf6-header {\n    margin-bottom: 60px;\n    max-width: 860px;\n  }\n\n  .tf6-eyebrow {\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #0f766e;\n    background: #ccfbf1;\n    padding: 8px 12px;\n    display: inline-block;\n    margin-bottom: 20px;\n    border: 1px solid #99f6e4;\n  }\n\n  .tf6-title {\n    font-size: clamp(32px, 4vw, 44px); \/* \u52a0\u5927\u6807\u9898 *\/\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 20px 0;\n    color: #0f172a;\n    letter-spacing: -0.02em;\n  }\n\n  .tf6-intro {\n    font-size: 18px; \/* \u52a0\u5927\u6b63\u6587 *\/\n    line-height: 1.65;\n    color: #64748b;\n    max-width: 700px;\n    margin: 0;\n  }\n\n  \/* --- Grid --- *\/\n  .tf6-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px; \/* \u589e\u52a0\u95f4\u8ddd *\/\n  }\n\n  \/* --- Tech Module Card --- *\/\n  .tf6-card {\n    display: flex;\n    background: #FFFFFF;\n    border: 1px solid #cbd5e1;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    position: relative;\n    min-height: 280px; \/* \u589e\u52a0\u6700\u5c0f\u9ad8\u5ea6 *\/\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    color: inherit;\n    overflow: hidden;\n  }\n\n  \/* \u952e\u76d8\u53ef\u8bbf\u95ee *\/\n  .tf6-card:focus-visible {\n    outline: 2px solid #0f766e;\n    outline-offset: 2px;\n  }\n\n  \/* \u5e95\u90e8\u80fd\u91cf\u6761 (Hover\u663e\u793a) *\/\n  .tf6-card::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 4px;\n    background: #0f766e;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n  }\n\n  .tf6-card:hover {\n    border-color: #94a3b8;\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.15);\n  }\n\n  .tf6-card:hover::after,\n  .tf6-card:focus-visible::after {\n    transform: scaleX(1);\n  }\n\n  \/* Number Index *\/\n  .tf6-num {\n    position: absolute;\n    top: 0; left: 0;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    font-size: 14px;\n    font-weight: 800;\n    color: #fff;\n    background: #0f172a;\n    padding: 6px 12px;\n    z-index: 2;\n  }\n\n  \/* Image Section (Left) *\/\n  .tf6-img-col {\n    width: 260px;\n    flex-shrink: 0;\n    border-right: 1px solid #e2e8f0;\n    position: relative;\n    overflow: hidden;\n    background: #f1f5f9;\n  }\n\n  .tf6-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s ease;\n    filter: grayscale(10%);\n    display: block;\n  }\n\n  .tf6-card:hover .tf6-img,\n  .tf6-card:focus-visible .tf6-img {\n    transform: scale(1.08);\n    filter: grayscale(0%);\n  }\n\n  \/* Content Section (Right) *\/\n  .tf6-content-col {\n    flex: 1;\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .tf6-card-title {\n    font-size: 22px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 12px 0;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  .tf6-text {\n    font-size: 15px;\n    line-height: 1.65;\n    color: #475569;\n    margin: 0 0 24px 0;\n  }\n\n  \/* Tech Specs Bar *\/\n  .tf6-specs {\n    display: flex;\n    gap: 12px;\n    border-top: 1px solid #f1f5f9;\n    padding-top: 16px;\n    margin-top: auto;\n    flex-wrap: wrap;\n  }\n\n  .tf6-spec {\n    font-size: 11px;\n    font-weight: 700;\n    color: #0d9488; \/* Teal-600 *\/\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: #f0fdfa;\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid #ccfbf1;\n    white-space: nowrap;\n  }\n\n  \/* Corner Accent (Triangle) *\/\n  .tf6-corner {\n    position: absolute;\n    top: 0; right: 0;\n    width: 0; height: 0;\n    border-style: solid;\n    border-width: 0 24px 24px 0;\n    border-color: transparent #0f766e transparent transparent;\n    opacity: 0;\n    transition: opacity 0.3s;\n    z-index: 1;\n  }\n  .tf6-card:hover .tf6-corner,\n  .tf6-card:focus-visible .tf6-corner { opacity: 1; }\n\n  \/* Responsive *\/\n  @media (max-width:1000px) {\n    .tf6-grid { gap: 20px; }\n    .tf6-img-col { width: 220px; }\n    .tf6-content-col { padding: 26px; }\n  }\n\n  @media (max-width: 900px) {\n    .tf6-grid { grid-template-columns: 1fr; }\n    .tf6-card { min-height: auto; }\n    .tf6-img-col { width: 280px; }\n  }\n\n  @media (max-width: 600px) {\n    .tf6-wrap { padding: 60px 16px; }\n    .tf6-header { margin-bottom: 38px; }\n    .tf6-title { margin-bottom: 14px; }\n    .tf6-intro { font-size: 16px; }\n    .tf6-card { flex-direction: column; }\n    .tf6-img-col {\n      width: 100%;\n      height: 220px;\n      border-right: none;\n      border-bottom: 1px solid #e2e8f0;\n    }\n    .tf6-content-col { padding: 22px; }\n    .tf6-card-title { font-size: 20px; }\n    .tf6-text { margin-bottom: 16px; }\n  }\n<\/style>\n\n<section class=\"tf6-wrap\" id=\"sec-applications\">\n  <div class=\"tf6-container\">\n\n    <header class=\"tf6-header\">\n      <span class=\"tf6-eyebrow\">Sc\u00e9narios de projet<\/span>\n      <h2 class=\"tf6-title\">Contexte d'ing\u00e9nierie appliqu\u00e9e pour les accessoires de c\u00e2bles<\/h2>\n      <p class=\"tf6-intro\">\n        La configuration des accessoires de c\u00e2blage doit suivre l'environnement d'exploitation et la logique de maintenance.\n        Nous adaptons les combinaisons d'accessoires \u00e0 des sc\u00e9narios de projets r\u00e9els afin de r\u00e9duire les risques d'inad\u00e9quation et d'am\u00e9liorer la rapidit\u00e9 d'ex\u00e9cution.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf6-grid\">\n\n      <!-- Card 01 -->\n      <a href=\"\/fr\/cable-accessories\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario de distribution de services publics pour les accessoires de c\u00e2bles\">\n        <span class=\"tf6-num\">01<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-utility-distribution-upgrade.webp\"\n            alt=\"Sc\u00e9nario d&#039;application des accessoires de c\u00e2bles de distribution des services publics\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Distribution des services publics<\/h3>\n          <p class=\"tf6-text\">\n            Interfaces d'accessoires de c\u00e2bles normalis\u00e9s pour la fiabilit\u00e9 des lignes d'alimentation.\n            l'int\u00e9grit\u00e9 de l'isolation et la r\u00e9ponse coordonn\u00e9e aux d\u00e9faillances dans le cadre de l'exploitation du r\u00e9seau \u00e0 long cycle.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Stabilit\u00e9 du r\u00e9seau<\/span>\n            <span class=\"tf6-spec\">Ajustement standard<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 02 -->\n      <a href=\"\/fr\/cable-accessories\/heat-shrink-cable-accessories\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario d&#039;installations industrielles pour les accessoires de c\u00e2bles\">\n        <span class=\"tf6-num\">02<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-industrial-power-distribution.webp\"\n            alt=\"Sc\u00e9nario d&#039;application des accessoires de c\u00e2bles pour installations industrielles\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Installations industrielles<\/h3>\n          <p class=\"tf6-text\">\n            Con\u00e7us pour des profils de charge variables, avec une configuration de thermor\u00e9traction et de r\u00e9traction \u00e0 froid\n            align\u00e9es sur les exigences d'isolation pour une maintenance s\u00fbre.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Contr\u00f4le de la charge<\/span>\n            <span class=\"tf6-spec\">Isolation s\u00fbre<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 03 -->\n      <a href=\"\/fr\/cable-accessories\/cold-shrink-cable-accessories\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario d&#039;int\u00e9gration EPC et OEM pour les accessoires de c\u00e2bles\">\n        <span class=\"tf6-num\">03<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyi-sec4-epc-contractor-projects.webp\"\n            alt=\"Sc\u00e9nario d&#039;int\u00e9gration des accessoires de c\u00e2bles EPC et OEM\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">Int\u00e9gration EPC et OEM<\/h3>\n          <p class=\"tf6-text\">\n            Optimis\u00e9 pour l'ex\u00e9cution du projet avec une g\u00e9om\u00e9trie d'interface verrouill\u00e9e et une documentation d'accessoires unifi\u00e9e, permettant un assemblage plus rapide et une int\u00e9gration de nomenclature plus propre.\n            permettant un assemblage plus rapide et une int\u00e9gration plus propre des nomenclatures.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">Logique de nomenclature<\/span>\n            <span class=\"tf6-spec\">Assemblage rapide<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 04 -->\n      <a href=\"\/fr\/cable-accessories\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario d&#039;adaptation et de remplacement des accessoires de c\u00e2bles\">\n        <span class=\"tf6-num\">04<\/span>\n        <div class=\"tf6-img-col\">\n          <img\n            src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-loadbreak-switch-lbor-lbs-test-center.webp\"\n            alt=\"Sc\u00e9nario de validation de la compatibilit\u00e9 des accessoires de c\u00e2ble de remplacement et d&#039;adaptation\"\n            class=\"tf6-img\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            width=\"1200\"\n            height=\"800\"\n          >\n        <\/div>\n        <div class=\"tf6-content-col\">\n          <h3 class=\"tf6-card-title\">R\u00e9novation et remplacement<\/h3>\n          <p class=\"tf6-text\">\n            Essentiel pour les mises \u00e0 niveau de sites contamin\u00e9s : valider les dimensions, les limites d'interface et la coordination de l'isolation avant le remplacement afin d'\u00e9viter les retards de mise en service,\n            et la coordination de l'isolation avant le remplacement pour \u00e9viter les retards de mise en service.\n          <\/p>\n          <div class=\"tf6-specs\">\n            <span class=\"tf6-spec\">L'h\u00e9ritage de l'ajustement<\/span>\n            <span class=\"tf6-spec\">Am\u00e9liorer la s\u00e9curit\u00e9<\/span>\n          <\/div>\n          <div class=\"tf6-corner\"><\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d6998a9\" data-block-id=\"d6998a9\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d6998a9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a029869\" data-v=\"4\" data-block-id=\"a029869\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a029869-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a029869-inner-blocks\">\n<!-- =========================================================================\n     SEC7: Engineering Support & Documentation (Cable Accessories Version)\n     \u8bf4\u660e\uff1a\n     1) \u5b8c\u5168\u6cbf\u7528\u4f60\u7ed9\u7684 SEC7 \u7ed3\u6784\u4e0e\u98ce\u683c\uff08Tech-File Cards\uff09\n     2) \u5df2\u6539\u4e3a Cable Accessories \u8bed\u4e49\uff08cold shrink \/ heat shrink \/ joint \/ termination\uff09\n     3) \u65e0CTA\u6309\u94ae\uff0c\u7b26\u5408\u4f60\u5f53\u524d\u9875\u9762\u7b56\u7565\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC7 Scoped CSS V2 ===== *\/\n  .tf7-wrap {\n    --tf7-bg: #ffffff;\n    --tf7-card-bg: #ffffff;\n    --tf7-ink: #0f172a;\n    --tf7-body: #475569;\n    --tf7-muted: #94a3b8;\n    --tf7-border: #e2e8f0;\n    --tf7-accent: #0f766e;       \/* Teal-700 *\/\n    --tf7-accent-light: #f0fdfa;\n    --tf7-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);\n    --tf7-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08);\n    --tf7-radius: 10px;\n\n    position: relative;\n    background: var(--tf7-bg);\n    padding: 100px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--tf7-body);\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .tf7-wrap * { box-sizing: border-box; }\n\n  \/* Grid Pattern Background *\/\n  .tf7-wrap::before {\n    content: \"\"; position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--tf7-border) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf7-border) 1px, transparent 1px);\n    background-size: 60px 60px;\n    opacity: 0.4;\n    mask-image: radial-gradient(circle at top, black 30%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .tf7-container {\n    max-width: 1280px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* --- Header --- *\/\n  .tf7-head {\n    max-width: 800px;\n    margin: 0 auto 60px;\n    text-align: center;\n  }\n\n  .tf7-eyebrow {\n    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em;\n    color: var(--tf7-accent); background: var(--tf7-accent-light);\n    border: 1px solid #ccfbf1; border-radius: 100px;\n    padding: 6px 12px; display: inline-block; margin-bottom: 16px;\n  }\n\n  .tf7-title {\n    font-size: clamp(30px, 4vw, 42px); font-weight: 800; line-height: 1.15;\n    margin: 0 0 16px 0; color: var(--tf7-ink);\n  }\n\n  .tf7-intro {\n    font-size: 17px; line-height: 1.6; color: var(--tf7-body);\n    max-width: 760px; margin: 0 auto;\n  }\n\n  \/* --- Grid --- *\/\n  .tf7-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 40px;\n  }\n\n  \/* --- Card Style --- *\/\n  .tf7-card {\n    background: var(--tf7-card-bg);\n    border: 1px solid var(--tf7-border);\n    border-radius: var(--tf7-radius);\n    display: flex; flex-direction: column;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Top Accent Bar *\/\n  .tf7-card::before {\n    content: \"\"; position: absolute; top: 0; left: 0; right: 0;\n    height: 4px; background: var(--tf7-accent);\n    opacity: 0; transition: opacity 0.3s ease;\n  }\n\n  .tf7-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tf7-shadow-hover);\n    border-color: #cbd5e1;\n  }\n  .tf7-card:hover::before { opacity: 1; }\n\n  \/* Card Header *\/\n  .tf7-card-head {\n    padding: 24px 24px 16px;\n    display: flex; justify-content: space-between; align-items: flex-start;\n  }\n\n  .tf7-icon {\n    width: 40px; height: 40px;\n    background: #f1f5f9; color: var(--tf7-ink);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    transition: all 0.3s ease;\n  }\n  .tf7-card:hover .tf7-icon {\n    background: var(--tf7-accent); color: #fff;\n  }\n  .tf7-icon svg { width: 20px; height: 20px; }\n\n  .tf7-code {\n    font-family: monospace; font-size: 11px; font-weight: 700;\n    color: var(--tf7-muted); background: #f8fafc;\n    padding: 4px 8px; border-radius: 4px; border: 1px solid var(--tf7-border);\n  }\n\n  \/* Card Body *\/\n  .tf7-card-body {\n    padding: 0 24px 20px;\n    flex: 1;\n  }\n\n  .tf7-card h3 {\n    font-size: 18px; font-weight: 700; color: var(--tf7-ink);\n    margin: 0 0 10px 0; line-height: 1.3;\n  }\n\n  .tf7-card p {\n    font-size: 14px; line-height: 1.6; color: var(--tf7-body); margin: 0;\n  }\n\n  \/* Card Footer (List) *\/\n  .tf7-card-foot {\n    background: #f8fafc;\n    border-top: 1px solid var(--tf7-border);\n    padding: 16px 24px;\n    margin-top: auto;\n  }\n\n  .tf7-list {\n    margin: 0; padding: 0; list-style: none;\n    display: grid; gap: 8px;\n  }\n\n  .tf7-list li {\n    font-size: 13px; color: #64748b; line-height: 1.4;\n    display: flex; align-items: flex-start; gap: 8px;\n  }\n  \n  .tf7-list li::before {\n    content: \"\u2022\"; color: var(--tf7-accent); font-weight: bold;\n    line-height: 1.4;\n  }\n\n  \/* --- Bottom Strip --- *\/\n  .tf7-strip {\n    background: #fff;\n    border: 1px solid var(--tf7-border);\n    border-radius: 12px;\n    padding: 24px;\n    display: flex; justify-content: space-between; align-items: center;\n    box-shadow: var(--tf7-shadow);\n  }\n\n  .tf7-strip-item {\n    display: flex; flex-direction: column; gap: 4px;\n    flex: 1;\n    padding-left: 24px;\n    border-left: 1px solid var(--tf7-border);\n  }\n  .tf7-strip-item:first-child { padding-left: 0; border-left: none; }\n\n  .tf7-label {\n    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--tf7-muted);\n  }\n  .tf7-val {\n    font-size: 15px; font-weight: 700; color: var(--tf7-ink);\n  }\n\n  \/* --- Responsive --- *\/\n  @media (max-width:1000px) {\n    .tf7-grid { grid-template-columns: repeat(2, 1fr); }\n    .tf7-strip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }\n    .tf7-strip-item { border-left: none; padding-left: 0; border-top: 1px solid var(--tf7-border); padding-top: 16px; }\n    .tf7-strip-item:nth-child(1), .tf7-strip-item:nth-child(2) { border-top: none; padding-top: 0; }\n  }\n\n  @media (max-width: 640px) {\n    .tf7-wrap { padding: 60px 16px; }\n    .tf7-grid { grid-template-columns: 1fr; gap: 16px; }\n    .tf7-strip { grid-template-columns: 1fr; gap: 16px; }\n    .tf7-strip-item { border-top: 1px solid var(--tf7-border); padding-top: 16px; }\n    .tf7-strip-item:first-child { border-top: none; padding-top: 0; }\n  }\n<\/style>\n\n<section class=\"tf7-wrap\" id=\"sec-engineering-support\">\n  <div class=\"tf7-container\">\n\n    <header class=\"tf7-head\">\n      <span class=\"tf7-eyebrow\">Ex\u00e9cution du projet<\/span>\n      <h2 class=\"tf7-title\">Assistance technique et documentation pour les accessoires de c\u00e2bles<\/h2>\n      <p class=\"tf7-intro\">\n        Notre flux de travail est structur\u00e9 pour l'approvisionnement EPC\/OEM et les projets de c\u00e2bles d'utilit\u00e9 publique, couvrant tout, de la confirmation des donn\u00e9es de c\u00e2ble aux documents d'installation pour les accessoires de c\u00e2bles r\u00e9tractables \u00e0 froid et les accessoires de c\u00e2bles r\u00e9tractables \u00e0 chaud.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf7-grid\">\n\n      <!-- Card 01 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">DOC-01<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Fiches techniques et plans d'installation<\/h3>\n          <p>Documentation standardis\u00e9e pour la s\u00e9lection des accessoires de c\u00e2bles, la comparaison technique et la soumission du projet.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Dessins de terminaison et de structure des joints<\/li>\n            <li>Fiches de classe de tension et de gamme de conducteurs<\/li>\n            <li>Cartographie des mod\u00e8les pour la clart\u00e9 de l'appel d'offres<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 02 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"7.5 4.21 12 6.81 16.5 4.21\"\/><polyline points=\"7.5 19.79 7.5 14.6 3 12\"\/><polyline points=\"21 12 16.5 14.6 16.5 19.79\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">ENG-02<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Adaptation de l'interface du c\u00e2ble<\/h3>\n          <p>Validation \u00e0 l'avance de la taille du c\u00e2ble, de l'\u00e9paisseur de l'isolation et de l'adaptation des accessoires afin de r\u00e9duire les erreurs d'installation sur le site.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Confirmation de la section du conducteur<\/li>\n            <li>Contr\u00f4le de la compatibilit\u00e9 entre l'isolation du c\u00e2ble et le diam\u00e8tre ext\u00e9rieur<\/li>\n            <li>Examen des applications int\u00e9rieures\/ext\u00e9rieures<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 03 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">APP-03<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Guide d'application<\/h3>\n          <p>Entr\u00e9es structur\u00e9es pour le choix des accessoires de c\u00e2bles thermor\u00e9tractables ou r\u00e9tractables \u00e0 froid en fonction de l'environnement et de la logique de maintenance.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Recommandation sur la r\u00e9traction \u00e0 froid ou la r\u00e9traction \u00e0 chaud<\/li>\n            <li>Conseils sur les cas d'utilisation pour la cessation d'activit\u00e9\/la jonction<\/li>\n            <li>Aide \u00e0 l'\u00e9tablissement de la liste de contr\u00f4le de l'\u00e9tat des projets<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 04 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">QMS-04<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Registres de qualit\u00e9 et d'inspection<\/h3>\n          <p>Des dossiers de qualit\u00e9 tra\u00e7ables et des r\u00e9sultats d'inspection de routine pour l'examen de l'approvisionnement et l'acceptation de la livraison.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Registres d'inspection de routine<\/li>\n            <li>R\u00e9f\u00e9rences de tra\u00e7abilit\u00e9 au niveau du lot<\/li>\n            <li>Jeux de documents align\u00e9s par lots<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 05 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">EXP-05<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Documentation d'exportation<\/h3>\n          <p>Soutien aux documents commerciaux et d'exp\u00e9dition pour l'achat d'accessoires de c\u00e2bles internationaux et le d\u00e9douanement.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Facture commerciale et liste de colisage<\/li>\n            <li>Aide \u00e0 la d\u00e9claration du code HS<\/li>\n            <li>Contr\u00f4le de la coh\u00e9rence des documents<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- Card 06 -->\n      <article class=\"tf7-card\">\n        <div class=\"tf7-card-head\">\n          <span class=\"tf7-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\n          <span class=\"tf7-code\">COM-06<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Flux de communication de l'appel d'offres<\/h3>\n          <p>Un format de transfert clair entre l'ing\u00e9nierie et l'approvisionnement pour acc\u00e9l\u00e9rer la confirmation des devis pour les projets d'accessoires de c\u00e2bles.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Liste de contr\u00f4le de l'appel d'offres par famille d'accessoires<\/li>\n            <li>Examen \u2192 Confirmation \u2192 Cycle de devis<\/li>\n            <li>Alignement des mod\u00e8les entre les \u00e9quipes<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Strip -->\n    <div class=\"tf7-strip\">\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Champ d'application du soutien<\/span>\n        <span class=\"tf7-val\">Technique + Commercial + Docs<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Cas d'utilisation principal<\/span>\n        <span class=\"tf7-val\">Appel d'offres EPC\/OEM pour les c\u00e2bles et les projets d'utilit\u00e9 publique<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Focus produit<\/span>\n        <span class=\"tf7-val\">R\u00e9tr\u00e9cissement \u00e0 froid \/ R\u00e9tr\u00e9cissement \u00e0 chaud \/ Joints \/ Terminaisons<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">B\u00e9n\u00e9fice<\/span>\n        <span class=\"tf7-val\">Moins de r\u00e9visions, un alignement technique plus rapide<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ded4c58\" data-block-id=\"ded4c58\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ded4c58-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-84159f9\" data-v=\"4\" data-block-id=\"84159f9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-84159f9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-84159f9-inner-blocks\">\n<!-- =========================================================================\n     SEC9: FAQ & Resources (Cable Accessories Pillar)\n     \u98ce\u683c\uff1a\u5ef6\u7eed\u6d45\u7070\u6536\u53e3\u5c42 + \u53cc\u5217 FAQ + \u9876\u90e8\u8d44\u6e90\u680f\n     \u89c4\u5219\uff1a\n     - \u4ec5\u4fdd\u75592\u4e2a\u8d44\u6e90\u94fe\u63a5\uff081\u5185\u94fe + 1\u5916\u94fe\uff09\n     - \u5916\u94fe\u4f7f\u7528 target=\"_blank\" + rel=\"noopener\"\n     - FAQ\u8bed\u4e49\u805a\u7126 Cable Accessories\uff08\u4e0d\u504f\u5355\u4e00Series\uff09\n     ========================================================================= -->\n\n<style>\n    \/* --- SEC9 \u72ec\u7acb\u6837\u5f0f\u4f5c\u7528\u57df --- *\/\n    .sec9-wrapper {\n        --faq-bg: #f9fafb;\n        --faq-card-bg: #ffffff;\n        --faq-text-dark: #0f172a;\n        --faq-text-body: #334155;\n        --faq-text-light: #64748b;\n        --faq-border: #e2e8f0;\n        --faq-cyan: var(--theme-palette-color-2, #78d3ca);\n        --faq-link: #2563eb;\n\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        color: var(--faq-text-body);\n        box-sizing: border-box;\n    }\n\n    .sec9-wrapper *, .sec9-wrapper *::before, .sec9-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    \/* --- \u5e03\u5c40\u5bb9\u5668 --- *\/\n    .faq-section {\n        background-color: var(--faq-bg);\n        width: 100%;\n        padding-top: 5rem;\n        padding-bottom: 6rem;\n        border-top: 1px solid var(--faq-border);\n    }\n\n    .faq-container {\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n\n    \/* --- \u6807\u9898\u533a --- *\/\n    .faq-header {\n        max-width: 860px;\n        margin-bottom: 2.25rem;\n    }\n\n    .faq-eyebrow {\n        display: inline-block;\n        font-size: 0.875rem;\n        font-weight: 700;\n        letter-spacing: 0.05em;\n        color: #0f766e;\n        text-transform: uppercase;\n        margin-bottom: 1rem;\n    }\n\n    .faq-title {\n        font-size: clamp(1.8rem, 3vw, 2.2rem);\n        font-weight: 800;\n        color: var(--faq-text-dark);\n        margin: 0 0 0.9rem 0;\n        line-height: 1.2;\n        letter-spacing: -0.01em;\n    }\n\n    .faq-intro {\n        font-size: 1.06rem;\n        color: var(--faq-text-body);\n        margin: 0;\n        max-width: 68ch;\n    }\n\n    \/* --- \u8d44\u6e90\u94fe\u63a5\u680f --- *\/\n    .resources-bar {\n        background-color: #fff;\n        border: 1px solid var(--faq-border);\n        border-radius: 10px;\n        padding: 1.25rem 1.5rem;\n        margin-bottom: 2.75rem;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n        align-items: flex-start;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.04);\n    }\n\n    .res-title {\n        font-size: 1rem;\n        font-weight: 800;\n        color: var(--faq-text-dark);\n        margin: 0;\n        white-space: nowrap;\n    }\n\n    .res-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.95rem;\n        width: 100%;\n    }\n\n    .res-item {\n        display: flex;\n        align-items: baseline;\n        gap: 0.7rem;\n        flex-wrap: wrap;\n    }\n\n    .res-label {\n        font-size: 0.72rem;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n        color: var(--faq-text-light);\n        flex-shrink: 0;\n        min-width: 132px;\n        font-weight: 700;\n    }\n\n    .res-link {\n        color: var(--faq-link);\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.95rem;\n        line-height: 1.4;\n        transition: color 0.2s;\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .res-link:hover {\n        color: #1d4ed8;\n        text-decoration: underline;\n    }\n\n    .res-link:focus-visible {\n        outline: 2px solid var(--faq-cyan);\n        outline-offset: 2px;\n        border-radius: 2px;\n    }\n\n    .res-icon-ext {\n        font-size: 0.8em;\n        margin-left: 4px;\n        opacity: 0.7;\n    }\n\n    \/* --- FAQ \u5217\u8868\u533a\u57df --- *\/\n    .faq-list-col {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.15rem;\n        align-content: start;\n    }\n\n    .faq-item {\n        background-color: var(--faq-card-bg);\n        border: 1px solid var(--faq-border);\n        border-radius: 10px;\n        overflow: hidden;\n        transition: border-color 0.2s, box-shadow 0.2s;\n    }\n\n    .faq-item:hover {\n        border-color: #cbd5e1;\n    }\n\n    .faq-item.active {\n        border-color: var(--faq-cyan);\n        box-shadow: 0 8px 24px -18px rgba(15, 23, 42, 0.25);\n    }\n\n    .faq-question {\n        width: 100%;\n        text-align: left;\n        padding: 1.15rem 1.25rem;\n        background: none;\n        border: none;\n        font-size: 0.985rem;\n        font-weight: 700;\n        color: var(--faq-text-dark);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        line-height: 1.45;\n    }\n\n    .faq-question:hover { color: #000; }\n\n    .faq-question:focus-visible {\n        outline: 2px solid var(--faq-cyan);\n        outline-offset: -2px;\n    }\n\n    .faq-icon {\n        width: 18px;\n        height: 18px;\n        position: relative;\n        flex-shrink: 0;\n        margin-left: 0.9rem;\n        transition: transform 0.25s ease;\n    }\n\n    .faq-icon::before, .faq-icon::after {\n        content: '';\n        position: absolute;\n        background-color: var(--faq-text-light);\n        transition: background-color 0.2s;\n    }\n\n    .faq-icon::before { top: 8px; left: 0; width: 18px; height: 2px; }\n    .faq-icon::after  { top: 0; left: 8px; width: 2px; height: 18px; }\n\n    .faq-item.active .faq-icon { transform: rotate(45deg); }\n    .faq-item.active .faq-icon::before,\n    .faq-item.active .faq-icon::after { background-color: #0f766e; }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.32s cubic-bezier(0.4, 0, 0.2, 1);\n        padding: 0 1.25rem;\n    }\n\n    .faq-answer-inner {\n        padding-bottom: 1.2rem;\n        font-size: 0.94rem;\n        color: var(--faq-text-body);\n        border-top: 1px solid #f1f5f9;\n        padding-top: 0.95rem;\n    }\n\n    \/* --- \u54cd\u5e94\u5f0f\u8bbe\u8ba1 --- *\/\n    @media (min-width:690px) {\n        .resources-bar {\n            flex-direction: row;\n            align-items: center;\n            gap: 2rem;\n        }\n\n        .res-list {\n            flex-direction: row;\n            gap: 2rem;\n            width: auto;\n        }\n\n        .res-item {\n            flex-direction: row;\n            align-items: center;\n            flex-wrap: nowrap;\n        }\n\n        .res-label {\n            margin-right: 0.25rem;\n            min-width: auto;\n        }\n\n        .res-item:not(:last-child)::after {\n            content: '';\n            display: block;\n            width: 1px;\n            height: 16px;\n            background-color: #e2e8f0;\n            margin-left: 1.7rem;\n        }\n    }\n\n    @media (min-width:1000px) {\n        .faq-list-col {\n            grid-template-columns: 1fr 1fr;\n            gap: 1.25rem 1.5rem;\n        }\n    }\n<\/style>\n\n<div class=\"sec9-wrapper\">\n    <section class=\"faq-section\" id=\"sec-faq-resources\">\n        <div class=\"faq-container\">\n\n            <!-- Header -->\n            <div class=\"faq-header\">\n                <span class=\"faq-eyebrow\">FAQ et ressources<\/span>\n                <h2 class=\"faq-title\">Accessoires pour c\u00e2bles FAQ et r\u00e9f\u00e9rences techniques<\/h2>\n                <p class=\"faq-intro\">\n                    R\u00e9ponses rapides sur la logique de s\u00e9lection des accessoires de c\u00e2bles, les limites d'application, la planification de l'installation et la pr\u00e9paration des appels d'offres pour les projets de c\u00e2bles de moyenne tension.\n                <\/p>\n            <\/div>\n\n            <!-- Resources Bar -->\n            <div class=\"resources-bar\">\n                <h3 class=\"res-title\">Ressources connexes<\/h3>\n                <ul class=\"res-list\">\n                    <li class=\"res-item\">\n                        <span class=\"res-label\">Cat\u00e9gorie interne :<\/span>\n                        <a href=\"\/fr\/cable-accessories\/\" class=\"res-link\">\n                            S\u00e9rie d'accessoires pour c\u00e2bles\n                        <\/a>\n                    <\/li>\n                    <li class=\"res-item\">\n                        <span class=\"res-label\">Norme externe :<\/span>\n                        <a href=\"https:\/\/webstore.iec.ch\/publication\/61194\" target=\"_blank\" rel=\"noopener\" class=\"res-link\">\n                            IEC 60502-4 R\u00e9f\u00e9rence <span class=\"res-icon-ext\">\u2197<\/span>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- FAQ List -->\n            <div class=\"faq-list-col\">\n\n                <!-- Q1 -->\n                <div class=\"faq-item active\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"true\">\n                        Quels sont les accessoires de c\u00e2ble dans les projets de distribution de moyenne tension ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\" style=\"max-height: 260px;\">\n                        <div class=\"faq-answer-inner\">\n                            Les accessoires de c\u00e2ble sont des composants de connexion et d'isolation utilis\u00e9s pour la terminaison des c\u00e2bles, la jonction, la r\u00e9cup\u00e9ration de l'isolation et l'\u00e9tanch\u00e9it\u00e9 environnementale dans les syst\u00e8mes de c\u00e2bles MT, y compris les familles de produits thermor\u00e9tractables et r\u00e9tractables \u00e0 froid.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q2 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        La s\u00e9lection doit-elle \u00eatre bas\u00e9e uniquement sur la classe de tension ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Non. La classe de tension est le premier filtre. La s\u00e9lection finale doit \u00e9galement confirmer la section du conducteur, le diam\u00e8tre de l'isolation du c\u00e2ble, l'environnement (int\u00e9rieur\/ext\u00e9rieur) et les contraintes d'installation.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q3 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Comment choisir entre les accessoires de c\u00e2ble r\u00e9tractables \u00e0 froid et les accessoires de c\u00e2ble r\u00e9tractables \u00e0 chaud ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            La r\u00e9traction \u00e0 froid est souvent pr\u00e9f\u00e9r\u00e9e pour la coh\u00e9rence de l'installation et les conditions de travail sans flamme, tandis que la r\u00e9traction \u00e0 chaud est largement utilis\u00e9e pour les syst\u00e8mes de manchons structur\u00e9s et le d\u00e9ploiement de projets rentables. Le choix d\u00e9pend du processus du site, de l'outillage et des pr\u00e9f\u00e9rences en mati\u00e8re de maintenance.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q4 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Quelle est la diff\u00e9rence entre les kits de terminaison et les kits d'articulation ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Les kits de terminaison sont utilis\u00e9s aux extr\u00e9mit\u00e9s des c\u00e2bles pour la connexion des \u00e9quipements et le contr\u00f4le des contraintes, tandis que les kits de jonction connectent deux sections de c\u00e2ble en ligne et r\u00e9tablissent l'isolation, la continuit\u00e9 du blindage et la protection m\u00e9canique.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q5 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Les accessoires de c\u00e2ble sont-ils interchangeables d'une marque \u00e0 l'autre ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Pas toujours. M\u00eame si la classe de tension semble similaire, les fen\u00eatres dimensionnelles et les syst\u00e8mes de mat\u00e9riaux peuvent diff\u00e9rer. Le remplacement d'une marque par une autre doit \u00eatre valid\u00e9 par rapport \u00e0 la structure du c\u00e2ble et aux exigences d'installation avant le PO.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q6 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Ces accessoires peuvent-ils \u00eatre utilis\u00e9s pour des projets de modernisation et d'entretien ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Oui. Le r\u00e9am\u00e9nagement est courant pour les mises \u00e0 niveau des lignes d'alimentation et les travaux d'entretien. Confirmez les dimensions des anciens c\u00e2bles, les conditions de service et l'historique de l'exploitation pour r\u00e9duire les risques de reprise sur site.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q7 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Quelles informations doivent figurer dans un appel d'offres ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Indiquez la classe de tension, la taille du conducteur, le type et les dimensions du c\u00e2ble, l'utilisation int\u00e9rieure\/ext\u00e9rieure, la quantit\u00e9 requise et la famille de produits vis\u00e9e (terminaison\/jonction\/tuyau). Des dessins ou des photos acc\u00e9l\u00e9reront la confirmation technique.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q8 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Quels sont les sc\u00e9narios de projet qui n\u00e9cessitent g\u00e9n\u00e9ralement un ensemble complet d'accessoires ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            L'expansion de la distribution des services publics, le d\u00e9ploiement de lignes industrielles, les sous-stations EPC et les projets de remplacement de c\u00e2bles dans les friches industrielles n\u00e9cessitent souvent une planification coordonn\u00e9e des terminaisons, des jonctions et des accessoires d'isolation.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q9 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Comment r\u00e9duire le risque d'inad\u00e9quation avant la validation de la commande ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Effectuez un contr\u00f4le pr\u00e9alable \u00e0 la commande \u00e0 l'aide des fiches techniques des c\u00e2bles, de la v\u00e9rification des dimensions et de la cartographie des applications par environnement et classe de tension. Une adaptation pr\u00e9coce est plus efficace qu'une correction en cours d'installation.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q10 -->\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\" onclick=\"toggleFaq(this)\" aria-expanded=\"false\">\n                        Existe-t-il des r\u00e9f\u00e9rences normalis\u00e9es pour le contexte d'installation et d'essai ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Oui, les normes IEC relatives aux syst\u00e8mes de c\u00e2bles sont largement utilis\u00e9es pour la conception et l'installation. L'ex\u00e9cution du projet doit n\u00e9anmoins respecter les r\u00e9glementations locales, les exigences des services publics et les sp\u00e9cifications techniques approuv\u00e9es.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        function toggleFaq(button) {\n            const item = button.parentElement;\n            const answer = item.querySelector('.faq-answer');\n            const isActive = item.classList.contains('active');\n\n            document.querySelectorAll('.sec9-wrapper .faq-item').forEach(otherItem => {\n                const otherBtn = otherItem.querySelector('.faq-question');\n                const otherAnswer = otherItem.querySelector('.faq-answer');\n                if (otherItem !== item) {\n                    otherItem.classList.remove('active');\n                    otherBtn.setAttribute('aria-expanded', 'false');\n                    otherAnswer.style.maxHeight = null;\n                }\n            });\n\n            if (isActive) {\n                item.classList.remove('active');\n                button.setAttribute('aria-expanded', 'false');\n                answer.style.maxHeight = null;\n            } else {\n                item.classList.add('active');\n                button.setAttribute('aria-expanded', 'true');\n                answer.style.maxHeight = answer.scrollHeight + \"px\";\n            }\n        }\n\n        \/\/ \u7a97\u53e3\u53d8\u5316\u65f6\u4fee\u6b63\u5c55\u5f00\u9879\u9ad8\u5ea6\uff0c\u907f\u514d\u6362\u884c\u622a\u65ad\n        window.addEventListener('resize', function () {\n            document.querySelectorAll('.sec9-wrapper .faq-item.active .faq-answer').forEach(function (ans) {\n                ans.style.maxHeight = ans.scrollHeight + \"px\";\n            });\n        });\n    <\/script>\n<\/div>\n\n<\/div><\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Cable Accessories Cable Accessories for Reliable LV &amp; MV Power Cable Systems Source cold shrink and heat shrink cable accessories from one engineering-oriented supplier, including cable terminations, cable joints, insulation tubing, and busbar protection solutions for distribution and industrial applications. 2 Core Series Coverage \u2022 Technical Selection Support \u2022 Export Documentation Ready Request Quote Browse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-783","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","vertical_spacing_source":"custom","content_area_spacing":"bottom","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages\/783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/comments?post=783"}],"version-history":[{"count":4,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages\/783\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages\/783\/revisions\/1175"}],"wp:attachment":[{"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/media?parent=783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}