.bf-category-brand-section{position:relative;width:100%;max-width:1380px;margin:0 auto;box-sizing:border-box;color:#fff;border-top:3px solid #00aff0;background:radial-gradient(ellipse at 87% 120%,#008bc74d,transparent 65%),linear-gradient(110deg,#01202f,var(--bf-cbs-background));overflow:hidden;font-family:"Microsoft YaHei",Arial,sans-serif}
.bf-category-brand-section *{box-sizing:border-box}.bf-category-brand-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:32px 32px}
.bf-cbs-main{min-height:134px;position:relative;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(130px,.7fr) minmax(360px,1.1fr);gap:12px;align-items:center;padding:16px 38px 18px 26px}
.bf-cbs-intro{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px}.bf-cbs-logo{display:block;height:20px;width:auto;max-width:160px;align-self:flex-start;object-fit:contain;object-position:left}
.bf-cbs-heading{display:flex;gap:16px;align-items:center;min-width:0}.bf-cbs-badge{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border:1px solid #5fd6ff55;background:#00aff018;box-shadow:inset 0 0 28px #00aff02e}.bf-cbs-badge svg{width:32px;height:32px}.bf-cbs-titles{min-width:0}.bf-cbs-titles h2{font-size:28px;font-weight:800;letter-spacing:2px;line-height:1.25;margin:0;color:#fff;overflow-wrap:anywhere}.bf-cbs-titles h2 em{font-style:normal;color:var(--bf-cbs-accent)}.bf-cbs-titles p{font-size:10px;letter-spacing:2px;line-height:1.7;font-weight:600;margin:5px 0 0;color:#99d9ef;overflow-wrap:anywhere}
.bf-cbs-scene{position:relative;min-width:0;pointer-events:none}.bf-cbs-scene>div{height:106px}.bf-cbs-scene svg{width:100%;height:106px;display:block}.bf-cbs-scene img{display:block;max-height:106px;max-width:100%;margin:auto;object-fit:contain}
.bf-cbs-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.bf-cbs-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:300px}.bf-cbs-tag{padding:6px 10px;color:#e0f5ff!important;font-size:12px;border:1px solid #ffffff2b;background:#ffffff0d;text-decoration:none;line-height:1.5}.bf-cbs-enter{display:flex;gap:9px;align-items:center;justify-content:center;flex-shrink:0;color:#002132!important;background:linear-gradient(130deg,var(--bf-cbs-accent),#00aff0);font-size:14px;font-weight:700;padding:12px 20px;text-decoration:none;white-space:nowrap;box-shadow:0 3px 18px #00aff02e}
.bf-cbs-brands{position:relative;display:flex;align-items:center;gap:18px;margin:0 26px;padding:14px 0 16px;border-top:1px solid #ffffff26;min-width:0}.bf-cbs-brand-label{flex:0 0 86px;display:flex;flex-direction:column;gap:6px}.bf-cbs-brand-label strong{font-size:13px;font-weight:500;letter-spacing:2px}.bf-cbs-brand-label small{font-size:9px;letter-spacing:3px;color:#80b8cc}.bf-cbs-track{display:flex;flex:1;min-width:0;gap:10px;overflow:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x proximity}.bf-cbs-track::-webkit-scrollbar{display:none}.bf-cbs-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.bf-cbs-brand{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 calc((100% - (var(--bf-cbs-columns) - 1)*10px)/var(--bf-cbs-columns));min-width:0;min-height:var(--bf-cbs-brand-height);background:#fff;border:1px solid #ffffff80;border-radius:3px;text-decoration:none;overflow:hidden;scroll-snap-align:start;transition:box-shadow .2s,border-color .2s}.bf-cbs-brand:hover{border-color:var(--bf-cbs-accent);box-shadow:inset 0 0 0 1px var(--bf-cbs-accent)}.bf-cbs-brand .bf-pcb-logo{height:var(--bf-cbs-brand-height);width:100%;padding:8px 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bf-cbs-brand .bf-pcb-logo img,.bf-cbs-brand .bf-pcb-logo svg{width:100%;height:100%;display:block;object-fit:contain}.bf-cbs-brand .bf-pcb-wordmark{position:absolute;inset:5px 8px;align-items:center;justify-content:center;color:#183b4e;font-size:13px;text-align:center;overflow-wrap:anywhere}.bf-cbs-brand-name{display:block;max-width:100%;padding:0 6px 6px;font-size:11px;line-height:1.5;color:#35536b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bf-cbs-brand-nav{display:flex;gap:5px;flex-shrink:0}.bf-cbs-brand-nav button{width:26px;height:32px;border:1px solid #ffffff40;color:#c2edff;background:#ffffff08;font-size:22px;cursor:pointer}.bf-cbs-brand-nav button:disabled{opacity:.3;cursor:default}.bf-cbs-empty{flex:1;padding:12px;border:1px dashed #ffffff40;color:#aacddb;font-size:12px;text-align:center}.bf-cbs-motion{position:absolute;right:8px;top:7px;border:0;color:#c2e5f3;background:transparent;font-size:11px;cursor:pointer;padding:3px 5px;opacity:.55}.bf-cbs-motion:hover,.bf-cbs-motion:focus-visible{opacity:1}.bf-category-brand-section a:focus-visible,.bf-category-brand-section button:focus-visible,.bf-cbs-track:focus-visible{outline:2px solid #fff;outline-offset:-2px}.bf-cbs-text-breathe{animation:bf-cbs-breathe var(--bf-cbs-text-speed) ease-in-out infinite}.bf-cbs-text-shine{animation:bf-cbs-shine var(--bf-cbs-text-speed) ease-in-out infinite}.bf-category-brand-section.is-paused *{animation-play-state:paused!important}
@keyframes bf-cbs-breathe{0%,100%{opacity:1}50%{opacity:.6}}@keyframes bf-cbs-shine{0%,100%{text-shadow:none}50%{text-shadow:0 0 16px var(--bf-cbs-accent)}}
@media(max-width:1150px){.bf-cbs-main{grid-template-columns:minmax(330px,1fr) minmax(120px,.5fr) minmax(210px,.7fr);padding-right:26px}.bf-cbs-actions{flex-direction:column;align-items:flex-end;gap:10px}.bf-cbs-titles h2{font-size:25px}.bf-cbs-tags{gap:4px}.bf-cbs-tag{font-size:11px;padding:3px 7px}}
@media(max-width:800px){.bf-cbs-main{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px}.bf-cbs-scene{display:none}.bf-cbs-titles h2{font-size:24px}.bf-cbs-tags{display:none}.bf-cbs-brands{margin:0 18px;gap:12px}.bf-cbs-brand-label{flex-basis:68px}.bf-cbs-brand{flex-basis:calc((100% - 20px)/3)}.bf-cbs-brand-nav{display:none}.bf-cbs-brand .bf-pcb-logo{padding:8px}.bf-cbs-brand-label strong{font-size:12px;letter-spacing:1px}}
@media(max-width:480px){.bf-cbs-main{grid-template-columns:minmax(0,1fr);padding:16px}.bf-cbs-actions{align-items:flex-start;margin-left:68px}.bf-cbs-enter{font-size:12px;padding:7px 13px}.bf-cbs-brands{margin:0 16px}.bf-cbs-brand{flex-basis:calc((100% - 10px)/2)}.bf-cbs-titles h2{font-size:22px}.bf-cbs-titles p{letter-spacing:1px}.bf-cbs-logo{height:18px}}
@media(prefers-reduced-motion:reduce){.bf-category-brand-section *{animation:none!important;scroll-behavior:auto!important}}
.bf-cbs-controls .bf-bc-tabs{display:flex;flex-wrap:wrap}.bf-cbs-controls .bf-bc-tabs button{flex:1;padding:8px 6px}.bf-cbs-controls .bf-cbs-block{margin:12px 0;padding:12px;background:#f7f9fb;border:1px solid #e6ecf0;border-radius:4px}.bf-cbs-controls .bf-cbs-block h4{margin:0 0 8px}.bf-cbs-controls .el-input-number,.bf-cbs-controls .el-select{width:100%}.bf-cbs-controls .bf-cbs-tag-edit{padding:10px 0;border-bottom:1px solid #eee}.bf-cbs-controls .bf-cbs-tip{padding:10px;font-size:12px;color:#61758a;line-height:1.7;background:#f2f7fb}

.bf-category-brand-section{--cyan:var(--bf-cbs-accent);--main:#00aff0;--deep:var(--bf-cbs-background);--navy:#01202f}

/* Keep the original short industrial banner; brands are a quiet inline footer. */
.bf-cbs-main{display:flex;min-height:138px;gap:0;padding:42px 40px 12px 44px}
.bf-category-brand-section.has-brands .bf-cbs-main{min-height:114px}
.bf-cbs-intro{position:relative;z-index:3;flex:1;align-self:auto;display:block;min-width:0}
.bf-cbs-logo{position:absolute;top:-30px;left:-18px;height:22px;max-width:160px}
.bf-cbs-heading{gap:18px}.bf-cbs-badge{width:60px;height:60px;flex-basis:60px}
.bf-cbs-titles h2{font-size:30px;letter-spacing:3px;line-height:1.15;text-shadow:0 2px 16px #0006}
.bf-cbs-titles p{font-size:11px;letter-spacing:3px;line-height:1.5;margin-top:6px;text-transform:uppercase}
.bf-cbs-scene{position:absolute;inset:0;z-index:1;height:100%;width:100%;opacity:.9}
.bf-cbs-scene>div,.bf-cbs-scene svg{width:100%;height:100%}
.bf-cbs-scene img{position:absolute;left:42%;top:12px;width:23%;height:calc(100% - 24px);max-height:none;object-fit:contain}
.bf-cbs-actions{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;gap:22px;flex:0 0 auto;margin-left:24px}
.bf-cbs-tags{max-width:none;display:flex;flex-wrap:nowrap;gap:9px}
.bf-cbs-tag{font-size:13px;padding:7px 15px;letter-spacing:.5px;white-space:nowrap}
.bf-cbs-enter{padding:11px 22px;font-size:14px}
.bf-cbs-brands{z-index:3;gap:12px;margin:0 40px 0 122px;padding:0 0 12px;border:0;min-height:36px}
.bf-cbs-brand-label{display:none}.has-brand-label .bf-cbs-brand-label{display:flex;flex-basis:78px}
.bf-cbs-track{gap:20px;isolation:auto}
.bf-cbs-brand{min-height:var(--bf-cbs-brand-height);flex-basis:calc((100% - (var(--bf-cbs-columns) - 1)*20px)/var(--bf-cbs-columns));max-width:170px;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:.76;transition:opacity .2s}
.bf-cbs-brand:hover{border:0;box-shadow:none;opacity:1}
.bf-cbs-brand .bf-pcb-logo{height:var(--bf-cbs-brand-height);padding:2px 12px}
.bf-cbs-brand .bf-pcb-wordmark{color:#d6effb;font-size:11px}
.bf-cbs-brand-name{color:#d6effb;font-size:10px;padding:2px 4px 0}
.bf-cbs-brands-mono .bf-cbs-brands{mix-blend-mode:screen}
.bf-cbs-brands-mono .bf-cbs-brand{mix-blend-mode:normal}
.bf-cbs-brands-mono .bf-pcb-logo img,.bf-cbs-brands-mono .bf-pcb-logo svg{filter:grayscale(1) invert(1)}
.bf-cbs-brand-nav{gap:3px;opacity:.4;transition:opacity .2s}.bf-cbs-brands:hover .bf-cbs-brand-nav,.bf-cbs-brand-nav:focus-within{opacity:1}
.bf-cbs-brand-nav button{width:20px;height:24px;background:transparent;border:0;font-size:18px;color:#b5dcec}
.bf-cbs-empty{padding:4px;font-size:11px;border:0;text-align:left}
.bf-cbs-motion{z-index:4;opacity:.25}
@media(max-width:1250px){.bf-cbs-tag{padding:6px 10px;font-size:12px}.bf-cbs-tags{gap:6px}.bf-cbs-actions{gap:14px;margin-left:18px}.bf-cbs-titles h2{font-size:28px}.bf-cbs-titles p{letter-spacing:2px}}
@media(max-width:1050px){.bf-cbs-main{padding-left:28px;padding-right:28px}.bf-cbs-logo{left:0}.bf-cbs-titles h2{font-size:26px}.bf-cbs-titles p{font-size:10px}.bf-cbs-actions{gap:10px;margin-left:12px}.bf-cbs-tag{font-size:11px;padding:5px 7px}.bf-cbs-enter{padding:10px 14px}.bf-cbs-brands{margin-left:106px;margin-right:28px}}
@media(max-width:900px){.bf-cbs-actions{display:none}.bf-cbs-titles h2{font-size:26px}.bf-cbs-brands{margin-left:106px}.bf-cbs-brand{flex-basis:calc((100% - 40px)/3);max-width:none}}
@media(max-width:800px){.bf-cbs-scene{display:block}.bf-cbs-main{display:flex;min-height:138px}.bf-cbs-brand-nav{display:none}.bf-cbs-brand .bf-pcb-logo{padding:2px 8px}.bf-cbs-track{gap:20px}}
@media(max-width:480px){.bf-cbs-main{padding:42px 16px 12px}.bf-cbs-logo{height:20px;left:0}.bf-cbs-heading{gap:12px}.bf-cbs-badge{width:48px;height:48px;flex-basis:48px}.bf-cbs-titles h2{font-size:23px}.bf-cbs-titles p{font-size:9px;letter-spacing:1px}.bf-cbs-brands{margin-left:76px;margin-right:16px}.bf-cbs-brand{flex-basis:calc((100% - 20px)/2)}.bf-category-brand-section.has-brands .bf-cbs-main{min-height:106px}.bf-cbs-scene{opacity:.55!important}}