/* ===== 琳东论坛 科技感全站覆盖样式 ===== */

/* --- 全局变量 --- */
:root {
  --tt-bg: #0b0f1a;
  --tt-bg2: #111827;
  --tt-card: rgba(17,24,39,0.85);
  --tt-card-solid: #151c2c;
  --tt-border: rgba(56,189,248,0.15);
  --tt-border-hover: rgba(56,189,248,0.4);
  --tt-cyan: #22d3ee;
  --tt-cyan-bright: #06b6d4;
  --tt-blue: #3b82f6;
  --tt-purple: #8b5cf6;
  --tt-text: #e2e8f0;
  --tt-text-dim: #94a3b8;
  --tt-text-mute: #64748b;
  --tt-glow: 0 0 20px rgba(34,211,238,0.15);
  --tt-glow-strong: 0 0 30px rgba(34,211,238,0.3);
  --tt-radius: 8px;
  --tt-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
}

/* --- 页面背景（深色 + 网格纹理） --- */
body {
  background: var(--tt-bg) !important;
  background-image:
    linear-gradient(rgba(56,189,248,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,0.03) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  color: var(--tt-text) !important;
}

/* --- 顶部导航条 --- */
#toptb {
  background: rgba(6,10,20,0.95) !important;
  border-bottom: 1px solid var(--tt-border);
  backdrop-filter: blur(10px);
}
#toptb a { color: var(--tt-text-dim) !important; }
#toptb a:hover { color: var(--tt-cyan) !important; text-shadow: var(--tt-glow); }

/* --- 主导航菜单 --- */
#nv {
  background: linear-gradient(180deg, #0f172a 0%, #0b1020 100%) !important;
  border-bottom: 1px solid var(--tt-border);
  box-shadow: 0 2px 20px rgba(34,211,238,0.05);
}
#nv li a {
  color: var(--tt-text-dim) !important;
  font-weight: 500;
  transition: all .2s;
  letter-spacing: 0.5px;
}
#nv li a:hover {
  background: rgba(34,211,238,0.08) !important;
  color: var(--tt-cyan) !important;
  text-shadow: 0 0 10px rgba(34,211,238,0.5);
}
#nv li.a a {
  background: rgba(34,211,238,0.1) !important;
  color: var(--tt-cyan) !important;
  font-weight: 600;
  text-shadow: 0 0 12px rgba(34,211,238,0.6);
}
#nv li.a { border-bottom: 2px solid var(--tt-cyan); box-shadow: 0 2px 8px rgba(34,211,238,0.3); }

/* --- Logo 区域 --- */
#hd h2 a { opacity: 1; }

/* --- 搜索框 --- */
#scbar {
  background: linear-gradient(135deg, #0a0f1e, #0f172a) !important;
  border-bottom: 1px solid var(--tt-border);
}
#scbar_txt, #scbar_txt td { background: transparent !important; }
#scbar_txt input {
  background: rgba(34,211,238,0.06) !important;
  border: 1px solid var(--tt-border) !important;
  color: var(--tt-text) !important;
  border-radius: 6px 0 0 6px;
  caret-color: var(--tt-cyan);
}
#scbar_txt input::placeholder { color: var(--tt-text-mute); }
#scbar_txt input:focus { border-color: var(--tt-cyan) !important; box-shadow: var(--tt-glow); }
#scbar_btn button {
  background: linear-gradient(135deg, #0891b2, #06b6d4) !important;
  border: none !important;
  border-radius: 0 6px 6px 0;
  color: #fff !important;
  box-shadow: 0 0 15px rgba(34,211,238,0.3);
}

/* --- 面包屑 --- */
#pt { background: transparent; }
#pt .z a, #pt .z em { color: var(--tt-text-mute) !important; }
#pt .z a:hover { color: var(--tt-cyan) !important; }

/* --- 通用卡片（玻璃拟态） --- */
.bm {
  background: var(--tt-card) !important;
  border-radius: var(--tt-radius);
  box-shadow: 0 4px 24px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid var(--tt-border);
  overflow: hidden;
  backdrop-filter: blur(10px);
  transition: border-color .25s, box-shadow .25s;
}
.bm:hover { border-color: var(--tt-border-hover); }
.bm_h {
  background: linear-gradient(135deg, rgba(34,211,238,0.06), rgba(59,130,246,0.04)) !important;
  border-bottom: 1px solid var(--tt-border);
}
.bm_h h2 a, .bm_h h3 a { color: var(--tt-cyan) !important; letter-spacing: 0.5px; }
.bm_h h2 a:hover, .bm_h h3 a:hover { text-shadow: var(--tt-glow); }

/* --- 链接颜色 --- */
a { color: var(--tt-cyan); text-decoration: none; }
a:hover { color: #67e8f9; text-shadow: 0 0 8px rgba(34,211,238,0.4); }
.xi2 { color: var(--tt-cyan) !important; }
.xi2:hover { color: #67e8f9 !important; }

/* --- 按钮（霓虹风格） --- */
.pn, .pnpost {
  background: linear-gradient(135deg, #0e7490, #06b6d4) !important;
  border: 1px solid rgba(34,211,238,0.4) !important;
  color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(34,211,238,0.2), inset 0 1px 0 rgba(255,255,255,0.15);
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  transition: all .25s;
}
.pn:hover, .pnpost:hover {
  background: linear-gradient(135deg, #0891b2, #22d3ee) !important;
  box-shadow: 0 0 25px rgba(34,211,238,0.4), inset 0 1px 0 rgba(255,255,255,0.2);
  transform: translateY(-1px);
}

/* --- 页脚 --- */
#ft {
  background: rgba(6,10,20,0.95) !important;
  color: var(--tt-text-mute);
  margin-top: 30px;
  padding: 24px 0;
  border-top: 1px solid var(--tt-border);
}
#ft a { color: var(--tt-text-dim); }
#ft a:hover { color: var(--tt-cyan); text-shadow: var(--tt-glow); }

/* --- 帖子列表 --- */
#threadlist .bm_h { border-bottom: 2px solid var(--tt-cyan); }
#threadlist table td { color: var(--tt-text-dim); }
#threadlist .icnt { color: var(--tt-text-mute); }

/* --- 分页 --- */
.pg a, .pg strong {
  background: var(--tt-card-solid);
  border: 1px solid var(--tt-border);
  color: var(--tt-text-dim);
  border-radius: 4px;
}
.pg a:hover { border-color: var(--tt-cyan); color: var(--tt-cyan); box-shadow: var(--tt-glow); }
.pg strong { background: linear-gradient(135deg, #0e7490, #06b6d4); border-color: var(--tt-cyan); color: #fff; }

/* --- 输入框 --- */
input[type="text"], input[type="password"], textarea, select {
  background: rgba(15,23,42,0.8) !important;
  border: 1px solid var(--tt-border) !important;
  border-radius: 6px !important;
  color: var(--tt-text) !important;
  transition: border-color .2s, box-shadow .2s;
  caret-color: var(--tt-cyan);
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  border-color: var(--tt-cyan) !important;
  box-shadow: var(--tt-glow);
  outline: none;
}

/* --- 帖子内容区 --- */
#postlist .plhin { border-left: 3px solid transparent; transition: border-color .2s; }
#postlist .plhin:hover { border-left-color: var(--tt-cyan); }
#postlist .plc { background: var(--tt-card) !important; }
#postlist .pi { border-bottom: 1px solid var(--tt-border); }
#postlist .authi a { color: var(--tt-cyan) !important; }
.pct { color: var(--tt-text); }
.pct a { color: var(--tt-cyan); }
.pct a:hover { text-shadow: var(--tt-glow); }

/* --- 快捷导航下拉 --- */
.p_pop {
  background: var(--tt-card-solid) !important;
  border: 1px solid var(--tt-border) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), var(--tt-glow) !important;
  border-radius: var(--tt-radius) !important;
  backdrop-filter: blur(15px);
}
.p_pop a { color: var(--tt-text-dim) !important; }
.p_pop a:hover { background: rgba(34,211,238,0.1) !important; color: var(--tt-cyan) !important; }

/* --- 侧边栏 --- */
#sd .bm { background: var(--tt-card) !important; }
#sd .bm_h { background: linear-gradient(135deg, rgba(139,92,246,0.08), rgba(34,211,238,0.05)) !important; }

/* --- 通用文字颜色修正 --- */
.xg1, .xg2 { color: var(--tt-text-mute) !important; }
.xi1 { color: #34d399 !important; }
.emptb { color: var(--tt-text-mute); }
.tedt { background: rgba(15,23,42,0.8) !important; border-color: var(--tt-border) !important; }
.area { background: transparent !important; color: var(--tt-text) !important; }
#ct { color: var(--tt-text); }
#ct .fl dl dd { color: var(--tt-text-mute); }
#ct .fl dl dt a { color: var(--tt-text) !important; }
#ct .fl dl dt a:hover { color: var(--tt-cyan) !important; }
.wp { color: var(--tt-text); }