/* ============================================================
   天命图腾 × Discuz! X5.0 桥接样式
   作用：让 Discuz 原生组件融入 vi500 深色史诗风格
   ============================================================ */
/* ---- 1. 专属展示区：数量/大小可配置（配合 exclusive.js） ---- */
.itembox-grid {
  grid-template-columns: repeat(var(--cols, 7), var(--slot-size, 83px)) !important;
  grid-template-rows: none !important;
}
.itembox-grid span {
  width: var(--slot-size, 83px);
  height: calc(var(--slot-size, 83px) * 1.18);
}
/* ---- 2. 页头整合 ---- */
.vi500-header { position: sticky; top: 0; z-index: 900; }
.vi500-header .main-nav { flex-wrap: wrap; row-gap: 4px; }
.vi500-navitem { display: inline-flex; align-items: center; }
.vi500-navitem a { color: #c9d2e3; }
.vi500-navitem[data-current] a,
.vi500-navitem[data-current] { color: #f5d28b; }
.vi500-user { display: flex; align-items: center; gap: 14px; color: #c9d2e3; }
.vi500-user a { color: #c9d2e3; }
.vi500-user a:hover { color: #f5d28b; }
.vi500-user #um { display: flex; align-items: center; gap: 10px; }
.vi500-user #um p { margin: 0; line-height: 1.6; }
.vi500-user .avt img { border-radius: 4px; }
.vi500-qmenu { color: #e8b04b; }
.vi500-subnav { width: 1180px; margin: 0 auto; }
.vi500-subnav a { color: #c9d2e3; }
/* ---- 3. 论坛主体深色化 ---- */
body.vi500-body { background: #02060a; }
.vi500-wp { width: 1180px; max-width: 1180px; margin: 0 auto; }
.vi500-wp .bm {
  background: rgba(8, 16, 24, 0.68);
  border: 1px solid rgba(218, 174, 94, 0.28);
  color: #c9d2e3;
}
.vi500-wp .bm_h {
  background: linear-gradient(180deg, rgba(17, 28, 36, 0.72), rgba(6, 12, 18, 0.78));
  border-bottom: 1px solid rgba(218, 174, 94, 0.28);
}
.vi500-wp .bm_h h2, .vi500-wp .bm_h h2 a { color: #f5d28b; }
.vi500-wp .bm_c { color: #c9d2e3; }
.vi500-wp a { color: #c9d2e3; }
.vi500-wp a.xi2, .vi500-wp .xw1 { color: #e8b04b; }
.vi500-wp a:hover { color: #f5d28b; }
.vi500-wp #pt { color: #8b95a8; }
.vi500-wp #pt a { color: #c9d2e3; }
.vi500-wp .chart { color: #8b95a8; }
.vi500-wp .chart em { color: #e8b04b; }
.vi500-wp .fl_tb td { border-color: rgba(255, 255, 255, 0.06); }
.vi500-wp .fl_tb tr:hover td { background: rgba(217, 173, 99, 0.05); }
.vi500-wp .fl_tb h2 a { color: #eaeaea; }
.vi500-wp .xg2 { color: #8b95a8; }
.vi500-wp .tl th { background: rgba(17, 28, 36, 0.72); color: #f5d28b; }
.vi500-wp .tl td { border-color: rgba(255, 255, 255, 0.06); background: transparent; }
.vi500-wp .th { background: rgba(17, 28, 36, 0.72); }
.vi500-wp input[type="text"], .vi500-wp input[type="password"],
.vi500-wp textarea, .vi500-wp select {
  background: #0f1420; border: 1px solid #2c3550; color: #eaeaea;
}
.vi500-wp .pn, .vi500-wp .pbtn {
  background: linear-gradient(180deg, rgba(158, 48, 37, 0.86), rgba(81, 28, 24, 0.86));
  color: #fff6dd; border: 1px solid rgba(245, 210, 139, 0.5);
}
.vi500-wp .pn:hover { color: #fff; filter: brightness(1.15); }
/* ---- 4. 弹出菜单深色化 ---- */
.vi500-body .p_pop {
  background: #101923;
  border: 1px solid rgba(218, 174, 94, 0.35);
  color: #c9d2e3;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
}
.vi500-body .p_pop a { color: #c9d2e3; }
.vi500-body .p_pop a:hover { color: #f5d28b; }
/* ---- 5. 论坛首页英雄区 ---- */
.vi500-hero { height: 72vh; min-height: 480px; }
/* ---- 6. 页脚链接 ---- */
.vi500-footer .vi500-footer-links a { color: #c9d2e3; }
.vi500-footer .pipe { color: #5d6677; }
.vi500-footer .xs0 { color: #5d6677; }
/* ---- 7. 个人中心（space）适配 ---- */
.vi500-body #pprl, .vi500-body #pprlist, .vi500-body .mbm,
.vi500-body .pbm, .vi500-body .ptw { color: #c9d2e3; }
.vi500-body .space_border, .vi500-body .area {
  border-color: rgba(218, 174, 94, 0.28);
}