/* 卓越网创 · 全站暗色科技皮肤（通过子比 CSS 变量 + 关键组件覆盖实现） */

/* ---------- 1. 变量 ---------- */
:root{
  --theme-color:#ff4d9d;
  --focus-color:rgba(255,77,157,.55);
  --focus-shadow-color:rgba(255,77,157,.30);

  --body-bg-color:#07080d;
  --main-bg-color:rgba(18,21,33,.72);
  --main-color:#eef1f8;
  --muted-color:#98a3b8;
  --muted-2-color:#7f8aa3;
  --muted-3-color:#66718a;
  --muted-bg-color:rgba(255,255,255,.045);
  --main-border-color:rgba(255,255,255,.10);
  --muted-border-color:rgba(255,255,255,.08);
  --meta-color:#8b97ad;
  --quote-color:#a5b4cf;

  --header-bg:rgba(8,10,18,.72);
  --header-color:#eef1f8;
  --footer-bg:#05060a;
  --footer-color:#8b97ad;
  --blur-bg:rgba(8,10,18,.72);
  --float-btn-bg:rgba(18,21,33,.9);
  --main-shadow:0 18px 50px rgba(0,0,0,.45);
  --main-radius:16px;
}

/* ---------- 2. 背景：深空 + 极光 + 网格 ---------- */
html{background:#07080d !important}
body{
  background:#07080d !important;
  color:var(--main-color) !important;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 6% -10%, rgba(255,77,157,.20), transparent 62%),
    radial-gradient(820px 520px at 96% 2%, rgba(139,92,246,.22), transparent 60%),
    radial-gradient(900px 600px at 50% 108%, rgba(34,211,238,.12), transparent 62%),
    linear-gradient(180deg,#07080d 0%,#080a12 45%,#07080d 100%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(1100px 760px at 50% 0%, #000 28%, transparent 80%);
  -webkit-mask-image:radial-gradient(1100px 760px at 50% 0%, #000 28%, transparent 80%);
  animation:zywcGrid 44s linear infinite;
}
@keyframes zywcGrid{from{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}

/* ---------- 3. 顶栏 / 导航 ---------- */
.navbar, .navbar-fixed, .mobile-header, .zib-header, header.navbar{
  background:rgba(8,10,18,.78) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:saturate(160%) blur(16px);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.navbar .navbar-nav > li > a, .navbar-nav > li > a, .mobile-menus a,
.navbar a, .mobile-header a{color:#dfe5f3 !important}
.navbar .navbar-nav > li > a:hover, .navbar-nav > li > a:hover{color:#fff !important;text-shadow:0 0 14px rgba(255,77,157,.7)}
.navbar-brand img{filter:none}

/* 下拉 / 搜索浮层 */
.dropdown-menu, .navbar-search, .mobile-navbar, .sub-menu, .zib-widget, .box, .box-body{
  background:rgba(18,21,33,.92) !important;
  border-color:rgba(255,255,255,.09) !important;
  color:#dfe5f3;
}

/* ---------- 4. 卡片 / 文章列表 ---------- */
.box, .zib-widget, .theme-box, .post-graphic .box-body, .list-post, .post-item{
  background:rgba(18,21,33,.66) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.post-graphic .box-body:hover, .list-post:hover, .post-item:hover{
  transform:translateY(-3px);
  border-color:rgba(255,77,157,.45) !important;
  box-shadow:0 18px 50px rgba(255,77,157,.16), 0 0 0 1px rgba(255,77,157,.18);
}
.item-heading, .post-title, .item-heading a, .box-body h2, .box-body h3{color:#f2f5fb !important}
.item-heading a:hover{color:#ff9ac9 !important}
.item-excerpt, .muted-color, .text-muted, .item-meta, .meta{color:#98a3b8 !important}
.item-meta a, .muted-2-color{color:#8b97ad !important}

/* 缩略图 */
.item-thumbnail img, .post-thumbnail img, .thumb-img{border-radius:12px !important}
.item-thumbnail::after{box-shadow:none !important}

/* 分类/标签胶囊 */
.tag-item, .cat-item, .post-tags a, .badge, .jb-red, .jb-blue, .but{
  border-radius:8px !important;
}
a.tag-item, .cat-item a{color:#c8d2e8 !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.08) !important}
a.tag-item:hover, .cat-item a:hover{color:#fff !important;border-color:rgba(255,77,157,.5) !important}

/* ---------- 5. 按钮 ---------- */
.btn, .but, button.btn, input[type=submit]{
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;
  color:#dfe5f3 !important;
  transition:.18s;
}
.btn:hover, .but:hover{color:#fff !important;border-color:rgba(255,77,157,.55) !important;box-shadow:0 0 18px rgba(255,77,157,.22)}
.btn-theme, .but.jb-red, .btn-primary, .btn.jb-red, .btn.jb-blue, .signin-loader.but{
  background:linear-gradient(120deg,#ff4d9d,#8b5cf6) !important;
  border-color:transparent !important;color:#fff !important;
  box-shadow:0 0 20px rgba(255,77,157,.35) !important;
}

/* ---------- 6. 表单 / 输入 ---------- */
input, textarea, select, .form-control, .search-form input{
  background:rgba(6,8,14,.75) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#eef1f8 !important;
  border-radius:10px !important;
}
input::placeholder, textarea::placeholder{color:#6f7a92 !important}
input:focus, textarea:focus, select:focus{
  border-color:rgba(255,77,157,.6) !important;
  box-shadow:0 0 0 3px rgba(255,77,157,.15) !important;
}

/* ---------- 7. 文章正文 ---------- */
.article-content, .entry-content, .post-content{color:#dbe2f0 !important}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,
.entry-content h1,.entry-content h2,.entry-content h3{color:#fff !important}
.article-content a, .entry-content a{color:#ff9ac9 !important;border-bottom-color:rgba(255,77,157,.35) !important}
.article-content blockquote, .entry-content blockquote{
  background:rgba(255,255,255,.04) !important;border-left:3px solid #ff4d9d !important;color:#c8d2e8 !important;border-radius:0 10px 10px 0;
}
.article-content code, .entry-content code{background:rgba(255,255,255,.08) !important;color:#ffd166 !important;border-radius:6px}
.article-content pre, .entry-content pre{background:rgba(2,4,10,.85) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:12px}
.article-content table, .entry-content table{background:rgba(255,255,255,.03);color:#dbe2f0}
.article-content th, .entry-content th{background:rgba(255,255,255,.06) !important;color:#fff}
.article-content td, .entry-content td{border-color:rgba(255,255,255,.08) !important}
.article-content img, .entry-content img{border-radius:12px}

/* 面包屑 / 头部 */
.breadcrumb, .article-header .meta, .post-meta{color:#8b97ad !important}
.breadcrumb a{color:#aab6cc !important}

/* ---------- 8. 侧栏 / 组件 ---------- */
.sidebar .zib-widget, .sidebar .box{background:rgba(18,21,33,.66) !important}
.widget-title, .box-title, .zib-widget .title{color:#fff !important}
.widget-title::before, .box-title::before{background:linear-gradient(90deg,#ff4d9d,#8b5cf6) !important}

/* 分页 */
.pagination > li > a, .pagination > li > span, .page-numbers{
  background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.1) !important;color:#c8d2e8 !important;border-radius:8px !important;
}
.pagination > .active > a, .page-numbers.current{background:linear-gradient(120deg,#ff4d9d,#8b5cf6) !important;color:#fff !important;border-color:transparent !important}

/* 评论 */
.comment, .comment-body, .comt-box{background:rgba(255,255,255,.03) !important;border-color:rgba(255,255,255,.08) !important;color:#dbe2f0}
.comment-author, .comment-body a{color:#ff9ac9 !important}

/* ---------- 9. 页脚 ---------- */
.footer, .zib-footer, footer{
  background:#05060a !important;color:#8b97ad !important;border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer a, .zib-footer a{color:#aab6cc !important}
.footer a:hover{color:#ff9ac9 !important}

/* ---------- 10. 细节 ---------- */
::selection{background:rgba(255,77,157,.35);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0a0c12}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a2b46,#1c2030);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#4a3358}

/* 付费/价格块 */
.pay-box, .payvip-box, .zibpay-box{background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.1) !important;color:#dfe5f3}
.price, .pay-price{color:#ff9ac9 !important}

/* 头像 / 徽章 */
.avatar{border:1px solid rgba(255,255,255,.15) !important;border-radius:50%}
.vip-icon, img.vip-img{filter:drop-shadow(0 0 8px rgba(255,77,157,.5))}

/* 手机端底栏 / 悬浮 */
.mobile-fixed, .footer-fixed{background:rgba(8,10,18,.92) !important;border-top:1px solid rgba(255,255,255,.08)}

/* 尊重“减少动态效果” */
@media (prefers-reduced-motion: reduce){
  body::after{animation:none}
  .post-graphic .box-body:hover, .list-post:hover, .post-item:hover{transform:none}
}

/* ---------- 11. 搜索框 / 表单细节修正 ---------- */
.header-slider-search, .search-input, .main-search, .search-form, .line-form{background:transparent !important}
.search-input .line-form, .main-search .line-form, .line-form{
  background:rgba(6,8,14,.78) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 30px rgba(0,0,0,.35) !important;
}
.search-input input.line-form-input, .line-form-input{
  background:transparent !important;border:0 !important;color:#eef1f8 !important;
  box-shadow:none !important;height:52px !important;
}
.scale-placeholder{color:#7c879f !important}
.line-form-line{background:linear-gradient(90deg,#ff4d9d,#8b5cf6) !important;height:1px !important}
.search-input .abs-right button, .search-form button.null{background:transparent !important;border:0 !important;color:#9fb0cc !important}
.search-input .abs-right button:hover{color:#ff9ac9 !important}
.search_keywords{color:#9aa6bf !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.08) !important}
.search_keywords:hover{color:#fff !important;border-color:rgba(255,77,157,.45) !important}

/* 顶部轮播搜索浮层 */
.header-slider-search .before, .header-slider-search-more{color:#e6ecf8 !important}
.header-slider-search .before div{color:#dfe6f4 !important}

/* 下拉筛选 / 排序条 */
.ajax-option, .option-items, .option-dropdown{background:transparent !important;color:#9aa6bf !important}
.ajax-option a, .option-items a{color:#9aa6bf !important}
.ajax-option a:hover, .option-items a:hover{color:#fff !important}

/* 浮动按钮组 */
.fixed-btn, .float-btn, .zib-float-btn{background:rgba(18,21,33,.9) !important;border:1px solid rgba(255,255,255,.1) !important;color:#c8d2e8 !important}
/* ---------- 12. 科技感强化 ---------- */
/* 顶栏底部霓虹光带 */
.navbar{position:relative}
.navbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,77,157,.9),rgba(34,211,238,.7),rgba(139,92,246,.9),transparent);
  opacity:.75;box-shadow:0 0 18px rgba(255,77,157,.45);
}
/* 首页大标题渐变霓虹 */
.header-slider-search-more .em16, .header-slider-search .em16.font-bold{
  background:linear-gradient(100deg,#fff 10%,#ffb3d9 45%,#c4b5fd 75%,#9ae6f7 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  filter:drop-shadow(0 0 22px rgba(255,77,157,.35));
}
/* 首页四个图标卡 */
.icon-cover-card{
  background:rgba(18,21,33,.6) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px !important;
  transition:.2s;
}
.icon-cover-card:hover{border-color:rgba(255,77,157,.45) !important;box-shadow:0 12px 34px rgba(255,77,157,.16);transform:translateY(-2px)}
.icon-cover-icon{box-shadow:0 0 18px rgba(139,92,246,.35)}

/* 区块标题霓虹竖条 */
.box-title, .widget-title, .zib-widget .title, .section-title{position:relative;padding-left:12px !important}
.box-title::before, .widget-title::before, .zib-widget .title::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;
  background:linear-gradient(180deg,#ff4d9d,#8b5cf6);box-shadow:0 0 12px rgba(255,77,157,.7);
}

/* 面包屑更清楚 */
.breadcrumb{color:#a7b3c9 !important;font-size:13px}
.breadcrumb a{color:#c8d2e8 !important}
.breadcrumb a:hover{color:#ff9ac9 !important}

/* 价格 / 购买按钮霓虹 */
.pay-box .price, .zibpay-box .price, .pay-price, .price{color:#ffb3d9 !important;text-shadow:0 0 18px rgba(255,77,157,.55)}
.pay-box .but, .zibpay-box .but, .pay-box .btn, .zibpay-box .btn{
  background:linear-gradient(120deg,#ff4d9d,#8b5cf6) !important;color:#fff !important;border-color:transparent !important;
  box-shadow:0 8px 26px rgba(255,77,157,.35) !important;
}

/* 标签 / 分类页顶栏区域 */
.cat-cover, .taxonomy-header, .archive-header{
  background:rgba(18,21,33,.55) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;
}

/* 文章封面图轻微霓虹边 */
.single-cover img, .post-cover img, .article-cover img{border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.45)}

/* 悬浮回到顶部等按钮 */
.ias-trigger, .load-more, .btn-load-more{
  background:rgba(18,21,33,.8) !important;border:1px solid rgba(255,255,255,.1) !important;color:#c8d2e8 !important;border-radius:999px !important;
}
/* ---------- 13. 列表布局：双列卡片网格 ---------- */
.posts-row, #index-tab-main{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  align-items:flex-start;
}
.posts-row > .ajax-option, #index-tab-main > .ajax-option{flex:0 0 100% !important;margin:0 0 2px !important}
.posts-row > #zywc-ai-banner{flex:0 0 100% !important}

/* 卡片本体：竖向 */
posts.posts-item, .posts-item.list{
  flex:0 0 calc(50% - 8px) !important;
  max-width:calc(50% - 8px) !important;
  min-width:0;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  background:rgba(18,21,33,.66) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  overflow:hidden;
  padding:0 !important;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
posts.posts-item:hover, .posts-item.list:hover{
  transform:translateY(-3px);
  border-color:rgba(255,77,157,.45) !important;
  box-shadow:0 20px 50px rgba(255,77,157,.16);
}
.posts-item .post-graphic{width:100% !important;margin:0 !important;padding:0 !important}
.posts-item .item-thumbnail{
  width:100% !important;height:auto !important;aspect-ratio:16/9;
  overflow:hidden;border-radius:0 !important;margin:0 !important;
}
.posts-item .item-thumbnail img{
  width:100% !important;height:100% !important;object-fit:cover;border-radius:0 !important;
  transform:scale(1.01);transition:transform .5s ease;
}
posts.posts-item:hover .item-thumbnail img{transform:scale(1.06)}
.posts-item .item-body{padding:14px 16px 16px !important;width:100%;gap:6px}
.posts-item .item-heading{font-size:16px !important;line-height:1.45;margin:0 0 4px}
.posts-item .item-meta{margin-top:8px}

@media (max-width:820px){
  posts.posts-item, .posts-item.list{flex:0 0 100% !important;max-width:100% !important}
}
/* ---------- 14. 布局修正：改用 grid，避免换行错位 ---------- */
.posts-row, #index-tab-main{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start;
}
.posts-row > .ajax-option, #index-tab-main > .ajax-option,
.posts-row > #zywc-ai-banner, #index-tab-main > #zywc-ai-banner{grid-column:1 / -1 !important;flex:none !important}
.posts-row > *, #index-tab-main > *{min-width:0}
posts.posts-item, .posts-item.list{
  flex:none !important;max-width:none !important;width:auto !important;
  grid-column:auto !important;
}
@media (max-width:820px){
  .posts-row, #index-tab-main{grid-template-columns:1fr !important}
}
/* 去掉占位的空 div，避免首行留空 */
#index-tab-main > div:empty, .posts-row > div:empty{display:none !important}
.posts-row, #index-tab-main{grid-auto-flow:row dense !important}
/* ---------- 15. 首页大图压暗 + 圆角 ---------- */
.header-slider-container{border-radius:22px !important;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 70px rgba(0,0,0,.55)}
.header-slider-container::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,8,13,.55) 0%,rgba(7,8,13,.68) 45%,rgba(7,8,13,.92) 100%);
}
.header-slider-search{position:relative;z-index:3}
.header-slider-search .before{text-shadow:0 2px 24px rgba(0,0,0,.65)}
/* ---------- 16. 首页大图压暗（兜底：直接降亮度） ---------- */
.header-slider-container .zib-slider{position:relative}
.header-slider-container .zib-slider img, .header-slider-container .swiper-slide img{
  filter:brightness(.5) saturate(.85) contrast(1.02) !important;
}
.header-slider-container .zib-slider::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,8,13,.55) 0%,rgba(7,8,13,.25) 38%,rgba(7,8,13,.88) 100%);
}
.header-slider-search{z-index:6 !important}