 .section{padding:36px 0;}
.featured-news-slider{position:relative;width:100%;height:420px;overflow:hidden;border-radius:8px;background:#0b2a4a;}
.fns-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);}
.fns-slide{min-width:100%;height:100%;position:relative;}
.fns-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.fns-slide .fns-caption{position:absolute;left:0;right:0;bottom:0;padding:40px 30px 20px;background:linear-gradient(to top,rgba(0,20,45,.85),transparent);color:#fff;}
.fns-slide .fns-caption h3{font-size:20px;margin:0 0 6px;font-weight:600;}
.fns-slide .fns-caption p{font-size:13px;margin:0;opacity:.85;}
.fns-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.85);color:#0b2a4a;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:5;}
.fns-arrow:hover{background:#0b6bd3;color:#fff;}
.fns-arrow.prev{left:16px;}
.fns-arrow.next{right:16px;}
.fns-dots{position:absolute;bottom:14px;right:20px;display:flex;gap:8px;z-index:5;}
.fns-dot{width:22px;height:4px;border:none;border-radius:2px;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s;padding:0;}
.fns-dot.active{background:#fff;width:34px;}
.fns-tag{position:absolute;top:16px;left:16px;background:#0b6bd3;color:#fff;font-size:12px;padding:4px 14px;border-radius:3px;z-index:5;}

/* =====================================================
   专题图片条：左右按钮控制横向滚动 339*126
===================================================== */
.topic-strip{position:relative;padding:0 55px;}
.topic-strip-viewport{overflow:hidden;}
.topic-strip-track{display:flex;gap:18px;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.topic-strip-item{flex:0 0 339px;width:339px;height:126px;border-radius:6px;overflow:hidden;display:block;box-shadow:0 2px 10px rgba(0,40,90,.12);transition:transform .3s,box-shadow .3s;}
.topic-strip-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,40,90,.22);}
.topic-strip-item img{width:339px;height:126px;object-fit:cover;display:block;}
.topic-strip-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:56px;border:none;background:rgba(255,255,255,.95);color:#333;font-size:18px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);z-index:10;transition:all .3s;}
.topic-strip-btn:hover{background:#0b6bd3;color:#fff;}
.topic-strip-btn.left{left:8px;border-radius:0 6px 6px 0;}
.topic-strip-btn.right{right:8px;border-radius:6px 0 0 6px;}
/* =====================================================
   2026 SMOOTH SLIDER ENHANCEMENTS
===================================================== */
/* Banner：渐进式淡入 + 轻微缩放，避免生硬横切 */
.hero,
.hero-slider{
    position:relative;
    overflow:hidden;
}
.hero-slider{
    width:100%;
    height:100%;
    background:#0b2a4a;
}
.hero-slide{
    position:absolute !important;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    visibility:hidden;
    z-index:1;
    transform:scale(1.035);
    transition:
        opacity 1.25s cubic-bezier(.22,1,.36,1),
        transform 2.2s cubic-bezier(.22,1,.36,1),
        visibility 0s linear 1.25s;
    will-change:opacity,transform;
}
.hero-slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(4,25,56,.06) 0%,rgba(4,25,56,.02) 45%,rgba(4,25,56,.22) 100%);
    pointer-events:none;
}
.hero-slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
    transform:scale(1);
    transition-delay:0s;
}
.hero-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
    transform:scale(1.01);
    transition:transform 3.8s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}
.hero-slide.active img{
    transform:scale(1.04);
}
.hero-controls{
    z-index:12;
}
.hero-dot{
    position:relative;
    overflow:hidden;
    transition:background .45s ease,transform .45s ease,width .45s ease,opacity .45s ease;
}
.hero-dot::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:rgba(255,255,255,.75);
    transition:width 4.6s linear;
}
.hero-dot.active::after{
    width:100%;
}
.hero-arrows button{
    transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s ease,color .35s ease,opacity .35s ease;
}
.hero-arrows button:hover{
    transform:translateY(-1px) scale(1.06);
}
.hero-index{
    transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
.hero-index.is-changing{
    opacity:.28;
    transform:translateY(5px);
}

/* 新闻中心：横向位移 + 淡入 + 微缩放组合，切换不再生硬 */
.featured-news-slider{
    isolation:isolate;
}
.fns-track{
    transition:transform 1.05s cubic-bezier(.22,1,.36,1) !important;
    will-change:transform;
}
.fns-slide{
    opacity:.5;
    transform:scale(.985);
    transition:
        opacity .95s cubic-bezier(.22,1,.36,1),
        transform 1.05s cubic-bezier(.22,1,.36,1);
    will-change:opacity,transform;
}
.fns-slide.active{
    opacity:1;
    transform:scale(1);
}
.fns-slide img{
    transform:scale(1.025);
    transition:transform 1.8s cubic-bezier(.22,1,.36,1),filter 1s ease;
    will-change:transform;
}
.fns-slide.active img{
    transform:scale(1);
}
.fns-caption{
    opacity:.92;
    transform:translateY(8px);
    transition:opacity .7s ease,transform .85s cubic-bezier(.22,1,.36,1);
}
.fns-slide.active .fns-caption{
    opacity:1;
    transform:translateY(0);
}
.fns-arrow{
    transition:transform .42s cubic-bezier(.22,1,.36,1),background .35s ease,color .35s ease,box-shadow .35s ease;
}
.fns-arrow:hover{
    transform:translateY(-50%) scale(1.08);
}
.fns-dots .fns-dot{
    transition:width .5s cubic-bezier(.22,1,.36,1),background .35s ease,opacity .35s ease;
}

/* 专题网站：始终显示箭头，圆角朝外；点击移动更柔和 */
.topic-strip{
    padding:0 46px !important;
}
.topic-strip-viewport{
    overflow:hidden;
    position:relative;
}
.topic-strip-track{
    transition:transform .9s cubic-bezier(.22,1,.36,1) !important;
    will-change:transform;
}
.topic-strip-item{
    position:relative;
    transform:translateZ(0);
    transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,filter .55s ease,opacity .55s ease;
}
.topic-strip-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(255,255,255,.02),rgba(255,255,255,.13),rgba(255,255,255,.02));
    transform:translateX(-120%);
    transition:transform .9s ease;
    pointer-events:none;
}
.topic-strip-item:hover::after{
    transform:translateX(120%);
}
.topic-strip-item:hover{
    transform:translateY(-5px) scale(1.012);
}
.topic-strip-btn{
    visibility:visible !important;
    opacity:.96;
    top:50%;
    width:42px;
    height:64px;
    margin:0;
    border:0;
    z-index:20;
    box-shadow:0 8px 24px rgba(0,38,85,.16);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s ease,color .35s ease,opacity .35s ease,box-shadow .35s ease;
}
.topic-strip-btn.left{
    left:0 !important;
    right:auto;
    border-radius:50% 0 0 50% !important;
}
.topic-strip-btn.right{
    right:0 !important;
    left:auto;
    border-radius:0 50% 50% 0 !important;
}
.topic-strip-btn:hover{
    transform:translateY(-50%) scale(1.07);
    box-shadow:0 10px 28px rgba(0,38,85,.24);
}
.topic-strip-btn.is-disabled{
    opacity:.42;
    cursor:not-allowed;
}
.topic-strip-btn.is-disabled:hover{
    transform:translateY(-50%);
    box-shadow:0 8px 24px rgba(0,38,85,.16);
}