/* index 页专用样式（从 index.html 内联 <style> 外移） */
  /* Hero 轮播：高度按当前图片原始比例完整显示（main.js heroSyncHeight 计算），不裁切、无高度上限。
     下面的 56.25vw（16:9）是 JS 生效前的回退值。 */
  #hero-carousel { height: 56.25vw; transition: height .4s ease; }
  #hero-carousel .carousel-track,
  #hero-carousel .carousel-slide { height: 100%; }
  .hero-slide-box { width: 100%; height: 100%; }
  /* Hero text rhythm — 比 .hero-display 紧凑，适配 16:5 600px 高。
     字号 = 后台档位设定值(--htf/--hsf) 作为「上限」，随浏览器宽度平滑无级缩放（fluid）：
     ~1280px 及以上达到设定值，窄屏按视口等比缩小并有下限，永不溢出。字距用 em 随字号自动收紧。 */
  .hero-text-block { --htf:56px; --hsf:16px; }
  /* 字号档位 S/M/L/XL（后台可选）——设定值即桌面端上限 */
  .hero-size-s  { --htf:40px; --hsf:15px; }
  .hero-size-m  { --htf:56px; --hsf:16px; }
  .hero-size-l  { --htf:68px; --hsf:18px; }
  .hero-size-xl { --htf:82px; --hsf:20px; }
  .hero-title {
    font-size: clamp(calc(var(--htf,56px) * 0.42), calc(var(--htf,56px) * 100vw / 1280px), var(--htf,56px));
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.021em;
  }
  .hero-sub {
    font-size: clamp(calc(var(--hsf,16px) * 0.82), calc(var(--hsf,16px) * 100vw / 1280px), var(--hsf,16px));
    line-height: 1.55;
    letter-spacing: .01em;
    /* 副标题与标题解耦：始终保持易读窄宽度（约 34rem），标题变宽不会把它拉长 */
    max-width: 34rem;
  }
  /* 字体族（后台可选）——用系统/已加载字体栈，不额外拉取网络字体 */
  .hero-font-inter  { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }
  .hero-font-serif  { font-family:Georgia,Cambria,'Times New Roman',Times,serif; }
  .hero-font-mono   { font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace; }
  .hero-font-system { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',sans-serif; }
  /* 文字颜色（后台可选） */
  .hero-color-light .hero-title { color:#fff; }
  .hero-color-light .hero-sub   { color:rgba(255,255,255,.85); }
  .hero-color-dark  .hero-title { color:#12131a; }
  .hero-color-dark  .hero-sub   { color:rgba(18,19,26,.78); }
  /* 对齐（后台可选）——badge/按钮是 inline 元素，随 text-align 一起对齐 */
  .hero-align-left   { text-align:left; }
  .hero-align-center { text-align:center; }
  .hero-align-right  { text-align:right; }
  /* 居中/右对齐时，受 max-width 限制的副标题也跟着居中/靠右 */
  .hero-align-center .hero-sub { margin-left:auto; margin-right:auto; }
  .hero-align-right  .hero-sub { margin-left:auto; }

  /* 手机端：标题多行时给足行距、字距回正，副标题放开窄宽限制；
     容器高度由 main.js heroSyncHeight 兜底（保证 badge/标题/副标题/按钮都装得下不被裁）。 */
  @media (max-width: 767px) {
    .hero-title { line-height: 1.18; letter-spacing: -0.01em; }
    .hero-sub   { line-height: 1.5; max-width: none; }
  }

  /* Exhibition / About row 2 carousel — 用 .about-carousel 老类名 + main.js 已有的 aboutGo/aboutTo */
  /* 展会区：图文左右分栏（图片 + 标题 + 地点时间 + 描述），复用 #about-carousel 轮播机制 */
  .exhibit-carousel { background:#fff; }
  .exhibit-slide { display:grid; grid-template-columns:1fr; align-items:stretch; }
  .exhibit-media { position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:#f1f2f4; }
  .exhibit-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .exhibit-text { padding:22px 22px 30px; display:flex; flex-direction:column; justify-content:center; }
  .exhibit-meta { color:#EB1C24; margin-bottom:8px; }
  .exhibit-title { margin:0 0 12px; color:#12131a; }
  .exhibit-desc { margin:0; max-width:48ch; }
  @media (min-width:768px){
    .exhibit-slide { grid-template-columns:1.15fr 1fr; }
    .exhibit-media { aspect-ratio:auto; height:100%; min-height:360px; }
    .exhibit-text  { padding:40px 44px; }
  }
  /* 切换控制条：放在轮播下方，深色主题以适配白底文字面板 */
  .exhibit-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:16px; }
  .exhibit-nav { width:44px; height:44px; border-radius:9999px; border:1px solid #e5e7eb; background:#fff; color:#12131a; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
  .exhibit-nav:hover { background:#12131a; color:#fff; border-color:#12131a; }
  .exhibit-dots { display:flex; align-items:center; gap:8px; }
  .exhibit-dots .carousel-dot { background:rgba(0,0,0,.18); }
  .exhibit-dots .carousel-dot.active { background:#EB1C24; }