/*
Theme Name: boke112（博客112）
Theme URI: https://boke112.com/article/wordpress-free-lightweight-single-column-blog-theme-boke112.html
Author: 博客112
Author URI:https://boke112.com/
Description: 一款专门面向中文独立博客站长的轻量免费主题：一键换色、经典编辑器、原生友情链接管理、国内访问优化、SEO友好、暗色模式、图片灯箱、内置2个页面模板、后台可视化设置。
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boke112
Tags: blog, light-weight, classic-editor, one-column, custom-colors, custom-header, custom-ico, custom-menu, sticky-post, threaded-comments, theme-options
*/

*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16px;line-height:1.8;color:#333;background:#f5f6f8;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--boke-link,#2563eb);text-decoration:none;transition:color .2s;}
a:hover{color:var(--boke-link-hover,#1d4ed8);}
img{max-width:100%;height:auto;border:0;}
.container{max-width:820px;margin:0 auto;padding:0 16px;}
.site-banner{
  background:var(--boke-banner,#2563eb);
  color:#fff;text-align:center;padding:42px 16px;
}
.site-banner .site-title{font-size:30px;font-weight:700;color:#fff;letter-spacing:2px;}
.site-banner .site-title a{color:#fff;}
.site-banner .site-description{font-size:14px;margin-top:8px;opacity:.9;}
.site-nav{background:#fff;border-bottom:1px solid #ececec;box-shadow:0 1px 3px rgba(0,0,0,.03);}
.site-nav .container{display:flex;flex-wrap:wrap;justify-content:center;}
.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;}
.site-nav a{display:block;padding:14px 16px;color:#444;font-size:15px;}
.site-nav a:hover{color:var(--boke-link,#2563eb);}
.float-btn.menu-toggle{display:none;}
.site-main{padding:24px 0 40px;}
.post-list article,
.single-box,
.page-box{background:#fff;border-radius:8px;padding:28px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.page-box .entry-title{text-align:center;margin-bottom:10px;padding-bottom:18px;border-bottom:1px dashed #e5e7eb;}
.post-list article{margin-bottom:20px;}
.entry-title{font-size:22px;line-height:1.4;}
.entry-title a{color:#222;}
.entry-meta{font-size:13px;color:#999;margin:10px 0;}
.entry-meta span{margin-right:14px;}
.entry-meta .meta-cat a{color:var(--boke-link,#2563eb);}
.entry-summary{color:#555;font-size:15px;}
.read-more{display:inline-block;margin-top:12px;font-size:14px;}
.sticky-block{background:#fff;border-radius:8px;padding:22px 28px;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:20px;}
.sticky-block .block-title{font-size:18px;margin-bottom:12px;padding-left:10px;border-left:4px solid var(--boke-banner,#2563eb);line-height:1.2;}
.sticky-list{list-style:none;}
.sticky-list li{padding:7px 0;border-bottom:1px dashed #f0f0f0;}
.sticky-list li:last-child{border-bottom:0;}
.sticky-list li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--boke-banner,#2563eb);margin-right:10px;vertical-align:middle;}
.sticky-list a{color:#333;}
.sticky-list a:hover{color:var(--boke-link,#2563eb);}
.post-list .list-item{display:flex;gap:20px;align-items:stretch;position:relative;}
.list-thumb{flex:0 0 300px;width:300px;height:200px;overflow:hidden;border-radius:6px;display:block;}
.list-thumb img{width:300px;height:200px;object-fit:cover;display:block;transition:transform .3s;}
.list-thumb:hover img{transform:scale(1.04);}
.list-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.list-body .entry-title{font-size:20px;margin-bottom:6px;}
.list-body .entry-summary{margin-top:8px;flex:1;}
.list-body .read-more{align-self:flex-end;margin-top:8px;}
.pagination{margin:24px 0 0;text-align:center;}
.pagination .page-numbers{
  display:inline-block;min-width:38px;padding:6px 12px;margin:0 3px;
  border:1px solid #e2e8f0;border-radius:6px;color:#475569;background:#fff;
  font-size:14px;transition:all .2s;
}
.pagination .page-numbers:hover{border-color:var(--boke-banner,#2563eb);color:var(--boke-link,#2563eb);}
.pagination .page-numbers.current{background:var(--boke-banner,#2563eb);color:#fff;border-color:var(--boke-banner,#2563eb);}
.entry-content{font-size:16px;line-height:1.9;}
.entry-content h2{
  font-size:18px;font-weight:700;margin:26px 0;padding-left:12px;
  border-left:4px solid var(--boke-banner,#2563eb);color:#1f2937;line-height:1.4;
}
.entry-content h3{
  font-size:16px;font-weight:700;margin:22px 0;padding-left:10px;
  border-left:3px solid #94a3b8;color:#334155;
}
.entry-content h4{
  font-size:15px;font-weight:700;margin:18px 0;color:#475569;
}
.entry-content p{margin:0 0 16px;}
.entry-content ul{margin:0 0 16px;padding-left:4px;list-style:none;}
.entry-content ul li{padding:4px 0 4px 18px;position:relative;}
.entry-content ul li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--boke-banner,#2563eb);}
.entry-content img{cursor:zoom-in;border-radius:6px;}
.entry-content blockquote{
  border-left:4px solid var(--boke-banner,#2563eb);background:#f7f9fc;
  padding:12px 16px;margin:16px 0;color:#555;border-radius:0 6px 6px 0;
}
.entry-content pre{
  background:#1e293b;color:#e2e8f0;
  border-radius:8px;padding:16px 18px;
  overflow-x:auto;font-size:14px;line-height:1.6;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  margin:16px 0;
  position:relative;
}
.entry-content pre::-webkit-scrollbar{height:8px;}
.entry-content pre::-webkit-scrollbar-thumb{background:#475569;border-radius:4px;}
.entry-content code{
  background:#f1f5f9;color:#db2777;
  padding:2px 6px;border-radius:4px;font-size:14px;
  font-family:Consolas,Menlo,monospace;
}
.entry-content pre code{background:transparent;color:inherit;padding:0;font-size:inherit;}
.post-footer{margin-top:28px;padding-top:18px;border-top:1px dashed #e5e5e5;font-size:14px;}
.post-tags a{margin-right: 6px;}
.post-nav{margin-top:16px;font-size:14px;line-height:2;}
.post-nav .prev,.post-nav .next{text-align:left;}
.copyright-box{
  background:#f8fafc;border-radius:6px;padding:14px 16px;margin-top:18px;font-size:13px;color:#666;
}
.related-posts{margin:18px 0;}
.related-posts .related-title{
  font-size:15px;font-weight:700;margin-bottom:10px;color:#1f2937;
  display:inline-block;padding-left:10px;border-left:4px solid var(--boke-banner,#2563eb);line-height:1.2;
}
.related-list{list-style:none;}
.related-list li{padding:6px 0;border-bottom:1px dashed #f0f0f0;}
.related-list li:last-child{border-bottom:0;}
.related-list li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--boke-banner,#2563eb);margin-right:10px;vertical-align:middle;}
.related-list a{color:#333;}
.related-list a:hover{color:var(--boke-link,#2563eb);}
.comments-area{background:#fff;border-radius:8px;padding:28px;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-top:20px;}
.comments-title{
  font-size:18px;font-weight:700;margin:0 0 18px;padding-left:12px;
  border-left:4px solid var(--boke-banner,#2563eb);color:#1f2937;line-height:1.4;
}
.comment-list{list-style:none;margin:0;padding:0;}
.comment-list .comment{padding:16px 0;border-bottom:1px solid #f0f0f0;}
.comment-list .children{list-style:none;padding-left:36px;margin-top:0;}
.comment-inner{display:flex;gap:12px;align-items:flex-start;}
.comment-avatar img{border-radius:50%;width:44px;height:44px;}
.comment-body{flex:1;min-width:0;position:relative;}
.comment-meta{font-size:13px;color:#888;margin-bottom:6px;padding-right:60px;}
.comment-meta .comment-author{color:#1f2937;font-weight:600;margin-right:10px;}
.comment-meta .comment-date{color:#aaa;}
.comment-content{font-size:15px;line-height:1.8;word-break:break-word;}
.comment-content p{margin:0 0 8px;}
.comment-awaiting{color:#e6a23c;font-size:13px;}
.comment-actions{position:absolute;top:0;right:0;opacity:0;transition:opacity .2s;}
.comment-inner:hover .comment-actions{opacity:1;}
.comment-actions a{font-size:13px;color:var(--boke-link,#2563eb);}
.comment-form{margin-top:18px;}
.comment-form .comment-notes{font-size:13px;color:#888;}
.comment-form input,.comment-form textarea{
  width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;
}
.comment-form label{display:block;font-size:13px;color:#666;margin:10px 0 4px;}
.comment-form .form-submit{margin-top:10px;}
.comment-form .submit{background:var(--boke-banner,#2563eb);color:#fff;border:0;padding:10px 26px;border-radius:4px;cursor:pointer;}
.comment-pagination{margin-top:18px;}
#cancel-comment-reply-link{margin-left: 10px;}
.site-footer{background:#1f2937;color:#cbd5e1;padding:32px 0;font-size:14px;}
.site-footer a{color:#93c5fd;}
.footer-links{margin-bottom:18px;line-height:2;}
.footer-links .fl-label{color:#fff;font-weight:600;margin-right:4px;}
.footer-links a{margin-right:6px;}
.footer-copyright{text-align:center;font-size:13px;color:#94a3b8;margin-top:8px;}
.footer-copyright.has-links{border-top:1px solid #374151;padding-top:16px;}
.footer-beian img{margin-right: 4px;width: 16px;height: 16px;vertical-align: text-bottom;}
.float-buttons{position:fixed;right:18px;bottom:30px;z-index:9999;display:flex;flex-direction:column;gap:10px;}
.float-btn{
  width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;
  box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:18px;color:#475569;transition:all .2s;
}
.float-btn:hover{background:var(--boke-banner,#2563eb);color:#fff;}
#back-to-top{display:none;}
.search-modal{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;
  align-items:flex-start;justify-content:center;padding-top:120px;
}
.search-modal.open{display:flex;}
.search-modal form{width:90%;max-width:520px;background:#fff;border-radius:8px;padding:10px;display:flex;}
.search-modal input{flex:1;border:0;outline:0;padding:10px;font-size:16px;}
.search-modal button{background:var(--boke-banner,#2563eb);color:#fff;border:0;padding:10px 20px;border-radius:6px;cursor:pointer;}
.lightbox{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:10001;
  align-items:center;justify-content:center;cursor:zoom-out;
}
.lightbox.open{display:flex;}
.lightbox img{max-width:92%;max-height:92%;border-radius:6px;box-shadow:0 0 30px rgba(0,0,0,.5);}
body.dark{background:#0f172a;color:#cbd5e1;}
body.dark .post-list article,
body.dark .single-box,
body.dark .page-box,
body.dark .comments-area,
body.dark .sticky-block{background:#1e293b;box-shadow:none;}
body.dark .entry-title a,body.dark .related-list a,body.dark .sticky-list a{color:#e2e8f0;}
body.dark .site-nav{background:#1e293b;border-color:#334155;}
body.dark .site-nav a{color:#cbd5e1;}
body.dark .post-tags a{background:#334155;color:#cbd5e1;}
body.dark .copyright-box{background:#1e293b;}
body.dark .float-btn{background:#1e293b;color:#cbd5e1;border-color:#334155;}
body.dark .entry-meta{color:#94a3b8;}
body.dark .pagination .page-numbers{background:#1e293b;border-color:#334155;color:#cbd5e1;}
body.dark .pagination .page-numbers.current{background:var(--boke-banner,#2563eb);color:#fff;}
body.dark .comments-title{color:#e2e8f0;}
body.dark .comment-meta .comment-author{color:#e2e8f0;}
body.dark .comment-list .comment{border-color:#334155;}
body.dark .comment-form input,body.dark .comment-form textarea{background:#0f172a;border-color:#334155;color:#e2e8f0;}
.tag-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.tag-card{
  display:flex;justify-content:space-between;align-items:center;
  background:#f5f6f8;border-radius:8px;padding:14px 16px;font-size:14px;
  transition:all .2s;min-width:0;
}
.tag-card:hover{background:#eef2f7;transform:translateY(-2px);}

.tag-card .tag-name{
  color:var(--boke-link,#2563eb);font-weight:500;
  flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tag-card .tag-count{color:#94a3b8;font-size:13px;flex-shrink:0;margin-left:10px;}
.link-group{margin-top:30px;}
.link-group-title{
  font-size:17px;font-weight:700;margin-bottom:14px;padding-left:10px;
  border-left:4px solid var(--boke-banner,#2563eb);
}
.link-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.link-card{
  display:flex;flex-direction:column;gap:4px;
  background:#f5f6f8;border-radius:8px;padding:14px 16px;
  transition:all .2s;
}
.link-card:hover{background:#eef2f7;transform:translateY(-2px);}
.link-card .link-name{
  color:var(--boke-link,#2563eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (max-width:768px){
  .tag-grid{grid-template-columns:1fr;}
  .link-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .post-list .list-item{flex-direction:column;}
.list-thumb{flex:none;width:100%;height:100px;}
.list-thumb img{width:100%;height:100px;object-fit:cover;}
  .site-banner .site-title{font-size:24px;}
  .entry-title{font-size:20px;}
  .post-list article,.single-box,.page-box,.comments-area,.sticky-block{padding:18px;}
  .comment-actions{opacity:1 !important;}
  .site-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .site-nav::-webkit-scrollbar{display:none;}
  .site-nav .container{display:flex;flex-wrap:nowrap;width:max-content;justify-content:flex-start;padding:0;}
  .site-nav ul{display:flex;flex-wrap:nowrap;width:max-content;margin:0;}
  .site-nav li{flex:none;}
  .site-nav a{padding:12px 16px;white-space:nowrap;}

}