/* HEA 2025 涓撻椤� V2 | isolate by .hea2025 */
.hea2025{
  --bg1:#071a2a;
  --bg2:#0b2a48;
  --card:#0f2f4d;
  --card2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.12);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.68);
  --brand:#4cc3ff;
  --brand2:#7c5cff;
  --good:#3ddc97;
  --warn:#ffcc66;
  --shadow:0 10px 30px rgba(0,0,0,.25);
  --radius:18px;
  --radius2:26px;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:radial-gradient(1200px 600px at 70% 10%, rgba(76,195,255,.20), rgba(0,0,0,0) 60%),
             radial-gradient(900px 500px at 10% 20%, rgba(124,92,255,.18), rgba(0,0,0,0) 55%),
             linear-gradient(180deg, var(--bg1), var(--bg2));
}
.hea2025 *{box-sizing:border-box;}
.hea2025 a{color:inherit; text-decoration:none;}
.hea2025 img{max-width:100%; display:block;}
.hea2025 .wrap{max-width:1160px; margin:0 auto; padding:0 20px;}
.hea2025 .section{padding:56px 0;}
.hea2025 .title{
  font-size:34px; line-height:1.15; margin:0 0 12px;
  letter-spacing:.5px;
}
.hea2025 .subtitle{margin:0; color:var(--muted); font-size:15px; line-height:1.7;}
.hea2025 .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid var(--line);
  border-radius:999px; color:var(--muted); font-size:13px;
  background:rgba(255,255,255,.04);
}
.hea2025 .chip b{color:var(--text); font-weight:600;}
.hea2025 .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(135deg, rgba(76,195,255,.18), rgba(124,92,255,.16));
  box-shadow:var(--shadow);
  font-size:14px;
  transition:transform .15s ease, border-color .15s ease;
}
.hea2025 .btn:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.28);}

.hea2025 .hero{
  position:relative;
  padding:70px 0 54px;
  overflow:hidden;
}
.hea2025 .hero::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    linear-gradient(180deg, rgba(7,26,42,.85), rgba(7,26,42,.40) 55%, rgba(11,42,72,1)),
    url("./assets/img/hero_ai.jpg") center/cover no-repeat;
  filter:saturate(1.05) contrast(1.05);
  transform:scale(1.02);
}
.hea2025 .hero::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(600px 260px at 65% 20%, rgba(76,195,255,.25), rgba(0,0,0,0) 60%),
    radial-gradient(520px 240px at 20% 30%, rgba(124,92,255,.22), rgba(0,0,0,0) 60%);
  pointer-events:none;
}
.hea2025 .hero .wrap{position:relative;}
.hea2025 .hero h1{
  margin:10px 0 12px;
  font-size:42px; line-height:1.12;
  letter-spacing:1px;
}
.hea2025 .hero p{
  margin:0 0 22px;
  max-width:860px;
  color:rgba(255,255,255,.82);
  font-size:16px; line-height:1.75;
}
.hea2025 .hero .meta{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top:18px;
}
.hea2025 .hero .actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:20px;}
.hea2025 .hero .brandmark{
  display:flex; align-items:center; gap:14px;
  margin-top:14px;
}
.hea2025 .hero .brandmark img{
  width:52px; height:52px; border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.15);
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
.hea2025 .hero .brandmark .t{
  font-size:13px; color:rgba(255,255,255,.70);
}
.hea2025 .hero .brandmark .t b{
  display:block; color:rgba(255,255,255,.92); font-size:15px; margin-bottom:2px;
}

/* Sticky nav */
.hea2025 .subnav{
  position:sticky; top:0; z-index:99;
  backdrop-filter: blur(10px);
  background:rgba(7,26,42,.55);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.hea2025 .subnav .wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 20px;
  gap:14px;
}
.hea2025 .subnav .links{display:flex; gap:10px; flex-wrap:wrap;}
.hea2025 .subnav a{
  padding:8px 10px; border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.80);
  background:rgba(255,255,255,.03);
  font-size:13px;
}
.hea2025 .subnav a:hover{border-color:rgba(255,255,255,.22);}

.hea2025 .grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:18px;
}
.hea2025 .card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.hea2025 .card .pad{padding:18px;}
.hea2025 .card .kicker{
  font-size:12px; color:var(--muted);
  letter-spacing:1px;
  text-transform:uppercase;
}
.hea2025 .card h3{margin:8px 0 8px; font-size:18px; line-height:1.35;}
.hea2025 .card p{margin:0; color:var(--muted); font-size:14px; line-height:1.75;}
.hea2025 .card .img{
  height:160px;
  background:center/cover no-repeat;
}
.hea2025 .pill{
  display:inline-flex; align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.15);
  color:rgba(255,255,255,.82);
  font-size:12px;
}
.hea2025 .list{
  margin:12px 0 0; padding:0;
  list-style:none;
}
.hea2025 .list li{
  margin:10px 0 0;
  padding-left:14px;
  position:relative;
  color:rgba(255,255,255,.76);
  font-size:14px; line-height:1.7;
}
.hea2025 .list li::before{
  content:"";
  position:absolute; left:0; top:.72em;
  width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg, var(--brand), var(--brand2));
}

/* Trend cards */
.hea2025 .trend{grid-column:span 4;}
.hea2025 .trend .img{height:150px;}
.hea2025 .trend .foot{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px 18px;
  gap:10px;
  border-top:1px solid rgba(255,255,255,.10);
}
.hea2025 .trend .foot span{color:rgba(255,255,255,.78); font-size:13px;}
.hea2025 .trend .foot .go{
  display:inline-flex; align-items:center; gap:8px;
  color:rgba(255,255,255,.88);
  font-size:13px;
}
.hea2025 .trend .foot .go i{
  width:18px; height:18px;
  border-radius:8px;
  display:inline-block;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  position:relative;
}
.hea2025 .trend .foot .go i::after{
  content:"鈫�";
  position:absolute; inset:0;
  display:grid; place-items:center;
  font-size:12px; color:rgba(255,255,255,.88);
}

/* Big split */
.hea2025 .split{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:18px;
}
.hea2025 .quote{
  padding:18px 18px;
  border-left:3px solid rgba(76,195,255,.65);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  color:rgba(255,255,255,.82);
  line-height:1.8;
}
.hea2025 .quote b{color:rgba(255,255,255,.92);}

/* Timeline */
.hea2025 .timeline{
  position:relative;
  padding-left:18px;
  border-left:1px dashed rgba(255,255,255,.18);
}
.hea2025 .tl-item{
  position:relative;
  margin:0 0 14px;
  padding:12px 14px 12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
.hea2025 .tl-item::before{
  content:"";
  position:absolute;
  left:-28px; top:18px;
  width:12px; height:12px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow:0 0 0 4px rgba(76,195,255,.10);
}
.hea2025 .tl-item .h{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.hea2025 .tl-item .h b{font-size:14px;}
.hea2025 .tl-item .h span{font-size:12px; color:var(--muted);}
.hea2025 .tl-item p{margin:8px 0 0; color:rgba(255,255,255,.72); font-size:13px; line-height:1.7;}

/* Case cards (2-col) */
.hea2025 .case{grid-column:span 6;}
.hea2025 .case .img{height:180px;}
.hea2025 .case .tags{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px;}
.hea2025 .case .tags .pill{border-color:rgba(255,255,255,.14);}
.hea2025 .case .more{
  margin-top:14px; display:flex; justify-content:flex-end;
  padding-top:14px; border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.78); font-size:13px;
}
.hea2025 .case .more a{display:inline-flex; align-items:center; gap:8px;}
.hea2025 .case .more a:hover{color:rgba(255,255,255,.92);}
.hea2025 .case .more a i{font-style:normal; opacity:.9}


/* Insights */
.hea2025 .insight-hero{
  display:grid; grid-template-columns: 1.05fr .95fr;
  gap:18px; align-items:stretch;
}
.hea2025 .insight-hero-img{
  border-radius:18px;
  min-height:260px;
  background-size:cover; background-position:center;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.hea2025 .insight-hero-card .bullets{margin:14px 0 0; padding-left:18px; color:rgba(255,255,255,.78); line-height:1.75;}
.hea2025 .insight-hero-card .bullets li{margin:6px 0;}
.hea2025 .insight-hero-card .note{
  margin-top:14px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.70);
  font-size:13px;
  line-height:1.55;
}
.hea2025 .insight{grid-column:span 6;}
.hea2025 .insight .img{height:190px;}
.hea2025 .insight details{margin-top:12px;}
.hea2025 .insight summary{
  cursor:pointer;
  list-style:none;
  user-select:none;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.82);
  font-weight:600;
}
.hea2025 .insight summary::-webkit-details-marker{display:none;}
.hea2025 .insight details[open] summary{border-color:rgba(255,255,255,.20); background:rgba(255,255,255,.06);}
.hea2025 .insight .details-body{
  padding:12px 12px 2px;
  color:rgba(255,255,255,.76);
  line-height:1.85;
}
.hea2025 .insight .details-body h4{
  margin:10px 0 6px;
  font-size:14px;
  color:rgba(255,255,255,.92);
}
.hea2025 .insight .details-body p{margin:0 0 10px;}
.hea2025 .insight .details-body .muted{color:rgba(255,255,255,.60); font-size:13px;}

@media (max-width: 980px){
  .hea2025 .insight-hero{grid-template-columns:1fr;}
  .hea2025 .insight{grid-column:span 12;}
}


/* Footer */
.hea2025 .footer{
  padding:50px 0 60px;
  border-top:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.18));
}
.hea2025 .footer .wrap{display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.hea2025 .footer .note{max-width:780px; color:rgba(255,255,255,.70); line-height:1.75; font-size:13px;}
.hea2025 .footer .mini{display:flex; gap:10px; flex-wrap:wrap;}
.hea2025 .footer .mini a{padding:8px 10px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.03); font-size:13px; color:rgba(255,255,255,.78);}
.hea2025 .footer .mini a:hover{border-color:rgba(255,255,255,.24);}

/* Responsive */
@media (max-width: 980px){
  .hea2025 .trend{grid-column:span 6;}
  .hea2025 .case{grid-column:span 12;}
  .hea2025 .split{grid-template-columns:1fr;}
  .hea2025 .hero h1{font-size:36px;}
}
@media (max-width: 620px){
  .hea2025 .trend{grid-column:span 12;}
  .hea2025 .title{font-size:28px;}
  .hea2025 .hero{padding:62px 0 44px;}
  .hea2025 .hero h1{font-size:32px;}
  .hea2025 .subnav .wrap{padding:10px 14px;}
  .hea2025 .wrap{padding:0 14px;}
}
/* ===== 骞村害澶ц祻锛圱OP10锛� ===== */
.hea2025 .awards-list{display:grid;gap:14px;margin-top:16px}
.hea2025 .award-item{display:grid;grid-template-columns:360px 1fr;gap:0;overflow:hidden}
.hea2025 .award-media{min-height:240px;background-size:cover;background-position:center;filter:saturate(1.05)}
.hea2025 .award-body{display:flex;flex-direction:column}
.hea2025 .award-body .pad{flex:1}
.hea2025 .award-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:8px}
.hea2025 .award-title{font-size:20px;line-height:1.25;margin:0 0 10px}
.hea2025 .award-lead{color:rgba(255,255,255,.78);margin:0 0 10px}
.hea2025 .award-tags{margin-top:10px;color:rgba(255,255,255,.68);font-size:12px}

.hea2025 .award-more{margin-top:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}
.hea2025 .award-more>summary{cursor:pointer;list-style:none;padding:12px 14px;color:rgba(255,255,255,.9);font-weight:650}
.hea2025 .award-more>summary::-webkit-details-marker{display:none}
.hea2025 .award-more>summary:after{content:"灞曞紑鍏ㄦ枃";float:right;color:rgba(255,255,255,.64);font-weight:600}
.hea2025 .award-more[open]>summary:after{content:"鏀惰捣"}
.hea2025 .award-more .more-body{padding:0 14px 12px;color:rgba(255,255,255,.82)}
.hea2025 .award-more .more-body p{margin:.7em 0}

@media (max-width: 980px){
  .hea2025 .award-item{grid-template-columns:1fr}
  .hea2025 .award-media{min-height:210px}
}

/* 淇锛氭礊瑙佸崱鐗囧簳閮ㄥ叧閿瘝鍦ㄦ煇浜涚幆澧冧笅琚竟妗嗗帇浣� */
.hea2025 .insight .pad{padding-bottom:26px}
.hea2025 .insight .meta{margin-top:14px}

/* ===== 鍗庡笣鏍锋湰锛圱OP10 鍚庡欢浼搁槄璇伙級 ===== */
.hea2025 #vatti .case{margin-top:14px}
.hea2025 .case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}
.hea2025 .case-media{min-width:0}
.hea2025 .case-text{min-width:0}
.hea2025 .case-text h3{margin:0 0 10px;font-size:18px;line-height:1.25}
.hea2025 .case-text p{color:rgba(255,255,255,.82)}

.hea2025 .masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hea2025 .shot{margin:0;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03)}
.hea2025 .shot img{display:block;width:100%;height:auto}
.hea2025 .shot figcaption{padding:10px 12px;color:rgba(255,255,255,.70);font-size:12px;line-height:1.35}
.hea2025 .shot.wide{grid-column:span 2}

.hea2025 #vatti .note{margin-top:14px;border:1px dashed rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.03);padding:12px 14px}
.hea2025 #vatti .note p{margin:0;color:rgba(255,255,255,.78)}

@media (max-width: 980px){
  .hea2025 .case-grid{grid-template-columns:1fr;gap:14px}
}
@media (max-width: 620px){
  .hea2025 .masonry{grid-template-columns:1fr}
  .hea2025 .shot.wide{grid-column:auto}
}


/* Vatti Deepdive */
.vatti-hero{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: start;
  margin-top: 14px;
}
@media (max-width: 960px){
  .vatti-hero{ grid-template-columns: 1fr; }
}

.takeaways{
  display:grid;
  gap: 10px;
}
.takeaways__item{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--muted);
}
.takeaways__item b{ color: var(--text); }

.stats{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 960px){
  .stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.stat{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 10px 12px;
}
.stat .n{
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
}
.stat .t{
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.gallery{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.g{
  margin: 0;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  overflow: hidden;
}
.g img{
  width:100%;
  display:block;
}
.g figcaption{
  padding: 10px 12px;
  color: var(--muted);
  font-size: 12px;
}

.details-stack{
  margin-top: 16px;
  display:grid;
  gap: 12px;
}
.details-card{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 8px 12px;
}
.details-card summary{
  cursor: pointer;
  font-weight: 800;
  padding: 10px 4px;
  list-style: none;
}
.details-card summary::-webkit-details-marker{ display:none; }
.details-card summary::after{
  content: "锛�";
  float: right;
  color: rgba(255,255,255,.65);
}
.details-card[open] summary::after{ content:"锛�"; }
.details-body{
  padding: 0 4px 12px 4px;
  color: var(--muted);
}
.details-body p{
  margin: 10px 0 0 0;
  line-height: 1.85;
}
.note{
  margin-top: 14px;
  background: rgba(255,255,255,.06);
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 16px;
  padding: 12px 14px;
  color: var(--muted);
}
.note b{ color: var(--text); }
/* ===== TOP10 静态版（无动效/无JS） ===== */
.top10Static{max-width:1200px;margin:0 auto;padding:0 18px;color:#fff;}
.top10Static *{box-sizing:border-box;}
.top10Static .secTitle{font-size:44px;line-height:1.15;font-weight:900;letter-spacing:1px;margin:10px 0 10px;}
.top10Static .secLead{opacity:.86;line-height:1.9;margin:0 0 22px;font-size:15px;}

.top10Static .item{
  margin:22px 0;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
}

.top10Static .head{margin-bottom:16px;}
.top10Static .part{font-size:14px;letter-spacing:.12em;opacity:.7;margin-bottom:8px;}
.top10Static .title{font-size:26px;font-weight:900;line-height:1.25;margin-bottom:10px;}
.top10Static .sub{font-size:15px;line-height:1.75;opacity:.85;}

.top10Static .body{display:flex;gap:18px;align-items:flex-start;}
.top10Static .txt{flex:1 1 62%;min-width:0;font-size:15px;line-height:1.95;opacity:.92;}
.top10Static .txt p{margin:0 0 12px 0;}

.top10Static .media{flex:1 1 38%;min-width:0;}
.top10Static .media img{
  width:100%;
  height:260px;      /* 固定高度，发布后不跳 */
  display:block;
  border-radius:16px;
  object-fit:cover;  /* 自动裁切以保证一致性 */
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.top10Static .cap{margin-top:10px;font-size:13px;opacity:.78;line-height:1.5;}

@media (max-width:900px){
  .top10Static{padding:0 14px;}
  .top10Static .secTitle{font-size:30px;}
  .top10Static .body{flex-direction:column;}
  .top10Static .media img{height:220px;}
}

/* 硬性禁用动效（避免发布端表现不一致） */
.top10Static *, .top10Static *::before, .top10Static *::after{
  transition:none !important;
  animation:none !important;
}