/* 卓越网创 · 全站皮肤基础层（结构 + 组件，颜色全部走变量）
 * 变量由 site-skin-dark.css / site-skin-light.css 提供
 */

/* ---------- 基础 ---------- */
html{background:var(--sk-bg) !important}
body{
  background:var(--sk-bg) !important;
  color:var(--sk-ink) !important;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(950px 540px at 6% -10%, var(--sk-glow-a), transparent 62%),
    radial-gradient(860px 540px at 96% 2%, var(--sk-glow-b), transparent 60%),
    radial-gradient(900px 600px at 50% 108%, var(--sk-glow-c), transparent 62%),
    linear-gradient(180deg, var(--sk-bg) 0%, var(--sk-bg-2) 45%, var(--sk-bg) 100%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--sk-grid-opacity);
  background-image:
    linear-gradient(var(--sk-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sk-grid) 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}}

/* 子比变量跟随皮肤 */
:root{
  --theme-color:var(--sk-accent);
  --focus-color:var(--sk-focus);
  --focus-shadow-color:var(--sk-focus-shadow);
  --body-bg-color:var(--sk-bg);
  --main-bg-color:var(--sk-panel);
  --main-color:var(--sk-ink);
  --muted-color:var(--sk-muted);
  --muted-2-color:var(--sk-muted-2);
  --muted-3-color:var(--sk-dim);
  --muted-bg-color:var(--sk-muted-bg);
  --main-border-color:var(--sk-line-strong);
  --muted-border-color:var(--sk-line);
  --meta-color:var(--sk-muted-2);
  --quote-color:var(--sk-quote);
  --header-bg:var(--sk-header-bg);
  --header-color:var(--sk-ink);
  --footer-bg:var(--sk-footer-bg);
  --footer-color:var(--sk-muted);
  --blur-bg:var(--sk-header-bg);
  --float-btn-bg:var(--sk-panel-2);
  --main-shadow:var(--sk-shadow);
  --main-radius:16px;
}

/* ---------- 顶栏（更紧凑） ---------- */
.navbar, .navbar-fixed, .mobile-header, .zib-header, header.navbar{
  background:var(--sk-header-bg) !important;
  border-bottom:1px solid var(--sk-line) !important;
  backdrop-filter:saturate(160%) blur(16px);
  box-shadow:0 8px 26px var(--sk-shadow-color);
}
.navbar{min-height:46px !important;position:relative}
.navbar > .container, .navbar .container-fluid{min-height:46px}
.navbar-brand{padding:2px 8px !important;height:46px;display:flex;align-items:center}
.navbar-brand img{height:24px !important;max-height:24px !important;width:auto !important}
.navbar .navbar-nav > li > a{
  padding:10px 12px !important;line-height:1.1 !important;font-size:14px !important;color:var(--sk-ink-2) !important;
}
.navbar .navbar-nav > li > a:hover{color:var(--sk-ink) !important;text-shadow:0 0 14px var(--sk-accent-soft)}
.navbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--sk-accent),var(--sk-cyan),var(--sk-accent-2),transparent);
  opacity:.75;box-shadow:0 0 18px var(--sk-accent-soft);
}
.mobile-header{min-height:46px !important}

/* 下拉 / 浮层 */
.dropdown-menu, .navbar-search, .mobile-navbar, .sub-menu, .box, .box-body{
  background:var(--sk-panel-2) !important;
  border-color:var(--sk-line) !important;
  color:var(--sk-ink-2);
}

/* ---------- 卡片 ---------- */
.box, .zib-widget, .theme-box{
  background:var(--sk-panel) !important;
  border:1px solid var(--sk-line) !important;
  border-radius:16px !important;
  box-shadow:0 14px 40px var(--sk-shadow-color);
  backdrop-filter:blur(10px);
  color:var(--sk-ink) !important;
}
.item-heading, .item-heading a, .box-body h2, .box-body h3{color:var(--sk-ink) !important}
.item-heading a:hover{color:var(--sk-accent) !important}
.item-excerpt, .muted-color, .text-muted, .item-meta, .meta{color:var(--sk-muted) !important}
.item-meta a, .muted-2-color{color:var(--sk-muted-2) !important}
.item-thumbnail img, .post-thumbnail img{border-radius:12px !important}

/* 标签 / 分类 */
a.tag-item, .cat-item a{
  color:var(--sk-ink-2) !important;background:var(--sk-chip) !important;border:1px solid var(--sk-line) !important;border-radius:8px !important;
}
a.tag-item:hover, .cat-item a:hover{color:var(--sk-ink) !important;border-color:var(--sk-accent) !important}

/* ---------- 按钮 ---------- */
.btn, .but, button.btn, input[type=submit]{
  border-radius:10px !important;border:1px solid var(--sk-line-strong) !important;
  background:var(--sk-btn) !important;color:var(--sk-ink-2) !important;transition:.18s;
}
.btn:hover, .but:hover{color:var(--sk-ink) !important;border-color:var(--sk-accent) !important;box-shadow:0 0 18px var(--sk-accent-soft)}
.btn-theme, .but.jb-red, .btn-primary, .btn.jb-red, .btn.jb-blue, .signin-loader.but{
  background:linear-gradient(120deg,var(--sk-accent),var(--sk-accent-2)) !important;
  border-color:transparent !important;color:#fff !important;
  box-shadow:0 0 20px var(--sk-accent-soft) !important;
}

/* ---------- 表单 ---------- */
input, textarea, select, .form-control{
  background:var(--sk-input) !important;border:1px solid var(--sk-line-strong) !important;
  color:var(--sk-ink) !important;border-radius:10px !important;
}
input::placeholder, textarea::placeholder{color:var(--sk-placeholder) !important}
input:focus, textarea:focus, select:focus{
  border-color:var(--sk-accent) !important;box-shadow:0 0 0 3px var(--sk-focus-shadow) !important;
}

/* 首页搜索框 */
.header-slider-search, .search-input, .main-search, .search-form{background:transparent !important}
.search-input .line-form, .main-search .line-form, .line-form{
  background:var(--sk-input) !important;border:1px solid var(--sk-line-strong) !important;border-radius:14px !important;
  box-shadow:inset 0 1px 0 var(--sk-line), 0 10px 30px var(--sk-shadow-color) !important;
}
.search-input input.line-form-input, .line-form-input{
  background:transparent !important;border:0 !important;color:var(--sk-ink) !important;box-shadow:none !important;height:52px !important;
}
.scale-placeholder{color:var(--sk-placeholder) !important}
.line-form-line{background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent-2)) !important;height:1px !important}
.search-input .abs-right button, .search-form button.null{background:transparent !important;border:0 !important;color:var(--sk-muted-2) !important}
.search-input .abs-right button:hover{color:var(--sk-accent) !important}
.search_keywords{color:var(--sk-muted-2) !important;background:var(--sk-chip) !important;border:1px solid var(--sk-line) !important}
.search_keywords:hover{color:var(--sk-ink) !important;border-color:var(--sk-accent) !important}
.header-slider-search .before, .header-slider-search-more{color:var(--sk-ink) !important}
.header-slider-search .before div{color:var(--sk-ink-2) !important}

/* ---------- 首页大图 ---------- */
.header-slider-container{
  border-radius:0 !important;overflow:visible !important;border:0 !important;box-shadow:none !important;background:transparent !important;
}
.new-swiper.slide-header{border-radius:22px !important;overflow:hidden !important;--pc-height:440px !important;--m-height:230px !important}
.slide-header{height:440px !important}
.header-slider-container .zib-slider{position:relative;z-index:0 !important}
.header-slider-container .zib-slider img, .header-slider-container .swiper-slide img{
  filter:brightness(var(--sk-hero-brightness)) saturate(.92) contrast(1.02) !important;
}
.header-slider-container .zib-slider::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--sk-hero-overlay);
}
.header-slider-search{z-index:20 !important}
.header-slider-search .before{text-shadow:0 2px 24px var(--sk-shadow-color)}
.header-slider-search-more .em16, .header-slider-search .em16.font-bold{
  background:var(--sk-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent !important;
  filter:drop-shadow(0 0 22px var(--sk-accent-soft));
}
.header-slider-container{margin-bottom:14px !important}
.header-slider-search-more{margin-bottom:6px !important}

/* 首屏四张功能卡 */
.header-slider-card{position:relative !important;z-index:12 !important}
.icon-cover-card{
  position:relative !important;z-index:6 !important;
  background:var(--sk-feature) !important;border:1px solid var(--sk-line) !important;border-radius:14px !important;
  transition:.2s;
}
.icon-cover-card:hover{border-color:var(--sk-accent) !important;box-shadow:0 12px 34px var(--sk-accent-soft);transform:translateY(-2px)}
.icon-cover-icon{box-shadow:0 0 18px var(--sk-accent-soft)}

/* ---------- 列表布局 ---------- */
.posts-row, #index-tab-main{
  display:grid !important;grid-template-columns:repeat(2, minmax(0,1fr)) !important;gap:16px !important;align-items:start;
  grid-auto-flow:row dense !important;
}
.posts-row > .ajax-option, #index-tab-main > .ajax-option, #index-tab-main > #zywc-ai-banner{
  grid-column:1 / -1 !important;flex:none !important;
}
#index-tab-main > div:empty, .posts-row > div:empty{display:none !important}
posts.posts-item, .posts-item.list{
  grid-column:auto !important;flex:none !important;max-width:none !important;width:auto !important;min-width:0;
  display:flex !important;flex-direction:column !important;align-items:stretch !important;
  background:var(--sk-panel) !important;border:1px solid var(--sk-line) !important;border-radius:16px !important;
  overflow:hidden;padding:0 !important;box-shadow:0 14px 40px var(--sk-shadow-color);
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
posts.posts-item:hover, .posts-item.list:hover{
  transform:translateY(-3px);border-color:var(--sk-accent) !important;box-shadow:0 20px 50px var(--sk-accent-soft);
}
.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-row, #index-tab-main{grid-template-columns:1fr !important}
}

/* 排序条 */
.ajax-option, .option-items, .option-dropdown{background:transparent !important;color:var(--sk-muted) !important}
.ajax-option a, .option-items a{color:var(--sk-muted) !important}
.ajax-option a:hover, .option-items a:hover{color:var(--sk-ink) !important}

/* ---------- 文章 ---------- */
.article-content, .entry-content, .post-content{color:var(--sk-body) !important}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,
.entry-content h1,.entry-content h2,.entry-content h3{color:var(--sk-ink) !important}
.article-content a, .entry-content a{color:var(--sk-accent) !important}
.article-content blockquote, .entry-content blockquote{
  background:var(--sk-quote-bg) !important;border-left:3px solid var(--sk-accent) !important;color:var(--sk-ink-2) !important;border-radius:0 10px 10px 0;
}
.article-content code, .entry-content code{background:var(--sk-code-bg) !important;color:var(--sk-code-ink) !important;border-radius:6px}
.article-content pre, .entry-content pre{background:var(--sk-pre-bg) !important;border:1px solid var(--sk-line) !important;border-radius:12px}
.article-content table, .entry-content table{background:var(--sk-table-bg);color:var(--sk-body)}
.article-content th, .entry-content th{background:var(--sk-table-head) !important;color:var(--sk-ink)}
.article-content td, .entry-content td{border-color:var(--sk-line) !important}
.article-content img, .entry-content img{border-radius:12px}
.breadcrumb{color:var(--sk-muted) !important;font-size:13px}
.breadcrumb a{color:var(--sk-ink-2) !important}
.breadcrumb a:hover{color:var(--sk-accent) !important}

/* 区块标题 */
.box-title, .widget-title, .zib-widget .title{position:relative;padding-left:12px !important;color:var(--sk-ink) !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,var(--sk-accent),var(--sk-accent-2));box-shadow:0 0 12px var(--sk-accent-soft);
}

/* 分页 / 评论 / 付费 */
.pagination > li > a, .pagination > li > span, .page-numbers{
  background:var(--sk-btn) !important;border-color:var(--sk-line-strong) !important;color:var(--sk-ink-2) !important;border-radius:8px !important;
}
.pagination > .active > a, .page-numbers.current{background:linear-gradient(120deg,var(--sk-accent),var(--sk-accent-2)) !important;color:#fff !important;border-color:transparent !important}
.comment, .comment-body, .comt-box{background:var(--sk-muted-bg) !important;border-color:var(--sk-line) !important;color:var(--sk-body)}
.comment-author, .comment-body a{color:var(--sk-accent) !important}
.pay-box, .payvip-box, .zibpay-box{background:var(--sk-muted-bg) !important;border-color:var(--sk-line-strong) !important;color:var(--sk-ink)}
.pay-box .price, .zibpay-box .price, .pay-price, .price{color:var(--sk-accent) !important;text-shadow:0 0 18px var(--sk-accent-soft)}
.pay-box .but, .zibpay-box .but, .pay-box .btn, .zibpay-box .btn{
  background:linear-gradient(120deg,var(--sk-accent),var(--sk-accent-2)) !important;color:#fff !important;border-color:transparent !important;
  box-shadow:0 8px 26px var(--sk-accent-soft) !important;
}

/* 页脚 */
.footer, .zib-footer, footer{background:var(--sk-footer-bg) !important;color:var(--sk-muted) !important;border-top:1px solid var(--sk-line) !important}
.footer a, .zib-footer a{color:var(--sk-ink-2) !important}
.footer a:hover{color:var(--sk-accent) !important}

/* 杂项 */
::selection{background:var(--sk-selection);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--sk-scroll-track)}
::-webkit-scrollbar-thumb{background:var(--sk-scroll-thumb);border-radius:8px}
.avatar{border:1px solid var(--sk-line-strong) !important;border-radius:50%}
.cat-cover, .taxonomy-header, .archive-header{
  background:var(--sk-panel) !important;border:1px solid var(--sk-line) !important;border-radius:16px !important;
}
.ias-trigger, .load-more, .btn-load-more{
  background:var(--sk-panel-2) !important;border:1px solid var(--sk-line) !important;color:var(--sk-ink-2) !important;border-radius:999px !important;
}

@media (prefers-reduced-motion: reduce){
  body::after{animation:none}
  posts.posts-item:hover, .posts-item.list:hover{transform:none}
}

/* ---------- 导航层级修正：下拉子菜单必须盖住首屏大图 ---------- */
.navbar, .navbar-fixed, .zib-header{
  position:relative !important;
  z-index:1060 !important;
}
/* 手机头在桌面端可能是覆盖层，不能给它高 z-index（会盖住下拉菜单） */
@media (max-width:820px){
  .mobile-header{position:relative !important;z-index:1060 !important}
}
.navbar .dropdown-menu, .navbar .sub-menu, .dropdown-menu, .sub-menu{
  z-index:1061 !important;
}
.header-slider-container, .header-slider-container .zib-slider{z-index:1 !important}
.header-slider-card{z-index:12 !important}

/* 手机端二级菜单 */
.mobile-menus .sub-menu, .mobile-navbar .sub-menu, .mobile-menus ul ul{
  display:block !important;
  background:var(--sk-panel-2) !important;
  border:1px solid var(--sk-line) !important;
}
.mobile-menus .sub-menu a, .mobile-navbar .sub-menu a{color:var(--sk-ink-2) !important}
/* ---------- 导航栏固定 46px + 浅色下卡片文字对比 ---------- */
.navbar{height:46px !important;min-height:46px !important;padding:0 !important}
.navbar .navbar-header, .navbar-nav, .navbar-nav > li{height:46px !important}
.navbar-nav > li > a{height:46px !important;display:flex !important;align-items:center;padding:0 12px !important}
.icon-cover-card, .icon-cover-card .font-bold, .icon-cover-card a{color:var(--sk-ink) !important}
.icon-cover-card .muted-color{color:var(--sk-muted) !important}
/* ---------- 下拉子菜单文字（浅色皮肤下不能是白字） ---------- */
.sub-menu, .dropdown-menu{background:var(--sk-panel-2) !important;border:1px solid var(--sk-line) !important}
.navbar .sub-menu a, .navbar .dropdown-menu a, .dropdown-menu > li > a,
.mobile-menus a, .mobile-navbar a{color:var(--sk-ink-2) !important}
.navbar .sub-menu a:hover, .navbar .dropdown-menu a:hover, .dropdown-menu > li > a:hover,
.mobile-menus a:hover{color:var(--sk-accent) !important;background:var(--sk-muted-bg) !important}
.sub-menu .menu-item > a, .sub-menu li > a{color:var(--sk-ink-2) !important}
/* ---------- 顶栏按钮 / 主题切换按钮可见性 ---------- */
.navbar .btn, .navbar .nav-search-btn, .navbar .signin-loader.btn{
  background:var(--sk-panel-2) !important;
  border:1px solid var(--sk-line-strong) !important;
  color:var(--sk-ink-2) !important;
  box-shadow:none !important;
}
.navbar .btn:hover, .navbar .nav-search-btn:hover{border-color:var(--sk-accent) !important;color:var(--sk-accent) !important}
.toggle-theme{color:var(--sk-ink-2) !important}
.navbar .signin-loader.but, .navbar .but.jb-red{
  background:linear-gradient(120deg,var(--sk-accent),var(--sk-accent-2)) !important;
  border:0 !important;color:#fff !important;
}
/* 顶栏图标跟随皮肤（否则浅色下是白图标看不见） */
.navbar svg, .navbar .icon, .navbar .toggle-theme svg{fill:var(--sk-ink-2) !important;color:var(--sk-ink-2) !important}
.navbar .but svg, .navbar .signin-loader.but svg, .navbar .jb-red svg{fill:#fff !important;color:#fff !important}
/* 文章标题 / 正文头部（浅色皮肤下原来是白字看不清） */
.article-header h1, .article-title, .post-title, .entry-title,
.single-post .article-header h1, .page-header h1{color:var(--sk-ink) !important}
.article-header .meta, .post-meta, .article-meta{color:var(--sk-muted) !important}
.article-header .meta a, .post-meta a{color:var(--sk-muted-2) !important}
.article-title a, .post-title a, .entry-title a, .page-header h1 a{color:var(--sk-ink) !important}
.article-title a:hover, .post-title a:hover{color:var(--sk-accent) !important}
/* 手机端汉堡按钮 / 图标（浅色皮肤下原来是白线条看不见） */
.navbar-toggle, .navbar .nav-but{color:var(--sk-ink-2) !important}
.navbar-toggle .i-menu i, .navbar-toggle i, .navbar .i-menu i{background-color:var(--sk-ink-2) !important;background:var(--sk-ink-2) !important}
.navbar .toggle-theme i, .navbar .toggle-theme svg{color:var(--sk-ink-2) !important;fill:var(--sk-ink-2) !important}
/* 手机端菜单面板完整展开（不要被 46px 的头部高度裁掉） */
@media (max-width:820px){
  .navbar{height:auto !important;min-height:46px !important}
  .navbar-nav, .navbar-nav > li, .navbar-nav > li > a{height:auto !important}
  .mobile-navbar{
    height:100vh !important;max-height:100vh !important;bottom:0 !important;
    overflow-y:auto !important;padding-top:64px !important;
  }
  .mobile-menus{padding-bottom:60px !important}
}
/* 手机菜单文字颜色 */
.mobile-navbar .mobile-menus li > a, .mobile-navbar .mobile-menus .menu-item > a{
  color:var(--sk-ink) !important;
}
.mobile-navbar .mobile-menus .sub-menu a{color:var(--sk-ink-2) !important}
.mobile-navbar .mobile-menus .sub-menu a:hover{color:var(--sk-accent) !important}