/* ==========================================================================
   2号站 (2.51av.de) - 亚洲成人奥斯卡·尊享暗金星芒主题 (BeaconNav)
   ========================================================================== */

body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  background-color: #0b0d14 !important;
  background-image: 
    radial-gradient(800px 400px at 80% -100px, rgba(217, 119, 6, 0.15), transparent 80%),
    radial-gradient(600px 400px at -10% 40%, rgba(139, 92, 246, 0.12), transparent 70%),
    radial-gradient(700px 500px at 100% 90%, rgba(236, 72, 153, 0.1), transparent 80%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  color: #e2e8f0;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0b0d14; }
::-webkit-scrollbar-thumb { background: #2a334a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #d97706; }

/* --- 独立页面文章标题菜单 (处于主标题与搜索框之间) --- */
.top-pages-nav .page-pill-link {
  color: #cbd5e1 !important;
  font-size: 14px;
  font-weight: 600;
  background: rgba(22, 28, 45, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  transition: all 0.22s ease !important;
}

.top-pages-nav .page-pill-link:hover,
.top-pages-nav .page-pill-link.active {
  color: #f59e0b !important;
  background: rgba(245, 158, 11, 0.18) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.3) !important;
  transform: translateY(-1px);
}
.search-box-wrap {
  background: rgba(22, 28, 45, 0.75) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

#search_engine option {
  background: #161c2d;
  color: #e2e8f0;
}

#search_kw::placeholder { color: #64748b; }
#search_kw:focus { box-shadow: none !important; }

.search-box-wrap .btn-primary {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  border: none !important;
  color: #0f172a !important;
}

/* --- 侧边栏分类盒子 --- */
.category-sidebar-wrap {
  background: rgba(22, 28, 45, 0.75) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* --- 胶囊 Pill 式分类导航栏 --- */
.category-pill-bar .nav-link {
  color: #94a3b8 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 12px !important;
  background: rgba(15, 20, 32, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.22s ease !important;
  text-align: left;
}

.category-pill-bar .nav-link:hover {
  color: #f8fafc !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  transform: translateX(3px);
}

.category-pill-bar .nav-link.active {
  color: #0f172a !important;
  background: linear-gradient(135deg, #ffe28a, #f59e0b) !important;
  border-color: #f59e0b !important;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.35) !important;
  font-weight: 700;
}

/* --- 导航卡片 (100px 高清正方布局) --- */
.nav-card {
  position: relative;
  background: rgba(22, 28, 45, 0.75) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.nav-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(245, 158, 11, 0.2) !important;
}

.nav-card .icon-wrap {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-card .icon-wrap img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 4px;
  transition: all 0.25s ease !important;
}

.nav-card:hover .icon-wrap img {
  border-color: #f59e0b !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.4) !important;
}

.nav-card .card-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #e2e8f0;
  margin-top: 4px;
}

.nav-card:hover .card-title { color: #f59e0b; }

/* --- 详情页 (post.php) 重构美化 --- */
.detail-article-card {
  background: rgba(22, 28, 45, 0.85) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
}

.site-ico-wrap .icon-main {
  width: 150px;
  height: 150px;
  object-fit: cover;
  padding: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.btn-gold {
  background: linear-gradient(135deg, #ffe28a, #f59e0b) !important;
  color: #0f172a !important;
  font-weight: 700;
  border: none !important;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
  transition: all 0.22s ease !important;
}

.btn-gold:hover {
  background: linear-gradient(135deg, #ffffff, #f59e0b) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);
  color: #000 !important;
}

.qr-trigger-btn {
  border-color: rgba(255, 255, 255, 0.2) !important;
  cursor: pointer;
}

.qrcode-popup-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  padding: 12px;
  background: #ffffff;
  border-radius: 12px;
  z-index: 999;
}

.qr-trigger-btn:hover .qrcode-popup-box {
  display: block;
}

.article-content {
  font-size: 18px !important;
  line-height: 1.9 !important;
  color: #e2e8f0 !important;
}

.article-content a {
  color: #f59e0b;
  text-decoration: underline;
}

/* --- 评论栏目 (comments.php) 深色主题适配 --- */
.dark-input {
  background: rgba(15, 20, 32, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  border-radius: 12px !important;
}

.dark-input:focus {
  background: rgba(15, 20, 32, 0.95) !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2) !important;
  color: #fff !important;
}

.dark-input::placeholder { color: #64748b !important; }

.comment-item-card {
  background: rgba(15, 20, 32, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.comment-body-text {
  background: rgba(22, 28, 45, 0.6) !important;
  color: #cbd5e1 !important;
  line-height: 1.6;
}

.dark-emoji-box {
  background: #161c2d !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.emoji-item {
  transition: transform 0.15s ease;
}

.emoji-item:hover {
  transform: scale(1.25);
  cursor: pointer;
}

#sidebar, .stats-meta, #loader, .favorite-btn {
  display: none !important;
}

.cursor-pointer { cursor: pointer; }

/* --- 友情链接列表美化 --- */
.links ul {
  list-style: none;
  padding: 1rem 0;
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.links ul li {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.8rem 1rem;
  border-radius: 12px;
  width: 220px;
  background: rgba(15, 20, 32, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.22s ease !important;
}

.links ul li:hover {
  transform: translateY(-2px);
  border-color: rgba(245, 158, 11, 0.4) !important;
  background: rgba(245, 158, 11, 0.1) !important;
}

.links img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
}

.links a {
  color: #f8fafc !important;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  word-wrap: break-word;
}

.links a:hover {
  color: #f59e0b !important;
}