/* 基础 */
#wrapper { min-width: 320px; }
@media only screen and (max-width: 1080px) { #wrapper { margin: 0; border-radius: 0; } }
/* 去除按钮和弹窗的焦点轮廓 */
.uc-modal-button:focus { outline: none !important; box-shadow: none !important; }
.rsm-menu:not(.mobile) .menu > li > span { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.rsm-menu button { -webkit-user-select: none; user-select: none; }
/* 只有支持 scrollbar-gutter 的浏览器才会应用 */
@supports (scrollbar-gutter: stable) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { scrollbar-gutter: stable both-edges; }
  .mini-card-grid { scrollbar-gutter: always; }
}
/* 只有支持 scrollbar-width 的浏览器才会应用 */
@supports (scrollbar-width: thin) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
  .entry-content,
  .post-content,
  .site-content { scrollbar-width: thin; }
}
/* ------------------------------------------------------------------------- *
 *  Sidebar : 960px > 480px
 * ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 960px) {
  .col-1c .content,
  .col-2cl .content,
  .col-2cr .content { padding-left: 30px; padding-right: 30px; }
  /* s1 general */
  .s1 { width: 100%; }
  .s1 .sidebar-content { width: 100%; }
  .col-2cr .s1 { margin-left: 0; }
  .col-2cr .main-inner { padding-left: 0; }
  .col-2cl .s1 { margin-right: 0; }
  .col-2cl .main-inner { padding-right: 0; }
  .page-title h1,
  .page-title h2,
  .page-title h3,
  .page-title h4 { font-size: 20px; }
  .page-title .notebox { margin-top: 10px; font-size: 16px; }
  .sidebar { display: none !important; }
}
/* ------------------------------------------------------------------------- *
 *  719px 以下
 * ------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {
  /* layout */
  #wrapper-inner { margin: 0; margin-top: 10px; }
  .col-1c .content,
  .col-2cl .content,
  .col-2cr .content { padding-left: 10px; padding-right: 10px; }
  .gbkcontent { margin-top: -20px; margin-bottom: -40px; }
  .gbkbtm { margin-bottom: -40px; }
  .container { padding: 0; }
  .grid { width: 100%; margin: 0 0 10px; }
  .pagination { margin-left: 20px; margin-right: 20px; }
  /* hide */
  .site-description,
  .image-caption { display: none; }
  /* base */
  .notebox { margin-bottom: 20px; }
  .entry { font-size: 15px; }
  /* text */
  .entry h1 { font-size: 20px; letter-spacing: -0.7px; }
  .entry h2 { font-size: 18px; letter-spacing: -0.5px; margin-bottom: 0px; }
  .entry h3 { font-size: 16px; letter-spacing: -0.3px; margin-bottom: 0px; }
  .entry h4 { font-size: 15px; letter-spacing: -0.3px; }
  .entry h5 { font-size: 14px; }
  .entry h6 { font-size: 13px; text-transform: uppercase; }
  /* header */
  #header,
  #header .pad { padding: 0; margin-bottom: 0; }
  .site-title { padding: 10px 0; margin: 0; width: 100%; float: none; line-height: 50px; border-bottom: 1px solid #ecede4; }
  .site-title a { text-align: center; }
  #header .social-links { float: none; text-align: center; padding: 10px 0; margin-top: 0; margin-bottom: 0; border-left: 0; }
  #header .social-links .social-tooltip { margin: 0 4px; }
  .toggle-search { position: absolute; left: 20px; bottom: -12px; top: auto; padding: 12px 0; width: 30px; z-index: 103; color: #333; margin-top: 0; margin-left: 0; }
  .toggle-search:hover,
  .toggle-search.active { color: #000; }
  .search-expand { background: transparent; padding: 0; top: auto; left: 0; bottom: -36px; width: 100%; }
  .search-expand-inner { padding: 0; width: 100%; }
  .search-expand .themeform input { border-radius: 0; }
  #theme-toggle { left: 64px; right: auto; top: auto; bottom: 10px; }
  /* footer */
  #nav-footer.nav-container { padding: 0; }
  #footer-bottom .pad { padding-top: 50px; padding-bottom: 40px; }
  #footer-bottom .one-half.last { margin-bottom: 0; }
  #footer-bottom { text-align: center; margin-top: 20px; }
  #footer-bottom #footer-logo { margin-left: auto; margin-right: auto; }
  #footer-bottom .social-links { float: none; }
  #footer-bottom .social-links li { margin-left: 4px; margin-right: 4px; }
  /* comments */
  .comment-tabs { font-size: 14px; }
  .commentlist li { font-size: 13px; }
  .commentlist li ul li { padding-left: 10px; }
  /* page */
  .notebox { font-size: 15px; }
  /* blog */
  .entry-header,
  .entry-media,
  .entry-content { padding-left: 20px; padding-right: 20px; }
  .entry-footer { padding-left: 20px; padding-right: 20px; margin-top: 20px; }
  .entry-wrap { margin-left: -32px; }
  body.view-grid .entry-wrap { margin-left: 10px; }
  body.home .content,
  body.single .content,
  body.archive .content,
  body.search .content,
  body.error404 .content { padding-left: 0; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
  body.home .page-title,
  body.single .page-title,
  body.archive .page-title,
  body.search .page-title,
  body.error404 .page-title { padding-left: 10px; padding-right: 0; font-size: 18px; margin-bottom: 0; }
  .entry-meta-inner { width: 100%; }
  .entry-header .entry-title { font-size: 17px; padding-left: 10px;}
  .entry-media { margin-left: 0; margin-right: 0; }
  .front-widgets { padding: 0 30px; }
  .front-widget-col { width: 100%; }
  .front-widget-inner { margin: 0; }
  /* highlights */
  .card-articles-wrap { padding: 0 20px 20px; }
  .card-articles { scrollbar-color: #e4e6ed #fff; padding-bottom: 20px; padding-left: 5px; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-scroll-snap-points-x: repeat(250px); scroll-snap-points-x: repeat(250px); -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; }
  .card-articles { padding-right: 0; }
  .card-articles:after { right: 0; display: none; }
  .card-header { margin-right: 0; margin-left: 0; }
  .mini-card-grid { overflow-x: visible; padding-bottom: 5px; }
  .mini-card { min-height: 220px; min-width: 150px; }
  .mini-card:not(:first-child) { margin-left: 0; }
  .mini-card:first-child:focus-within,
  .mini-card:first-child:hover { transform: none; }
  .mini-card:focus-within,
  .mini-card:hover { transform: none; }
  .mini-card:not(:first-child) { margin-left: -30px; }
  .mini-card:focus-within ~ .mini-card,
  .mini-card:hover ~ .mini-card { transform: none; }
  .mini-card-title { font-size: 16px; }
  .mini-card-thumb { left: 15px; right: auto; }
  /* single */
  .sharrre .count:after { display: none; }
  .sharrre .box { padding-top: 16px; padding-bottom: 6px; }
  .sharrre .box { padding-left: 0; padding-right: 0; }
  .sharrre .count { width: 70%; margin: 0 15%; }
  .sharrre .share { width: 100%; margin-left: 0; margin-top: 0; }
  .post-nav li { width: 100%; }
  .related-posts li { width: 50%; }
  .related-posts li:nth-child(2) article { border-right-color: transparent; }
  .related-posts li:nth-child(3) { display: none; }
  /* 针对 single 页面的额外规则 */
  body.single .entry-meta { margin-bottom: 40px; }
  body.single .entry-content p,
  body.single .entry-content li,
  body.single .content p,
  body.single .content li,
  body.single .main p,
  body.single .main li,
  body.single .entry h2 { font-size: 16px !important; }
  .themeform.searchform div { margin-left: 5px; margin-right: 5px; }
  .sidebar { display: none !important; }
} /* ← 这里闭合 719 */
/* ------------------------------------------------------------------------- *
 *  768px 以下
 * ------------------------------------------------------------------------- */
@media (max-width: 768px) { .gbkcontent { margin-top: 20px; } .gbkbtm { margin-bottom: -40px; } }
/* ------------------------------------------------------------------------- *
 *  576px 以下
 * ------------------------------------------------------------------------- */
@media (max-width: 576px) { .gbkcontent { margin-top: 20px; } .gbkbtm { margin-bottom: -40px; } }
/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
 * ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
  /* layout */
  .content,
  .sidebar.s1 { width: 100%; float: none; margin-right: 0 !important; margin-left: 0 !important; }
  .sidebar.s1 { width: 100%; display: block; float: left; }
  .main,
  .main-inner { background-image: none !important; padding: 0 !important; margin-top: 10px; }
  /* hide */
  .mobile-sidebar-hide-s1 .s1,
  .mobile-sidebar-hide .sidebar,
  .gallery-caption { display: none; }
  /* base */
  .notebox { margin-bottom: 15px; }
  .page-title h1,
  .page-title h2,
  .page-title h3,
  .page-title h4 { font-size: 14px; }
  .page-title .notebox { font-size: 15px; }
  /* header */
  .site-title { font-size: 32px; }
  /* blog */
  .front-widgets {}
  /* highlights */
  .card-articles-wrap { padding-right: 0; }
  .card-header { flex: 0 0 30px; }
  .card-header-title span { display: none; }
  .mini-card-grid { padding-left: 25px; }
  /* single */
  .sharrre .box { padding-top: 6px; }
  .sharrre .count { display: none; }
}
/* 翻页 */
/* 初始状态：透明 + 下移 */
.entry-wrap.entry-grid,
.entry-wrap.entry-standard,
.entry-wrap,
.site-main,
.content-area,
.posts,
.post-list { position: relative; opacity: 1; transition: opacity 0.3s ease; }
/* 容器加载中状态 */
.loading { opacity: 0.8; pointer-events: none; transition: opacity 0.8s ease; }
/*
 * .notebox统一归档页标题布局
 */
.archive .page-title-inner.group { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.archive .page-title-main { width: 100%; flex: 1 1 100%; }
.archive .page-title-controls { width: 100%; flex: 1 1 100%; display: flex; justify-content: flex-end; order: -1; margin-bottom: 1em; }
.archive .notebox { width: 100%; flex: 1 1 100%; }
.archive .page-title-inner.group { position: relative; padding-bottom: 20px; }
.archive .page-title-controls { position: absolute; top: 0; right: 0; width: auto; margin-bottom: 0; }
.archive .page-title-main { padding-right: 150px; margin-top: -20px; }
@media (max-width: 768px) { .archive .page-title-main { margin-left: 10px; } }
.copyrightp { position: relative; border-bottom: 1px solid #e0e8cb; font-size: 14px; text-align: center; margin-bottom: 45px; padding: 20px 0; }
.copyrightp::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); width: 1px; height: 16px; background-color: #e0e8cb; }
body:where(.dark) .copyrightp { border-bottom: 1px solid #606060; }
body:where(.dark) .copyrightp::after { background-color: #606060; }
.copyright-o { color: #a1ac86; }
body:where(.dark) .copyright-o { color: #b7b5b2; }
.widget_tag_cloud .tagcloud a { font-weight: 400 !important; border-radius: 6px; padding: 1px 2px; line-height: 23px !important; transition: background-color .2s ease, color .2s ease; }
.widget_tag_cloud .tagcloud a:hover { background-color: rgba(0,0,0,0.1); }
/* 只让侧边栏 AlxTabs 小工具里的评论头像变圆形 */
.widget_alx_tabs .tab-item-avatar img.avatar { border-radius: 50%; width: 48px; height: 48px;}