/* ============================================================
   乌鲁克全站极简风统一覆盖表 uruk-min.css（2026-10-02 老板定向）
   以官网 wuluke.com 主页风格为朝服：
   白底 #fff / 浅灰底 #fafbfc / 边 #e4e8ef / 字 #24292f /
   弱字 #6b7280 / 点缀朱红 #c0392b / 成功绿 #1a7f37
   用法：页面 <head> 尾部引入本表（在原有 <style> 之后），
   不改模块设计，仅统一文字与颜色。
   ============================================================ */

/* ---------- 基底 ---------- */
html, body {
  background: #fafbfc !important;
  color: #24292f !important;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif !important;
}
a { color: #c0392b !important; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: #24292f !important; }
::selection { background: rgba(192, 57, 43, .18) !important; }

/* ---------- 页头/英雄区（去彩色渐变，改白底红线） ---------- */
.hero, .top-hero, .banner, .page-hero, header.hero {
  background: #fff !important;
  color: #24292f !important;
  border-bottom: 2px solid #c0392b !important;
  box-shadow: none !important;
}
.hero h1, .hero .title, .page-hero h1 { color: #24292f !important; letter-spacing: 1px !important; }
.hero .sub, .hero p, .hero .desc, .page-hero p { color: #6b7280 !important; }
.hero .tag, .hero .tags .tag, .hero .badge {
  background: #fff !important;
  color: #c0392b !important;
  border: 1px solid rgba(192, 57, 43, .45) !important;
}

/* ---------- 卡片/面板/条目 ---------- */
.panel, .card, .work, .chip, .news-item, .line-card, .line-item,
.app-card, .stat-card, .module-card, .info-card {
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05) !important;
  color: #24292f !important;
}
.panel:hover, .card:hover, .line-card:hover, .line-item:hover, .app-card:hover {
  background: #fafbfc !important;
  border-color: #c0392b !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08) !important;
  transform: none !important;
}
.panel h3, .card h3 { color: #24292f !important; border-left-color: #c0392b !important; }
.card-head, .panel-head { border-bottom-color: #e4e8ef !important; }
.card-title, .card-sub { color: #24292f !important; }
.card-sub, .note, .d, .desc, .muted { color: #6b7280 !important; }
.line-card b, .work b, .news-item b, .chip b { color: #24292f !important; }
.news-item a, .work a { color: #24292f !important; }
.news-item a:hover { color: #c0392b !important; }
.news-item .src { background: #fafbfc !important; border-color: #e4e8ef !important; color: #6b7280 !important; }

/* ---------- 页签/导航 ---------- */
.tab, .subtab, .nav-tab {
  background: #fff !important;
  color: #6b7280 !important;
  border: 1px solid #e4e8ef !important;
}
.tab.on, .tab.active, .subtab.on, .nav-tab.active {
  background: #c0392b !important;
  color: #fff !important;
  border-color: #c0392b !important;
}
.nav-item { color: #6b7280 !important; }
.nav-item.active, .nav-item:hover { background: rgba(192, 57, 43, .08) !important; color: #c0392b !important; box-shadow: none !important; }
.sidebar, .sidenav { background: #fff !important; border-right: 1px solid #e4e8ef !important; }

/* ---------- 按钮（导航按钮除外：nav-item 保持素衣） ---------- */
button:not(.nav-item), .btn, input[type="submit"] {
  background: #c0392b !important;
  color: #fff !important;
  border: 1px solid #c0392b !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
button:not(.nav-item):hover, .btn:hover { background: #a5301f !important; border-color: #a5301f !important; }
button.ghost:not(.nav-item), .btn.ghost, .secondary, button.secondary {
  background: #fff !important;
  color: #c0392b !important;
  border: 1px solid rgba(192, 57, 43, .45) !important;
}
button.ghost:not(.nav-item):hover, .secondary:hover { background: rgba(192, 57, 43, .06) !important; }
button:disabled { opacity: .45 !important; }

/* ---------- 侧栏导航按钮（素衣，激活才染红晕） ---------- */
button.nav-item, .nav-item {
  background: transparent !important;
  color: #6b7280 !important;
  border: none !important;
  box-shadow: none !important;
}
button.nav-item:hover, .nav-item:hover {
  background: rgba(192, 57, 43, .06) !important;
  color: #c0392b !important;
}
button.nav-item.active, .nav-item.active {
  background: rgba(192, 57, 43, .1) !important;
  color: #c0392b !important;
  box-shadow: inset 3px 0 #c0392b !important;
}

/* ---------- 表单 ---------- */
input, select, textarea {
  background: #fff !important;
  color: #24292f !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 8px !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #c0392b !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, .12) !important;
}
input::placeholder, textarea::placeholder { color: #94a3b8 !important; }

/* ---------- 徽标/标签 ---------- */
.badge, .tag, .app-tag {
  background: #fff !important;
  color: #c0392b !important;
  border: 1px solid rgba(192, 57, 43, .45) !important;
}
.badge.warn, .tag.warn { color: #8a5a1a !important; border-color: rgba(216, 160, 90, .6) !important; background: #fdf6e3 !important; }
.tag.on, .app-tag.on { color: #c0392b !important; }
.app-tag.free, .badge.ok, .tag.ok, .tag.approved { color: #1a7f37 !important; border-color: rgba(26, 127, 55, .5) !important; background: #fff !important; }
.status-pill { background: #fff !important; border: 1px solid #e4e8ef !important; color: #6b7280 !important; }

/* ---------- 内容块/代码/聊天 ---------- */
.kv, .chat-box, .endpoint, .skill-preview, pre, code, .log, .source-box, .notice {
  background: #fafbfc !important;
  border: 1px solid #e4e8ef !important;
  color: #24292f !important;
}
.endpoint { border-top-color: #e4e8ef !important; }
.endpoint .m { background: #fafbfc !important; color: #1a7f37 !important; }
.endpoint .m.post { background: #fdf0e9 !important; color: #c0392b !important; }
.endpoint .a { background: #fff !important; border-color: #e4e8ef !important; color: #6b7280 !important; }
.msg .b { background: #fff !important; border: 1px solid #e4e8ef !important; color: #24292f !important; }
.msg.me .b { background: #c0392b !important; color: #fff !important; border-color: #c0392b !important; }
.msg.ai .b { background: #fff !important; }
.ai-ask-login-bar, .session-banner {
  background: #fdf6e3 !important;
  border: 1px solid rgba(216, 160, 90, .5) !important;
  color: #8a5a1a !important;
}

/* ---------- 流水线/步骤 ---------- */
.pipe .st, .task, .step {
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  color: #24292f !important;
}
.pipe .st.doing, .step.active { background: #fdf6e3 !important; border-color: rgba(216, 160, 90, .6) !important; color: #8a5a1a !important; }

/* ---------- 表格 ---------- */
table { border-color: #e4e8ef !important; }
th { background: #fafbfc !important; color: #24292f !important; border-color: #e4e8ef !important; }
td { border-color: #e4e8ef !important; color: #24292f !important; }
tr:hover td { background: #fafbfc !important; }

/* ---------- 页脚 ---------- */
.footer, footer {
  background: #fff !important;
  border-top: 1px solid #e4e8ef !important;
  color: #6b7280 !important;
}
.footer a, footer a { color: #c0392b !important; }

/* ---------- 弹层/遮罩 ---------- */
.auth-panel, .modal, .dialog {
  background: #fff !important;
  border: 1px solid #e4e8ef !important;
  color: #24292f !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .12) !important;
}
.auth-tab { color: #6b7280 !important; }
.auth-tab.active { color: #c0392b !important; border-bottom-color: #c0392b !important; }

/* ---------- 滚动条（极简细灰） ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }