/* 静态站增强样式：仅补充「React 原本用条件渲染控制、现在由 hidden 属性控制」的部分
 * 不覆盖原站任何既有规则，只做显隐与少量状态样式。
 */

/* hidden 属性必须生效（原站部分元素用了 flex/grid，会覆盖浏览器默认） */
[hidden] { display: none !important; }

/* Mega Menu / 移动抽屉：默认隐藏，由 main.js 去掉 hidden 显示 */
.mega-menu[hidden],
.mobile-navigation[hidden] { display: none !important; }

/* 注意：.mega-menu 的定位（left:50% + translate(-50%)）由原站 site.css 负责，
 * 这里不要再覆盖 left/top，否则面板会整体偏移、左半列跑出屏幕。 */

/* 移动端导航分组按钮（本静态站注入） */
.mobile-nav-toggle { cursor: pointer; }

/* Tab / 开关变体容器 */
.tab-variant[hidden],
.switch-variant[hidden] { display: none !important; }

/* 表单状态提示 */
.static-form-status { margin-top: 12px; font-size: 13px; line-height: 1.6; }
.static-form-status.is-ok { color: #17603a; }
.static-form-status.is-error { color: #b42318; }
.static-field-error { display: block; margin-top: 5px; font-size: 12px; }

/* 键盘可达性：折叠/开关按钮显式手型 */
main [aria-expanded],
[role="switch"],
.nav-menu-button { cursor: pointer; }

/* 尊重系统减少动效设置 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}