/* ==========================================================================
   大屏局部放大（用户明确要求的局部调整，2026-09）
   ==========================================================================
   以1425px（现有设计基准宽度）为界：
   - 视口 <=1425px（含手机端<=500px、平板端等所有既有断点）：本文件里的
     规则全部包在 min-width:1425.02px 的媒体查询里，不会生效，页面和
     调整前的ZIP版本完全一样，不改变任何既有效果。
   - 视口 >1425px：只让用户指定的7个板块跟着视口连续等比放大（比例=
     视口宽度/1425，和--lg-scale这个变量保持一致，定义/默认值见
     base.css的:root），让它们在更大屏幕上保持与1425px版本相同的视觉
     比例，而不是像现在这样维持1425px原始像素尺寸、只是被居中、两侧
     留白变多。这7个板块是：
       1. 顶部栏
       2. Hero区域
       3. Submission types
       4. Choosing the right format
       5. Conference format
       6. Review and AI declaration
       7. Proceedings and special issue
     没有被列出的其它板块（Call for Papers、Conference theme、Important
     dates、Venue、Conference Organisers、About EKSIG等）不受本文件任何
     规则影响。

   技术选型说明：
   - 顶部栏用 transform:scale()（不是zoom）：nav.js对顶部栏内部Tab/Logo
     排布有一套基于 clientWidth/scrollWidth 实测值+固定阈值(931/30/38)的
     四段式算法，这些属性不受transform影响，所以顶部栏套一层
     transform:scale()放大之后，nav.js这套算法拿到的仍然是"没被放大过"的
     原始1425px设计尺寸，计算结果不会被打乱，最后只是整体连同计算结果一起
     被transform视觉放大；如果改用zoom，会让这些属性也一并被放大，导致
     算法内部的阈值比较失真。transform不参与文档流占位，所以要另外用
     margin-bottom把放大后多出来的视觉高度补上，否则下方内容会被压住/
     重叠——这里用的是nav.js本来就已经在同步维护的--header-height变量
     （不受transform影响，始终是顶部栏未放大前的真实高度），乘以
     (--lg-scale-1)算出需要补的量，不需要新增任何JS。
   - Hero区域沿用本项目已有的"shim预留视觉尺寸 + 内层transform:scale()"
     技巧——和<=500px档、.submit-intro-right-shim是同一套已验证过的手法，
     这次只是往大了缩放。
   - 其余5个板块（Submission types等4个Submit子板块 + Proceedings）用
     zoom：这几处没有类似nav.js那种"实测值和固定阈值比较"的算法，zoom
     会让浏览器原生重新参与布局(reflow)，下方内容/相邻板块的位置自动
     正确让位，不需要再额外计算/补高度。Submission types板块里两处依赖
     getBoundingClientRect()读取像素再回写成新内联样式的逻辑
     (submit-section.js的positionSubmitTypeDividers/syncIntroCardHeights)，
     已经在那个文件里各自除以了当前缩放系数做等价换算，避免被这里的zoom
     影响后出现"二次放大"的偏差；不影响该文件任何其它逻辑。 */

@media (min-width: 1425.02px) {

  :root {
    --lg-scale: calc(100vw / 1425px);
  }

  /* ---- 顶部栏跳转锚点：顶部栏视觉高度变大后，各板块滚动停靠的预留空间
     也要跟着变大，否则用导航栏跳转时，板块顶部会被放大后的顶部栏遮住一截。
     --header-height本身不受下面顶部栏的transform影响（还是放大前的真实
     高度），这里额外乘一次--lg-scale换算成放大后的真实视觉高度 ---- */
  .section-anchor {
    scroll-margin-top: calc((var(--header-height) + var(--scroll-offset-gap)) * var(--lg-scale));
  }

  /* ---- 1. 顶部栏 ---- */
  .site-header {
    transform: scale(var(--lg-scale));
    transform-origin: top center;
    margin-bottom: calc(var(--header-height) * (var(--lg-scale) - 1));
  }

  /* ---- 2. Hero区域 ---- */
  /* Hero区现在是一张宽度=窗口宽度的等比图片，缩放规则已统一写在
     header-hero.css里，这里不再需要单独放大 */
  /* ---- 3. Submission types ---- */
  .submit-types-block > .sub-label-tag,
  .submit-types-block .submit-intro-scroll,
  .submit-types-block .submit-type-panels {
    zoom: var(--lg-scale);
  }

  /* ---- 4. Choosing the right format ---- */
  .submit-choose-block > .sub-label-tag,
  .submit-choose-block .submit-simple-box {
    zoom: var(--lg-scale);
  }

  /* ---- 5. Conference format ---- */
  .submit-conference-block > .sub-label-tag,
  .submit-conference-block .submit-simple-box {
    zoom: var(--lg-scale);
  }

  /* ---- 6. Review and AI declaration ---- */
  .submit-review-block > .sub-label-tag,
  .submit-review-block .submit-simple-box {
    zoom: var(--lg-scale);
  }

  /* ---- 7. Proceedings and special issue ---- */
  .proceedings-bg > .sub-label-tag,
  .proceedings-box-scroll {
    zoom: var(--lg-scale);
  }
}