@charset "UTF-8";
/* ==========================================================================
   热血江湖助手 · 全站主题  rxjh_theme.css
   --------------------------------------------------------------------------
   与「卡密验证后台」(yxzh_verify.asp / yxzh_verify_admin.asp) 同一套视觉方案：
     主渐变   linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #a855f7 100%)
     顶栏渐变 linear-gradient(120deg, #4f46e5 0%, #7c3aed 55%, #a855f7 100%)
     内容底   #f2f4f9   卡片 #fff   描边 #ebeff8   圆角 14px   柔和阴影
     正文色   #252b3b   次级 #5b6377   弱化 #8a91a5
   改配色只改本文件，全站（主站页 + 64 篇报告页）一起变。
   ========================================================================== */

:root{
  --rx-pri:#4f46e5;
  --rx-pri2:#7c3aed;
  --rx-pri3:#a855f7;
  --rx-grad:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#a855f7 100%);
  --rx-gradbar:linear-gradient(120deg,#4f46e5 0%,#7c3aed 55%,#a855f7 100%);
  --rx-bg:#f2f4f9;
  --rx-card:#ffffff;
  --rx-line:#ebeff8;
  --rx-ink:#252b3b;
  --rx-ink2:#5b6377;
  --rx-ink3:#8a91a5;
  --rx-ok:#16a34a;
  --rx-warn:#f59e0b;
  --rx-err:#dc2626;
  --rx-perm:#7c3aed;
  --rx-shadow:0 10px 30px rgba(24,16,72,.10);
}

/* ---------------------------------------------------------------------------
   1) 报告页顶部导航条（原先的白色 #rxjhNav → 紫渐变）
   --------------------------------------------------------------------------- */
#rxjhNav{
  position:fixed;top:0;left:0;right:0;z-index:2147483000;height:46px;
  display:flex;align-items:center;gap:12px;padding:0 16px;
  background:var(--rx-gradbar);
  box-shadow:0 2px 14px rgba(79,70,229,.28);
  font:13px/1.5 -apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  color:#fff;
}
#rxjhNav a{color:#fff!important;text-decoration:none;font-weight:600;white-space:nowrap}
#rxjhNav a:hover{text-decoration:underline}
#rxjhNav .t{
  font-weight:600;color:#fff;max-width:44vw;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#rxjhNav .path{
  margin-left:auto;color:rgba(255,255,255,.86);font-family:Consolas,Menlo,monospace;
  font-size:11.5px;max-width:36%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#rxjhNav .kb{
  padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;
  background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.5);
}
#rxjhNav .kb:hover{background:rgba(255,255,255,.34);text-decoration:none}

/* 固定顶栏 → 正文让位（报告页原就靠这条撑开，保留 !important 防止被页面自身样式盖掉） */
body{padding-top:56px !important}

/* ---------------------------------------------------------------------------
   2) 主站页顶栏（静态版，非固定）
   --------------------------------------------------------------------------- */
.rx-top{
  background:var(--rx-gradbar);color:#fff;
  padding:14px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  box-shadow:0 2px 14px rgba(79,70,229,.28);
}
.rx-top .brand{margin-right:auto;display:flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px;letter-spacing:.4px}
.rx-top .brand i{
  width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.22);
  display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:14px;
}
.rx-top a{
  color:#fff!important;text-decoration:none;font-size:13px;font-weight:600;
  padding:6px 13px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.36);
}
.rx-top a:hover{background:rgba(255,255,255,.30);text-decoration:none}
.rx-top a.solid{background:#fff;color:#5b21b6!important;border-color:#fff}
.rx-top a.solid:hover{background:#fff;filter:brightness(1.03)}

/* ---------------------------------------------------------------------------
   3) 通用组件（按钮 / 卡片 / 徽章 / 提示条）
   --------------------------------------------------------------------------- */
.rx-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 18px;border:0;border-radius:10px;
  font-size:14px;font-weight:700;color:#fff!important;cursor:pointer;text-decoration:none;
  background:var(--rx-grad);box-shadow:0 8px 20px rgba(79,70,229,.28);transition:.15s;
}
.rx-btn:hover{filter:brightness(1.07);text-decoration:none}
.rx-btn.ghost{background:#fff;color:var(--rx-pri2)!important;border:1px solid #dcdffb;box-shadow:none}
.rx-btn.ghost:hover{background:#f7f7ff}
.rx-btn.sm{padding:6px 13px;font-size:12.8px;border-radius:8px}

.rx-panel{
  background:var(--rx-card);border:1px solid var(--rx-line);border-radius:14px;
  padding:20px 22px;box-shadow:0 1px 3px rgba(16,24,40,.05);margin-bottom:16px;
}
.rx-panel h2{
  margin:0 0 12px;font-size:17px;color:var(--rx-ink);
  display:flex;align-items:center;gap:9px;
}
.rx-panel h2::before{
  content:"";width:4px;height:16px;border-radius:2px;
  background:linear-gradient(#4f46e5,#a855f7);flex:0 0 auto;
}

.rx-badge{display:inline-block;font-size:11.5px;border-radius:999px;padding:2px 10px;white-space:nowrap}
.rx-badge.ok{background:#e8f8ee;color:#15803d}
.rx-badge.warn{background:#fff4e5;color:#b45309}
.rx-badge.err{background:#fdeaea;color:#b91c1c}
.rx-badge.perm{background:#f3e8ff;color:var(--rx-perm)}
.rx-badge.info{background:#eef0fe;color:var(--rx-pri)}

.rx-tip{
  border-radius:10px;padding:11px 15px;margin:12px 0;font-size:13.2px;line-height:1.75;
  background:#fff8e6;border-left:4px solid #f1c40f;color:#6b5312;
}
.rx-tip.ok{background:#e8f8ee;border-left-color:#43a047;color:#14532d}
.rx-tip.info{background:#f4f2ff;border-left-color:var(--rx-pri2);color:#3b2a68}

.rx-code{
  background:#f3f4fa;padding:2px 7px;border-radius:6px;font-size:12.6px;color:#4b5563;
  font-family:Consolas,Menlo,monospace;
}
.rx-pre{
  background:#fafbff;border:1px solid var(--rx-line);border-radius:10px;
  padding:12px 14px;font-family:Consolas,Menlo,monospace;font-size:12.8px;color:#374151;
  overflow:auto;line-height:1.75;
}