/* ============================================================
   DRAMAX 落地页 · 补充样式
   1) 下拉菜单展开态（原站由 React 内联驱动，这里补 CSS 兜底）
   2) 视频兜底与响应式细节
   ============================================================ */

/* 下拉容器定位 */
[class*="Dropdown_root"] { position: relative; }

/* 展开态样式（JS 将 display 切为 block 时生效） */
[class*="Dropdown_hiddenContent"] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 60;
  min-width: 230px;
  padding: 10px;
  border-radius: 14px;
  background: #14161c;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
  max-height: 70vh;
  overflow: auto;
}
[class*="Dropdown_hiddenContent"] a {
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 14px;
  color: #f8f8f8;
  text-decoration: none;
  white-space: nowrap;
}
[class*="Dropdown_hiddenContent"] a:hover { background: rgba(255, 255, 255, 0.08); }

/* 语言切换面板靠右展开，避免出屏 */
[class*="Header_languageSwitcher"] [class*="Dropdown_hiddenContent"] { left: auto; right: 0; }

/* 视频：加载失败时保持黑色底 + poster 底色 */
[class*="HeadSection_video"] video,
[class*="PersonalSection_video"] video { background: #000; }

/* 移动端下拉在触屏上更好点 */
@media (max-width: 1023px) {
  [class*="Dropdown_hiddenContent"] { left: auto; right: 0; }
}

/* 汉堡菜单按钮：原站抽屉组件未复刻（点击无内容），隐藏避免误触无反应 */
[class*="MobileMenu_button"] { display: none !important; }