/* ============================================================================
   星辉雨官网 · 对齐汉聪的细节修正 + 滚动/交互动效
   （本段追加在文件末尾，用于覆盖前面的基础规则）
   ========================================================================== */

/* ── 公告栏：60px 高 / 24px 粗体 / 黄色强调 / 白色胶囊按钮 ── */
.announce-inner{min-height:60px;gap:24px;padding-top:0;padding-bottom:0;justify-content:center;position:relative}
.an-tag{height:24px;padding:0 10px;background:rgba(0,0,0,.16);font-size:13px}
.an-txt{flex:1 1 auto;min-width:0;font-size:clamp(14px,1.55vw,24px);font-weight:700;line-height:1.4;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.an-txt span{color:#FFD97A}
.announce .an-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);height:26px;padding:0 16px;border-radius:13px;font-size:12px;font-weight:400}
@media (max-width:760px){
  .announce-inner{min-height:40px;gap:10px;justify-content:flex-start;padding-right:70px}
  .an-tag{height:20px;font-size:11px;padding:0 6px}
  .an-txt{font-size:13px;text-align:left}
  .announce .an-btn{right:12px;height:22px;padding:0 10px;font-size:11px}
}

/* ── 导航：90px 高、17px 粗体、右上在线咨询圆钮 ── */
.hn-nav-inner{height:90px}
.hn-menu .nav-top{font-size:17px}
.hn-menu{margin:0 30px 0 56px}
.hn-brand .hn-logo-txt b{font-size:26px}
.hn-cons{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#F1F2F7;color:#102A47;transition:all .25s}
.hn-cons:hover{background:var(--brand);color:#fff}
.hn-cons .ic{width:20px;height:20px}
.hn-nav.scrolled .hn-nav-inner{height:70px}
.hn-nav-inner{transition:height .3s ease}
.hn-nav.scrolled .hn-brand .hn-logo-txt b{font-size:22px}
.hn-nav.scrolled .hn-brand .hn-logo-ph{width:36px;height:36px;font-size:19px}
.hn-nav .hn-brand .hn-logo-ph,.hn-nav .hn-brand .hn-logo-txt b{transition:all .3s}

/* 下拉菜单：展开动效（缩放 + 淡入） */
.hn-drop{transform:translate(-50%,6px) scaleY(.96);transform-origin:top center;transition:opacity .22s ease,transform .22s ease,visibility .22s}
.hn-menu .nav-item:hover .hn-drop,.hn-menu .has-mega.open .hn-drop{transform:translate(-50%,0) scaleY(1)}

/* 按钮箭头滑动 */
.btn .ic{transition:transform .25s ease}
.btn:hover .ic{transform:translateX(3px)}
.btn:hover{transform:translateY(-2px)}

/* ── 滚动入场动画（WOW 风格） ─────────────────────────── */
.js .fx{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--fx-d,0ms);will-change:opacity,transform}
.js .fx.fx-left{transform:translateX(-40px)}
.js .fx.fx-right{transform:translateX(40px)}
.js .fx.fx-zoom{transform:scale(.94)}
.js .fx.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .fx{opacity:1!important;transform:none!important;transition:none!important}
  .hero-slide.on .hero-media{animation:none}
}

/* 标签切换时的卡片进入动画（专业管家） */
.man-panel.active .man-item{animation:manIn .55s var(--ease-out) both}
.man-panel.active .man-item:nth-child(2){animation-delay:.08s}
.man-panel.active .man-item:nth-child(3){animation-delay:.16s}
@keyframes manIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
/* 行业网格：展开时数字放大 */
.biz-cell.on .bc-value b{animation:bizNum .45s var(--ease-out) both}
@keyframes bizNum{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
/* 案例卡片、保障卡片的轻动效 */
.case-item,.honor-card{transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
/* 数据条图标悬浮 */
.hs-item{transition:transform .3s}
.hs-item:hover{transform:translateY(-3px)}

/* ── 字重/字号向汉聪看齐（大标题常规粗细） ─────────────── */
.man-title,.biz-head h2,.case-left h2,.rs-head h2,.ar-txt h2{font-weight:400;letter-spacing:0}
.man-title{font-size:58px;line-height:58px}
.biz-head h2{font-size:58px;line-height:66px}
.case-left h2{font-size:58px;line-height:66px}
.rs-head h2{font-size:50px;line-height:1.25}
.ar-txt h2{font-size:44px;line-height:1.3}
.sec-head h2{font-weight:400}
.sec-head h2::after{height:5px}
@media (max-width:1120px){
  .man-title,.biz-head h2,.case-left h2{font-size:40px;line-height:1.3}
  .rs-head h2{font-size:36px}
}
@media (max-width:760px){
  .man-title,.biz-head h2,.case-left h2{font-size:30px}
  .rs-head h2{font-size:28px}
  .ar-txt h2{font-size:26px}
}

/* ── 首屏导航：左右箭头只在悬浮时出现，圆点居中（对齐汉聪） ── */
.hero-arrow{position:absolute;top:46%;z-index:5;width:46px;height:46px;opacity:0;transition:opacity .3s,background .2s,color .2s}
.hero:hover .hero-arrow,.hero-arrow:focus-visible{opacity:1}
.hero-arrow.hprev{left:calc(50% - 670px)}
.hero-arrow.hnext{right:calc(50% - 670px)}
.hero-nav{bottom:228px;justify-content:center;padding:0;max-width:none}
.hero-dots{margin-left:0}
.hero-dot{width:26px}
.hero-count{display:none}
@media (max-width:1360px){
  .hero-arrow.hprev{left:20px}
  .hero-arrow.hnext{right:20px}
}
@media (max-width:760px){
  .hero-arrow{display:none}
  .hero-nav{bottom:196px}
}

/* ── 页脚：去掉红色短标记后的间距 ─────────────────────── */
.hn-fcol b{margin-bottom:26px}
.hn-foot-cols{padding-top:4px}

/* 视频画质级别的悬停抬升（卡片类） */
.srv-card:hover,.man-item:hover,.case-item:hover,.ar-tile:hover{will-change:transform}