/* ===== 首页 index.html 专用：白底黑字（黑白灰）主题 =====
   必须在 styles.css 之后加载；后台 admin.html 不加载本文件，保持深色霓虹。 */
:root {
  --bg: #ffffff;
  --bg2: #f7f7f7;
  --bg3: #f1f1f1;
  --glass: #ffffff;
  --glass-strong: #f6f6f6;
  --border: #e3e3e3;
  --border-strong: #c8c8c8;
  --text: #161616;
  --muted: #6b6b6b;
  /* 原来的彩色强调色全部改成中性灰，黑白主题不留彩色 */
  --cyan: #3a3a3a;
  --purple: #5a5a5a;
  --pink: #4a4a4a;
  --green: #4a4a4a;
  --amber: #4a4a4a;
  --danger: #4a4a4a;
  --radius: 14px;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

body { background: #f5f5f5; background-attachment: fixed; color: #161616; }

/* ================================================================
   白底黑字（黑白灰）主题：统一覆盖旧版深色霓虹的硬编码颜色
   只改颜色和阴影，布局、间距、功能全部保持原样；想换回深色删掉这一段即可
   ================================================================ */
body { color: #161616; }
.glass { backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }

/* 顶栏 */
.nav { background: rgba(255,255,255,0.96); }
.nav .logo {
  background: none; -webkit-background-clip: border-box; background-clip: border-box;
  color: #111; -webkit-text-fill-color: #111;
}
.nav .links a:hover, .nav .links a.active, .nav .icon-link:hover { box-shadow: none; }
.nav .icon-link:hover { border-color: #999; }
.nav .share-btn { color: #333; }
.nav-search { background: #fff; }
.nav-search:focus-within { border-color: #888; box-shadow: none; }
.nav-cat.active, .chip.active {
  color: #fff; background: #2b2b2b; border-color: #2b2b2b; box-shadow: none;
}
.nav-cat i { background: #666 !important; }
.section-title .dot { background: #666 !important; box-shadow: none !important; }
.sort select option { background: #fff; color: #161616; }

/* 卡片与标签：内联的动态彩色一并强制成灰 */
.card { border-top-color: #bdbdbd !important; }
.card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.10); }
.tag, .pan-badge {
  color: #4a4a4a !important; background: #f2f2f2 !important;
  border-color: #d8d8d8 !important;
}
.code-line b, .code-line span, .card-title:hover, .post-arrow,
.hotword:hover, .link-text { color: #333; }
.post-item:hover { border-color: #aaa; }
.spec { color: #555; background: #f4f4f4; }

/* 表单、留言板、后台列表 */
.board-form input, .board-form textarea,
.field input, .field textarea, .field select,
.batch-fields input, .search, .code-box, .hotword {
  background: #fff; border-color: #dcdcdc;
}
.board-form input:focus, .board-form textarea:focus,
.field input:focus, .field textarea:focus, .field select:focus,
.batch-fields input:focus { border-color: #888; }
.msg, .batch-row, .detail-grid > div { background: #fafafa; }
.msg p { color: #333; }
.batch-all input, .batch-chk { accent-color: #333; }
.row-dead, .dead-banner {
  background: #f2f2f2 !important; border-color: #d0d0d0 !important; box-shadow: none !important;
}
.dead-banner-head, .dead-item { color: #333; }
.dead-item { border-top-color: #ddd; }
.tab-badge { color: #fff; background: #444; }

/* 按钮、徽章、弹窗、提示条 */
.btn-primary { color: #fff; background: #242424; border: none; box-shadow: none; }
.btn-primary:hover { box-shadow: 0 3px 10px rgba(0,0,0,0.16); }
.btn-danger { color: #333; border-color: #bbb; }
.btn-danger:hover { background: #eee; }
.badge-pending, .badge-done { color: #444; background: #f0f0f0; border-color: #ddd; }
.toast { background: #242424; border-color: #444; color: #fff; }
.toast.ok, .toast.err { border-color: #777; }
.modal-mask { background: rgba(0,0,0,0.35); backdrop-filter: none; -webkit-backdrop-filter: none; }
.dashboard-head { background: rgba(255,255,255,0.96); }

/* ================================================================
   首页排版精修（只作用于 index.html；后台 admin.html 不加载本文件）
   参考成熟内容站/资源站的通用做法：统一中文与西文字体栈、收敛字号阶梯、
   8px 间距节奏、统一圆角与控件高度、卡片按钮底部对齐。
   只调字体与排版，不改动页面结构、不增删任何功能。
   ================================================================ */
:root { --radius: 10px; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Microsoft YaHei UI",
               "Noto Sans SC", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  letter-spacing: 0.01em;
  text-rendering: optimizeLegibility;
}
.nav .logo, .section-title, .board-head h2, .card-title,
.modal h2, .side-note b { letter-spacing: -0.01em; }
.count, .msg-time, .code-line b, .post-date { font-variant-numeric: tabular-nums; }

/* 顶栏：一条主视线，控件等高、同圆角 */
.nav { padding: 10px 24px; gap: 10px; border-bottom: 1px solid #e6e6e6; box-shadow: 0 1px 2px rgba(0,0,0,0.02); }
.nav .logo { font-size: 17px; font-weight: 700; }
.nav-cats { gap: 4px; }
.nav-cat { font-size: 13px; padding: 7px 12px; border-radius: 8px; color: #666; background: transparent; border-color: transparent; }
.nav-cat:hover { background: #f0f0f0; color: #111; }
.nav-cat.active { background: #1f1f1f; border-color: #1f1f1f; color: #fff; font-weight: 600; }
.nav-cat.active i { background: #fff !important; opacity: 0.75; }
.nav .share-btn { height: 34px; padding: 0 12px; border-radius: 8px; font-size: 13px; color: #444; background: #fff; border-color: #e0e0e0; }
.nav .icon-link { width: 34px; height: 34px; border-radius: 8px; background: #fff; border-color: #e0e0e0; }
.nav-search { height: 36px; padding: 0 12px; border-radius: 8px; border-color: #e0e0e0; }
.nav-search input { font-size: 13px; }

/* 内容区：统一间距节奏，标题不再喧宾夺主 */
/* 首页不显示「全部资源 / 排序」这一行，卡片直接顶到顶栏下方 */
.layout { padding-top: 10px; }
section.block { padding: 0 0 18px; }
.section-title { font-size: 17px; margin-bottom: 16px; gap: 9px; }
.section-title .dot { width: 3px; height: 16px; border-radius: 2px; background: #2b2b2b !important; }
.section-head { display: none; }
.count { font-size: 12px; color: #888; font-weight: 400; }
.sort { font-size: 12px; }
.sort select { height: 34px; padding: 0 10px; border-radius: 8px; font-size: 13px; }

/* 卡片：去掉顶部灰条与固定两行高度，按钮统一贴底，卡片更矮更齐 */
.grid { grid-template-columns: repeat(auto-fill, minmax(224px, 1fr)); gap: 14px; }
.card {
  display: flex; flex-direction: column; gap: 10px;
  padding: 14px 15px 15px;
  border: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
  border-radius: var(--radius);
  box-shadow: none; background: #fff;
}
.card:hover { transform: none; border-color: #cfcfcf !important; box-shadow: 0 4px 14px rgba(0,0,0,0.07); }
.card-top { gap: 6px; }
.card h3 { font-size: 15px; line-height: 1.5; min-height: 0; font-weight: 600; color: #1c1c1c; }
.card .row { margin-top: auto; gap: 8px; flex-wrap: nowrap; }
.card .row .btn { flex: 1 1 0; min-width: 0; height: 34px; padding: 0 6px; border-radius: 8px; font-size: 12px; font-weight: 500; }
.card .btn-sm.btn-ghost { background: #fff; border-color: #e0e0e0; }
.card .code-line { margin-top: 2px; padding-top: 8px; font-size: 12px; border-top-color: #ececec; }
.tag, .pan-badge { font-size: 12px; padding: 2px 8px; border-radius: 6px; font-weight: 500; letter-spacing: 0; }

/* 按钮 / 表单 / 留言板：高度与圆角统一，小字不再小到看不清 */
.btn { border-radius: 8px; font-size: 13px; }
.btn-sm { border-radius: 8px; }
.board { padding: 20px; }
.board-head h2 { font-size: 16px; font-weight: 700; }
.board-head + .muted { color: #888; }
.board-form { gap: 10px; }
.board-form textarea { border-radius: 8px; font-size: 13px; line-height: 1.6; }
.board-form .btn { height: 36px; border-radius: 8px; }
.board-divider { margin: 18px 0 14px; background: #ececec; }
.board-sub { font-size: 12px; color: #888; font-weight: 600; letter-spacing: 0.02em; }
.msg { border-radius: 8px; padding: 10px 12px; border-color: #ececec; }
.msg-head b { font-size: 13px; }
.msg p { font-size: 13px; line-height: 1.6; }
.msg-time { font-size: 12px; color: #999; }
.side-note { padding: 18px; }
.side-note b { font-size: 14px; }
.side-note p { font-size: 12px; line-height: 1.75; color: #777; }

/* 文章、弹窗、页脚 */
.post-list { gap: 10px; }
.post-item { border-radius: var(--radius); padding: 14px 16px; }
.post-main b { font-size: 14px; font-weight: 600; }
.post-main small, .post-date { font-size: 12px; }
.modal { padding: 24px; }
.modal h2 { font-size: 18px; }
footer { font-size: 12px; color: #999; border-top-color: #ececec; padding: 24px 0 32px; }

/* 窄屏：沿用原有紧凑网格，避免被上面的规则覆盖 */
@media (max-width: 760px) {
  .nav { padding: 10px 14px; }
  .layout { padding-top: 8px; }
  .grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
}
@media (max-width: 560px) {
  .grid { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
}

/* ================================================================
   二次微调：字重减轻 / 主按钮去掉黑块 / 少量强调色
   Windows 的微软雅黑只有 400 与 700 两档，600~700 都会渲染成粗体；
   上一版标题和按钮用了 600/700，整页因此发黑发粗。这里统一降到 400，
   层级改由字号与灰度承担；大字号标题优先用「微软雅黑 Light」细体。
   强调色只用在几处小面积上，整体仍是白底黑字。
   ================================================================ */
:root {
  --accent: #2f66c9;
  --accent-soft: #eef4ff;
  --accent-line: #cfdff8;
}

body { font-weight: 400; }
.nav .logo, .section-title, .board-head h2, .card h3, .post-main b,
.side-note b, .modal h2, .board-sub, .tag, .pan-badge,
.btn, .card .row .btn, .nav-cat, .count, .msg-head b { font-weight: 400; }

.nav .logo, .section-title, .board-head h2, .card-title, .modal h2 {
  font-family: "Microsoft YaHei Light", "PingFang SC", -apple-system,
               "Segoe UI", "Microsoft YaHei", sans-serif;
}
.nav .logo { font-size: 18px; color: #111; }
.card h3 { color: #262626; }

/* 主按钮不再是一整块黑：淡蓝底 + 蓝字 + 细边 */
.btn-primary {
  color: var(--accent);
  background: var(--accent-soft);
  border: 1px solid var(--accent-line);
  box-shadow: none;
}
.btn-primary:hover { background: #e3edff; border-color: var(--accent); box-shadow: none; }
.card .row .btn.btn-primary {
  color: var(--accent); background: var(--accent-soft);
  border: 1px solid var(--accent-line);
}
.card .row .btn.btn-ghost { color: #555; background: #fff; border: 1px solid #e0e0e0; }

/* 少量点缀：当前分类、区块竖条、搜索聚焦、标题悬停 */
.nav-cat.active { background: var(--accent-soft); border-color: var(--accent-line); color: var(--accent); }
.nav-cat.active i { background: var(--accent) !important; opacity: 1; }
.section-title .dot { background: var(--accent) !important; }
.nav-search:focus-within { border-color: var(--accent); box-shadow: none; }
.card-title:hover, .post-main b:hover { color: var(--accent); }
.sort select:focus, .board-form textarea:focus { border-color: var(--accent); }

/* 顶栏站点名比分类稍重一点，做一条主视线；其余字重保持定稿不变 */
.nav .logo { font-weight: 600; }

/* ================================================================
   首页排版参考成熟资源站：紧凑列表（序号 / 标题 / 标签 / 右侧操作）
   + 一键切回卡片网格 + 侧栏最近收录榜单。白底黑字、顶栏、搜索、
   分享、留言板、后台入口一律不动；老站与短域名静态站共用这套样式。
   ================================================================ */
.res-bar { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 12px; color: #888; }
.res-bar .res-count { margin-right: auto; }
.view-switch { display: flex; gap: 4px; }
.view-btn { font: inherit; font-size: 12px; padding: 4px 11px; border: 1px solid #e0e0e0; background: #fff; color: #666; border-radius: 6px; cursor: pointer; }
.view-btn:hover { border-color: #bbb; color: #333; }
.view-btn.active { color: var(--accent); background: var(--accent-soft); border-color: var(--accent-line); }
.res-list { display: flex; flex-direction: column; background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; overflow: hidden; }
.res-item { display: flex; align-items: center; gap: 14px; padding: 10px 14px; border-bottom: 1px solid #efefef; background: #fff; }
.res-item:last-child { border-bottom: none; }
.res-item:hover { background: #fafbfd; }
.res-no { flex: 0 0 26px; font-size: 12px; color: #aaa; font-variant-numeric: tabular-nums; }
.res-main { flex: 1 1 auto; min-width: 0; }
.res-title { display: block; font-size: 14px; color: #262626; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.res-title:hover { color: var(--accent); text-decoration: underline; }
.res-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.res-tags .tag, .res-tags .pan-badge, .res-tags .spec { font-size: 11px; padding: 1px 7px; }
.res-code { font-size: 11px; color: #888; align-self: center; cursor: pointer; }
.res-code:hover { color: var(--accent); }
.res-ops { display: flex; gap: 6px; flex: 0 0 auto; }
.res-ops .btn { height: 30px; padding: 0 10px; font-size: 12px; border-radius: 7px; }
/* 一键切回原来的卡片网格 */
.res-list.grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(224px, 1fr)); gap: 12px; background: transparent; border: none; border-radius: 0; overflow: visible; }
.res-list.grid-view .res-item { flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 15px; border: 1px solid #e6e6e6; border-radius: 10px; }
.res-list.grid-view .res-no { display: none; }
.res-list.grid-view .res-title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; }
.res-list.grid-view .res-ops { margin-top: auto; }
.res-list.grid-view .res-ops .btn { flex: 1 1 0; }
/* 侧栏榜单（纯文字，无图） */
.rank-card { padding: 16px 18px; }
.rank-head { display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #262626; margin-bottom: 10px; }
.rank-head span { font-size: 11px; color: #999; }
.rank-list { list-style: none; margin: 0; padding: 0; }
.rank-list li { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px dashed #eee; font-size: 12px; min-width: 0; }
.rank-list li:last-child { border-bottom: none; }
.rank-no { flex: 0 0 20px; color: #aaa; font-variant-numeric: tabular-nums; }
.rank-no.hot { color: #333; font-weight: 600; }
.rank-list a { color: #444; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rank-list a:hover { color: var(--accent); }
@media (max-width: 760px) {
  .res-list.grid-view { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
  .res-item { gap: 8px; padding: 9px 10px; }
  .res-ops { flex-direction: column; }
  .res-ops .btn { height: 27px; font-size: 11px; }
  .res-bar { font-size: 11px; }
}
@media (max-width: 560px) {
  .res-list.grid-view { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
  .res-no { display: none; }
}

/* 豆瓣海报 + 剧情简介（老站 / 静态站共用，白底黑字不变） */
.res-cover { flex: 0 0 44px; height: 62px; border-radius: 5px; overflow: hidden; background: #f4f4f4; }
.res-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.res-intro { font-size: 12px; color: #888; line-height: 1.55; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.res-list.grid-view .res-cover { flex: none; width: 100%; height: 168px; }
.res-list.grid-view .res-intro { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 2px; }
@media (max-width: 760px) {
  .res-cover { flex-basis: 36px; height: 50px; }
}
/* 详情弹窗里的海报 + 剧情简介 */
.detail-head { display: flex; gap: 14px; align-items: flex-start; margin: 0 0 16px; }
.detail-head img { width: 96px; border-radius: 6px; display: block; flex: 0 0 auto; }
.detail-head p { margin: 0; font-size: 13px; line-height: 1.8; color: #555; }