/*
Theme Name: OneBlog
Theme URI: https://oneblog.net
Author: 彼岸临窗
Author URI: https://oneblog.net
Description: OneBlog（WordPress 经典主题移植版）。
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oneblog
Tags: blog, custom-logo, custom-menu
*/

/* 文章列表摘要文字灰色（覆盖 CDN 样式） */
.post_preview p{
  color:#888;
}

/* 评论等级/博主标识 */
.comment-list .name .level{
  margin-left:.5rem;
}

/* 相册目录筛选条 */
.album-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.album-filter a{
  padding:.35rem .7rem;
  border-radius:999px;
  background:rgba(0,0,0,.04);
  color:#555;
}
.album-filter a.active{
  background:var(--theme-color);
  color:#fff;
}

/* 移动端：筛选按钮自适应（横向滚动或换行都可用） */
@media (max-width: 767px){
  .album-filter{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .25rem;
    gap: .4rem;
  }
  .album-filter::-webkit-scrollbar{ display:none; }
  .album-filter a{
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* 顶部菜单（侧栏）默认展开后可滚动 */
.menu{
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* 微语页：默认“登录”按钮文字为白色 */
.memos-btn #login-button{
  color:#fff;
}

/* 相册（对齐 Typecho OneBlog 原主题：方块网格 + flex 换行） */
.photo-contain{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:20px;
}
.photo-contain .photos{
  display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;
  width:85%;
}
.photo-contain .photo{
  width:168px;
  height:168px;
  border:1px solid var(--white);
}
.photo-contain .photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
  display:block;
}

@media (max-width: 767px){
  .photo-contain{ padding-top:0; }
  .photo-contain .photos{ width:100%; }
  .photo-contain .photo{
    flex-basis:33.33%;
    position:relative;
    padding-top:33.33%;
    width:auto;
    height:auto;
  }
  .photo-contain .photo a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:1px solid var(--white);
  }
}