/* ==========================================================================
   hzzy3a.cn  |  企业品牌官网样式表
   品牌规范：白底红字商务极简风  主色 #C8102E
   ========================================================================== */

:root{
  --brand:#C8102E;
  --brand-dark:#9E0B24;
  --brand-soft:#FDF4F5;
  --brand-line:#F0D8DC;

  --ink:#1A1A1A;
  --ink-2:#5A5F66;
  --ink-3:#6B7280;

  --line:#E8E8EA;
  --bg:#FFFFFF;
  --bg-soft:#F7F7F8;
  --bg-mid:#F1F1F3;

  --radius:4px;
  --radius-lg:6px;

  --wrap:1200px;
  --hd-h:76px;

  --shadow:0 2px 14px rgba(26,26,26,.06);
  --shadow-hv:0 10px 30px rgba(200,16,46,.12);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;}
body{
  margin:0;color:var(--ink);background:var(--bg);
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:15px;line-height:1.8;
  overflow-x:hidden;
}
img{max-width:100%;display:block;border:0;}
a{color:inherit;text-decoration:none;transition:color .2s;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
.only-pc{display:inline;}
.only-mb{display:none;}

/* ---------- 通用区块 ---------- */
.sec{padding:80px 0;}
.sec--soft{background:var(--bg-soft);}
.sec--tight{padding:60px 0;}

.sec-hd{text-align:center;margin-bottom:52px;}
.sec-hd--left{text-align:left;}
.sec-hd .en{
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:10px;
}
.sec-hd h2{
  font-size:34px;font-weight:700;letter-spacing:.5px;line-height:1.35;
  position:relative;display:inline-block;padding-bottom:18px;
}
.sec-hd h2::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:48px;height:3px;background:var(--brand);
}
.sec-hd--left h2::after{left:0;transform:none;}
.sec-hd p{margin-top:18px;color:var(--ink-2);font-size:15px;}
.sec-hd--light h2{color:#fff;}
.sec-hd--light .en{color:rgba(255,255,255,.6);}
.sec-hd--light p{color:rgba(255,255,255,.82);}
.sec-hd--light h2::after{background:#fff;}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 32px;border-radius:var(--radius);
  font-size:15px;font-weight:700;letter-spacing:.5px;
  border:1px solid transparent;transition:all .25s;
}
.btn--primary{background:var(--brand);color:#fff;}
.btn--primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-2px);}
.btn--ghost{border-color:#fff;color:#fff;}
.btn--ghost:hover{background:#fff;color:var(--brand);}
.btn--line{border-color:var(--brand);color:var(--brand);}
.btn--line:hover{background:var(--brand);color:#fff;}
.btn--sm{padding:9px 22px;font-size:14px;}

/* ---------- 顶栏 ---------- */
.topbar{background:var(--ink);color:rgba(255,255,255,.78);font-size:13px;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;}
.topbar a:hover{color:#fff;}
.topbar .tb-r{display:flex;gap:22px;align-items:center;}
.topbar .tb-tel{color:#fff;font-weight:700;letter-spacing:.5px;}

/* ---------- 头部 ---------- */
.header{
  position:sticky;top:0;z-index:900;background:#fff;
  border-bottom:1px solid var(--line);transition:box-shadow .25s;
}
.header.is-fix{box-shadow:0 2px 18px rgba(0,0,0,.07);}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hd-h);}

.logo{display:flex;align-items:center;gap:12px;}
.logo-img{height:46px;width:auto;display:block;}
.foot .logo-img{height:40px;background:#fff;padding:3px 6px;border-radius:8px;}
.logo-mark{
  width:44px;height:44px;flex:none;border-radius:var(--radius);
  background:var(--brand);color:#fff;font-weight:700;font-size:19px;
  display:flex;align-items:center;justify-content:center;letter-spacing:-1px;
}
.logo-txt strong{display:block;font-size:18px;font-weight:700;letter-spacing:.5px;line-height:1.25;white-space:nowrap;}
.logo-txt span{display:block;font-size:11px;color:var(--ink-3);letter-spacing:2.4px;text-transform:uppercase;}

.nav{display:flex;align-items:center;gap:2px;}
.nav > li{position:relative;}
.nav > li > a{
  display:block;padding:0 15px;height:var(--hd-h);line-height:var(--hd-h);
  font-size:15.5px;font-weight:500;position:relative;white-space:nowrap;
}
.nav > li > a::after{
  content:"";position:absolute;left:17px;right:17px;bottom:20px;height:2px;
  background:var(--brand);transform:scaleX(0);transition:transform .25s;
}
.nav > li > a:hover,.nav > li.on > a{color:var(--brand);}
.nav > li > a:hover::after,.nav > li.on > a::after{transform:scaleX(1);}

.drop{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
  min-width:230px;background:#fff;border-top:3px solid var(--brand);
  box-shadow:0 8px 30px rgba(0,0,0,.10);padding:10px 0;
  opacity:0;visibility:hidden;transition:all .22s;
}
.nav > li:hover .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.drop a{display:block;padding:9px 22px;font-size:14.5px;color:var(--ink-2);}
.drop a:hover{color:var(--brand);background:var(--brand-soft);}

.hd-cta{display:flex;align-items:center;gap:14px;}
.hd-tel{text-align:right;line-height:1.3;}
.hd-tel span{display:block;font-size:11.5px;color:var(--ink-3);letter-spacing:1px;}
.hd-tel strong{font-size:18px;color:var(--brand);letter-spacing:.5px;}

.burger{display:none;width:44px;height:44px;position:relative;}
.burger i{position:absolute;left:11px;width:22px;height:2px;background:var(--ink);transition:.25s;}
.burger i:nth-child(1){top:15px;}
.burger i:nth-child(2){top:21px;}
.burger i:nth-child(3){top:27px;}
.burger.on i:nth-child(1){top:21px;transform:rotate(45deg);}
.burger.on i:nth-child(2){opacity:0;}
.burger.on i:nth-child(3){top:21px;transform:rotate(-45deg);}

/* 移动端菜单 */
.mnav{
  position:fixed;top:0;right:-100%;width:82%;max-width:340px;height:100%;
  background:#fff;z-index:1000;box-shadow:-4px 0 30px rgba(0,0,0,.14);
  transition:right .3s;overflow-y:auto;padding-bottom:40px;
}
.mnav.on{right:0;}
.mnav-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);}
.mnav-hd b{font-size:16px;}
.mnav-close{font-size:26px;line-height:1;color:var(--ink-3);}
.mnav ul{padding:8px 0;}
.mnav > ul > li > a{display:block;padding:15px 22px;font-size:16px;font-weight:500;border-bottom:1px solid var(--line);}
.mnav > ul > li.on > a{color:var(--brand);}
.mnav .mnav-sub a{display:block;padding:11px 22px 11px 38px;font-size:14.5px;color:var(--ink-2);background:var(--bg-soft);border-bottom:1px solid var(--line);}
.mnav-foot{padding:22px;}
.mnav-foot .btn{width:100%;justify-content:center;}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:999;opacity:0;visibility:hidden;transition:.3s;}
.mask.on{opacity:1;visibility:visible;}

/* ---------- 首屏 ---------- */
.hero{position:relative;background:var(--ink);overflow:hidden;min-height:600px;display:flex;align-items:center;}
.hero-bg{position:absolute;inset:0;}
.hero-bg .slide{
  position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:0;transition:opacity 1s ease;
}
/* 遮罩下沉到每一帧自身：普通帧用深色渐变保证白色文案可读 */
.hero-bg .slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(12,12,14,.90) 0%,rgba(12,12,14,.72) 48%,rgba(12,12,14,.35) 100%);
}
.hero-bg .slide.on{opacity:1;}
/* 海报帧：自带文案的横幅海报（100+ 顾问师），撤掉黑罩、完整展示 */
.hero-bg .slide--poster{
  background-color:#edf3f8;
  background-size:contain;
}
.hero-bg .slide--poster::after{background:none;}
/* 轮播封面：桌面用横幅大图，移动端（≤768px）切换为手机版方形封面 */
.bg-h1{background-image:url('img/hero-1.webp');}
.bg-h2{background-image:url('img/hero-2.webp');}
.bg-h3{background-image:url('img/hero-3.webp');}
.bg-h4{background-image:url('img/hero-4.webp');}
@media (max-width:768px){
  .bg-h1{background-image:url('img/hero-1m.webp');}
  .bg-h2{background-image:url('img/hero-2m.webp');}
  .bg-h3{background-image:url('img/hero-3m.webp');}
  .bg-h4{background-image:url('img/hero-4m.webp');}
}
.hero-in{position:relative;z-index:2;width:100%;padding:110px 0 96px;color:#fff;transition:opacity .6s ease;}
/* 海报帧激活时隐去左侧文案与按钮，让海报独占首屏 */
.hero.poster-on .hero-in{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s;}
.hero-tag{
  display:inline-block;padding:5px 15px;border:1px solid rgba(255,255,255,.4);
  border-radius:100px;font-size:13px;letter-spacing:2.5px;margin-bottom:24px;color:rgba(255,255,255,.9);
}
.hero h1{font-size:52px;font-weight:700;line-height:1.28;letter-spacing:1px;max-width:760px;}
.hero h1 em{font-style:normal;color:#FF6B7E;}
.hero-sub{margin-top:24px;font-size:18px;color:rgba(255,255,255,.82);max-width:640px;line-height:1.85;}
.hero-btns{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap;}
.hero-dots{position:absolute;left:0;right:0;bottom:118px;z-index:3;display:flex;justify-content:center;gap:10px;}
.hero-dots i{width:30px;height:3px;background:rgba(255,255,255,.35);cursor:pointer;transition:.3s;}
.hero-dots i.on{background:var(--brand);}
.hero.poster-on .hero-dots i:not(.on){background:rgba(31,35,40,.22);}

/* 数据条 */
.stats{background:#fff;border-bottom:1px solid var(--line);}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
/* 数据条透明压在轮播底部（首页） */
.hero-stats{
  position:absolute;left:0;right:0;bottom:0;z-index:4;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.55);
}
.hero-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
.hero-stats .stat{padding:24px 20px;border-right:1px solid rgba(31,35,40,.08);}
.hero-stats .stat b{font-size:34px;}
.hero-stats .stat span{font-size:13px;}
.stat{padding:38px 20px;text-align:center;border-right:1px solid var(--line);}
.stat:last-child{border-right:0;}
.stat b{display:block;font-size:44px;font-weight:700;color:var(--brand);line-height:1;letter-spacing:-1px;}
.stat b em{font-style:normal;font-size:20px;margin-left:2px;}
.stat span{display:block;margin-top:10px;font-size:14px;color:var(--ink-2);letter-spacing:.5px;}

/* ---------- 卡片网格 ---------- */
.grid{display:grid;gap:26px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.g5{grid-template-columns:repeat(5,1fr);}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:34px 30px;transition:all .28s;position:relative;overflow:hidden;
}
.card::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hv);border-color:var(--brand-line);}
.card:hover::before{transform:scaleX(1);}
.card .ico{
  width:52px;height:52px;border-radius:var(--radius);background:var(--brand-soft);
  color:var(--brand);display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:700;margin-bottom:20px;transition:.28s;
}
.card:hover .ico{background:var(--brand);color:#fff;}
.card h3{font-size:19px;font-weight:700;margin-bottom:12px;line-height:1.45;}
.card p{font-size:14.5px;color:var(--ink-2);line-height:1.8;min-height:52px;}
.card .more{
  display:inline-flex;align-items:center;gap:6px;margin-top:20px;
  font-size:14px;font-weight:700;color:var(--brand);
}
.card .more::after{content:"→";transition:transform .25s;}
.card:hover .more::after{transform:translateX(5px);}

/* ---------- 核心优势 ---------- */
.adv{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start;}
.adv-l h2{font-size:36px;font-weight:700;line-height:1.4;}
.adv-l .line{width:48px;height:3px;background:var(--brand);margin:22px 0 24px;}
.adv-l p{color:var(--ink-2);font-size:15px;}
.adv-l .btn{margin-top:34px;}
.adv-r li{display:flex;gap:24px;padding:26px 0;border-bottom:1px dashed var(--line);}
.adv-r li:first-child{padding-top:6px;}
.adv-r .no{
  flex:none;font-size:26px;font-weight:700;color:var(--brand);opacity:.28;
  line-height:1.1;font-family:Georgia,serif;width:52px;
}
.adv-r h4{font-size:17px;font-weight:700;margin-bottom:8px;}
.adv-r p{font-size:14.5px;color:var(--ink-2);}

/* ---------- 行业标签 ---------- */
.tags{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.tags a{
  display:block;text-align:center;padding:20px 8px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);font-size:14.5px;
  color:var(--ink-2);transition:.25s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tags a:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-3px);}

/* ---------- 案例图文卡 ---------- */
.case{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:.28s;display:flex;flex-direction:column;}
.case:hover{transform:translateY(-5px);box-shadow:var(--shadow-hv);}
.case .pic{position:relative;}
.case .body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column;}
.case .body h3{font-size:17px;font-weight:700;line-height:1.55;margin-bottom:12px;}
.case .body p{font-size:14px;color:var(--ink-2);flex:1;}
.case .tagline{display:inline-block;font-size:12px;color:var(--brand);background:var(--brand-soft);padding:3px 10px;border-radius:2px;margin-bottom:14px;align-self:flex-start;}

/* ---------- 数据横幅（红底） ---------- */
.band{background:var(--brand);color:#fff;padding:64px 0;}
.band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.band b{display:block;font-size:42px;font-weight:700;line-height:1;letter-spacing:-1px;}
.band b em{font-style:normal;font-size:19px;margin-left:2px;}
.band span{display:block;margin-top:12px;font-size:14.5px;color:rgba(255,255,255,.85);}

/* ---------- Logo 墙 ---------- */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.logos .item{
  height:84px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;padding:10px 14px;
  color:var(--ink-3);font-size:13px;transition:.25s;
}
.logos .item img{max-width:100%;max-height:100%;object-fit:contain;}
.logos .item:hover{border-color:var(--brand);box-shadow:var(--shadow);}
/* logo 墙默认只展示前 24 家，点击按钮展开全部 */
.logos.collapsed .item:nth-child(n+25){display:none;}

/* ---------- 见证 tabs ---------- */
.tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.tabs button{
  padding:10px 24px;font-size:14.5px;color:var(--ink-2);
  border:1px solid var(--line);border-radius:100px;background:#fff;transition:.25s;
}
.tabs button.on,.tabs button:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.tabpane{display:none;}
.tabpane.on{display:block;}

/* ---------- 师资 ---------- */
.teacher{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:.28s;text-align:center;}
.teacher:hover{transform:translateY(-5px);box-shadow:var(--shadow-hv);}
.teacher .body{padding:22px 18px 24px;}
.teacher h4{font-size:17px;font-weight:700;}
.teacher span{display:block;font-size:13px;color:var(--ink-3);margin-top:6px;}
.teacher p{font-size:13.5px;color:var(--ink-2);margin-top:14px;text-align:left;}
/* 顾问团队：圆形头像卡 */
.consultant{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 14px 22px;text-align:center;transition:.28s;}
.consultant:hover{transform:translateY(-5px);box-shadow:var(--shadow-hv);border-color:var(--brand-line);}
.consultant .c-ph{width:118px;height:118px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid var(--brand-soft);}
.consultant .c-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.consultant h4{font-size:16px;font-weight:700;}
.consultant span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:6px;letter-spacing:2px;}
/* 顾问折叠：默认 3 行，底部渐隐；展开高度由 JS 精确计算 */
.consultant-cols .consultant-fold{overflow:hidden;position:relative;transition:max-height .55s ease;}
.consultant-fold::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:130px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 92%);
  pointer-events:none;opacity:1;transition:opacity .35s ease;
}
.consultant-cols.open .consultant-fold::after{opacity:0;}
.consultant-cols.open ~ .consultant-end .fold-dots{display:none;}
.consultant-end{margin-top:40px;text-align:center;}
.fold-dots{display:block;font-size:30px;line-height:1;color:var(--brand);opacity:.28;letter-spacing:8px;margin-bottom:20px;user-select:none;}
.sec-hd h2 .dots{font-style:normal;color:var(--brand);margin-left:2px;}

/* ---------- 新闻 ---------- */
.news-col h3{
  font-size:19px;font-weight:700;padding-bottom:16px;margin-bottom:8px;
  border-bottom:2px solid var(--brand);display:flex;justify-content:space-between;align-items:baseline;
}
.news-col h3 a{font-size:13px;font-weight:400;color:var(--ink-3);}
.news-col li{padding:20px 0;border-bottom:1px solid var(--line);}
.news-col li:last-child{border-bottom:0;}
.news-col li a{display:block;font-size:15px;font-weight:500;line-height:1.6;}
.news-col li a:hover{color:var(--brand);}
.news-col time{display:block;font-size:13px;color:var(--ink-3);margin-top:8px;}

/* ---------- 页脚 ---------- */
.foot{background:var(--ink);color:rgba(255,255,255,.66);padding:70px 0 0;font-size:14px;}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:52px;}
.foot h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:22px;}
.foot li{margin-bottom:12px;}
.foot a:hover{color:#fff;}
.foot .f-brand .logo-txt strong{color:#fff;}
.foot .f-brand .logo-txt span{color:rgba(255,255,255,.45);}
.foot .f-brand p{margin-top:22px;line-height:1.9;font-size:13.5px;color:rgba(255,255,255,.55);}
.foot .f-tel b{display:block;font-size:25px;color:#fff;letter-spacing:.5px;line-height:1.2;}
.foot .f-tel span{display:block;font-size:12.5px;color:rgba(255,255,255,.45);margin-top:8px;}
.foot .f-qr{width:112px;height:112px;margin-top:16px;}
.foot .f-qr img{width:100%;height:100%;object-fit:contain;border-radius:6px;background:#fff;display:block;}
/* 联系页二维码 */
.qr-item img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;display:block;}

/* 关于页配图 */
.about-pic{margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 14px 40px rgba(31,35,40,.14);}
.about-pic img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;}

/* ---------- 管理智慧 ---------- */
.wis-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px;}
.wis-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.wis-tabs button{
  padding:9px 22px;border:1px solid var(--line);background:#fff;border-radius:999px;
  font-size:14.5px;color:var(--ink-2);cursor:pointer;transition:.2s;
}
.wis-tabs button:hover{border-color:var(--brand);color:var(--brand);}
.wis-tabs button.on{background:var(--brand);border-color:var(--brand);color:#fff;}
.wis-search input{
  width:260px;max-width:70vw;padding:10px 16px;border:1px solid var(--line);border-radius:999px;
  font-size:14px;outline:none;transition:.2s;background:#fff;
}
.wis-search input:focus{border-color:var(--brand);}
.art-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.art-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;display:flex;flex-direction:column;gap:10px;transition:.25s;
}
.art-item:hover{border-color:var(--brand);box-shadow:0 6px 22px rgba(31,35,40,.10);transform:translateY(-2px);}
.art-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3);}
.art-tag{display:inline-block;padding:3px 10px;background:rgba(200,16,46,.07);color:var(--brand);border-radius:4px;font-weight:600;}
.art-item h3{font-size:17px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-item p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-more{margin-top:auto;font-size:13px;color:var(--brand);font-weight:600;}
/* 著作列表卡片：封面缩略图 */
.art-item.has-thumb{flex-direction:row;gap:18px;align-items:center;}
.art-item-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;}
.art-item .art-thumb{
  flex:none;width:86px;height:auto;border-radius:8px;
  border:1px solid var(--line);box-shadow:0 4px 12px rgba(31,35,40,.10);
}
@media (max-width:600px){.art-item .art-thumb{width:62px;}}
.wis-empty{text-align:center;color:var(--ink-3);padding:60px 0;font-size:15px;}
.wis-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;flex-wrap:wrap;}
.wis-pager button{
  min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;
  border-radius:8px;cursor:pointer;font-size:14px;transition:.2s;
}
.wis-pager button:hover:not(:disabled){border-color:var(--brand);color:var(--brand);}
.wis-pager button.on{background:var(--brand);border-color:var(--brand);color:#fff;}
.wis-pager button:disabled{opacity:.4;cursor:default;}
.wis-pager i{color:var(--ink-3);font-style:normal;}
/* 静态分页（SEO 计划 S2-3：分页导航是真链接，可直接抓取） */
.wis-pager a,
.wis-pager span.pg-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;
  border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;transition:.2s;
}
.wis-pager a:hover{border-color:var(--brand);color:var(--brand);}
.wis-pager span.pg-btn.on{background:var(--brand);border-color:var(--brand);color:#fff;}
.wis-pager span.pg-btn.is-dis{opacity:.4;}
.list-note{display:none;text-align:center;font-size:13px;color:var(--ink-3);margin:16px 0 0;}
/* 文章详情 */
.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:44px 52px;max-width:920px;margin:0 auto;}
.article-loading{text-align:center;color:var(--ink-3);padding:60px 0;}
.article-head h1{font-size:26px;line-height:1.5;margin:14px 0 12px;}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);padding-bottom:20px;border-bottom:1px solid var(--line);}
/* 历史存档资料标记与提示条（2026-10-14 内容治理） */
.arch-flag{display:inline-flex;align-items:center;padding:1px 10px;border:1px solid #b8860b;border-radius:999px;color:#8a6300;font-size:12px;background:#fdf6e3;}
.arch-note{margin-top:18px;padding:12px 16px;border-left:3px solid #b8860b;background:#fdf6e3;color:#6b5400;font-size:13.5px;line-height:1.8;border-radius:0 6px 6px 0;}
.article-body{padding-top:26px;font-size:15.5px;line-height:1.95;color:var(--ink);}
.article-body p{margin:0 0 18px;}
.article-link{margin-top:30px;}
.article-nav{max-width:920px;margin:26px auto 0;display:flex;gap:14px;}
.article-nav .pn{
  flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 18px;display:flex;flex-direction:column;gap:6px;min-width:0;
}
.article-nav a.pn{transition:.2s;}
.article-nav a.pn:hover{border-color:var(--brand);}
.article-nav a.pn:hover b{color:var(--brand);}
.article-nav .pn span{font-size:12px;color:var(--ink-3);}
.article-nav .pn b{font-size:13.5px;color:var(--ink-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.article-nav .pn.next{text-align:right;}

/* ---------- 资质荣誉（连续流式网格） ---------- */
.honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.honor-sec{
  grid-column:1/-1;display:flex;align-items:baseline;gap:12px;
  border-bottom:2px solid var(--brand);padding-bottom:12px;margin-bottom:4px;
}
.honor-sec:not(:first-child){margin-top:22px;}
.honor-sec h3{font-size:21px;font-weight:700;}
.honor-item{
  margin:0;height:210px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  cursor:zoom-in;transition:.25s;
}
.honor-item img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.honor-item:hover{border-color:var(--brand);box-shadow:0 6px 22px rgba(31,35,40,.10);transform:translateY(-2px);}
/* 折叠：默认露出「作品资质」标题与前两行，底部渐隐；展开高度由 JS 精确计算 */
.honor-fold{overflow:hidden;position:relative;max-height:520px;transition:max-height .55s ease;}
.honor-fold::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:96px;
  background:linear-gradient(180deg,rgba(247,247,248,0) 0%,var(--bg-soft) 92%);
  pointer-events:none;opacity:1;transition:opacity .35s ease;
}
.honor-cols.open .honor-fold::after{opacity:0;}
/* 展开后的收尾 */
.honor-end{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);text-align:center;}

/* 灯箱 */
.lightbox{position:fixed;inset:0;z-index:2000;background:rgba(12,14,16,.86);display:none;align-items:center;justify-content:center;padding:40px;cursor:zoom-out;}
.lightbox.on{display:flex;}
.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;background:#fff;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.lightbox-close{position:absolute;top:18px;right:26px;font-size:34px;color:#fff;line-height:1;cursor:pointer;user-select:none;}
.foot-bot{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 28px;font-size:13px;color:rgba(255,255,255,.4);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.foot-bot a{color:rgba(255,255,255,.55);}
.foot-bot a:hover{color:#fff;}

/* ---------- 右侧浮动 ---------- */
.float{position:fixed;right:16px;bottom:80px;z-index:800;display:flex;flex-direction:column;gap:8px;}
.float a,.float button{
  width:52px;height:52px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink-2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:11px;transition:.25s;position:relative;
}
.float a:hover,.float button:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.float .i{font-size:17px;line-height:1;margin-bottom:2px;font-weight:700;}

/* ---------- 图片占位 ---------- */
.ph{
  position:relative;background:#F2F2F4;
  background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.022) 0 12px,transparent 12px 24px);
  border:1px dashed #CFCFD6;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  color:#9A9AA4;font-size:12.5px;line-height:1.7;padding:14px;gap:4px;
}
.ph b{color:#6E7079;font-weight:700;font-size:13px;}
.ph .dim{color:#A9A9B2;}
.ph--hero{position:absolute;inset:0;border:0;}
.ph--16x9{aspect-ratio:16/9;}
.ph--4x3{aspect-ratio:4/3;}
.ph--1x1{aspect-ratio:1/1;}
.ph--banner{aspect-ratio:1000/320;}
.ph--partner{aspect-ratio:3/4;}

/* ---------- 内页 banner ---------- */
.pbanner{background:var(--ink);color:#fff;padding:88px 0 76px;position:relative;overflow:hidden;}
.pbanner::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(200,16,46,.16);}
.pbanner .wrap{position:relative;z-index:2;}
.pbanner h1{font-size:38px;font-weight:700;letter-spacing:1px;}
.pbanner p{margin-top:16px;font-size:15.5px;color:rgba(255,255,255,.7);max-width:680px;}
.crumb{margin-top:26px;font-size:13.5px;color:rgba(255,255,255,.45);}
.crumb a:hover{color:#fff;}
.crumb i{font-style:normal;margin:0 8px;}

/* ---------- 内页内容通用 ---------- */
.prose h3{font-size:20px;font-weight:700;margin:34px 0 14px;}
.prose p{color:var(--ink-2);margin-bottom:14px;}
.prose ul{margin:0 0 16px;padding-left:0;}
.prose ul li{position:relative;padding-left:20px;color:var(--ink-2);margin-bottom:9px;}
.prose ul li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;background:var(--brand);border-radius:1px;}

.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;}
.contact-list li{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);}
.contact-list .k{flex:none;width:96px;color:var(--ink-3);font-size:14px;}
.contact-list .v{font-size:16px;font-weight:500;}
.contact-list .v b{color:var(--brand);font-size:19px;}

.form-row{margin-bottom:18px;}
.form-row label{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:8px;}
.form-row label i{color:var(--brand);font-style:normal;margin-right:4px;}
.form-row input,.form-row select,.form-row textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);
  font-family:inherit;font-size:14.5px;color:var(--ink);background:#fff;transition:.2s;
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);}
.form-row textarea{resize:vertical;min-height:118px;}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

.note{
  background:var(--brand-soft);border-left:3px solid var(--brand);
  padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;
  font-size:13.5px;color:var(--ink-2);margin:26px 0;
}

/* 筛选 */
.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;justify-content:center;}
.filter button{padding:9px 22px;font-size:14px;border:1px solid var(--line);border-radius:100px;color:var(--ink-2);background:#fff;transition:.25s;}
.filter button.on,.filter button:hover{background:var(--brand);color:#fff;border-color:var(--brand);}

/* 分页 */
.pager{display:flex;justify-content:center;gap:8px;margin-top:52px;}
.pager a{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink-2);transition:.25s;}
.pager a:hover,.pager a.on{background:var(--brand);color:#fff;border-color:var(--brand);}

/* 进场动画 */
/* ==========================================================================
   进场动画（2026-10-12 重做：改为纯 CSS animation，不再依赖 JS/IO）
   旧方案「.rv 初始 opacity:0 + IntersectionObserver 加 .in」过于脆弱：
   IO 漏判（折叠容器内）、JS 加载时序、缓存错配，任何一环失败都会让
   整块内容停留在透明状态（首页中部区块、顾问 53 张头像均曾因此空白）。
   新方案：元素渲染即自动播放 animation，CSS 层面保证最终一定可见；
   支持 animation-timeline 的浏览器额外获得"滚动到才渐入"效果，不支持的
   浏览器直接可见 —— 任何情况下都不会出现内容丢失。
   ========================================================================== */
.js .rv{animation:rvIn .7s ease both;}
@keyframes rvIn{
  from{opacity:0;transform:translateY(26px);}
  to{opacity:1;transform:none;}
}
/* 注意：不再使用 animation-timeline: view() 滚动驱动。
   实测它会带来两类严重问题：① tab 切换后新显示的元素时间线不推进，
   停留在透明状态（客户荣誉证书/感谢信 tab "打不开"）；② 元素长期带
   translateY 偏移，折叠面板按 getBoundingClientRect 计算高度时失准，
   导致折叠展开异常。一次性播放动画无这些问题。 */

/* ---------- 内页补充组件 ---------- */

/* 发展历程时间轴 */
.timeline{position:relative;padding-left:34px;}
.timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--line);}
.timeline li{position:relative;padding-bottom:36px;}
.timeline li:last-child{padding-bottom:0;}
.timeline li::before{
  content:"";position:absolute;left:-34px;top:6px;width:18px;height:18px;
  border-radius:50%;background:#fff;border:3px solid var(--brand);
}
.timeline b{display:block;font-size:20px;font-weight:700;color:var(--brand);letter-spacing:.5px;}
.timeline p{color:var(--ink-2);font-size:14.5px;margin-top:6px;}

/* 课程 / 产品表格 */
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;}
.tbl th{background:var(--brand);color:#fff;padding:14px 16px;text-align:left;font-weight:700;white-space:nowrap;}
.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-2);}
.tbl tr:hover td{background:var(--brand-soft);}
.tbl td strong{color:var(--ink);}

/* 详情条目（产品/课程详情） */
.item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;margin-bottom:24px;transition:.28s;}
.item:hover{border-color:var(--brand-line);box-shadow:var(--shadow);}
.item-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px;}
.item-hd h3{font-size:22px;font-weight:700;}
.item-hd .sub{font-size:14px;color:var(--ink-3);margin-top:8px;}
.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;}
.item-grid .row{display:flex;gap:12px;font-size:14.5px;padding:8px 0;border-bottom:1px dashed var(--line);}
.item-grid .row .k{flex:none;width:88px;color:var(--ink-3);}
.item-grid .row .v{color:var(--ink);}

/* 地图占位 */
.map-box{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;}

/* CTA 条 */
.cta{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
.cta h3{font-size:24px;font-weight:700;letter-spacing:.5px;}
.cta p{color:rgba(255,255,255,.68);font-size:14.5px;margin-top:10px;}
.cta .btn--primary{background:var(--brand);}
.cta .btn--primary:hover{background:#fff;color:var(--brand);}

/* 详情正文图示 */
.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;}
.prose-grid.rev > .prose{order:2;}

@media (max-width:768px){
  .item{padding:24px 20px;}
  .item-hd h3{font-size:19px;}
  .item-grid{grid-template-columns:1fr;}
  .cta{padding:30px 24px;}
  .cta h3{font-size:19px;}
  .prose-grid{grid-template-columns:1fr;gap:24px;}
  .prose-grid.rev > .prose{order:0;}
  .tbl{font-size:13.5px;}
  .tbl th,.tbl td{padding:11px 10px;}
}

@media (max-width:1200px){
  .nav > li > a{padding:0 13px;font-size:15px;}
  .tags{grid-template-columns:repeat(5,1fr);}
}
@media (max-width:1080px){
  .hero h1{font-size:42px;}
  .hero{min-height:520px;}
  .adv{grid-template-columns:1fr;gap:40px;}
  .foot-top{grid-template-columns:1fr 1fr 1fr;gap:34px;}
  .logos{grid-template-columns:repeat(4,1fr);}
  .g4{grid-template-columns:repeat(2,1fr);}
  .g5{grid-template-columns:repeat(3,1fr);}
  .tags{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:900px){
  .nav,.hd-tel{display:none;}
  .burger{display:block;}
  .g3{grid-template-columns:repeat(2,1fr);}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:768px){
  .only-pc{display:none!important;}
  .only-mb{display:inline!important;}
  .sec{padding:56px 0;}
  .sec-hd{margin-bottom:36px;}
  .sec-hd h2{font-size:26px;}
  .sec-hd p{font-size:14px;}
  .hero-in{padding:76px 0 68px;}
  /* 手机上海报改为中心裁切，正好露出中间「100+ 实战派精益顾问师」主文案 */
  .hero-bg .slide--poster{background-size:cover;}
  .hero h1{font-size:31px;letter-spacing:0;}
  .hero-sub{font-size:15.5px;margin-top:18px;}
  .hero-btns{margin-top:30px;gap:12px;}
  .hero-btns .btn{padding:12px 24px;font-size:14.5px;}
  .stats .wrap{grid-template-columns:repeat(2,1fr);}
  .stat{padding:26px 12px;border-bottom:1px solid var(--line);}
  .honor-grid{grid-template-columns:repeat(2,1fr);}
  .honor-item{height:150px;}
  .honor-sec h3{font-size:18px;}
  .art-list{grid-template-columns:1fr;}
  .article{padding:26px 20px;}
  .wis-bar{flex-direction:column;align-items:stretch;}
  .hero-stats .wrap{grid-template-columns:repeat(2,1fr);}
  .hero-stats .stat{padding:16px 10px;border-bottom:1px solid rgba(31,35,40,.06);}
  .hero-stats .stat b{font-size:26px;}
  .hero-stats .stat span{font-size:12px;}
  .hero-dots{bottom:96px;}
  .stat:nth-child(2n){border-right:0;}
  .stat b{font-size:32px;}
  .stat span{font-size:13px;}
  .band .wrap{grid-template-columns:repeat(2,1fr);gap:30px 12px;}
  .band b{font-size:30px;}
  .g2,.g3,.g4,.g5{grid-template-columns:1fr;}
  .tags{grid-template-columns:repeat(2,1fr);}
  .logos{grid-template-columns:repeat(3,1fr);}
  .pbanner{padding:56px 0 50px;}
  .pbanner h1{font-size:27px;}
  .pbanner p{font-size:14.5px;}
  .foot{padding-top:52px;}
  .foot-top{grid-template-columns:1fr;gap:30px;padding-bottom:36px;}
  .foot-bot{flex-direction:column;gap:8px;}
  .float{bottom:60px;right:10px;}
  .float a,.float button{width:46px;height:46px;font-size:10px;}
  .form-2{grid-template-columns:1fr;}
  .adv-r li{gap:16px;padding:20px 0;}
  .adv-r .no{width:38px;font-size:22px;}
  .adv-l h2{font-size:27px;}
  .card{padding:26px 22px;}
  .wrap{padding:0 18px;}
  .tabs{gap:6px;}
  .tabs button{padding:8px 16px;font-size:13.5px;}
}

/* ---------- 最新动态 ---------- */
.news-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px;}
.news-bar .wis-search{flex:0 1 300px;}
.news-year{border:1px solid var(--line);border-radius:4px;padding:11px 14px;font-size:14px;color:var(--ink);background:#fff;cursor:pointer;}
.news-year:focus{border-color:var(--brand);outline:none;}
.news-count{font-size:13.5px;color:var(--ink-3);margin-bottom:18px;}
/* 纯文字新闻列表（无图、无摘要，只留标题+日期） */
.news-list{border-top:1px solid var(--line);}
.news-item{
  display:flex;align-items:center;gap:16px;padding:17px 14px 17px 6px;
  border-bottom:1px solid var(--line);transition:.22s ease;
}
.news-item .ndot{
  flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--brand);
  opacity:.30;transition:.22s ease;
}
.news-item h3{
  flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.6;color:var(--ink);
  transition:.22s ease;
}
.news-item time{
  flex:0 0 auto;font-size:13px;color:var(--ink-3);white-space:nowrap;
  font-variant-numeric:tabular-nums;letter-spacing:.3px;
}
.news-item .news-cat{
  flex:0 0 auto;font-size:12px;padding:2px 9px;border-radius:4px;white-space:nowrap;
  background:rgba(200,16,46,.07);color:var(--brand);font-weight:600;
}
/* 列表分页器（管理智慧 / 最新动态共用） */
.wis-pager:empty{display:none;margin:0;}
.wis-pager em{font-style:normal;font-size:13px;color:var(--ink-3);margin:0 4px 0 0;}
.news-item:hover{background:var(--brand-soft);padding-left:16px;}
.news-item:hover .ndot{opacity:1;}
.news-item:hover h3{color:var(--brand);}
/* 正文配图 */
.news-fig{margin:24px 0;text-align:center;}
.news-fig img{max-width:100%;height:auto;border-radius:6px;display:inline-block;}
.article-body .news-fig img{box-shadow:0 6px 22px rgba(31,35,40,.08);}
@media (max-width:768px){
  .news-bar{flex-direction:column;align-items:stretch;}
  .news-bar .wis-search{flex:1 1 auto;}
  .news-item{padding:14px 8px 14px 2px;gap:11px;}
  .news-item h3{font-size:14.5px;}
  .news-item time{font-size:12px;}
  .news-item .news-cat{display:none;}
  .wis-pager button{min-width:34px;height:34px;padding:0 9px;font-size:13px;}
  .article-body{font-size:15px;}
}

/* 正文富文本（表格 / 列表 / 引用） */
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:24px;}
.article-body li{margin-bottom:8px;line-height:1.85;}
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.article-body th{background:var(--bg-soft);font-weight:700;}
.article-body h4{font-size:17px;margin:26px 0 14px;font-weight:700;}
.article-body blockquote{margin:20px 0;padding:12px 18px;border-left:3px solid var(--brand);background:var(--brand-soft);color:var(--ink-2);}
.article-body mark{background:#FFF3C4;padding:0 2px;}

/* ---------- 客户改善案例（纯文字链接 + 详情页） ---------- */
.case-search input{
  width:300px;max-width:100%;padding:11px 18px;border:1px solid var(--line);border-radius:999px;
  font-size:14px;outline:none;transition:.2s;background:#fff;
}
.case-search input:focus{border-color:var(--brand);}
.case-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.case-link{
  display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:15px 18px;transition:.22s ease;
}
.case-link .no{
  flex:0 0 auto;margin-left:0;font-size:13px;font-weight:800;color:var(--brand);
  font-variant-numeric:tabular-nums;letter-spacing:.5px;opacity:.85;
}
.case-link b{flex:1 1 auto;font-size:15px;font-weight:600;color:var(--ink);transition:.22s ease;text-align:left;}
.case-link .area{
  flex:0 0 auto;margin-left:auto;font-size:12.5px;color:var(--ink-3);white-space:nowrap;text-align:right;
}
.case-link:hover{border-color:var(--brand);box-shadow:var(--shadow-hv);transform:translateY(-2px);}
.case-link:hover b{color:var(--brand);}
/* 详情页案例图 */
.case-figure{margin:28px 0 8px;text-align:center;}
.case-figure img{
  width:100%;max-width:880px;height:auto;border:1px solid var(--line);border-radius:6px;
  box-shadow:0 6px 22px rgba(31,35,40,.08);display:inline-block;background:#fff;
}
@media (max-width:992px){
  .case-links{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .case-links{grid-template-columns:1fr;}
  .case-link .area{display:none;}
  .case-figure img{max-width:100%;}
}

/* ---------- 案例详情：图片右浮动，正文环绕 ---------- */
.case-lead{margin:14px 0 0;font-size:15px;line-height:1.85;color:var(--ink-2);}
.case-layout{margin-top:30px;}
.case-layout::after{content:"";display:table;clear:both;}
.case-main{min-width:0;}

/* 内容块之间保持宽松间距 */
.cblock{
  margin:0 0 48px;padding-top:0;
}
.cblock:last-child{margin-bottom:0;}
.cblock-t{
  font-size:18.5px;font-weight:700;color:var(--ink);line-height:1.45;
  margin:0 0 17px;padding-left:12px;border-left:4px solid var(--brand);
}
.cblock p{margin:0 0 14px;font-size:15.5px;line-height:1.95;color:var(--ink-2);}
.cblock p:last-child{margin-bottom:0;}

/* 辅导期次 */
.cphases{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px;}
.cphases li{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:6px 15px;font-size:13.5px;color:var(--ink-2);
}

/* 要点清单 */
.clist{list-style:none;margin:0;padding:0;counter-reset:cl;}
.clist li{
  position:relative;padding:9px 0 9px 26px;font-size:15.5px;line-height:1.85;
  color:var(--ink-2);border-bottom:1px dashed var(--line);
}
.clist li:last-child{border-bottom:0;}
.clist li::before{
  counter-increment:cl;content:counter(cl);
  position:absolute;left:0;top:11px;width:17px;height:17px;border-radius:50%;
  background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.c-li{position:relative;padding-left:18px;}
.c-li::before{
  content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;
  border-radius:50%;background:var(--brand);
}

/* 现场典型成果 */
.cpt{font-size:15.5px;line-height:1.95;color:var(--ink-2);margin:0 0 13px!important;}
.cpt-t{
  font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.6;
  margin:22px 0 9px;display:flex;gap:9px;align-items:baseline;
}
.cpt-t:first-child{margin-top:0;}
.cpt-t::before{
  content:"";flex:none;width:6px;height:6px;border-radius:50%;
  background:var(--brand);transform:translateY(-3px);
}

/* 数据表 */
.ctab-t{
  font-size:14.5px;font-weight:700;color:var(--brand);margin:0 0 10px!important;
}
.ctab-wrap{
  overflow-x:auto;margin:0 0 24px;border:1px solid var(--line);
  border-radius:10px;background:#fff;-webkit-overflow-scrolling:touch;
}
.ctab{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px;}
.ctab th{
  background:var(--bg-soft);font-weight:700;color:var(--ink);text-align:left;
  padding:11px 15px;border-bottom:1px solid var(--line);white-space:nowrap;
}
.ctab td{padding:11px 15px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2);}
.ctab tbody tr:last-child td{border-bottom:0;}
.ctab tbody tr:hover td{background:rgba(200,16,46,.025);}
.ctab .ctab-grp td{
  background:rgba(200,16,46,.055);color:var(--brand);font-weight:700;
  padding:9px 15px;letter-spacing:.5px;
}
.ctab .num{color:var(--brand);font-weight:700;white-space:nowrap;}
.ctab .dash{color:#C2C2CA;}

/* 顾问感言 / 客户评价：红色边框盒 */
.cblock--quote .cquote{
  margin:0;padding:20px 24px;background:var(--brand-soft);
  border:1.5px solid var(--brand);border-radius:10px;
  box-shadow:0 4px 14px rgba(200,16,46,.06);
}
.cblock--quote .cquote p{
  margin:0 0 13px;font-size:15px;line-height:1.95;color:var(--ink-2);
}
.cblock--quote .cquote p:last-child{margin-bottom:0;}

/* 右侧浮动图（正文围绕排布） */
.case-aside{float:right;width:298px;margin:4px 0 26px 34px;}
.case-thumb{
  margin:0;position:relative;display:block;overflow:hidden;
  border:1px solid var(--line);border-radius:12px;background:#fff;
  cursor:zoom-in;transition:border-color .25s,box-shadow .25s,transform .25s;
}
.case-thumb img{display:block;width:100%;height:auto;}
.case-thumb figcaption{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;
  justify-content:center;gap:6px;padding:26px 10px 10px;
  background:linear-gradient(180deg,rgba(12,14,16,0),rgba(12,14,16,.72));
  color:#fff;font-size:12.5px;letter-spacing:.4px;
}
.case-thumb figcaption .zi{font-style:normal;font-size:13px;}
.case-thumb:hover{border-color:var(--brand);box-shadow:0 12px 30px rgba(31,35,40,.14);transform:translateY(-2px);}
.case-thumb:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
.case-facts{
  margin-top:16px;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:4px 18px;
}
.case-facts>div{
  display:flex;gap:14px;justify-content:space-between;align-items:baseline;
  padding:12px 0;border-bottom:1px dashed var(--line);font-size:13.5px;
}
.case-facts>div:last-child{border-bottom:0;}
.case-facts span{color:var(--ink-3);flex:none;}
.case-facts b{color:var(--ink);font-weight:600;text-align:right;line-height:1.6;}

.case-note{
  margin:26px 0 0;padding:12px 16px;font-size:12.5px;line-height:1.8;
  color:var(--ink-3);background:var(--bg-soft);border-radius:8px;
}

@media (max-width:1080px){
  .case-aside{width:262px;margin-left:26px;}
}
@media (max-width:880px){
  /* 窄屏取消浮动：图片居中置顶、正文全宽 */
  .case-aside{float:none;width:auto;margin:0 0 26px;}
  .case-thumb{max-width:430px;margin:0 auto;}
  .case-facts{margin-top:14px;}
  .cblock{margin-bottom:36px;padding-top:0;}
  .cblock p,.cpt{font-size:15px;}
  .cblock-t{font-size:17px;}
}

/* ---------- 3A著作书影 ---------- */
.book-cover-wrap{float:right;width:248px;margin:4px 0 24px 34px;}
.book-cover{
  margin:0;position:relative;display:block;overflow:hidden;cursor:zoom-in;
  border:1px solid var(--line);border-radius:12px;background:#fff;
  box-shadow:0 10px 26px rgba(31,35,40,.12);
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
.book-cover img{display:block;width:100%;height:auto;}
.book-cover figcaption{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;
  justify-content:center;gap:6px;padding:26px 10px 10px;
  background:linear-gradient(180deg,rgba(12,14,16,0),rgba(12,14,16,.72));
  color:#fff;font-size:12.5px;letter-spacing:.4px;
}
.book-cover figcaption .zi{font-style:normal;font-size:13px;}
.book-cover:hover{border-color:var(--brand);transform:translateY(-2px);}
.book-cover:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
.book-cover-hint{
  display:block;margin-top:8px;font-size:12.5px;color:var(--ink-3);text-align:center;
}
.book-cover-hint .zi{font-style:normal;font-size:12px;}
.article-body::after{content:"";display:table;clear:both;}

.book-gallery{clear:both;margin:34px 0 4px;padding-top:22px;border-top:1px solid var(--line);}
.book-gallery-h{
  font-size:17px;font-weight:700;color:var(--ink);margin:0 0 16px;
  padding-left:11px;border-left:4px solid var(--brand);line-height:1.4;
}
.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.bg-item{
  margin:0;position:relative;display:block;overflow:hidden;cursor:zoom-in;
  border:1px solid var(--line);border-radius:10px;background:#fff;
  transition:border-color .25s,box-shadow .25s;
}
.bg-item img{display:block;width:100%;height:auto;}
.bg-item figcaption{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;
  justify-content:center;gap:6px;padding:24px 8px 8px;
  background:linear-gradient(180deg,rgba(12,14,16,0),rgba(12,14,16,.72));
  color:#fff;font-size:12px;letter-spacing:.4px;
}
.bg-item figcaption .zi{font-style:normal;font-size:12px;}
.bg-item:hover{border-color:var(--brand);box-shadow:0 8px 22px rgba(31,35,40,.12);}
.bg-item:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
@media (max-width:600px){
  .book-cover-wrap{float:none;width:auto;max-width:300px;margin:0 auto 24px;}
  .bg-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
}

/* ---------- 客户见证折叠（每个 tab 独立折叠） ---------- */
.wit-cols .wit-fold{overflow:hidden;position:relative;transition:max-height .55s ease;}
.wit-fold::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:110px;
  background:linear-gradient(180deg,rgba(247,247,248,0) 0%,var(--bg-soft) 92%);
  pointer-events:none;opacity:1;transition:opacity .35s ease;
}
.wit-cols.open .wit-fold::after{opacity:0;}
.wit-cols.open ~ .wit-end .fold-dots{display:none;}
.wit-end{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);text-align:center;}

/* ==========================================================================
   SEO / GEO 改造新增组件（2026-10-12）
   对应《SEO与GEO优化计划书》阶段 0 + 阶段 1
   ========================================================================== */

/* 列表页分类标题（管理智慧按分类 / 新闻按年份） */
.alist-cat{
  display:flex;align-items:baseline;gap:10px;
  grid-column:1 / -1;width:100%;
  font-size:16px;font-weight:700;color:var(--ink);
  margin:34px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--brand);
}
.alist-cat:first-child{margin-top:0;}
.alist-cat span{font-size:12.5px;font-weight:500;color:var(--ink-3);}

/* 详情页正文标题：页面 h1 在横幅上，正文标题用 h2，保持标题层级唯一 */
.article-head h2.article-h1{
  font-size:26px;line-height:1.5;margin:14px 0 12px;font-weight:700;color:var(--ink);
}

/* 产品页 */
.pd-lead{font-size:16.5px;line-height:2;color:var(--ink-2);max-width:920px;margin:0 auto;text-align:center;}
.ptable-wrap{overflow-x:auto;}
table.ptable{width:100%;border-collapse:collapse;font-size:14px;background:#fff;}
table.ptable th,table.ptable td{padding:13px 15px;border:1px solid var(--line);vertical-align:top;text-align:left;}
table.ptable th{background:var(--brand-soft);color:var(--brand);font-weight:700;white-space:nowrap;width:200px;}
table.ptable td.pcell{white-space:nowrap;color:var(--ink-3);width:140px;}
.pd-list{margin:0;padding-left:20px;}
.pd-list li{margin:10px 0;line-height:1.85;color:var(--ink-2);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start;}

/* FAQ */
.faq-list{display:grid;gap:14px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 24px;}
.faq-item h3{font-size:16px;margin:0 0 10px;color:var(--brand);line-height:1.6;font-weight:700;}
.faq-item p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ink-2);}

/* 工具类 */
.small{font-size:12.5px;}
.dim{color:var(--ink-3);}

@media (max-width:820px){
  .two-col{grid-template-columns:1fr;gap:30px;}
  table.ptable th{width:auto;}
  .pd-lead{font-size:15px;text-align:left;}
  .article-head h2.article-h1{font-size:20px;}
  .faq-item{padding:16px 18px;}
}

/* 移动端顶栏：左文案过长，隐藏后居中显示热线 */
@media (max-width:768px){
  .topbar .tb-l{display:none;}
  .topbar .wrap{justify-content:center;}
  .logo-img{height:38px;}
  .logo-txt strong{font-size:16px;}
}

/* ==========================================================================
   【修复 2026-10-12】折叠容器内的进场动画元素空白问题
   原因：.wit-fold/.consultant-fold/.honor-fold 用 max-height 裁剪内容，
        被裁掉的元素不在视口内，IntersectionObserver 永远不触发，
        .rv 保持 opacity:0 → 用户点开折叠后看到一片空白（顾问 53 张头像、
        客户见证 51 张图受影响）。
   处置：折叠容器内的元素一律直接可见；同时用 JS 做全局兜底。
   ========================================================================== */
.wit-fold .rv,
.consultant-fold .rv,
.honor-fold .rv{
  opacity:1;
  transform:none;
  transition:none;
}
/* 折叠容器内的图片取消懒加载延迟带来的瞬时空白 */
.wit-fold img,
.consultant-fold img,
.honor-fold img{
  content-visibility:visible;
}

/* ==========================================================================
   最新动态分类（2026-10-12）
   ========================================================================== */
/* 类目 Tab：渲染成 <a>（爬虫可跟随到类目页），JS 存在时改为原地筛选 */
.ncat{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.ncat-btn{
  display:inline-flex;align-items:center;
  padding:9px 17px;border:1px solid var(--line);border-radius:999px;
  background:#fff;color:var(--ink-2);font-size:14px;font-weight:600;
  text-decoration:none;transition:.2s ease;white-space:nowrap;
}
.ncat-btn span{
  margin-left:7px;font-size:12px;font-weight:500;color:var(--ink-3);
  font-variant-numeric:tabular-nums;
}
.ncat-btn:hover{border-color:var(--brand);color:var(--brand);}
.ncat-btn:hover span{color:var(--brand);}
.ncat-btn.is-on{background:var(--brand);border-color:var(--brand);color:#fff;}
.ncat-btn.is-on span{color:rgba(255,255,255,.78);}

.ncat-desc{font-size:14px;line-height:1.9;color:var(--ink-3);margin:0 0 24px;}
.ncat-desc b{color:var(--brand);font-weight:700;}
.ncat-overview{margin:0 0 6px;}

/* 类目分区 */
.ncat-sec{margin-bottom:10px;}
.ncat-sec > .alist-cat{margin-top:30px;}
.ncat-note{font-size:13.5px;line-height:1.85;color:var(--ink-3);margin:-8px 0 14px;}
.ncat-year{margin:26px 0 8px;font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:baseline;gap:9px;}
.ncat-year span{font-size:12.5px;font-weight:500;color:var(--ink-3);}

/* 详情页：类目标签可点击 + 同类动态 */
a.art-tag{text-decoration:none;}
a.art-tag:hover{background:var(--brand);color:#fff;}
.rel-block{
  margin:52px 0 0;padding:26px 28px;background:#fff;
  border:1px solid var(--line);border-radius:12px;
}
.rel-h{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ink);}
.rel-list{list-style:none;margin:0;padding:0;}
.rel-list li{
  display:flex;align-items:baseline;gap:14px;
  padding:10px 0;border-bottom:1px dashed var(--line);
}
.rel-list li:last-child{border-bottom:0;}
.rel-list a{flex:1;font-size:14.5px;line-height:1.7;color:var(--ink-2);text-decoration:none;transition:.2s;}
.rel-list a:hover{color:var(--brand);}
.rel-list time{flex:0 0 auto;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.rel-more{margin:14px 0 0;font-size:13.5px;}
.rel-more a{color:var(--brand);text-decoration:none;font-weight:600;}
.rel-more a:hover{text-decoration:underline;}

@media (max-width:768px){
  .ncat{gap:6px;margin-bottom:14px;}
  .ncat-btn{padding:8px 13px;font-size:13px;}
  .ncat-btn span{font-size:11px;}
  .rel-block{padding:20px 18px;}
  .rel-list li{flex-direction:column;gap:4px;}
}

/* ---------- 师资团队 · 顾问简介弹窗 ---------- */
.consultant[data-adv]{cursor:pointer;}
.c-view{
  display:block;margin-top:9px;font-size:11.5px;font-style:normal;
  color:var(--brand);letter-spacing:.5px;opacity:.7;transition:.25s;
}
.consultant[data-adv]:hover .c-view,
.consultant[data-adv]:focus-visible .c-view{opacity:1;}
.consultant[data-adv]:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}

.advm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;}
.advm[hidden]{display:none;}
.advm-mask{position:absolute;inset:0;background:rgba(20,20,22,.6);}
.advm-panel{
  position:relative;z-index:1;width:100%;max-width:880px;max-height:88vh;
  background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;
  box-shadow:0 24px 70px rgba(0,0,0,.28);animation:advmIn .3s cubic-bezier(.22,.8,.3,1);
}
@keyframes advmIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.advm-x{
  position:absolute;right:12px;top:10px;z-index:2;width:36px;height:36px;
  border:0;background:transparent;border-radius:50%;cursor:pointer;
  font-size:26px;line-height:1;color:var(--ink-3);transition:.2s;
}
.advm-x:hover{background:var(--bg-soft);color:var(--brand);}
.advm-scroll{overflow-y:auto;padding:30px 34px 28px;-webkit-overflow-scrolling:touch;}
.advm-hd{display:flex;gap:22px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line);}
.advm-ph{
  flex:0 0 108px;width:108px;height:108px;border-radius:50%;overflow:hidden;
  border:3px solid var(--brand-soft);background:var(--bg-mid);
}
.advm-ph img{width:100%;height:100%;object-fit:cover;display:block;}
.advm-hd-t{flex:1;min-width:0;padding-right:38px;}
.advm-hd-t h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.3;}
.advm-hd-t > span{display:block;font-size:13px;font-weight:600;color:var(--brand);margin-top:6px;letter-spacing:.4px;}
.advm-hd-t > p{font-size:13.5px;color:var(--ink-2);line-height:1.65;margin-top:8px;}
.advm-hd-t .adv-tags{margin-top:11px;}
.advm-body{padding-bottom:4px;}

/* 弹窗资料版式 */
.adv-grp{margin-top:24px;}
.adv-grp h4{
  font-size:14px;font-weight:700;color:var(--brand);letter-spacing:1px;
  padding-left:11px;border-left:3px solid var(--brand);line-height:1.15;margin-bottom:12px;
}
.adv-ul{display:flex;flex-direction:column;gap:10px;}
.adv-ul li{position:relative;padding-left:15px;font-size:14px;line-height:1.75;color:var(--ink);}
.adv-ul li::before{
  content:"";position:absolute;left:1px;top:.7em;
  width:5px;height:5px;border-radius:50%;background:var(--brand-line);
}
.adv-tags{display:flex;flex-wrap:wrap;gap:6px;}
.adv-tags em{
  font-style:normal;font-size:11.5px;color:var(--ink-2);
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:2px;padding:2px 8px;letter-spacing:.3px;
}
.adv-src{
  display:inline-block;margin-left:10px;font-size:11.5px;color:var(--brand);
  text-decoration:none;border-bottom:1px dashed var(--brand-line);
  white-space:nowrap;vertical-align:1px;
}
.adv-src:hover{border-bottom-color:var(--brand);border-bottom-style:solid;}
.adv-src i{font-style:normal;font-size:11px;}
.adv-src--out{color:var(--ink-3);border-bottom:none;background:var(--bg-soft);border-radius:2px;padding:1px 7px;}
.adv-note{
  margin-top:20px;font-size:12.5px;color:var(--ink-3);line-height:1.7;
  background:var(--bg-soft);border-radius:var(--radius);padding:10px 14px;
}
.adv-foot{
  margin-top:24px;font-size:12.5px;color:var(--ink-3);line-height:1.8;
  border-top:1px dashed var(--line);padding-top:16px;
}

@media (max-width:768px){
  .advm{padding:0;align-items:flex-end;}
  .advm-panel{max-width:100%;max-height:94vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
  .advm-scroll{padding:24px 18px 24px;}
  .advm-hd{gap:15px;padding-bottom:18px;}
  .advm-ph{flex-basis:78px;width:78px;height:78px;}
  .advm-hd-t{padding-right:30px;}
  .advm-hd-t h3{font-size:19px;}
  .adv-ul li{font-size:13.5px;}
  .adv-src{margin-left:6px;}
  .adv-foot{text-align:left;}
}

/* ---------- 发展历程 · 横向时间轴（可左右滑动） ---------- */
.ms-sec{overflow:hidden;}
.ms-shell{position:relative;}
.ms-bar{display:flex;align-items:center;gap:18px;margin-bottom:16px;}
.ms-progress{position:relative;flex:1;height:3px;background:var(--line);border-radius:2px;}
.ms-fill{position:absolute;top:0;bottom:0;left:0;width:24%;background:var(--brand);border-radius:2px;transition:left .18s linear,width .18s linear;}
.ms-nav{display:flex;gap:8px;flex:none;}
.ms-btn{
  width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--brand-line);
  background:#fff;color:var(--brand);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.25s;
}
.ms-btn i{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;}
.ms-btn[data-ms-prev] i{transform:rotate(135deg);margin-left:-3px;}
.ms-btn[data-ms-next] i{transform:rotate(-45deg);margin-right:-3px;}
.ms-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;}
.ms-btn:disabled{opacity:.3;cursor:default;}
.ms-btn:disabled:hover{background:#fff;border-color:var(--brand-line);color:var(--brand);}
.ms-scroll{
  overflow-x:auto;overflow-y:hidden;padding-bottom:16px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  cursor:grab;outline:none;
}
.ms-scroll.is-drag{cursor:grabbing;scroll-snap-type:none;}
.ms-scroll.is-drag *{user-select:none;}
.ms-scroll:focus-visible{outline:2px solid var(--brand-line);outline-offset:6px;border-radius:8px;}
.ms-scroll::-webkit-scrollbar{height:6px;}
.ms-scroll::-webkit-scrollbar-track{background:var(--line);border-radius:3px;}
.ms-scroll::-webkit-scrollbar-thumb{background:var(--brand-line);border-radius:3px;}
.ms-scroll::-webkit-scrollbar-thumb:hover{background:var(--brand);}
.ms-track{
  position:relative;display:flex;align-items:stretch;gap:20px;
  width:max-content;min-width:100%;list-style:none;margin:0;padding:0 4px 0 0;
}
.ms-track::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line);}
.ms-item{
  position:relative;z-index:1;flex:0 0 296px;padding-top:52px;
  display:flex;flex-direction:column;scroll-snap-align:start;
}
.ms-year{
  position:absolute;left:0;top:0;height:40px;white-space:nowrap;
  display:inline-flex;align-items:center;gap:9px;padding:0 18px 0 15px;
  background:#fff;border:1.5px solid var(--brand-line);border-radius:20px;
  color:var(--brand);font-size:15px;font-weight:700;letter-spacing:.6px;
}
.ms-year i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand);}
.ms-item.is-team .ms-year{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);}
.ms-item.is-now .ms-year{background:var(--brand);border-color:var(--brand);color:#fff;}
.ms-item.is-now .ms-year i{background:#fff;}
.ms-card{
  flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:20px 20px 22px;transition:.28s;
}
.ms-item:hover .ms-card{border-color:var(--brand-line);box-shadow:var(--shadow);}
.ms-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.ms-list li{position:relative;padding-left:15px;font-size:13.6px;line-height:1.62;color:var(--ink-2);}
.ms-list li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--brand-line);}
.ms-hint{margin-top:10px;font-size:13px;color:var(--ink-3);text-align:center;}

@media (max-width:768px){
  .ms-bar{gap:12px;margin-bottom:12px;}
  .ms-btn{width:34px;height:34px;}
  .ms-track{gap:14px;}
  .ms-item{flex:0 0 min(76vw,300px);padding-top:48px;}
  .ms-year{height:36px;font-size:14px;padding:0 15px 0 13px;}
  .ms-track::before{top:17px;}
  .ms-card{padding:17px 16px 18px;}
  .ms-list li{font-size:13.2px;}
  .ms-hint{font-size:12px;}
}

/* 跳到主要内容（可访问性 S2-5）：默认移出视口，键盘聚焦时显示 */
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:#C8102E;color:#fff;
  padding:10px 18px;border-radius:0 0 8px 0;font-size:14px;font-weight:600;text-decoration:none}
.skip-link:focus{left:0;outline:3px solid #fff;outline-offset:2px}
main:focus{outline:none}