{"id":781,"date":"2026-02-07T05:07:20","date_gmt":"2026-02-07T05:07:20","guid":{"rendered":"https:\/\/zeeyielec.com\/?page_id=781"},"modified":"2026-03-16T09:02:00","modified_gmt":"2026-03-16T09:02:00","slug":"transformer-accessories","status":"publish","type":"page","link":"https:\/\/zeeyielec.com\/fr\/transformer-accessories\/","title":{"rendered":"Accessoires pour transformateurs"},"content":{"rendered":"<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c876dea\" data-block-id=\"c876dea\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c876dea-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6403391\" data-v=\"4\" data-block-id=\"6403391\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6403391-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6403391-inner-blocks\">\n<!-- =========================================================================\n     ZeeyiElec - Transformer 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        \/* \u79fb\u52a8\u7aef\u95f4\u8ddd *\/\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; \/* \u8ba9\u5185\u5bb9\u6491\u5f00\u4ee5\u63a8\u5230\u5e95\u90e8\u680f *\/\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; \/* row-gap col-gap *\/\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    \/* \u4e3b\u6309\u94ae *\/\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    \/* \u6b21\u6309\u94ae *\/\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        \/* \u5728\u5e73\u677f\u4ee5\u4e0a\u9690\u85cf\u9664\u4e86\u7b2c\u4e00\u4e2a\u4ee5\u5916\u7684\u5706\u70b9 *\/\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); \/* \u4fdd\u6301\u9752\u8272\u8fb9\u6846 *\/\n            padding-left: 1rem; \/* \u91cd\u7f6e\u5185\u8fb9\u8ddd *\/\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; \/* lg:pt-48 approx *\/\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 (\u5c0f\u6807\u9898) -->\n                <span class=\"hero-eyebrow\">\n                    Accessoires pour transformateurs\n                <\/span>\n                \n                <!-- H1 (\u4e3b\u6807\u9898) -->\n                <h1 class=\"hero-title\">\n                    Accessoires pour transformateurs de distribution\n                <\/h1>\n                \n                <!-- Subheadline (\u526f\u6807\u9898) -->\n                <p class=\"hero-subtitle\">\n                    Fournissez des accessoires pour transformateurs moyenne et basse tension aupr\u00e8s d'un seul fournisseur orient\u00e9 vers l'ing\u00e9nierie, notamment des bagues, des inserts de puits de bagues, des assemblages de fusibles bay-o-net, des fusibles de limitation de courant, des interrupteurs de rupture de charge et des changeurs de prises hors circuit.\n                <\/p>\n\n                <!-- Support Line (\u652f\u6301\u4fe1\u606f) -->\n                <div class=\"hero-support\">\n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>7 Couverture des s\u00e9ries de produits\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>R\u00e9ponse technique rapide\n                    <\/span>\n                    <span class=\"hero-separator\">\u2022<\/span>\n                    \n                    <span class=\"hero-support-item\">\n                        <span class=\"hero-dot\"><\/span>Soutien \u00e0 la documentation d'exportation\n                    <\/span>\n                <\/div>\n                \n                <!-- CTA Buttons (\u6309\u94ae\u7ec4) -->\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 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\">Douilles, fusible, interrupteur, changeur de prise<\/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\">Transformateurs de distribution<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fef016b\" data-block-id=\"fef016b\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fef016b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f783e47\" data-v=\"4\" data-block-id=\"f783e47\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f783e47-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f783e47-inner-blocks\">\n<!-- =========================================================================\n     SEC2: What Are Transformer 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\u4f18\u5316\u6587\u6848\u4e0e\u672f\u8bed\u8868\u8fbe\uff08\u53bb\u6389\u201cSEC 2.0 \/ Context\u201d\u8fd9\u7c7b\u8868\u8fbe\uff09\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC2 Scoped CSS (V2) ===== *\/\n  .tf2-wrap {\n    --tf2-bg: #f5f8fc;\n    --tf2-card-bg: #ffffff;\n    --tf2-ink: #0f172a;\n    --tf2-body: #475569;\n    --tf2-muted: #94a3b8;\n    --tf2-line: #e2e8f0;\n    --tf2-accent: var(--theme-palette-color-2, #78d3ca); \/* \u4e3b\u8272\u8c03 *\/\n    --tf2-accent-dim: rgba(120, 211, 202, 0.15);\n    --tf2-dark: #1e293b;\n    --tf2-shadow: 0 20px 40px -6px rgba(15, 23, 42, 0.08);\n    --tf2-radius: 12px;\n\n    position: relative;\n    background: var(--tf2-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(--tf2-body);\n    overflow: hidden;\n    isolation: isolate;\n  }\n  .tf2-wrap * { box-sizing: border-box; }\n\n  \/* Technical Grid Background *\/\n  .tf2-wrap::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image: \n      linear-gradient(var(--tf2-line) 1px, transparent 1px),\n      linear-gradient(90deg, var(--tf2-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  .tf2-wrap::after {\n    content: \"\";\n    position: absolute;\n    top: -10%; right: -5%;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, var(--tf2-accent-dim) 0%, transparent 70%);\n    z-index: -1;\n    pointer-events: none;\n  }\n\n  .tf2-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  \/* ===== Header Section ===== *\/\n  .tf2-head {\n    max-width: 860px;\n    margin-bottom: 40px;\n  }\n  \n  .tf2-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(--tf2-muted);\n    background: #fff;\n    padding: 6px 12px;\n    border: 1px solid var(--tf2-line);\n    border-radius: 100px;\n    margin-bottom: 16px;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.03);\n  }\n  .tf2-kicker::before {\n    content: \"\";\n    display: block;\n    width: 8px; height: 8px;\n    background: var(--tf2-accent);\n    border-radius: 50%;\n  }\n\n  .tf2-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(--tf2-ink);\n    font-weight: 800;\n  }\n  \n  .tf2-intro {\n    font-size: 18px;\n    line-height: 1.7;\n    color: var(--tf2-body);\n    max-width: 760px;\n    margin: 0;\n  }\n\n  \/* ===== Main Layout Grid ===== *\/\n  .tf2-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  .tf2-main {\n    background: var(--tf2-card-bg);\n    border-radius: var(--tf2-radius);\n    padding: 40px;\n    box-shadow: var(--tf2-shadow);\n    border: 1px solid rgba(255,255,255,0.6);\n    position: relative;\n  }\n  \/* Decorative corner accent *\/\n  .tf2-main::before {\n    content: \"\";\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 4px;\n    background: linear-gradient(90deg, var(--tf2-accent) 0%, transparent 100%);\n    opacity: 0.8;\n  }\n\n  .tf2-main p {\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n  }\n  .tf2-main p:last-of-type { margin-bottom: 0; }\n\n  \/* Technical Note Box *\/\n  .tf2-tech-note {\n    margin-top: 30px;\n    padding: 20px;\n    background: linear-gradient(to right, #f1fcfb, #f8fafc);\n    border-left: 3px solid var(--tf2-accent);\n    border-radius: 4px;\n    position: relative;\n  }\n  .tf2-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  .tf2-tech-note span {\n    display: block;\n    font-size: 15px;\n    color: #334155;\n    line-height: 1.6;\n  }\n\n  \/* Action Button *\/\n  .tf2-cta {\n    display: inline-flex;\n    align-items: center;\n    margin-top: 32px;\n    padding: 12px 24px;\n    background: var(--tf2-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  .tf2-cta:hover {\n    background: var(--tf2-accent);\n    color: #0f2238;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 20px -5px rgba(120, 211, 202, 0.4);\n  }\n  .tf2-cta svg { width: 16px; height: 16px; transition: transform 0.3s; }\n  .tf2-cta:hover svg { transform: translateX(3px); }\n\n  \/* --- RIGHT: Functional Map (The Circuit) --- *\/\n  .tf2-side {\n    position: relative;\n    padding-top: 10px;\n  }\n  \n  .tf2-side-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 24px;\n    border-bottom: 2px solid var(--tf2-line);\n    padding-bottom: 10px;\n  }\n  .tf2-side-head h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--tf2-ink);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n  .tf2-side-head span {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--tf2-muted);\n  }\n\n  \/* Circuit List Styling *\/\n  .tf2-circuit {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    position: relative;\n  }\n  \/* The vertical connecting line *\/\n  .tf2-circuit::before {\n    content: \"\";\n    position: absolute;\n    top: 10px; bottom: 30px; left: 7px;\n    width: 2px;\n    background: var(--tf2-line);\n    z-index: 0;\n  }\n\n  .tf2-circuit li {\n    position: relative;\n    padding-left: 32px;\n    margin-bottom: 24px;\n    z-index: 1;\n  }\n  .tf2-circuit li:last-child { margin-bottom: 0; }\n\n  \/* The Nodes (Dots) *\/\n  .tf2-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(--tf2-accent);\n    border-radius: 50%;\n    box-shadow: 0 0 0 4px var(--tf2-bg); \/* Mask the line behind *\/\n    transition: transform 0.3s ease;\n  }\n  .tf2-circuit li:hover::after {\n    transform: scale(1.2);\n    background: var(--tf2-accent);\n  }\n\n  .tf2-item-title {\n    display: block;\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--tf2-ink);\n    margin-bottom: 4px;\n  }\n  .tf2-item-desc {\n    display: block;\n    font-size: 14px;\n    color: var(--tf2-body);\n    line-height: 1.4;\n  }\n\n  \/* --- BOTTOM: Info Strip (Dashboard Style) --- *\/\n  .tf2-strip {\n    margin-top: 40px;\n    background: #fff;\n    border: 1px solid var(--tf2-line);\n    border-radius: var(--tf2-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  .tf2-data-group {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .tf2-data-label {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--tf2-muted);\n    text-transform: uppercase;\n  }\n  .tf2-data-value {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--tf2-ink);\n  }\n  \n  .tf2-tag {\n    background: #f1f5f9;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--tf2-body);\n    border: 1px solid var(--tf2-line);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px) {\n    .tf2-grid { grid-template-columns: 1fr; gap: 50px; }\n    .tf2-main { padding: 30px 24px; }\n    .tf2-wrap { padding: 60px 20px; }\n    .tf2-side-head { border-bottom-width: 1px; }\n  }\n<\/style>\n\n<section class=\"tf2-wrap\" id=\"sec-definition\" aria-labelledby=\"tf2-title\">\n  <div class=\"tf2-container\">\n\n    <!-- Header -->\n    <header class=\"tf2-head\">\n      <div class=\"tf2-kicker\">Aper\u00e7u technique<\/div>\n      <h2 id=\"tf2-title\" class=\"tf2-title\">Que sont les accessoires pour transformateurs ?<\/h2>\n      <p class=\"tf2-intro\">\n        Les accessoires pour transformateurs sont des composants d'interface essentiels qui assurent la connexion isol\u00e9e, la protection contre les d\u00e9faillances, les op\u00e9rations de commutation et le r\u00e9glage de la tension dans les syst\u00e8mes de transformateurs de distribution,\n        les op\u00e9rations de commutation et l'ajustement de la tension dans les syst\u00e8mes de transformateurs de distribution.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf2-grid\">\n      \n      <!-- Main Content: Engineering Context -->\n      <article class=\"tf2-main\">\n        <p>\n          Les accessoires des transformateurs forment la couche fonctionnelle autour du corps du transformateur. Dans les projets r\u00e9els, ils doivent \u00eatre s\u00e9lectionn\u00e9s\n          en tant que <strong>syst\u00e8me coordonn\u00e9<\/strong> plut\u00f4t que des pi\u00e8ces ind\u00e9pendantes, de sorte que la compatibilit\u00e9 \u00e9lectrique, les performances d'isolation et la s\u00e9curit\u00e9 op\u00e9rationnelle peuvent \u00eatre maintenues tout au long du cycle de vie du produit,\n          et la s\u00e9curit\u00e9 op\u00e9rationnelle peuvent \u00eatre maintenues tout au long du cycle de vie.\n        <\/p>\n        <p>\n          Les familles de produits typiques comprennent les douilles et les inserts pour les interfaces de connexion, les ensembles de fusibles bay-o-net et les fusibles limiteurs de courant\n          pour la coordination de la protection, des interrupteurs de rupture de charge pour le contr\u00f4le op\u00e9rationnel et des changeurs de prise hors circuit pour le r\u00e9glage du rapport.\n        <\/p>\n        <p>\n          Pour les \u00e9quipes charg\u00e9es des achats, la s\u00e9lection au niveau du syst\u00e8me r\u00e9duit les risques d'inad\u00e9quation, raccourcit les cycles de confirmation technique et am\u00e9liore l'efficacit\u00e9 de l'appel d'offres par rapport \u00e0 la livraison.\n        <\/p>\n        \n        <div class=\"tf2-tech-note\">\n          <strong>Aper\u00e7u de l'ing\u00e9nierie<\/strong>\n          <span>\n            Commencez par la classe de tension et les dimensions de l'interface, puis confirmez les composants de protection et de fonctionnement.\n            La plupart des probl\u00e8mes sur site apparaissent au niveau des interfaces de connexion, et non \u00e0 l'int\u00e9rieur de la cuve du transformateur.\n          <\/span>\n        <\/div>\n\n        <a href=\"#sec-series\" class=\"tf2-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: Functional Map (Circuit Style) -->\n      <aside class=\"tf2-side\" aria-label=\"Carte de l&#039;architecture fonctionnelle\">\n        <div class=\"tf2-side-head\">\n          <h3>Architecture fonctionnelle<\/h3>\n          <span>SYS_MAP_01<\/span>\n        <\/div>\n\n        <ul class=\"tf2-circuit\">\n          <li>\n            <span class=\"tf2-item-title\">Interface de connexion<\/span>\n            <span class=\"tf2-item-desc\">Bagues et inserts MV\/LV pour le transfert de puissance isol\u00e9.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">Protection contre les d\u00e9faillances<\/span>\n            <span class=\"tf2-item-desc\">Fusible Bay-o-net et logique de coordination du fusible limiteur de courant.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">Contr\u00f4le op\u00e9rationnel<\/span>\n            <span class=\"tf2-item-desc\">Composants de commutation de rupture de charge pour un fonctionnement s\u00fbr de la section.<\/span>\n          <\/li>\n          <li>\n            <span class=\"tf2-item-title\">R\u00e9glage de la tension<\/span>\n            <span class=\"tf2-item-desc\">Changeurs de prises hors circuit pour la gestion localis\u00e9e de la tension.<\/span>\n          <\/li>\n        <\/ul>\n      <\/aside>\n\n    <\/div>\n\n    <!-- Bottom Strip: Data readout style -->\n    <div class=\"tf2-strip\" role=\"group\" aria-label=\"Points de donn\u00e9es sur les accessoires de transformateurs\">\n      <div class=\"tf2-data-group\">\n        <span class=\"tf2-data-label\">R\u00f4le du syst\u00e8me<\/span>\n        <span class=\"tf2-data-value\">Connexion, protection et contr\u00f4le<\/span>\n      <\/div>\n      <div class=\"tf2-data-group\">\n        <span class=\"tf2-data-label\">Application primaire<\/span>\n        <span class=\"tf2-data-value\">Projets de transformateurs de distribution<\/span>\n      <\/div>\n      <div class=\"tf2-data-group\" style=\"margin-left:auto;\">\n        <span class=\"tf2-tag\">IEC 60076<\/span>\n        <span class=\"tf2-tag\">IEEE C57.12.00<\/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-d3397cb\" data-block-id=\"d3397cb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d3397cb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-071ecd0\" data-v=\"4\" data-block-id=\"071ecd0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-071ecd0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-071ecd0-inner-blocks\">\n<!-- =========================================================================\n     SEC3: Transformer Accessories Navigator (Clean Version)\n     \u9002\u7528\uff1aWordPress Gutenberg \"Custom HTML\" Block\n     \u8bf4\u660e\uff1a\u5df2\u79fb\u9664 html\/body \u6807\u7b7e\uff0c\u6837\u5f0f\u5df2\u9694\u79bb\uff0c\u4e0d\u4f1a\u5f71\u54cd\u5168\u7ad9\u4e3b\u9898\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC3 Scoped Styles ===== *\/\n  .tf3-wrap {\n    \/* Color Palette *\/\n    --tf3-bg: #ffffff;\n    --tf3-ink: #0f172a;          \/* Dark Navy Text *\/\n    --tf3-body: #475569;         \/* Slate Grey Text *\/\n    --tf3-muted: #94a3b8;\n    --tf3-line: #e2e8f0;         \/* Light Borders *\/\n    --tf3-accent: #0f766e;       \/* Teal-700 *\/\n    --tf3-accent-hover: #115e59;\n    --tf3-card-bg: #ffffff;\n    --tf3-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --tf3-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);\n    \n    --tf3-radius: 12px;\n\n    position: relative;\n    background: var(--tf3-bg);\n    padding: 80px 20px;\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--tf3-body);\n    \/* Prevent WP theme override *\/\n    box-sizing: border-box;\n    margin: 0;\n  }\n  \n  \/* Reset box-sizing for this component *\/\n  .tf3-wrap *, .tf3-wrap *::before, .tf3-wrap *::after {\n    box-sizing: border-box;\n  }\n\n  .tf3-container {\n    max-width: 1240px;\n    margin: 0 auto;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf3-head {\n    max-width: 800px;\n    margin: 0 0 40px;\n  }\n  \n  .tf3-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(--tf3-accent);\n    background: #f0fdfa; \n    border: 1px solid #ccfbf1;\n    border-radius: 100px;\n    padding: 6px 12px;\n    margin-bottom: 16px;\n    line-height: 1;\n  }\n  \n  .tf3-title {\n    margin: 0 0 16px;\n    color: var(--tf3-ink);\n    font-size: clamp(28px, 4vw, 40px);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n  }\n  \n  .tf3-intro {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--tf3-body);\n    max-width: 720px;\n    margin: 0;\n  }\n\n  \/* ===== GRID ===== *\/\n  .tf3-grid {\n    display: grid; \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  \/* ===== CARD STYLE ===== *\/\n  .tf3-card {\n    background: var(--tf3-card-bg);\n    border: 1px solid var(--tf3-line);\n    border-radius: var(--tf3-radius);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.3s ease;\n    height: 100%;\n    margin: 0; \/* Reset WP margins *\/\n  }\n  \n  .tf3-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--tf3-shadow-hover);\n    border-color: #cbd5e1;\n  }\n\n  \/* Image Area (Square) *\/\n  .tf3-media {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background: #f8fafc;\n    position: relative; \n    overflow: hidden;\n    border-bottom: 1px solid var(--tf3-line);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .tf3-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    padding: 16px;\n    transition: transform 0.5s ease;\n    display: block;\n    margin: 0;\n  }\n  .tf3-card:hover .tf3-media img {\n    transform: scale(1.08);\n  }\n\n  \/* Content Area *\/\n  .tf3-body {\n    padding: 20px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .tf3-tag {\n    align-self: flex-start;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #64748b;\n    background: #f1f5f9;\n    padding: 4px 8px;\n    border-radius: 4px;\n    margin-bottom: 12px;\n    line-height: 1;\n  }\n\n  .tf3-name {\n    margin: 0 0 8px;\n    font-size: 18px;\n    font-weight: 700;\n    color: var(--tf3-ink);\n    line-height: 1.3;\n  }\n  .tf3-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--tf3-body);\n    margin: 0 0 20px;\n  }\n\n  \/* Footer Action *\/\n  .tf3-foot {\n    padding: 0 20px 20px;\n    margin-top: auto;\n  }\n  \n  .tf3-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: 12px;\n    background: #fff;\n    color: var(--tf3-ink);\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 600;\n    border-radius: 8px;\n    border: 1px solid var(--tf3-line);\n    transition: all 0.2s ease;\n    cursor: pointer;\n  }\n  .tf3-btn:hover {\n    background: var(--tf3-ink);\n    color: #fff;\n    border-color: var(--tf3-ink);\n  }\n  .tf3-btn svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n  }\n\n  \/* Responsive *\/\n  @media (max-width:1000px) {\n    .tf3-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  @media (max-width:690px) {\n    .tf3-wrap {\n      padding: 60px 16px;\n    }\n    .tf3-grid {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n  }\n<\/style>\n\n<section class=\"tf3-wrap\" id=\"sec-series\">\n  <div class=\"tf3-container\">\n    \n    <!-- HEADER -->\n    <header class=\"tf3-head\">\n      <div class=\"tf3-kicker\">S\u00e9rie de produits<\/div>\n      <h2 class=\"tf3-title\">Accessoires pour transformateurs Navigator<\/h2>\n      <p class=\"tf3-intro\">\n        Consultez notre gamme compl\u00e8te de composants pour transformateurs de distribution, con\u00e7us pour la compatibilit\u00e9 et la fiabilit\u00e9.\n      <\/p>\n    <\/header>\n\n    <!-- PRODUCT GRID -->\n    <div class=\"tf3-grid\">\n\n      <!-- Card 1: Bushing Well -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-200A-15-25-35kV-class-epoxy-resin-bushing-well.webp\" alt=\"Inserts de puits de douille\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Connexion<\/span>\n          <h3 class=\"tf3-name\">Inserts de puits de douille<\/h3>\n          <p class=\"tf3-desc\">Composants d'interface isol\u00e9s 200A pour une connexion fiable des c\u00e2bles c\u00f4t\u00e9 transformateur.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/bushing-well-inserts\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 2: MV Bushings -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-medium-voltage-transformer-epoxy-bushing-200A-15KV.webp\" alt=\"Manchons \u00e9poxy MV\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Interface<\/span>\n          <h3 class=\"tf3-name\">Manchons \u00e9poxy MV<\/h3>\n          <p class=\"tf3-desc\">Interfaces d'isolation externe et de transport de courant pour les transformateurs de distribution MT.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/medium-voltage-bushings\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 3: LV Bushings -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-HTN-molded-Tri-clamp-low-voltage-bushing.webp\" alt=\"Bagues LV\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Sortie<\/span>\n          <h3 class=\"tf3-name\">Bagues basse tension<\/h3>\n          <p class=\"tf3-desc\">Interfaces terminales c\u00f4t\u00e9 BT pour un transfert de courant stable et une compatibilit\u00e9 d'assemblage.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/low-voltage-bushings\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 4: Bay-O-Net -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electric-15-25kV-class-bayonet-fuse-assembly-1.webp\" alt=\"Fusible Bay-O-Net\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Protection de l'environnement<\/span>\n          <h3 class=\"tf3-name\">Assembl\u00e9e Bay-O-Net<\/h3>\n          <p class=\"tf3-desc\">Ensembles de protection primaire r\u00e9parables pour transformateurs de distribution remplis d'huile.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/bay-o-net-fuse-assemblies\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 5: Current Limiting -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electrical-ELSP-Current-Limiting-Backup-Fuse.webp\" alt=\"Fusible ELSP\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">S\u00e9curit\u00e9<\/span>\n          <h3 class=\"tf3-name\">Fusibles limiteurs de courant<\/h3>\n          <p class=\"tf3-desc\">Solutions de limitation du courant de d\u00e9faut de secours coordonn\u00e9es avec la logique de protection bay-o-net.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/current-limiting-fuses\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 6: Loadbreak -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/Zeeyi-Electrical-Two-position-loadbreak-LBOR-switch.webp\" alt=\"Interrupteur de rupture de charge\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">Contr\u00f4le<\/span>\n          <h3 class=\"tf3-name\">Interrupteur de rupture de charge<\/h3>\n          <p class=\"tf3-desc\">Composants de commutation op\u00e9rationnels pour un sectionnement s\u00fbr et un fonctionnement contr\u00f4l\u00e9 du r\u00e9seau.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/loadbreak-switch\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Card 7: Tap Changer -->\n      <article class=\"tf3-card\">\n        <div class=\"tf3-media\">\n          <img decoding=\"async\" src=\"https:\/\/zeeyielec.com\/wp-content\/uploads\/2026\/02\/zeeyielec-off-load-tap-changer-Rotary-type.webp\" alt=\"Changeur de robinet\" loading=\"lazy\">\n        <\/div>\n        <div class=\"tf3-body\">\n          <span class=\"tf3-tag\">R\u00e8glement<\/span>\n          <h3 class=\"tf3-name\">Changeur de prise hors circuit<\/h3>\n          <p class=\"tf3-desc\">M\u00e9canismes d'ajustement de la prise hors tension pour l'optimisation de la tension du transformateur.<\/p>\n        <\/div>\n        <div class=\"tf3-foot\">\n          <a href=\"\/fr\/transformer-accessories\/off-circuit-tap-changer\/\" class=\"tf3-btn\">\n            Voir la s\u00e9rie\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\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-2835972\" data-block-id=\"2835972\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2835972-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-73e8fcf\" data-v=\"4\" data-block-id=\"73e8fcf\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-73e8fcf-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-73e8fcf-inner-blocks\">\n<!-- =========================================================================\n     SEC4: Selection Guide V3.1 (Center Axis Layout - Zeeyi Palette Fixed)\n     \u5e03\u5c40\uff1a\u4e2d\u8f74\u65f6\u95f4\u8f74 + \u5e95\u90e8\u529f\u80fd\u5361\u7247\n     \u4fee\u6b63\uff1a\u7edf\u4e00\u54c1\u724c\u8272 #78d3ca\uff1b\u8bed\u4e49\u4e0e\u53ef\u8bfb\u6027\u4f18\u5316\uff1b\u4fdd\u6301\u9ad8\u5bc6\u5ea6\u7ed3\u6784\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); \/* FIXED *\/\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: 760px;\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  \/* ===== 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<\/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 des transformateurs<\/h2>\n      <p class=\"tf4-intro\">\n        Suivez cette s\u00e9quence en 5 \u00e9tapes pour r\u00e9duire les d\u00e9calages d'interface, am\u00e9liorer la coordination de la protection et acc\u00e9l\u00e9rer la confirmation des appels d'offres pour les projets d'accessoires de transformateurs,\n        et acc\u00e9l\u00e9rer la confirmation des appels d'offres pour les projets d'accessoires de transformateurs.\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 d'abord la classe de tension, les exigences en mati\u00e8re d'isolation et le trajet du courant pour filtrer les familles d'accessoires viables.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Classe de tension<\/span>\n              <span class=\"tf4-tag\">BIL<\/span>\n              <span class=\"tf4-tag\">Valeur nominale actuelle<\/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\">Interface de verrouillage Adaptation<\/h3>\n            <p class=\"tf4-step-desc\">V\u00e9rifier la g\u00e9om\u00e9trie d'accouplement et les dimensions de montage entre les bagues, les inserts et les interfaces c\u00f4t\u00e9 transformateur.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Trou de montage<\/span>\n              <span class=\"tf4-tag\">Interface Dims<\/span>\n              <span class=\"tf4-tag\">Correspondance des mat\u00e9riaux<\/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\">Valider la coordination de la protection<\/h3>\n            <p class=\"tf4-step-desc\">Coordonner le Bay-O-Net et la strat\u00e9gie des fusibles limiteurs de courant comme un ensemble de protection adapt\u00e9, et non comme des \u00e9l\u00e9ments isol\u00e9s.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Fusible primaire<\/span>\n              <span class=\"tf4-tag\">Fusible de secours<\/span>\n              <span class=\"tf4-tag\">Courbes TCC<\/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 les besoins de l'op\u00e9ration<\/h3>\n            <p class=\"tf4-step-desc\">D\u00e9finir les exigences en mati\u00e8re de commutation et de r\u00e9glage de la tension pour la s\u00e9lection du commutateur de rupture de charge et du changeur de prise hors circuit.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Plan de basculement<\/span>\n              <span class=\"tf4-tag\">Gamme de robinets<\/span>\n              <span class=\"tf4-tag\">Logique de maintenance<\/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\">Finalisation du dossier d'appel d'offres<\/h3>\n            <p class=\"tf4-step-desc\">Soumettre des donn\u00e9es techniques compl\u00e8tes, la quantit\u00e9 et la fen\u00eatre de livraison afin de r\u00e9duire les cycles de r\u00e9vision et de raccourcir le d\u00e9lai de soumission.<\/p>\n            <div class=\"tf4-tags\">\n              <span class=\"tf4-tag\">Fiche technique<\/span>\n              <span class=\"tf4-tag\">Dessins<\/span>\n              <span class=\"tf4-tag\">Quantit\u00e9 et calendrier<\/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>S\u00e9lection par prix avant confirmation de l'interface<\/li>\n          <li>S\u00e9paration des \u00e9l\u00e9ments de fusible sans logique de coordination<\/li>\n          <li>Ignorer les contraintes de montage du c\u00f4t\u00e9 du r\u00e9servoir<\/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>Environnement d'application et type de transformateur<\/li>\n          <li>Familles d'accessoires cibles et classements<\/li>\n          <li>Normes requises ou champ d'application de la conformit\u00e9<\/li>\n          <li>Quantit\u00e9 et d\u00e9lai de livraison pr\u00e9vu<\/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 cr\u00e9e un chemin de sp\u00e9cification des accessoires de transformateur plus clair, r\u00e9duit le risque de reprise de l'ing\u00e9nierie,\n          et acc\u00e9l\u00e8re l'ex\u00e9cution des achats.\n        <\/p>\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-6101d30\" data-block-id=\"6101d30\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6101d30-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-82b6a2c\" data-v=\"4\" data-block-id=\"82b6a2c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-82b6a2c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-82b6a2c-inner-blocks\">\n<!-- =========================================================================\n     SEC5: Why Partner with ZeeyiElec V2 (Dark Future Industrial)\n     \u98ce\u683c\uff1a\u6df1\u8272\u78e8\u7802\u73bb\u7483\u3001\u9713\u8679\u5149\u611f\u3001\u63a7\u5236\u53f0\u5f0fCTA\n     \u6539\u8fdb\uff1a\u589e\u5f3a\u5361\u7247\u7acb\u4f53\u611f\uff0c\u6574\u5408\u5e95\u90e8\u884c\u52a8\u680f\uff0c\u56fe\u6807\u53d1\u5149\u6548\u679c\n     ========================================================================= -->\n\n<style>\n  \/* ===== SEC5 Scoped CSS V2 ===== *\/\n  .tf5-wrap {\n    \/* Dark Theme Palette *\/\n    --tf5-bg-deep: #0b1120;      \/* Darker base *\/\n    --tf5-bg-surface: #151e32;   \/* Card surface *\/\n    --tf5-ink: #f8fafc;          \/* White text *\/\n    --tf5-body: #94a3b8;         \/* Slate text *\/\n    --tf5-border: rgba(255, 255, 255, 0.08);\n    --tf5-accent: #2dd4bf;       \/* Teal-400 *\/\n    --tf5-accent-glow: rgba(45, 212, 191, 0.25);\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  \/* Circuit Grid Texture *\/\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  \/* Top Accent Light *\/\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 {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  \/* ===== HEADER ===== *\/\n  .tf5-head {\n    max-width: 800px;\n    margin-bottom: 50px;\n  }\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(45, 212, 191, 0.3);\n    background: rgba(45, 212, 191, 0.05);\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: 720px;\n  }\n\n  \/* ===== GRID ===== *\/\n  .tf5-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n  }\n\n  .tf5-card {\n    background: rgba(21, 30, 50, 0.6); \/* Semi-transparent *\/\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  \/* Top Highlight Line for 3D effect *\/\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.8);\n    border-color: rgba(45, 212, 191, 0.4);\n    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);\n  }\n\n  \/* Icon Style: Glowing, No Box *\/\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 ACTION BAR (Console Style) ===== *\/\n  .tf5-action-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: 12px 12px 12px 30px;\n    display: flex; align-items: center; justify-content: space-between;\n    gap: 20px;\n    backdrop-filter: blur(10px);\n  }\n\n  .tf5-fit-info {\n    display: flex; flex-direction: column; gap: 4px;\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  }\n  .tf5-fit-text {\n    font-size: 14px; color: #cbd5e1; margin: 0;\n  }\n\n  .tf5-btn {\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    background: var(--tf5-accent); color: #0f172a;\n    padding: 14px 28px; border-radius: 8px;\n    font-size: 15px; font-weight: 800; text-decoration: none;\n    transition: all 0.3s ease;\n    white-space: nowrap;\n    box-shadow: 0 0 20px -5px var(--tf5-accent-glow);\n  }\n  .tf5-btn:hover {\n    background: #fff; transform: translateY(-2px);\n    box-shadow: 0 0 30px -5px var(--tf5-accent-glow);\n  }\n  .tf5-btn svg { width: 18px; height: 18px; }\n\n  \/* Responsive *\/\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    \n    .tf5-action-bar {\n      flex-direction: column; align-items: stretch; padding: 20px; text-align: center;\n    }\n    .tf5-btn { width: 100%; }\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 mondiaux choisissent ZeeyiElec<\/h2>\n      <p class=\"tf5-intro\">\n        Nous soutenons les projets d'accessoires par une ing\u00e9nierie ax\u00e9e sur la compatibilit\u00e9, une logique de protection coordonn\u00e9e et une ex\u00e9cution pr\u00eate pour l'exportation.\n      <\/p>\n    <\/header>\n\n    <div class=\"tf5-grid\">\n\n      <!-- Card 1 -->\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>Correspondance au niveau des s\u00e9ries<\/h3>\n        <p>Nous alignons les bagues, les inserts et les dispositifs de protection en un seul syst\u00e8me, ce qui r\u00e9duit les risques d'incompatibilit\u00e9 des interfaces lors de l'installation.<\/p>\n      <\/article>\n\n      <!-- Card 2 -->\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>Coordination de la protection<\/h3>\n        <p>Les fusibles Bay-O-Net et ELSP sont examin\u00e9s dans le cadre d'une strat\u00e9gie coordonn\u00e9e, ce qui permet d'\u00e9viter des d\u00e9cisions de protection fragment\u00e9es.<\/p>\n      <\/article>\n\n      <!-- Card 3 -->\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>Documentation Discipline<\/h3>\n        <p>Une structure claire de l'appel d'offres et des flux de documentation pr\u00eats pour l'exportation soutiennent les examens des sp\u00e9cifications internationales.<\/p>\n      <\/article>\n\n      <!-- Card 4 -->\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>Ing\u00e9nierie adapt\u00e9e<\/h3>\n        <p>Une clarification rapide des \u00e9valuations et des limites de configuration permet d'acc\u00e9l\u00e9rer le consensus et de raccourcir les cycles d'approvisionnement.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- Bottom Action Bar -->\n    <div class=\"tf5-action-bar\">\n      <div class=\"tf5-fit-info\">\n        <span class=\"tf5-fit-label\">Projet Fit<\/span>\n        <p class=\"tf5-fit-text\">Id\u00e9al pour les projets de transformateurs industriels et de services publics n\u00e9cessitant une grande compatibilit\u00e9.<\/p>\n      <\/div>\n      \n      <a href=\"#ct-popup-862\" class=\"tf5-btn\">\n        D\u00e9but de la discussion sur l'appel d'offres\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\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-461292a\" data-block-id=\"461292a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-461292a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9851d48\" data-v=\"4\" data-block-id=\"9851d48\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9851d48-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9851d48-inner-blocks\">\n<!-- =========================================================================\n     SEC6: Application Scenarios V5 (Final Optimized)\n     \u57fa\u4e8e\u4f60\u63d0\u4f9b\u7684\u6700\u7ec8\u6837\u5f0f\u505a\u7684\u4f18\u5316\uff1a\n     1) \u7edf\u4e00\u4e3a Transformer Accessories \u8bed\u4e49\u4e0e\u5185\u94fe\u903b\u8f91\n     2) \u4fee\u590d\u5361\u7247\u53ef\u70b9\u51fb\u533a\u57df\u7684\u53ef\u8bbf\u95ee\u6027\uff08focus-visible\uff09\n     3) \u51cf\u5c11 CLS\uff1a\u8865\u5145 width\/height + decoding\n     4) \u79fb\u52a8\u7aef\u53ef\u8bfb\u6027\u5fae\u8c03\uff08\u6807\u9898\/\u6b63\u6587\/\u6807\u7b7e\uff09\n     5) \u4ec5\u4fdd\u7559\u4f60\u5f53\u524d\u89c6\u89c9\u4f53\u7cfb\uff0c\u4e0d\u6539\u98ce\u683c\u65b9\u5411\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) - \u52a0\u5bbd *\/\n  .tf6-img-col {\n    width: 260px; \/* \u4ece200px\u589e\u52a0\u5230260px *\/\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) - \u589e\u52a0\u547c\u5438\u611f *\/\n  .tf6-content-col {\n    flex: 1;\n    padding: 32px; \/* \u4ece24px\u589e\u52a0\u523032px *\/\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .tf6-card-title {\n    font-size: 22px; \/* \u52a0\u5927 *\/\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; } \/* \u5728\u5355\u5217\u6a21\u5f0f\u4e0b\u56fe\u7247\u66f4\u5bbd *\/\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 transformateurs<\/h2>\n      <p class=\"tf6-intro\">\n        La configuration des accessoires des transformateurs 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\/transformer-accessories\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario de distribution des services publics pour les accessoires de transformateurs\">\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 transformateurs 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 normalis\u00e9es des accessoires de transformateurs pour la fiabilit\u00e9 des lignes d'alimentation,\n            la priorit\u00e9 donn\u00e9e \u00e0 la s\u00e9curit\u00e9 du front de mort et \u00e0 la r\u00e9ponse coordonn\u00e9e aux d\u00e9faillances dans le cadre de l'exploitation du r\u00e9seau \u00e0 cycle long.\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\/transformer-accessories\/off-circuit-tap-changer\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario d&#039;installations industrielles pour les accessoires de transformateurs\">\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 pour transformateurs industriels\"\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\u00e7u pour des profils de charge variables, avec un r\u00e9glage de la tension bas\u00e9 sur un changeur de prise et des composants de fonctionnement align\u00e9s sur les exigences d'isolation de la maintenance en toute s\u00e9curit\u00e9.\n            et des composants de fonctionnement align\u00e9s 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\/transformer-accessories\/bay-o-net-fuse-assemblies\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario d&#039;int\u00e9gration EPC et OEM\">\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 transformateurs 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 de montage verrouill\u00e9e et une documentation unifi\u00e9e des accessoires,\n            permettant un assemblage plus rapide et une int\u00e9gration plus nette 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\/transformer-accessories\/loadbreak-switch\/\" class=\"tf6-card\" aria-label=\"Sc\u00e9nario de modernisation et de remplacement\">\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=\"Validation de la compatibilit\u00e9 des accessoires de transformateurs 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 la protection avant le remplacement afin d'\u00e9viter les retards de mise en service,\n            et la coordination des protections avant le remplacement afin d'\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-9359f63\" data-block-id=\"9359f63\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9359f63-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8f07ae2\" data-v=\"4\" data-block-id=\"8f07ae2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8f07ae2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8f07ae2-inner-blocks\">\n<!-- =========================================================================\n     SEC7: Engineering Support & Documentation V2\n     \u98ce\u683c\uff1a\u6280\u672f\u6863\u6848\u5361\u7247 (Tech-File Cards)\n     \u6539\u8fdb\uff1a\u589e\u5f3a\u6587\u6863\u5c5e\u6027\u89c6\u89c9\u6697\u793a\u3001\u4f18\u5316\u4fe1\u606f\u5206\u5c42\u3001\u589e\u52a0\u6e05\u5355\u533a\u5757\u611f\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: 680px; 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\">Soutien technique et documentation<\/h2>\n      <p class=\"tf7-intro\">\n        Notre flux de travail est structur\u00e9 pour les projets d'approvisionnement EPC\/OEM et les projets d'utilit\u00e9 publique, couvrant tout, de la confirmation de l'interface \u00e0 l'alignement des documents d'exportation.\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 dessins<\/h3>\n          <p>Documentation normalis\u00e9e pour faciliter la s\u00e9lection des accessoires et la comparaison des \u00e9tapes de l'appel d'offres.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Dessins d'interface dimensionnels<\/li>\n            <li>Fiches de synth\u00e8se des cours d'\u00e9lectricit\u00e9<\/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>Correspondance des interfaces<\/h3>\n          <p>Validation pr\u00e9alable de la g\u00e9om\u00e9trie d'accouplement pour r\u00e9duire les conflits d'installation lors de la mise en service.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>V\u00e9rification du montage de la douille\/insert<\/li>\n            <li>Revue des combinaisons d'accessoires<\/li>\n            <li>Confirmation de la contrainte de l'h\u00e9ritage<\/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\">PRT-03<\/span>\n        <\/div>\n        <div class=\"tf7-card-body\">\n          <h3>Entr\u00e9es de protection<\/h3>\n          <p>Donn\u00e9es structur\u00e9es pour les \u00e9quipes alignant Bay-O-Net et la logique des fusibles de secours dans les sch\u00e9mas de protection.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>R\u00e9f\u00e9rences des courbes TCC<\/li>\n            <li>Notes sur le d\u00e9roulement des op\u00e9rations de coordination<\/li>\n            <li>Param\u00e8tres d'entr\u00e9e pour les ing\u00e9nieurs<\/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>Qualit\u00e9 et inspection<\/h3>\n          <p>Des fichiers de qualit\u00e9 tra\u00e7ables pour l'archivage du projet et les exigences d'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>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 complet en mati\u00e8re de documentation commerciale et d'exp\u00e9dition pour les achats internationaux.<\/p>\n        <\/div>\n        <div class=\"tf7-card-foot\">\n          <ul class=\"tf7-list\">\n            <li>Facture commerciale &amp; PL<\/li>\n            <li>Aide \u00e0 la d\u00e9claration du code SH<\/li>\n            <li>Une coh\u00e9rence pr\u00eate \u00e0 l'emploi<\/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<\/h3>\n          <p>Un format de transfert clair entre l'ing\u00e9nierie et l'approvisionnement pour am\u00e9liorer la rapidit\u00e9 des devis.<\/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<\/li>\n            <li>Examen \u2192 Confirmation \u2192 Cycle de devis<\/li>\n            <li>Mod\u00e8les inter-\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 et passation de march\u00e9s de services publics<\/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 plus rapide<\/span>\n      <\/div>\n      <div class=\"tf7-strip-item\">\n        <span class=\"tf7-label\">Disponibilit\u00e9<\/span>\n        <span class=\"tf7-val\">Inclus dans l'appel d'offres du projet<\/span>\n      <\/div>\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-06b66b8\" data-block-id=\"06b66b8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-06b66b8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-672a230\" data-v=\"4\" data-block-id=\"672a230\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-672a230-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-672a230-inner-blocks\">\n<!-- =========================================================================\n     SEC9: FAQ & Resources (Transformer Accessories Pillar)\n     \u98ce\u683c\uff1a\u53c2\u8003\u4f60\u63d0\u4f9b\u7684\u6837\u5f0f\uff0c\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 Transformer Accessories\uff08\u907f\u514d\u8fc7\u5ea6\u504f\u67d0\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 transformateurs FAQ et r\u00e9f\u00e9rences techniques<\/h2>\n                <p class=\"faq-intro\">\n                    R\u00e9ponses rapides sur la logique de s\u00e9lection, la compatibilit\u00e9 des interfaces, la coordination des protections et la pr\u00e9paration des appels d'offres pour les projets d'accessoires de transformateurs.\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\/transformer-accessories\/\" class=\"res-link\">\n                            S\u00e9rie d'accessoires pour transformateurs\n                        <\/a>\n                    <\/li>\n                    <li class=\"res-item\">\n                        <span class=\"res-label\">Norme externe :<\/span>\n                        <a href=\"https:\/\/www.nfpa.org\/codes-and-standards\/nfpa-70-standard-development\/70\" target=\"_blank\" rel=\"noopener\" class=\"res-link\">\n                            Aper\u00e7u de la norme NFPA 70 (NEC) <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 des transformateurs dans un projet de distribution ?\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 transformateur sont les composants fonctionnels entourant le corps du transformateur pour la connexion, la commutation, la protection et le r\u00e9glage.\n                            tels que les douilles, les inserts, les ensembles de fusibles Bay-O-Net, les fusibles de limitation de courant, les interrupteurs de rupture de charge et les changeurs de prises hors circuit.\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                        Comment s\u00e9lectionner les accessoires : par classe de tension uniquement ?\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 n'est que le premier filtre. La s\u00e9lection finale doit tenir compte des dimensions de l'interface, du format du filetage et des bornes, du trajet du courant, des limites de l'installation et des exigences des normes du projet.\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 Bay-O-Net et les fusibles limiteurs de courant fonctionnent-ils ensemble ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Dans de nombreux sch\u00e9mas de protection, le Bay-O-Net fournit une r\u00e9ponse thermique\/surcharge tandis que le fusible limiteur de courant r\u00e9pond aux conditions de courant de d\u00e9faut \u00e9lev\u00e9.\n                            Ils doivent \u00eatre examin\u00e9s comme une paire coordonn\u00e9e, et non comme des achats ind\u00e9pendants.\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 un interrupteur de rupture de charge et un changeur de prise hors circuit ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Un interrupteur de rupture de charge est utilis\u00e9 pour la commutation\/l'isolation dans des conditions de fonctionnement d\u00e9finies, tandis qu'un changeur de prise hors circuit sert \u00e0 ajuster le rapport de tension lorsqu'il est hors tension.\n                            Leurs r\u00f4les sont diff\u00e9rents et compl\u00e9mentaires.\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 des transformateurs 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 avec des caract\u00e9ristiques nominales similaires, les limites m\u00e9caniques et les normes d'interface peuvent diff\u00e9rer.\n                            Le remplacement d'une marque par une autre doit \u00eatre valid\u00e9 par des dessins et des dimensions cl\u00e9s avant la confirmation de la commande.\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 dans des projets de r\u00e9novation ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Oui, l'adaptation est courante. Mais vous devez v\u00e9rifier les limites du c\u00f4t\u00e9 du r\u00e9servoir, l'interface d'accouplement, la structure d'\u00e9tanch\u00e9it\u00e9 et la compatibilit\u00e9 de la logique de protection afin d'\u00e9viter les travaux de r\u00e9am\u00e9nagement du 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                        Quels sont les documents \u00e0 inclure 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 le type d'application, la classe de tension, la quantit\u00e9, les mod\u00e8les\/s\u00e9ries d'accessoires cibl\u00e9s, les exigences en mati\u00e8re d'interface, ainsi que tous les dessins ou r\u00e9f\u00e9rences de nomenclature disponibles.\n                            Des donn\u00e9es claires dans l'appel d'offres permettent g\u00e9n\u00e9ralement d'acc\u00e9l\u00e9rer la confirmation technique et l'\u00e9tablissement du devis.\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 types de projets qui n\u00e9cessitent le plus souvent 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                            La modernisation de la distribution des services publics, les syst\u00e8mes de distribution industriels, la livraison de transformateurs emball\u00e9s EPC\/OEM et les projets de remplacement de friches industrielles n\u00e9cessitent souvent une planification combin\u00e9e des accessoires.\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 de non-concordance avant l'\u00e9mission d'un bon de commande ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Effectuer un examen pr\u00e9alable \u00e0 la commande avec v\u00e9rification de l'interface et des dimensions, confirmation du r\u00f4le de protection et mise en correspondance des familles d'accessoires.\n                            Cette m\u00e9thode est g\u00e9n\u00e9ralement plus efficace que la correction des d\u00e9fauts de concordance lors de l'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 de s\u00e9curit\u00e9 ?\n                        <span class=\"faq-icon\"><\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-inner\">\n                            Oui. Pour le cadre g\u00e9n\u00e9ral de l'installation \u00e9lectrique et le contexte de conformit\u00e9, les ressources NEC\/NFPA sont largement r\u00e9f\u00e9renc\u00e9es.\n                            La mise en \u0153uvre sp\u00e9cifique au projet doit toujours suivre les codes locaux et les sp\u00e9cifications techniques.\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        \/\/ \u53ef\u9009\uff1a\u7a97\u53e3\u53d8\u5316\u65f6\u4fee\u6b63\u5c55\u5f00\u9879\u9ad8\u5ea6\uff0c\u907f\u514d\u6362\u884c\u5bfc\u81f4\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>Transformer Accessories Transformer Accessories for Distribution Power Systems Source medium-voltage and low-voltage transformer accessories from one engineering-oriented supplier, including bushings, bushing well inserts, bay-o-net fuse assemblies, current limiting fuses, loadbreak switches, and off circuit tap changers. 7 Product Series Coverage \u2022 Fast Technical Response \u2022 Export Documentation Support Request Quote Browse Product Series Voltage Scope [&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-781","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\/781","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=781"}],"version-history":[{"count":9,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages\/781\/revisions"}],"predecessor-version":[{"id":1168,"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/pages\/781\/revisions\/1168"}],"wp:attachment":[{"href":"https:\/\/zeeyielec.com\/fr\/wp-json\/wp\/v2\/media?parent=781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}