/* ============================================================
   Gitea 主题覆盖层 · 新野蛮主义 (Brutalist) v2
   设计语言取自 tga.0lt.top
     · 方格纸底 (26px 网格)
     · 2px 墨色描边 + 硬偏移阴影（无模糊）
     · 黄色高亮 #ffe45c 作为行动色
     · 8px 圆角 + 按压位移反馈
   修正 v1 的错误：不再把导航条刷深，避免深底深字
   ============================================================ */

/* ---------- 1. 设计令牌 ---------- */
:root {
  --brut-paper:#f4f7fc; --brut-grid:#e6ecf8;
  --brut-ink:#101c36;   --brut-ink2:#5a6a8c;
  --brut-hi:#ffe45c;    --brut-red:#e5383b;  --brut-green:#12a150;
  --brut-card:#ffffff;  --brut-soft:#e8eefb;
  --brut-line:2px;      --brut-sh:4px;
}
:root[data-theme="gitea-dark"] {
  --brut-paper:#0d1422; --brut-grid:#151f36;
  --brut-ink:#eef3ff;   --brut-ink2:#8fa0c4;
  --brut-card:#141d31;  --brut-soft:#1b2740;
}

/* ---------- 2. 仅浅色主题：调表面色（不改导航/二级导航的底） ---------- */
html[data-theme="gitea-light"] {
  --color-body: var(--brut-paper);
  --color-text: var(--brut-ink);
  --color-text-light: var(--brut-ink2);
  --color-text-light-1: var(--brut-ink2);
  --color-text-light-2: var(--brut-ink2);
  --color-text-light-3: var(--brut-ink2);

  --color-card: var(--brut-card);
  --color-box-body: var(--brut-card);
  --color-box-header: var(--brut-soft);
  --color-menu: var(--brut-card);

  --color-nav-bg: var(--brut-card);
  --color-nav-text: var(--brut-ink);
  --color-nav-hover-bg: var(--brut-hi);
  --color-secondary-nav-bg: var(--brut-soft);
  --color-secondary-bg: var(--brut-soft);

  --color-input-background: #fff;
  --color-input-border: var(--brut-ink);
  --color-input-border-hover: var(--brut-ink);
  --color-input-text: var(--brut-ink);
  --color-input-placeholder: var(--brut-ink2);
  --color-placeholder-text: var(--brut-ink2);

  --color-light-border: var(--brut-ink);
  --color-border: var(--brut-ink);
  --color-hover: rgba(255,228,92,.32);
  --color-active: var(--brut-hi);
  --color-markup-code-block: var(--brut-soft);
  --color-code-bg: var(--brut-soft);
  --color-markup-table-row: rgba(16,28,54,.04);
  --color-tooltip-bg: var(--brut-ink);
  --color-tooltip-text: var(--brut-paper);
  --color-highlight-bg: var(--brut-hi);
  --color-highlight-fg: var(--brut-ink);
}

/* 通用：圆角与字体（两主题都生效） */
:root {
  --border-radius: 8px;
  --border-radius-medium: 10px;
  --fonts-proportional: -apple-system, BlinkMacSystemFont, system-ui, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

/* ---------- 3. 基底：方格纸 ---------- */
html[data-theme="gitea-light"] body {
  background-color: var(--brut-paper) !important;
  background-image:
    linear-gradient(var(--brut-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--brut-grid) 1px, transparent 1px) !important;
  background-size: 26px 26px !important;
  background-attachment: fixed !important;
}
body { font-family: var(--fonts-proportional); }

/* 入场动画 */
@keyframes brutFadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes brutPop { 0%{transform:scale(.96);opacity:0} 100%{transform:scale(1);opacity:1} }
#body-container, .page-content, .repository { animation: brutFadeUp .34s cubic-bezier(.2,.7,.3,1) both; }

/* ---------- 4. 导航：浅色 + 底部粗线（关键修复） ---------- */
#navbar {
  border-bottom: var(--brut-line) solid var(--brut-ink) !important;
  background: var(--color-nav-bg) !important;
  color: var(--color-nav-text) !important;
}
#navbar .item, #navbar a.item, #navbar .ui.menu .item {
  color: var(--color-nav-text) !important;
  font-weight: 700 !important;
}
#navbar .item:hover, #navbar a.item:hover { background: var(--brut-hi) !important; color: var(--brut-ink) !important; }
#navbar .item.active { background: var(--brut-hi) !important; color: var(--brut-ink) !important; }
#navbar .notification_count {
  background: var(--brut-red) !important; color: #fff !important;
  border: 1px solid var(--brut-ink) !important; font-weight: 800;
}

/* 二级导航（仓库页头部）保持浅底，确保文字可读 */
html[data-theme="gitea-light"] .secondary-nav { background: var(--brut-soft) !important; }
.secondary-nav { border-bottom: 1px solid var(--brut-grid); }
html[data-theme="gitea-light"] .repo-header, html[data-theme="gitea-light"] .repo-header .muted,
html[data-theme="gitea-light"] .repo-header a { color: var(--brut-ink) !important; }
html[data-theme="gitea-light"] .repo-header .muted { color: var(--brut-ink2) !important; }

/* 菜单项文字用主题文字色，防止浅底浅字 */
.ui.menu .item { color: var(--color-text) !important; }
.ui.menu .item:hover { background: var(--brut-hi) !important; color: var(--brut-ink) !important; }
.ui.menu .active.item, .ui.menu .item.active { background: var(--brut-hi) !important; color: var(--brut-ink) !important; }

/* ---------- 5. 卡片 / 区块 ---------- */
.ui.segment, .ui.card, .ui.attached.segment, .ui.tab.segment,
.flex-list .flex-item, .issue.list > .item, .timeline-item, .ui.table, .file-header, .ui.comments .comment {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: none !important;
}
html[data-theme="gitea-light"] .ui.segment,
html[data-theme="gitea-light"] .ui.card,
html[data-theme="gitea-light"] .flex-list .flex-item,
html[data-theme="gitea-light"] .ui.table {
  background: var(--brut-card) !important;
}
.ui.segment { box-shadow: var(--brut-sh) var(--brut-sh) 0 rgba(16,28,54,.10) !important; transition: box-shadow .16s ease; }
.ui.segment:hover { box-shadow: var(--brut-sh) var(--brut-sh) 0 var(--brut-hi) !important; }
.flex-list .flex-item { margin-bottom: 10px; padding: 12px 14px; box-shadow: 3px 3px 0 rgba(16,28,54,.10) !important; transition: transform .14s ease, box-shadow .14s ease; }
.flex-list .flex-item:hover { transform: translate(-1px,-1px); box-shadow: 5px 5px 0 var(--brut-hi) !important; }

/* 表格表头（深底反白） */
.ui.table thead th, .ui.table > thead > tr > th {
  background: var(--brut-ink) !important;
  color: var(--brut-paper) !important;
  font-weight: 800 !important;
  border-bottom: 0 !important;
}
.ui.table thead th a, .ui.table thead th .muted, .ui.table thead th span, .ui.table thead th strong {
  color: var(--brut-paper) !important;
}

/* 「最新提交」信息栏必须保持浅底，否则里面的链接会深底深字 */
tr.commit-list th, tr.commit-list td { background: var(--brut-soft) !important; border-bottom: 0 !important; }
tr.commit-list a, tr.commit-list .muted, tr.commit-list strong,
tr.commit-list span, tr.commit-list .commit-summary, tr.commit-list .grey {
  color: var(--brut-ink) !important;
}
tr.commit-list a:hover { background: var(--brut-hi) !important; }

.ui.table tbody tr:hover { background: rgba(255,228,92,.30) !important; }

/* ---------- 6. 按钮 ---------- */
.ui.button, .ui.buttons .button {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: var(--border-radius) !important;
  background: var(--brut-card) !important;
  color: var(--brut-ink) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0 var(--brut-ink) !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important;
}
.ui.button:hover { background: var(--brut-hi) !important; color: var(--brut-ink) !important; transform: translate(1px,1px); box-shadow: 1px 1px 0 var(--brut-ink) !important; }
.ui.button:active { transform: translate(2px,2px); box-shadow: 0 0 0 var(--brut-ink) !important; }

.ui.primary.button, .ui.blue.button, .ui.green.button, .ui.positive.button, .ui.ok.button {
  background: var(--brut-hi) !important; color: var(--brut-ink) !important;
  box-shadow: 3px 3px 0 var(--brut-ink) !important;
}
.ui.primary.button:hover, .ui.green.button:hover, .ui.positive.button:hover { background: #ffec8a !important; box-shadow: 2px 2px 0 var(--brut-ink) !important; }
.ui.red.button, .ui.negative.button, .ui.danger.button { background: var(--brut-red) !important; color: #fff !important; box-shadow: 3px 3px 0 var(--brut-ink) !important; }
.ui.basic.button { box-shadow: none !important; }

/* ---------- 7. 输入框 ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea, .ui.input > input, .ui.form input, .ui.form textarea, .ui.selection.dropdown {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: none !important;
  color: var(--color-text) !important;
}
html[data-theme="gitea-light"] input:not([type=checkbox]):not([type=radio]),
html[data-theme="gitea-light"] textarea,
html[data-theme="gitea-light"] .ui.input > input { background: #fff !important; }
input:focus, textarea:focus, .ui.input > input:focus { outline: none !important; box-shadow: 3px 3px 0 var(--brut-hi) !important; }

/* ---------- 8. 标签 / 徒标 ---------- */
.ui.label, .ui.basic.label, .ui.tag.label {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: 99px !important;
  font-weight: 700 !important;
  padding: 2px 10px !important;
}
html[data-theme="gitea-light"] .ui.label { background: var(--brut-card) !important; color: var(--brut-ink) !important; }
.ui.green.label { background: var(--brut-green) !important; color: #fff !important; }
.ui.red.label   { background: var(--brut-red) !important;   color: #fff !important; }
.ui.yellow.label { background: var(--brut-hi) !important;   color: var(--brut-ink) !important; }

/* ---------- 9. 链接 ---------- */
a { text-decoration: none; }
html[data-theme="gitea-light"] a { color: var(--brut-ink); }
html[data-theme="gitea-light"] a:hover { background: var(--brut-hi); }
/* 深色区域里的链接不套黄底，防止刺眼 */
.ui.header a:hover { background: transparent; }

/* ---------- 10. 代码与 Markdown ---------- */
code, .markup code { border-radius: 6px !important; }
pre, .markup pre, .code-view {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: var(--border-radius) !important;
}
html[data-theme="gitea-light"] pre, html[data-theme="gitea-light"] .markup pre { background: var(--brut-soft) !important; }
html[data-theme="gitea-light"] .markup code:not(pre code) { background: rgba(255,228,92,.55) !important; }

/* ---------- 11. 下拉 / 弹窗 ---------- */
.ui.dropdown .menu, .ui.popup, .ui.modal {
  border: var(--brut-line) solid var(--brut-ink) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: 5px 5px 0 var(--brut-hi) !important;
}
.ui.dropdown .menu > .item:hover { background: var(--brut-hi) !important; color: var(--brut-ink) !important; }
.ui.modal { animation: brutPop .2s cubic-bezier(.2,.8,.3,1) both; }
.ui.message { animation: brutFadeUp .26s ease both; border: var(--brut-line) solid var(--brut-ink) !important; box-shadow: 4px 4px 0 var(--brut-hi) !important; }

/* ---------- 12. 头像 / 页脚 ---------- */
.ui.avatar img, img.ui.avatar { border: var(--brut-line) solid var(--brut-ink); box-shadow: 2px 2px 0 rgba(16,28,54,.18); }
footer, .page-footer { border-top: var(--brut-line) solid var(--brut-ink) !important; margin-top: 26px; padding-top: 12px; }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }