/* ===== 清风轮播（自研，无第三方依赖） ===== */
.qf-carousel{position:relative;overflow:hidden}
.qf-track{display:flex;transition:transform .55s cubic-bezier(.3,.7,.3,1);will-change:transform}
.qf-pane{flex:0 0 100%;min-width:0;position:relative}
.qf-pane img{width:100%;height:auto;display:block}
.qf-carousel.qf-dragging .qf-track{transition:none}
.qf-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3}
.qf-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:background .2s,width .2s}
.qf-dots button.qf-dot-on{background:#fff;width:22px;border-radius:5px}
.qf-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.20);cursor:pointer;z-index:4;
  display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s,border-color .2s}
.qf-arrow::before{content:"";display:block;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff}
.qf-arrow.qf-prev::before{transform:rotate(-135deg);margin-left:3px}
.qf-arrow.qf-next::before{transform:rotate(45deg);margin-right:3px}
.qf-arrow:hover{background:rgba(0,0,0,.42);border-color:#fff}
/* 浅底图库（产品图白底）改用深色箭头 */
.qf-pd-qfcarousel .qf-arrow,.qf-gallery-qfcarousel .qf-arrow{
  border-color:#dcdcdc;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.10)}
.qf-pd-qfcarousel .qf-arrow::before,.qf-gallery-qfcarousel .qf-arrow::before{border-color:#8d8d8d}
.qf-pd-qfcarousel .qf-arrow:hover,.qf-gallery-qfcarousel .qf-arrow:hover{background:#fff;border-color:var(--red)}
.qf-pd-qfcarousel .qf-arrow:hover::before,.qf-gallery-qfcarousel .qf-arrow:hover::before{border-color:var(--red)}
/* 系列/记事区在浅色页面上，也给深色箭头 */
.qf-series-qfcarousel .qf-arrow,.qf-exh-qfcarousel .qf-arrow{
  border-color:#e2e2e2;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.qf-series-qfcarousel .qf-arrow::before,.qf-exh-qfcarousel .qf-arrow::before{border-color:#9a9a9a}
.qf-series-qfcarousel .qf-arrow:hover,.qf-exh-qfcarousel .qf-arrow:hover{border-color:var(--red);background:#fff}
.qf-series-qfcarousel .qf-arrow:hover::before,.qf-exh-qfcarousel .qf-arrow:hover::before{border-color:var(--red)}
@media (max-width:700px){.qf-arrow{width:32px;height:32px}.qf-arrow.qf-prev{left:8px}.qf-arrow.qf-next{right:8px}}

/* banner 多点简化：9 屏时原先过密，改为等高条并缩小间距 */
.qf-hero-qfcarousel .qf-dots{gap:6px;bottom:12px}
.qf-hero-qfcarousel .qf-dots button{width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.5)}
.qf-hero-qfcarousel .qf-dots button.qf-dot-on{width:26px;height:4px;border-radius:2px;background:#fff}
@media (max-width:700px){.qf-hero-qfcarousel .qf-dots{gap:5px}.qf-hero-qfcarousel .qf-dots button{width:10px}.qf-hero-qfcarousel .qf-dots button.qf-dot-on{width:18px}}