/*
Theme Name: Zibll_子主题
Theme URI: https://www.zibll.com
Description: 子比主题（Zibll）空白子主题。用于在不修改父主题的情况下进行自定义。
Author: Your Name
Author URI: 
Template: zibll8.1
Version: 1.0.0
Requires at least: 5.0
Requires PHP: 7.0
Text Domain: zibll-child
*/

/*
 * 你可以在这里写自定义样式。
 */
 
 
 
 
 
/* 子比折叠面板里的作品目录：已访问链接变色 */
.wp-block-zibllblock-collapse .wp-block-list a:visited {
  color: #986672 !important;
}


/* viewer 页面布局 */
.viewer-wrap{
  margin: 0 auto;
  padding: 8px 12px;
  background: var(--main-bg-color);
}
/* viewer 页面标题 */
.viewer-title{
  text-align:center;
  margin: 10px 0 20px;
  font-size: 18px !important;
  font-weight: 500 !important;
}

/* 网格：桌面 4 列，自动换行 */
.viewer-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

/* 图片卡片 */
.viewer-item{
  display:block;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
}
.viewer-item img{
  width: 100%;
  height: 100%;
  display:block;
  object-fit: cover;   /* 关键：像图二那样裁切填满 */
  aspect-ratio: 3 / 4; /* 关键：统一缩略图比例，视觉就会像图二整齐 */
}

/* 平板 2 列 */
@media (max-width: 900px){
  .viewer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 手机 1 列 */
@media (max-width: 520px){
  .viewer-grid{ grid-template-columns: 1fr; }
}




.viewer-lock{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.08);
  min-height: 260px;
}

.viewer-lock-mask{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 16px;
}

.viewer-lock-mask i{
  font-size: 26px;
  opacity: .95;
}


/* 文章副标题颜色 */
.article-title span {
    color: var(--theme-color);   
}