/**
 * theme.css — 元码 OJ 主题美化（圆角 + 倒计时卡片 + 难度 8 类颜色）
 *
 * 依据：plan.md §一.B（.section 圆角类选择器唯一路线）+ §三.2（暗色适配）
 * 升级脆性：.section / .col--difficulty 类名升级可能变动，纳入升级回归清单
 */

/* ═══════════ 0. 导航 logo 尺寸（覆盖 Hydro 原生 32px 高度）═══════════ */
/* 需求：元码OJ logo 字样偏大 → 缩小显示高度；图片保持高分辨率不糊。
   Hydro 原生：height 2rem(32px) + margin-top (45-32)/2=6.5px 垂直居中。
   覆盖高度后必须同步覆盖 margin-top=(45-22)/2=11.5px，否则 logo 偏上不居中。 */
.nav__logo,
.header__logo img {
  height: 22px !important;
  width: auto;
  margin: 11.5px 5px !important;
}

/* ═══════════ 1. 全站卡片圆角（覆盖 .section）═══════════ */
.section,
.section.side,
.section__header,
.section__body,
.dropdown .menu,
#panel,
.card {
  border-radius: 10px;
}

/* 圆角不破坏内部结构：标题/主体内部元素保持直角 */
.section__header {
  border-radius: 10px 10px 0 0;
}
.section__body {
  border-radius: 0 0 10px 10px;
}

/* ═══════════ 2. 倒计时卡片（ymck-countdown）═══════════ */
.ymck-countdown .section__body p {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0.4em 0;
  line-height: 1.5;
}
.ymck-countdown__name {
  font-weight: 600;
}
.ymck-countdown__days {
  color: #e67e22;
  font-size: 0.9em;
  white-space: nowrap;
}

/* ═══════════ 3. 难度 8 类颜色（js 注入文字后生效）═══════════ */
/* 色块 = 包裹文字的圆角矩形 span（不填充 td）：文档色号底色 + 白色加粗字 */
/* td 居中显示（标签长度不一，左对齐会导致长标签截断——需求 1）。
   列宽覆盖：Hydro 原生 4.375rem(70px) 太窄，最长标签（普及+/提高-）83px 放不下
   → 覆盖为 100px（第二层 CSS 覆盖，不 fork 源码；升级回归清单项）。
   原生 max-width:600px 移动端 display:none 隐藏难度列，保留不覆盖。 */
td.col--difficulty {
  text-align: center;
}
/* ⚠️ !important：Hydro 主 CSS（theme-4.58.4.css?hash）在 theme.css 之后再次注入，
   同特异性规则会覆盖本文件——加 !important 确保列宽生效（显示层覆盖，合理场景）。
   110px：最长标签 83px + 左右留白各 13px，长标签（提高+/省选-）视觉不再拥挤。 */
table .col--difficulty {
  width: 110px !important;
}
span[class^="ymck-diff--"] {
  display: inline-block;
  margin: 0 auto;           /* 双保险居中（td text-align + margin auto） */
  padding: 2px 10px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.85em;
  line-height: 1.5;
  color: #fff !important;   /* 白粗字必须生效（覆盖 td/链接颜色） */
  white-space: nowrap;      /* 防长标签（普及+/提高-）被截断 */
}
.ymck-diff--intro { background-color: #FE4C61; }        /* 入门 红 */
.ymck-diff--lower { background-color: #F39C11; }        /* 普及- 橙 */
.ymck-diff--mid    { background-color: #FFC116; }       /* 普及 黄 */
.ymck-diff--midplus { background-color: #52C41A; }      /* 普及+/提高- 绿 */
.ymck-diff--high   { background-color: #23BFBF; }       /* 提高 青 */
.ymck-diff--higher { background-color: #3498DB; }       /* 提高+/省选- 蓝 */
.ymck-diff--prov   { background-color: #9D3DCF; }       /* 省选/NOI- 紫 */
.ymck-diff--noi    { background-color: #00008B; }       /* NOI 深蓝 */