/* ═══════════════════════════════════════════════════════════
   恒欢官网 · 二级页共享骨架 site.css
   全部数值一比一取自定稿首页 mockup-home.html（2026-10 实测）
   页面特有样式请写在本页内联 <style>，勿改本文件已定值
   ═══════════════════════════════════════════════════════════ */

:root{
  --red:#C11D22; --coral:#FF6752;
  --dark:#121613; --dark-2:#0E120F; --ink:#0f1310;
  --t-1:#DEDEDE; --t-2:#A0A0A0; --t-3:#7A7C7E;
  --line:rgba(255,255,255,.14);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
html,body{overflow-x:hidden;}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  background:var(--dark); color:var(--t-1); line-height:1.9;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.en{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
em{font-style:normal;color:var(--coral);}

/* ── 顶部导航（二级页变体：首页主导航居左栏，此处横排置顶） ── */
.pnav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  height:78px;padding:0 6vw;
  background:rgba(14,18,15,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pnav .logo{display:flex;align-items:center;gap:9px;}
.pnav .logo img{width:24px;height:24px;opacity:.9;}
.pnav .logo .t{font-weight:400;font-size:12.5px;color:rgba(255,255,255,.82);letter-spacing:.16em;line-height:1;}
.pnav-menu{display:flex;gap:26px;}
.pnav-menu a{font-size:13.5px;color:#9C9C9C;letter-spacing:.08em;white-space:nowrap;transition:color .3s;padding:4px 0;}
.pnav-menu a:hover{color:#fff;}
.pnav-menu a.on{color:#fff;font-weight:500;box-shadow:0 14px 0 -12px var(--red);}
.nav-right{display:flex;align-items:center;gap:18px;flex:none;}
.plang{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.85);}
.plang .flag{display:block;width:22px;height:15px;border-radius:1.5px;box-shadow:0 0 0 .5px rgba(255,255,255,.25);}
.nav-cta{font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:9px 22px;transition:.25s;}
.nav-cta:hover{border-color:var(--coral);color:var(--coral);}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:8px;}
.nav-burger i{display:block;width:22px;height:1.5px;background:#fff;}
.m-menu{display:none;position:fixed;top:78px;left:0;right:0;z-index:99;background:rgba(15,19,16,.97);backdrop-filter:blur(14px);padding:8px 6vw 22px;}
.m-menu.open{display:block;}
.m-menu a{display:block;padding:14px 0;color:rgba(255,255,255,.85);font-size:15px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.07);}
.m-menu a.on{color:#fff;}

/* ── 页头（替代旧版居中渐变 phead）：全宽暗图 + 大水印标题 ── */
.phead{position:relative;min-height:74vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);}
.phead .bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.phead .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,15,.55) 0%,rgba(14,18,15,.24) 45%,rgba(18,22,19,.94) 100%);}
.phead-inner{position:relative;z-index:2;width:100%;padding:170px 6vw 9vh 10vw;}
.wm{
  font-size:clamp(48px,7vw,110px);font-weight:300;color:#4A4747;
  letter-spacing:.01em;line-height:1.05;white-space:nowrap;
  margin-bottom:-.14em;position:relative;
}
.ch-cn{display:block;margin-top:8px;font-size:22px;font-weight:400;color:#fff;letter-spacing:.03em;position:relative;z-index:1;}
.phead .lede{margin-top:22px;max-width:760px;font-size:clamp(14px,1.2vw,16.5px);color:rgba(255,255,255,.66);letter-spacing:.04em;}
.phead .lede b{color:rgba(255,255,255,.92);font-weight:500;}

/* ── 章节容器（沿用首页 .chapter：左侧 10vw 版心通道） ── */
.sect{position:relative;padding:13vh 6vw 13vh 10vw;background:var(--dark);}
.sect.alt{background:var(--dark-2);}

/* 版块标题体系：EN 小 kicker + 中文细体大标 */
.kick{display:block;font-size:11px;color:#8d8181;letter-spacing:.3em;margin-bottom:20px;}
.s-title{font-size:clamp(26px,2.6vw,38px);font-weight:300;color:#fff;letter-spacing:.04em;line-height:1.3;}
.s-title b{font-weight:500;}
.s-head{max-width:860px;}
.s-head .s-sub{margin-top:16px;font-size:14.5px;color:var(--t-2);max-width:640px;}

/* ── 编号条目体系（源出首页屏3 sol：编号 28 / 标题 21 / 正文 14） ── */
.items{border-top:1px solid var(--line);}
.item{display:grid;grid-template-columns:15vw 1fr;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line);}
.item .num{font-size:28px;font-weight:400;color:var(--t-1);line-height:1.1;}
.item .num small{display:block;margin-top:10px;font-size:10px;line-height:1.8;color:var(--t-3);letter-spacing:.1em;}
.item h3{font-size:21px;font-weight:400;color:var(--t-1);letter-spacing:.02em;}
.item p{margin-top:10px;font-size:14px;line-height:1.9;color:var(--t-2);max-width:620px;}
.item p em{color:var(--coral);}

/* ── 词条带（首页屏4 svc-strip 同款） ── */
.strip{display:flex;justify-content:space-between;gap:2vw;margin-top:6vh;border-top:1px solid var(--line);padding-top:28px;flex-wrap:wrap;}
.strip span{font-size:17px;font-weight:500;color:#fff;letter-spacing:.02em;}
.strip span i{display:block;font-style:normal;margin-top:6px;font-size:12px;font-weight:400;color:var(--t-3);letter-spacing:.05em;}

/* ── 数字统计块（首页屏5 about-stats 同款） ── */
.stats{display:flex;gap:4vw;flex-wrap:wrap;margin-top:6vh;}
.stats .stat b{display:block;font-size:clamp(40px,4.5vw,64px);font-weight:200;color:#fff;line-height:1;letter-spacing:.02em;}
.stats .stat b i{font-style:normal;font-size:18px;font-weight:400;color:rgba(255,255,255,.55);margin-left:8px;}
.stats .stat span{display:block;margin-top:14px;font-size:13.5px;letter-spacing:.06em;color:rgba(255,255,255,.6);}

/* ── ghost pill 链接按钮（唯一按钮语言） ── */
.plink{display:inline-block;font-size:13.5px;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:12px 30px;letter-spacing:.06em;transition:.25s;}
.plink:hover{border-color:var(--coral);color:var(--coral);}
.plink.solid{background:var(--red);border-color:var(--red);}
.plink.solid:hover{background:#96141a;border-color:#96141a;color:#fff;}
.plink+.plink{margin-left:14px;}

/* ── 图注三层（首页屏2 sys-cap 同款：b 20 / span 13 / small 11） ── */
.cap3 b{display:block;font-size:20px;font-weight:500;color:#fff;letter-spacing:.03em;}
.cap3 span{display:block;margin-top:8px;font-size:13px;color:var(--t-2);line-height:1.8;}
.cap3 small{display:block;margin-top:6px;font-size:11px;color:var(--t-3);letter-spacing:.06em;}

/* ── 页脚（定稿一比一） ── */
footer{background:var(--ink);padding:80px 10vw 36px;}
.f-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
.f-logo{display:flex;align-items:center;gap:9px;}
.f-logo img{width:24px;height:24px;opacity:.9;}
.f-logo span{font-weight:400;font-size:12.5px;color:rgba(255,255,255,.82);letter-spacing:.16em;line-height:1;}
.f-big{margin-top:26px;font-size:clamp(14px,1.1vw,20px);font-weight:300;line-height:1;color:rgba(255,255,255,.9);letter-spacing:.3em;}
.f-sub{margin-top:20px;font-size:14px;letter-spacing:.05em;color:rgba(255,255,255,.62);}
.f-qr{display:flex;gap:44px;}
.f-qr .qritem{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.f-qr .qritem img{width:72px;height:72px;display:block;background:#fff;padding:4px;border-radius:8px;}
.f-qr .qritem span{font-size:12.5px;color:#fff;letter-spacing:.06em;}
.f-qr .qritem small{font-size:10.5px;color:#8d8181;letter-spacing:.05em;max-width:150px;line-height:1.7;}
.f-links{margin-top:58px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.f-links a{color:#fff;font-size:13.5px;letter-spacing:.08em;transition:color .25s;}
.f-links a:hover{color:var(--coral);}
.f-bottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#5f5656;}
.f-disclaimer{margin-top:14px;font-size:11px;color:#544c4c;line-height:1.9;max-width:980px;}

/* ═══════════════════════════════════════════════════════════
   二级页骨架 v2（鱼跃 yuwell.com/about 一比一，2026-10-18 定稿）
   ① 顶部干净：仅 logo（左）+ 语言/搜索（右），absolute 不固定
   ② hero 全宽暗图：页标题白 + 兄弟栏目灰列表压图左上（10vw/15vh，随页滚走）
   ③ 大水印从介绍区开始，全页左缘统一 10vw
   ═══════════════════════════════════════════════════════════ */

/* ── 顶部（定稿首页同款：透明、不固定、无横向菜单） ── */
header.top{position:absolute;top:0;left:0;right:0;z-index:50;background:transparent;}
.top .nav{display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 6vw 0 10vw;gap:30px;}
.top .logo{display:flex;align-items:center;gap:9px;}
.top .logo img{width:24px;height:24px;opacity:.9;}
.top .logo .t{font-weight:400;font-size:12.5px;color:rgba(255,255,255,.82);letter-spacing:.16em;line-height:1;}
.top .nav-right{display:flex;align-items:center;gap:22px;}
.top .lang{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.85);cursor:pointer;}
.top .lang .flag{display:block;width:22px;height:15px;border-radius:1.5px;box-shadow:0 0 0 .5px rgba(255,255,255,.25);}
.top .search{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:0;cursor:pointer;}
.top .search svg{width:19px;height:19px;stroke:rgba(255,255,255,.85);fill:none;stroke-width:1.6;stroke-linecap:round;}

/* ── hero（鱼跃同款：全宽暗图，页标题与兄弟栏目压图左上，不固定） ── */
.phero{position:relative;height:61vh;min-height:430px;overflow:hidden;background:var(--ink);}
.phero .bg{filter:brightness(.7) saturate(.82);}
.phero .bg img{filter:none;}
.phero .bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.phero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,15,.5) 0%,rgba(14,18,15,.16) 45%,rgba(18,22,19,.96) 100%);}
.pside{position:absolute;z-index:3;left:10vw;top:15vh;}
.pside .pt{font-size:clamp(18px,1.5vw,24px);font-weight:500;color:#fff;letter-spacing:.08em;margin-bottom:3vh;}
.pside nav{display:flex;flex-direction:column;}
.pside nav a{font-size:clamp(14px,1.1vw,17px);font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.1em;line-height:2.7;transition:color .3s;width:max-content;}
.pside nav a:hover{color:#fff;}
.pside .pcur,.ab-side .pcur{margin:-1.8vh 0 3vh;font-size:clamp(14px,1.05vw,16px);font-weight:500;color:#fff;letter-spacing:.14em;}

/* ── 版块容器 / EN 水印 / 中文标 / 箭头 / 准星线 ── */
.psect{position:relative;padding:13vh 6vw 13vh 10vw;background:var(--dark);}
.psect.alt{background:var(--dark-2);}
.pwm{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(34px,3.3vw,63px);font-weight:100;color:#686868;line-height:1.02;letter-spacing:.02em;text-transform:uppercase;}
.pcn{margin-top:24px;font-size:clamp(22px,1.9vw,36px);font-weight:500;color:#fff;letter-spacing:.05em;}
.parrow{display:block;width:44px;height:44px;margin-top:5vh;}
.parrow svg{width:100%;height:100%;stroke:rgba(255,255,255,.6);stroke-width:1.5;fill:none;}
.parrow.small{width:36px;height:36px;margin-top:3.4vh;}
.pcross{position:relative;height:1px;background:rgba(255,255,255,.12);margin-bottom:9vh;}
.pcross::before{content:"";position:absolute;left:0;top:-20px;width:1px;height:41px;background:rgba(255,255,255,.28);}
.pcross::after{content:"";position:absolute;left:-4px;top:-24px;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);}
.pkick{font-size:14px;color:#888888;font-weight:300;letter-spacing:.1em;}

/* ── 介绍区正文 ── */
.pintro .body{margin-top:6vh;max-width:820px;font-size:14.5px;color:var(--t-2);line-height:2.05;}
.pintro .body p+p{margin-top:16px;}
.pintro .body b{color:rgba(255,255,255,.92);font-weight:500;}

/* ── 图文双栏 ── */
.pduo{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:7vh;}
.pduo.flip .copy{order:2;}
.pduo .copy p{font-size:14.5px;color:var(--t-2);margin-top:14px;max-width:560px;}
.pduo .copy p b{color:rgba(255,255,255,.92);font-weight:500;}
.pduo .copy .points{margin-top:26px;display:grid;gap:12px;}
.pduo .copy .points span{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--t-2);}
.pduo .copy .points span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:10px;}
.pduo .img{width:100%;overflow:hidden;border-radius:2px;}
.pduo .img img{width:100%;height:100%;object-fit:cover;}
.pduo .img.r4{aspect-ratio:1.25/1;}
.pduo .img.r1{aspect-ratio:1.05/1;}

@media (max-width:1060px){
  .top .lang{display:none;}
}
@media (max-width:880px){
  .phero{height:52vh;min-height:360px;}
  .pside{top:14vh;}
  .psect{padding:10vh 6vw;}
  .pduo{grid-template-columns:1fr;gap:5vh;}
  .pduo.flip .copy{order:0;}
}

/* ── 渐入动效 ── */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease;}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.12s;}.rv.d2{transition-delay:.24s;}.rv.d3{transition-delay:.36s;}

/* ═══════════════════════════════════════════════════════════
   全屏二级栏目菜单（鱼跃 yuwell 一比一 · 2026-10-18 定稿）
   顶栏 logo + ×｜左列一级栏目（当前页白粗）｜中列二级栏目｜右侧全高品牌视觉+slogan
   ═══════════════════════════════════════════════════════════ */
.ovl{position:fixed;inset:0;z-index:200;background:rgba(10,13,11,.985);opacity:0;visibility:hidden;transition:opacity .38s ease,visibility 0s .38s;display:flex;flex-direction:column;}
.ovl.open{opacity:1;visibility:visible;transition:opacity .38s ease;}
.ovl-top{flex:none;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw 0 10vw;border-bottom:1px solid rgba(255,255,255,.07);}
.ovl-top .logo{display:flex;align-items:center;gap:9px;}
.ovl-top .logo img{width:24px;height:24px;opacity:.9;}
.ovl-top .logo .t{font-weight:400;font-size:12.5px;color:rgba(255,255,255,.82);letter-spacing:.16em;line-height:1;}
.ovl-x{width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;}
.ovl-x::before,.ovl-x::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:1.5px;background:rgba(255,255,255,.9);transition:transform .3s;}
.ovl-x::before{transform:rotate(45deg);}
.ovl-x::after{transform:rotate(-45deg);}
.ovl-x:hover::before,.ovl-x:hover::after{background:var(--coral);}
.ovl-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(190px,290px) minmax(280px,430px) 1fr;}
.ovl-pri{padding:9vh 0 6vh 10vw;display:flex;flex-direction:column;overflow-y:auto;}
.ovl-pri a{font-size:17px;font-weight:400;color:rgba(255,255,255,.42);letter-spacing:.08em;line-height:1;padding:15px 0;transition:color .25s;width:max-content;}
.ovl-pri a:hover,.ovl-pri a.hov,.ovl-pri a.on{color:#fff;font-weight:600;}
.ovl-sub{padding:9vh 3vw 6vh 4.5vw;border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;}
.ovl-sub .pane{display:none;}
.ovl-sub .pane.on{display:block;}
.ovl-sub .pane .s-kick{display:block;font-size:10.5px;letter-spacing:.26em;color:var(--t-3);margin-bottom:3vh;}
.ovl-sub .pane a{display:block;font-size:15.5px;font-weight:400;color:rgba(255,255,255,.62);letter-spacing:.06em;line-height:1;padding:13px 0;transition:color .25s,transform .25s;width:max-content;}
.ovl-sub .pane a:hover{color:#fff;transform:translateX(6px);}
.ovl-sub .pane a i{font-style:normal;font-size:11px;color:var(--t-3);margin-left:12px;letter-spacing:.12em;}
.ovl-visual{position:relative;overflow:hidden;background:var(--ink);}
.ovl-visual .bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.ovl-visual .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.92) 0%,rgba(10,13,11,.30) 38%,rgba(10,13,11,.12) 100%);}
.ovl-slogan{position:absolute;left:9%;bottom:22%;z-index:2;}
.ovl-slogan b{display:block;font-size:clamp(20px,2vw,30px);font-weight:500;color:rgba(255,255,255,.95);letter-spacing:.34em;}
.ovl-slogan span{display:block;margin-top:16px;font-size:11px;letter-spacing:.4em;color:rgba(255,255,255,.5);}
@media (max-width:1060px){
  .ovl-grid{grid-template-columns:minmax(170px,220px) 1fr;}
  .ovl-visual{display:none;}
}
@media (max-width:880px){
  .ovl-top{padding:0 6vw;}
  .ovl-grid{grid-template-columns:1fr;overflow-y:auto;display:block;}
  .ovl-pri{padding:5vh 6vw 2vh;overflow:visible;}
  .ovl-pri a{font-size:16px;padding:13px 0;}
  .ovl-sub{border-left:0;padding:2vh 6vw 8vh;overflow:visible;}
  .ovl-sub .pane a{font-size:14.5px;padding:11px 0;}
}

/* ── 手机壳截图组件（App 界面专属：视口段 + 深色壳，消除长图割裂） ── */
.phones{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:2.6vw;align-items:end;margin-top:7vh;}
.phone{margin:0;border-radius:36px;background:#0c0f0d;border:1px solid rgba(255,255,255,.16);padding:10px;box-shadow:0 36px 90px rgba(0,0,0,.62);}
.phone .scr{border-radius:27px;overflow:hidden;aspect-ratio:390/844;background:#fff;position:relative;}
.phone .scr img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.phone.sm{width:84%;}
.phone figcaption{padding:15px 6px 5px;font-size:12.5px;color:var(--t-2);text-align:center;letter-spacing:.05em;line-height:1.7;}
.phones.duo{grid-template-columns:minmax(260px,400px) 1fr;align-items:center;gap:5vw;}
@media (max-width:880px){
  .phones{grid-template-columns:1fr 1fr;gap:20px;}
  .phones.duo{grid-template-columns:1fr;gap:26px;}
  .phone.sm{width:100%;}
}
@media (max-width:560px){
  .phones{grid-template-columns:1fr;}
  .phone{max-width:300px;margin:0 auto;width:100%;}
}

/* ── 响应式（沿用首页断点） ── */
@media (max-width:1280px){
  .item{grid-template-columns:12vw 1fr;}
}
@media (max-width:1060px){
  .plang{display:none;}
  .pnav{padding:0 5vw;}
  .phead-inner{padding-left:7vw;}
  .sect{padding-left:7vw;}
  .item{grid-template-columns:80px 1fr;}
}
@media (max-width:880px){
  .pnav-menu{display:none;}
  .nav-burger{display:flex;}
  .phead{min-height:62vh;}
  .phead-inner{padding:130px 6vw 7vh 6vw;}
  .sect{padding:10vh 6vw;}
  .item{grid-template-columns:1fr;gap:8px;padding:24px 0;}
  .wm{white-space:normal;}
  .stats{gap:8vw;}
  .f-top{flex-direction:column;}
  .f-big{font-size:14px;letter-spacing:.22em;}
  .f-links{gap:22px;justify-content:flex-start;}
}
@media (max-width:560px){
  .f-bottom{font-size:10px;}
  .strip span{font-size:15px;}
  .ch-cn{font-size:18px;}
  .item h3{font-size:18px;}
}

/* ═══ 新闻文章页（news-0N.html） ═══ */
.na-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:#7A7C7E;letter-spacing:.1em;}
.na-meta .ntag{font-size:11px;padding:4px 12px;border:1px solid rgba(255,255,255,.18);color:#C9C9C9;letter-spacing:.14em;}
.na-hero{margin:5vh 10vw 0;}
.na-hero img{width:100%;display:block;aspect-ratio:16/7;object-fit:cover;}
.na-hero figcaption,.na-fig figcaption{font-size:12px;color:#686868;margin-top:10px;letter-spacing:.08em;}
.na-body{max-width:720px;margin:0 auto;padding:6vh 24px 0;}
.na-body p{font-size:15.5px;line-height:2.05;color:#B9BBB6;font-weight:300;margin:0 0 28px;text-align:justify;}
.na-body h2{font-size:20px;color:#EDEDEA;font-weight:500;margin:44px 0 20px;letter-spacing:.04em;}
.na-fig{margin:40px 0;}
.na-fig img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;}
.na-fig.slim img{max-width:360px;margin:0 auto;aspect-ratio:6/13;}
.na-fig.tall img{max-width:440px;margin:0 auto;aspect-ratio:auto;}
.na-quote{border-left:2px solid #FF6752;padding:6px 0 6px 22px;margin:36px 0;font-size:16px;color:#DEDEDE;line-height:1.9;font-weight:300;}
.na-back{display:inline-block;margin-top:24px;font-size:13px;color:#9C9C9C;text-decoration:none;letter-spacing:.1em;}
.na-back:hover{color:#fff;}
.na-pn{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);margin-top:8vh;padding-top:26px;max-width:720px;margin-left:auto;margin-right:auto;}
.na-pn a{max-width:46%;font-size:13.5px;color:#B9BBB6;text-decoration:none;line-height:1.7;}
.na-pn a:hover{color:#fff;}
.na-pn span{display:block;font-size:10px;color:#686868;letter-spacing:.2em;margin-bottom:8px;}
.na-pn .next{text-align:right;margin-left:auto;}
.na-endpad{height:10vh;}

/* ═══ 二级页 hero 联动 flyout（与首页同款交互） ═══ */
.sm-fly{position:absolute;min-width:300px;z-index:9;background:rgba(11,13,12,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);padding:20px 28px 16px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .22s,transform .22s,visibility .22s;}
.sm-fly.open{opacity:1;visibility:visible;transform:translateY(-50%);}
.sm-fly .kick{display:block;font-size:10px;letter-spacing:.24em;color:#7A7C7E;margin-bottom:8px;}
.sm-fly a{display:block;font-size:14px;color:#C9C9C9;text-decoration:none;padding:8px 0;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.05);}
.sm-fly a:last-child{border-bottom:0;}
.sm-fly a i{font-style:normal;font-size:10px;color:#686868;margin-left:12px;letter-spacing:.12em;}
.sm-fly a:hover{color:#fff;}

/* 品牌 logo：红色原标 + 鱼跃式克制（压亮降饱和，融入暗底） */
img[src*="logo.png"]{filter:brightness(.85) saturate(.85);}