/* STW 中文站 · Bricks 表达不了的少量 CSS（关键帧、进入视口触发的过渡）。
   颜色、间距、字号等全部在 Bricks 全局类 / 变量 / 主题样式里，不在此处硬编码。 */

/* 同期展会彩条：6 段，进入视口后从 0 生长到 16.667%（英文站 .co-located--blocks 的动画） */
.stw-colocated-bar > * {
  width: 0;
  transition: width .3s ease-in-out;
}
.stw-colocated-bar.is-in > * { width: 16.6666%; }

/* 数据卡 SVG 括号描边绘制（英文站 article--border：dasharray 1025 → 1.3s 画出） */
.stw-statcard svg path,
.stw-statcard svg rect {
  fill: none;
  stroke-dasharray: 1025;
  stroke-dashoffset: 1012;
}
.stw-statcard.is-in svg path,
.stw-statcard.is-in svg rect {
  animation: stw-draw 1.3s ease-out forwards;
}
@keyframes stw-draw { to { stroke-dashoffset: 0; } }

/* 页面加载遮罩：JS 兜底 3 秒后隐藏（正常由 Bricks 交互 contentLoaded → fadeOut → hide 处理） */
.stw-loader.is-done { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s ease; }

/* 竖排文字（右侧「同期展会」抽屉标签） */
.stw-vertical { writing-mode: vertical-rl; text-orientation: mixed; }

@media (prefers-reduced-motion: reduce) {
  .stw-colocated-bar > * { transition: none; width: 16.6666%; }
  .stw-statcard svg path, .stw-statcard svg rect { animation: none; stroke-dashoffset: 0; }
}

/* CJK 不折行：中文任意字符间都可断行，flex 项的 min-content 只有一个字宽，菜单项会被压成竖排。 */
.bricks-nav-menu > li > a,
.bricks-nav-menu .brx-submenu-toggle > a,
.bricks-nav-menu .sub-menu a,
.brxe-text-link,
.brxe-button,
.brxe-countdown .brxe-countdown__item,
.brxe-countdown__suffix { white-space: nowrap; }