@charset "utf-8";
/* Theme
-------------------------------------------------- */
:root {
  --gap: 24px;
  --content-gap: 40px;
  --nav-width: 1024px;
  --main-width: 640px;
  --header-height: 50px;
  --footer-height: 60px;
  --radius: 13px;
  --theme: #fff;
  --entry: #fff;
  --primary: rgba(0, 0, 0, 0.88);
  --secondary: rgba(0, 0, 0, 0.56);
  --tertiary:rgba(0, 0, 0, 0.16);
  --content:rgba(0, 0, 0, 0.88);
  --bd-search:#f7f7f8;
  --bd-sc-bg:#e1e6f0;
  --hljs-bg: #1c1d21;
  --code-bg: #f5f5f5;
  --gv-bg:#fff;
  --gv-bd:#E6E9ED;
  --tool-bg:#e5e7eb;
  --rm-bg: rgba(0, 0, 0, 0.88);
  --border: #eee;
  --footer-bg:#f0f0f0;
  color-scheme: light;  
  --sg-bg-tag:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));
}
::-moz-selection{background:#ddd;color:#000;text-shadow:none;}
::selection{background:#ddd;color:#000;text-shadow:none;}
.dark {
  --theme: #1d1e20;
  --entry: #2e2e33;
  --primary: rgba(255, 255, 255, 0.84);
  --secondary: rgba(255, 255, 255, 0.56);
  --tertiary: rgba(255, 255, 255, 0.16);
  --content: rgba(255, 255, 255, 0.64);
  --bd-search:#31353d;
  --bd-sc-bg:#4a505c;
  --hljs-bg: #2e2e33;
  --code-bg: #37383e;
  --gv-bg:#1c1f2b;
  --gv-bd:#393f56;
  --tool-bg:#2e2e33;
  --rm-bg: #101627;
  --border: #5b5d67;
  --footer-bg:#000000;  
  color-scheme: dark;
  --sg-bg-tag:linear-gradient(180deg,#1e1e1e,#121212);
}
.list {
  background: var(--code-bg);
}

.dark .header{
  background:var(--theme);
  border-color: rgb(255 255 255 / 0.1);
}

.dark .list {
  background: var(--theme);
}
@media (prefers-color-scheme: dark) {
.dark {
  --theme: #1d1e20;
  --entry: #2e2e33;
  --primary: rgba(255, 255, 255, 0.84);
  --secondary: rgba(255, 255, 255, 0.56);
  --tertiary: rgba(255, 255, 255, 0.16);
  --content: rgba(255, 255, 255, 0.64);
  --hljs-bg: #2e2e33;
  --code-bg: #37383e;
  --gv-bg:#1c1f2b;
  --gv-bd:#393f56;
  --rm-bg: #101627;
  --border: #5b5d67;
}
.dark.list {
  background: var(--theme);
 }
}
#instantclick {
   display: block;
}
#instantclick-bar {background: #000;
}

/* Reset
-------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  color: var(--primary);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS_Regular", sans-serif;
  font-size: 18px;
  line-height: 1.8;
  word-break: break-word;
  background: var(--theme);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
strong,
b {
  font-weight: 500;
}
ul {
  margin: 0;
  padding: 0;
}
a {
  color: var(--primary);
  text-decoration: none;
  font-style: normal;
}
figure {
  margin: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
button,
input,
textarea {
  padding: 0;
  font: inherit;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
button,
input[type='button'],
input[type='submit'] {
  cursor: pointer;
}
input,
textarea {
  padding: 0;
  border: 0;
  outline: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill {
  box-shadow: 0 0 0 50px var(--theme) inset;
}
img {
  max-width: 100%;
  height: 100%;
}
figcaption{font-size: 14px;text-align: center;}
body .view-image {
  backdrop-filter: unset;
}
body .view-image-tools {
  backdrop-filter: unset;
  background-color: rgba(48, 55, 66, 0.8);
  transition: 300ms;
  opacity: 0.3;
}
body .view-image-tools:hover {
  opacity: 1;
}
body .view-image-btn {
  background: unset;
}
body .view-image-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Header
-------------------------------------------------- */
.header{background: #fff;border-bottom: 1px solid rgb(0 0 0 / 0.1);}
.top_bar,.logo ,.tools_btn{height: 45px;/* line-height: 45px; */}
.top_bar, .nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: calc(var(--main-width));
  margin: 0 auto;
}
.nav:hover .menu a:not(:hover){
  color: var(--secondary);
}
.nav a {
  color: var(--primary);
  display: block;
  line-height: var(--header-height);
}
.logo{flex-wrap: inherit;}
.logo,menu{
  display: flex;
  }
.logo a {
  font-size: 24px;
  font-weight: 700;
  height: 45px;
  display: flex;
  align-items: center;
}
.logo_tag{
  cursor: default;
  background: rgba(240, 160, 32, 0.12);
  line-height: 25px;
  height: 25px;
  display: flex;
  position: relative;
  top: 10px;
  border: 1px solid rgba(240, 160, 32, 0.35);
  color: #f0a020;
  margin-left: 5px;
  font-size: 14px;
  padding: 0 7px;
  border-radius: 3px;
}
.logo a img{height: 35px;margin-right: 5px;}
html.dark .logo_img{
 display:none;
 }

html.dark .logo_img_dark{
  display: flex;
 }
body .logo_img_dark{display:none;}
body .logo_text_dark{display:none;}
.menu {
  display: flex;
  list-style: none;
  word-break: keep-all;
  overflow-x: auto;
}
.menu::-webkit-scrollbar{display: none;}
.menu li + li {
  margin-left: var(--gap);
}
.menu a {
  font-size: 16px;
  transition: color 0.3s ease-in-out 0s;
}
/* Main
-------------------------------------------------- */
.main {
  position: relative;
  min-height: calc(100vh - var(--header-height) - var(--footer-height));
  max-width: calc(var(--main-width) + var(--gap) * 2);
  margin-left: auto;
  margin-right: auto;
  padding: var(--gap);
}
.page-header {
  margin-top: 24px;
  margin-bottom: var(--content-gap);
}
.page-header h1 {
  font-size: 40px;
}

/* Post entry
-------------------------------------------------- */
.first-entry {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 320px;
  margin-bottom: var(--header-height);
}
.first-entry .post-thumbnail {display:none;}
.first-entry .entry-header {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.first-entry .entry-header h2 {
  font-size: 40px;
  font-weight: 700;
}
.first-entry .entry-content {
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 16px;
  -webkit-line-clamp: 3;
}
.first-entry .entry-footer {
  font-size: 14px;
}
.post-entry {
  display: flex;
  position: relative;
  margin-bottom: var(--gap);
  padding: 1rem;
  background: var(--entry);
  border-radius: var(--radius);
  transition: transform 0.1s;
}
.post-entry:active {
  transform: scale(0.96);
}
.tag-entry .entry-content,
.tag-entry .entry-footer {
  display: none;
}
.entry-list{padding: .125rem 0 .125rem 0;}
.post-entry .entry-list{display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.post-entry .entry-list-body{
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     -webkit-flex: 1 1 auto;
     flex: 1 1 auto;
}
.entry-header h2 {
  font-size: 22px;
  font-weight: 700;
}
.entry-content {
  margin-top: 8px;
  margin-bottom: 8px;
  color: var(--secondary);
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.entry-footer {
  color: var(--secondary);
  font-size: 13px;
}
.entry-footer span.hr{
   display: inline-block;
    width: 2px;
    height: 2px;
    background: var(--secondary);
    margin: 4px .4rem;
}
.entry-footer span a{
  color:var(--secondary);
}
.entry-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/*Post footer comment*/
.post-thumbnail{float: left;display: flex;padding-right: .75rem;}
.media-thumbnail{
    height: 145px;
    width: 145px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    flex: 0 0 auto;
    border-radius: var(--radius);
}
.media-thumbnail{
    background-color: #f0f0f0;
    background-origin: border-box;
    background-position: 50%;
    background-size: cover;
    display: block;
    position: relative;
    box-sizing: border-box;
}
/*Post footer comment*/

.comment-latest {
  /* padding-top: 8px; */
  font-size: 13px;
  border-radius: 3px;
}

.comment-latest .content {
  padding-top: 8px;
  display: flex;
  align-items: center;
  user-select: none;
}

.comment-latest .content + .content {
  border-top: 1px solid var(--border-dark);
}

.comment-latest .content > img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50px;
  margin-right: 5px;
}

.comment-latest .content > b {
  flex-shrink: 0;
  margin-right: 5px;
}

.comment-latest .author {
  max-width: 25%;
  word-break: keep-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--secondary);
}

.comment-latest .text {
  font-size: 0.9rem;
  color: var(--secondary);
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.comment-latest .text:before {
  content: ':';
  margin-left: 2px;
  margin-right: 5px;
}

.comment-latest .created {
  margin-left: 5px;
  color: #c2cede;
  font-size: 0.8rem;
  text-align: right;
}

/* Post single
-------------------------------------------------- */
.post-header {
  margin-top: 24px;
  margin-bottom: var(--content-gap);
}
.post-header .post-title {
  transform: translateX(-2px);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 2px;
  position: relative;
}
.post-meta {
  color: var(--secondary);
  font-size: 14px;
}
.post-meta span.hr{
    display: inline-block;
    width: 2px;
    height: 2px;
    background: var(--secondary);
    margin: 4px .4rem;
}
.post-meta span a{
  color: var(--secondary);
}
.post-content {
  color: var(--content);
}
.post-content h1 {
  margin-top: 40px;
  margin-bottom: 32px;
}
.post-content h2 {
  margin-top: 32px;
  margin-bottom: 24px;
}
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  margin-top: 1.8em;
  margin-bottom: 0.6em;
}
.post-content h1 {
  font-size: 40px;
}
.post-content h2 {
  font-size: 32px;
}
.post-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
.post-content h4 {
  font-size: 16px;
}
.post-content h5 {
  font-size: 14px;
}
.post-content h6 {
  font-size: 12px;
}
.post-content a {
  box-shadow: 0 1px 0 var(--primary);
}
.post-content a code {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  box-shadow: 0 -1px 0 var(--primary) inset;
}
.post-content del {
  text-decoration: none;
  background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50% / 1px 1px repeat-x;
}
.post-content p,
.post-content ul,
.post-content ol,
.post-content dl {
  margin-bottom: 1.1em;
}

.post-content li {
  margin-bottom: 4px;
  padding-top: 2px;
  font-size: 16px;
}
.post-content dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.post-content dt {
  width: 25%;
  font-weight: 700;
}
.post-content dd {
  width: 75%;
  margin-left: 0;
  padding-left: 10px;
}
.post-content dt ~ dt,
.post-content dd ~ dd {
  margin-top: 10px;
}
.post-content table {
  margin-bottom: 32px;
}
.post-content table th,
.post-content table:not(.highlighttable) td {
  min-width: 80px;
  padding: 12px 8px;
  line-height: 1.5;
  border-bottom: 1px solid var(--border);
}
.post-content table th {
  font-size: 14px;
  text-align: left;
}

.post-content .highlight,
.post-content pre {
  margin-left: calc(var(--gap) * -1);
   margin-right: calc(var(--gap) * -1);
   margin-bottom: 32px; 
   background: var(--hljs-bg) !important;
   border-radius: var(--radius);
   overflow-x: auto;  
}
.post-content ul pre {
  margin-left: calc(var(--gap) * -2);
}
.post-content .highlight pre {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
} 
/* table */
.post-content .highlighttable {
  table-layout: fixed;
}
.post-content .highlighttable td:first-child {
  width: 40px;
}
.post-content .highlighttable td .linenodiv {
  padding-right: 0 !important;
}
.post-content .highlighttable td .linenodiv pre,
.post-content .highlighttable td .highlight {
  margin-bottom: 0;
}
.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
  display: none;
}
/* navigation
-------------------------------------------------- */

.post-navigation {
    overflow: hidden;
    padding-top: 20px
}

.post-navigation.is-active .nav-links {
    transform: translateZ(0)
}

.post-navigation .nav-links {
    position: relative;
    transform: translate3d(0,150%,0);
    display: flex;
    justify-content: space-between;
    transition: .5s
}

.post-navigation .nav-links>div:only-child {
    text-align: center!important;
    width: 100%
}

.post-navigation .nav-next,.post-navigation .nav-previous {
    padding: 15px 0;
    width: 48%;
    box-sizing: border-box;
    text-align: right;
    background-origin: border-box;
    background-clip: padding-box,border-box;
    border: 1px solid transparent
}

.post-navigation .nav-next a,.post-navigation .nav-previous a {
    display: flex;
    flex-direction: column
}

.post-navigation .nav-previous {
    text-align: left
}

.post-navigation .meta-nav {
    font-size: 12px;
    text-transform: uppercase;
}

.post-navigation .post-title {
    font-size: 14px;
    min-height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}
/* Post Related
-------------------------------------------------- */
.related-posts-title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.post-single-related{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
.post-single-related-item{
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
.post-single-related-item:hover {
    background-color: #fafafa;
    background: var(--sg-bg-tag);
}
.post-single-related-item-title{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 5px;
    color:var(--secondary);
}
.post-single-related-item .meta{
    font-size: 12px;
    color: var(--secondary);
    line-height: 1;
}
/* Dark
-------------------------------------------------- */
.tools_btn {
  display: flex;
  grid-gap: 5px;
  font-size:1.5rem;
  align-items: center;
  justify-content:center;
}
.tools_btn .logo-switches{
  cursor:pointer;
  width: 32px;
  height:32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:50%;
}
.tools_btn .top_search{
  cursor:pointer;
  width: 32px;
  height:32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:50%;
}
.tools_btn .logo-switches:hover, .tools_btn .top_search:hover{
  background:var(--tool-bg);
}
.theme-toggle {
  margin-right: 0.5rem;
}  
html.dark .ri-moon-line {
  vertical-align: middle;
  display: none;
}
html.dark .ri-sun-line {
  color:#fcb900;
}
html:not(.dark) .ri-sun-line {
  display: none;
}
html:not(.dark) .ri-moon-line{
  color:var(--primary);
}
html.dark .ri-moon-line {
vertical-align: middle;
display: none;
}

html:not(.dark) .ri-sun-line {
display: none;
}
/* inline */
.post-content .highlight span {
  background: transparent !important;
}

.post-content code {
  margin-left: 4px;
  margin-right: 4px;
  padding: 4px 6px;
  font-family: Menlo, Monaco, 'Courier New', Courier, monospace;
  font-size: 0.78em;
  line-height: 1.5;
  background: var(--code-bg);
  border-radius: 2px;
}
.post-content pre code {
  display: block;
  margin-left: 0;
  margin-right: 0;
  padding: var(--gap);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
  border-radius: 0;
}
.post-content blockquote {
  margin: 0 0 0 calc(var(--gap) * -1);
  padding: 0 0 0 20px;
  border-left: 3px solid var(--primary);
  font-weight: 400;
  letter-spacing: 0.01rem;
}
.post-content hr {
  height: 1px;
  margin-top: 56px;
  margin-bottom: 56px;
  background: var(--tertiary);
  border-top: 0;
  border-bottom: 0;
}
.post-content iframe {
  max-width: 100%;
}
.post-footer {
  margin-top: 56px;
}
.post-tags{
  margin:5% 0 4%;
  flex-wrap: wrap;
}
.post-tags li {
  display: inline-block;
}
.post-tags li + li {
  margin-left: 3px;
}
.post-tags a {
  display: block;
  padding-left: 14px;
  padding-right: 14px;
  color: var(--secondary);
  font-size: 14px;
  line-height: 34px;
  background: var(--code-bg);
  border-radius: 4px;
}
.post-tags a:hover {
  background: var(--border);
}
/* Footer
-------------------------------------------------- */
.footer {
  /* max-width: calc(var(--main-width) + var(--gap) * 2); */
  margin-left: auto;
  margin-right: auto;
  padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap);
  color: var(--secondary);
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  background: var(--footer-bg);
}
.footer span {
  margin-left: 1px;
  margin-right: 1px;
}
.footer a {
  color: inherit;
}
.footer a:hover {
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
}
/* 404
-------------------------------------------------- */
.not-found {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
  font-size: 160px;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* article */
.archive-posts {
  width: 100%;
  font-size: 16px;
}

.archive-year {
  margin-top: 40px;
}

.archive-year:not(:last-of-type) {
  border-bottom: 2px solid var(--border);
}

.archive-month {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.archive-month-header {
  margin: 25px 0;
  width: 200px;
}

.archive-month:not(:last-of-type) {
  border-bottom: 1px solid var(--border);
}

.archive-entry {
  position: relative;
  padding: 5px;
  margin: 10px 0;
}

.archive-entry-title {
  margin: 5px 0;
  font-weight: 400;
}

.archive-count,
.archive-meta {
  color: var(--secondary);
  font-size: 14px;
}
/* Navigat */
#comments-nav{margin:2% 0;text-align:center;display:flex;justify-content:center}
.pagination span.current{background: var(--rm-bg);color:#fff!important;}
.pagination{display:flex;display:-ms-flexbox;list-style:none;margin:.2rem 0;padding:.2rem 0}
.pagination .current,.pagination .dots{background: var(--entry);float:left;margin:0 0 0 5px;padding:8px 11px;line-height:100%;border-radius: var(--radius);box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;}
.pagination a,.pagination a:visited{float:left;background: var(--entry);margin:0 0 10px 5px;padding:8px 11px;line-height:100%;border-radius: var(--radius);box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;}
.pagination a:hover{background:var(---code-bg);}

/* gallery */
.gallery{margin:-1%!important;}
.gallery .gallery-item {padding:1%;margin: 0 !important;overflow:hidden;position:relative;}
.gallery-columns-3 .gallery-item{width:33.3333333%!important;}
.gallery-columns-6 .gallery-item{width:16.6666667%!important;}
.gallery .gallery-item dt:before {content: "";display: block;padding-top: 100%;}
.gallery .gallery-item dt {position: relative;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;background: #eee;cursor: pointer;overflow: hidden;}
.gallery .gallery-item dd {margin:.6rem 0 0;font-size:14px;color:#CCD1D9;}
.gallery .gallery-item a{display: block;width:100%;height:100%;position:absolute;top:0;}
.gallery .gallery-item img{position:absolute;top: 0;left: 0;height:100%;width:100%;object-fit:cover;border:0!important;}

/* comments */
.comments{margin-top:1rem;}
.no-comments{margin: 4rem 0;text-align: center;}
.comments-title{margin-top: 30px;font-size: 18px;font-weight: 700;margin-bottom: 10px;display: flex;align-items: center;padding-bottom: 5px;border-bottom: 1px solid var(--gv-bd);}
.comments-title i{font-size: 24px;margin-right: 5px;position: relative;transform: translate3d(0,1px,0);}
.comment-list{list-style-type: none;padding-left: 0px;}
.comment-list .children{list-style-type:none;background: var(--gv-bd);border-radius: 3px;}
.comment,.pingback {z-index:1;}
.comment.depth-1{margin:1% 0 1% 0;padding:0 0 1%;border-bottom: 1px solid var(--gv-bd);}
.comment.depth-1 .depth-1{padding:0;border:0;}
.comment .comment{margin-left:30px;}
.comment .comment .comment {margin:0;padding:0;border:0;}
.comment-body {padding:15px 0;position:relative;}
.comment .comment .comment-body,.comment .comment .comment > .comment-body.new-comment {margin: 0 0 0 -16px;}
.comment-body p,.comment-awaiting-moderation {font-size:.8rem;clear:both;line-height:22px;margin:0 0 0 55px;}
.comment-body pre{margin:1rem 0 0 2rem;}
.comment-body pre code{max-height:14rem;padding:1rem;}
.comment .comment .comment-body img{max-width: 100%;}
.comment br,.pingback .reply,.comment-meta a.comment-edit-link{display:none;}
.comment .comment-author {font-size:.8rem;margin:0 0 20px 0;line-height:26px;}
.comment .comment-author .avatar,.comment .comment-author:before{float:left;width:42px;height:42px;margin:0 12px 0 0;position:relative;background: var(--gv-bg);padding:2px;border: 1px solid var(--gv-bd);border-radius: var(--radius);}
.comment .comment .comment-author .avatar,.comment .comment .comment-author:before{width: 42px;height: 42px;/* margin:0 10px 0 0; */}
.comment .comment-author cite{font-style:normal;}
.comment-author span {left:5px;color:#AAB2BD;}
.comment-awaiting-moderation {font-style:normal;color:#f55;}
.reply,.comment-meta a{position:absolute;top:12px;right:0;margin: 0;font-size:.8rem;letter-spacing:1.2px;color:#656D78;margin-right: 10px;}
.comment .comment-meta{line-height:0;height:0;}
.comment-meta a{position:absolute;top:48px;left: 55px;}
.pingback .comment-meta{line-height:0;}
.comment-meta a {color:#AAB2BD;}
#respond {position:relative;/* margin:2rem 0; */}
.comment #respond {padding:20px 0;background: var(--theme);}
.comment .comment #respond {margin-left: -30px;}
#respond h3 {font-size:1rem;display:block;width:100%;font-weight: 700;}
#respond h3 small {font-size:.8rem;line-height:.8rem;margin:0 0 0 20px;}
#respond h3 small a:before{content:'[ ';}
#respond h3 small a:after{content:' ]'}
#commentform {clear:both;line-height:1rem;font-size:.8rem;}
#commentform a {line-height:2.6rem;}
#commentform p {position:relative;/* top:1rem; */margin:1rem 0 0;}
#commentform .comment-form-input{display: flex;justify-content: center;align-items: center;}
#commentform .blog-form-input:not(:last-child){margin-right:.5rem;}
#commentform .comment-form-smilies,
#commentform .form-submit{margin:0;}
#commentform .comment-form-smilies{z-index:9;top:-10px;margin:-15px 0;left:0;padding:0 10px;width:35px;overflow:hidden;white-space: nowrap;transition:.3s;}
#commentform .comment-form-smilies:hover{width:100%;}
#commentform textarea:focus,#commentform input:focus,.post_password_form input:focus{position:relative;z-index:1;}
#commentform input,#commentform textarea,#commentform input#submit:focus,.post_password_form input,.post_password_form [type='submit']{width: 100%;padding:8px 10px;box-shadow: 0 0 0 1px rgba(152,152,152,.2);background: var(---theme);font-size:.8rem;margin:6px 0;line-height:18px;border:none!important;color: var(--content);border-radius: var(--radius);}
#commentform .form-submit{width:33.333333%;}
#commentform input[type='checkbox']{width:12px;height:12px;padding:0;margin:0 10px 0 0;position:relative;top:1px;box-shadow:0 0 0 2px #fff inset,0 0 0 1px #E6E9ED;background: none;}
#commentform input[type='checkbox']:checked{background:var(--primary)}
#commentform textarea {max-width:800px;width:100%;height:8rem;resize: none;}
#commentform input#submit,.post_password_form [type='submit']{cursor:pointer;}
#commentform input#submit:hover,.post_password_form [type='submit']:hover{background: var(--border);color: var(--secondary);}

.butterBar{position:fixed;z-index:102;left:0;right:0;top:0;height: 3rem;background:var(--gv-bg);animation: 300ms down-show;}
.butterBar--center{display:flex;justify-content: center;align-items: center;}

.post_password_form label{display:block;}
.post_password_form input{max-width:240px;}
.post_password_form [type='submit']{margin:1rem auto;max-width:100px;}
.post_password_form{margin:20% 0 12%;}
.pingback{font-size:12px;box-shadow:0 0 0 1px rgba(152, 152, 152, 0.1) inset;margin:0 0 1rem;padding:1rem;}
.pingback p{font-size:12px;color:#AAB2BD;margin:0;}
.pingback .fn a{color:#434A54}
.pingback .comment-meta a{left:initial;right:0;top:1rem;}
.pingback .comment-author.vcard{line-height:16px;margin:0 0 10px;}
.pingback .comment-author span{font-size:0;}
.pingback .comment-author span:before{content:' - Refer to this article：';color:#E6E9ED;font-size:12px;}
/*level*/
.level{position: absolute;color: #fff;display: flex;width: 18px;height: 18px;justify-content: center;align-items: center;vertical-align: middle;padding-left: 0;border-radius: 50%;margin-bottom: 3px;left: 28px;top: 43px;border: 2px solid var(--gv-bg);}
.level{margin-right:2px;}
.level span{color:#fff;left:0;}
.level span i{font-size:10px;}
.level-icon {display: flex;justify-content: center;align-items: center;}
.level a{color:#fff;}
.level-0{background-color:#bfbfbf;background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%);}
.level-1{background-color:#5097ff;background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);}
.level-2{background-color:#95ddb2;background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);}
.level-3{background-color:#92d1e5;background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);}
.level-4{background-color:#ffb37c;background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);}
.level-5{background-color:#ff6c00;background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);}
.level-6{background-color:red;background-image: linear-gradient(-90deg,#e62828,#ff5a3c);}
.level-up{background-image: linear-gradient(-90deg,#e62828,#ff5a3c);}
.level-vp{background-color:#ff9800}
.level-link{background:#ffac02;}
/* Links */
.page-links{overflow:hidden;margin:0 0 18px;padding:0;}
.page-links a{height:100%;padding:1rem;transition:.3s;box-shadow:none;display:flex;justify-content:center;align-items:center;border:.05rem solid #dadee4}
.page-links a:hover{text-decoration:none;  transform: translateY(-0.2rem);
  box-shadow: 0 0 0 2px currentColor, 0 2px 10px 1px rgba(51, 102, 255, 0.1);}
.page-links ul{display: flex;flex-wrap: wrap;margin-left: -0.3rem;margin-right: -0.3rem;}
.page-links ul li{padding: 0.4rem;width: 33.33333333%;list-style: none;}
.page-links ul li img{width: 30px;height: 30px;padding:0;border:none;display: block;margin-right: 5px;}
/*reade_more*/
.reade_more{text-align:center;margin:12% 0}
 .reade_more a,.reade_more .page-numbers{box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;background:#F5F7FA;padding:10px 5%;border-radius:20px;transition:.3s;}
.reade_more a:hover,.reade_more span.page-numbers{background:var(--primary);color:#fff;padding:10px 10%;}
.reade_more .page-numbers, .reade_more .page-numbers:hover,.reade_more span.page-numbers{display:inline-block;border-radius: var(--radius);background: var(--entry);margin:0 .6%;padding:1% 2.6%;}
.reade_more .page-numbers:hover, .reade_more span.page-numbers{background: var(--rm-bg);}

/*tooltip*/

.tooltip {
  position: relative;
}
.tooltip::after {
  background: rgba(48, 55, 66, 0.95);
  border-radius: 0.2rem;
  bottom: 100%;
  color: #fff;
  content: attr(data-tooltip);
  display: block;
  font-size: 0.7rem;
  left: 50%;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: 0.2rem 0.4rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translate(-50%, 0.4rem);
  transition: opacity 0.2s, transform 0.2s;
  white-space: pre;
  z-index: 300;
}
.tooltip:focus::after, .tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, -0.2rem);
}
.tooltip[disabled], .tooltip.disabled {
  pointer-events: auto;
}
.tooltip.tooltip-right::after {
  bottom: 50%;
  left: 100%;
  transform: translate(-0.2rem, 50%);
}
.tooltip.tooltip-right:focus::after, .tooltip.tooltip-right:hover::after {
  transform: translate(0.2rem, 50%);
}
.tooltip.tooltip-bottom::after {
  bottom: auto;
  top: 100%;
  transform: translate(-50%, -0.4rem);
}
.tooltip.tooltip-bottom:focus::after, .tooltip.tooltip-bottom:hover::after {
  transform: translate(-50%, 0.2rem);
}
.tooltip.tooltip-left::after {
  bottom: 50%;
  left: auto;
  right: 100%;
  transform: translate(0.4rem, 50%);
}
.tooltip.tooltip-left:focus::after, .tooltip.tooltip-left:hover::after {
  transform: translate(-0.2rem, 50%);
}

/* Back to top */
#back-to-top {
    position: fixed;
    bottom: 0.6rem;
    right: 20px;
    z-index: 9999;
    font-size: 20px;
    color: #fff;
    background: #222;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#back-to-top:hover {
    opacity:.9;
}
/* search */
.search_public_filter{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(24, 24, 27, 0.3);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 900;
    opacity: 0;
    visibility: hidden;
    transition: All 0.4s ease-in-out;
}
.search_public_box{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: var(--bd-search);
    border: .5px solid var(--bd-sc-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transform: translateY(-40px);
    transition: All 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    user-select: none;
    padding: 0 20px;
}
.search_public_box .content{
    max-width: 610px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}
.search_public_frame .text{
    height: 45px;
    font-size: .9375rem;
    width: 100%;
    border-radius: 4px;
    color: #6a6a6a;
    outline: none;
}
.search_public_frame button{
    display: none;
}
.search_public_btn{
    flex-shrink: 0;
}
.search_public_btn i{
  font-size:1.5rem;
  color: #afb7c7;
}
#search_btn{
    display: none;
}
#search_btn:checked + section.search_public .search_public_box{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#search_btn:checked + section.search_public .search_public_filter{
    opacity: 1;
    visibility: visible;
}
.search_btn_pub{
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}    
body .db--container .lds-ripple {
  margin: 5%;
}
body .db--nav {
  position: relative;
  /* padding: 2rem; */
  /* margin: -1.05rem -2rem 1rem; */
  /* background-color: rgba(188, 195, 206, 0.1); */
  z-index: 1;
  display: none;
}
body .db--genres {
  gap: 5px;
  padding: 0;
  margin-bottom: 1rem;
  display: none;
}
body .db--genreItem {
  margin: 0;
  background: rgba(188, 195, 206, 0.1);
  color:var(--primary);
}
body .db--genreItem:hover, body .db--genreItem.is-active {
  background-color: rgba(0, 0, 0, 0.88);
}
body .db--score {
    margin-bottom: 6px;
    color: #c7c7c7;
    font-size: 13px;
}
body .db--score svg{
  fill:#fff;
}
body .db--score .rating{
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
  
}
body .db--score .rating .allstardark {
    position: relative;
    color: #f99b01;
    height: 16px;
    width: 80px;
    background-repeat: repeat;
    background-image: url("../img/star.svg");
    background-size: auto 100%;
    margin-right: 5px
}
body .db--score .rating .allstarlight {
    position: absolute;
    left: 0;
    color: #f99b01;
    height: 16px;
    overflow: hidden;
    background-repeat: repeat;
    background-image: url("../img/star-fill.svg");
    background-size: auto 100%
}

body .db--nrong{
        display:block;
        padding: 60px 20px 20px;
        color: #fff;
        font-size: .85rem;
        position: absolute;
        transition: transform .3s ease;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.85);
        opacity: 0;
}
body .db--item:hover .db--nrong{
  opacity:1;
  transform:scale(1.05);
}
body .db--time{
    color: #c7c7c7;
    margin-top: 7px;
}
body .db--title {
    font-weight:700;
    font-size: 1rem;
    margin: 6px 0;
    color: #fff;
}
body .db--title a {
   box-shadow:none;
   color: #fff;
}
body .db--title a:hover{
  color: #fff;
}
body .db--list {display: grid;grid-gap: 2px;grid-template-columns: repeat(3, 1fr);margin-left: calc(var(--gap)* -2);margin-right: calc(var(--gap)* -2);}
body .db--item {position: relative;overflow: hidden;width: 100%;aspect-ratio: 3 / 4.4;margin: 0;}
body .db--item .ipc-signpost {
  position: absolute;
  width: 96px;
  top: 10px;
  left: 10px;
  z-index: 2;
  transform: translateX(-1rem);
  opacity: 0;
  transition: 300ms;
  display: none;
}
body .db--item:hover .ipc-signpost {
  transform: translateX(0);
  opacity: 0;
}
body .db--image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1px;
}
.movies_video{
    position: absolute;
    height: 30rem;
    left: 0;
    right: 0;
    top: 0;
    z-index: -10;
    width: 99.53vw;
    margin-left: calc(50% - 50vw);
}
.movies_video:after{
   content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--theme) 100%);
 }
.haowu-content{margin-left:calc(148px * -1);margin-right:calc(148px * -1)}
.haowu-content-item{display:inline-block;width:100%;max-width:300px;margin:8px 6px;border-radius:8px;background-color:var(--theme);border:1px solid var(--border)}
.haowu-header{display:flex;justify-content:center;align-items:center;background:var(--code-bg);height:200px;border-radius:8px 8px 0 0}
.haowu-header-banner{width:100%;max-width:200px;height:auto;transition:transform .2s ease-in-out;cursor:pointer}
.haowu-header-banner:hover{transform:translateY(-4px)}
.haowu-body{padding: 12px;}
.haowu-specification-block{padding:12px 12px 0 12px}
.haowu-body-specification{width:100%;height:50px;padding: 0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;/* background: #00BCD4; */border: 1px solid #8f8f94;color: var(--primary);overflow:hidden;cursor:default;border-radius: var(--radius);}
.haowu-body-specification .unit{font-size:28px;font-weight:700;margin-bottom:0!important;cursor:default}
.haowu-body-specification .current{font-size: 28px;font-weight:700;margin-left:4px;margin-bottom:0!important;cursor:default}
.haowu-body-specification .discount-info{margin-left:10px}
.haowu-body-specification .discount-info .desc{margin-top:-1px;height:14px;font-weight:400;line-height:14px;font-size:10px;margin-bottom:5px;white-space:nowrap}
.haowu-body-specification .discount-info .discount-off{display:-webkit-box;display:-ms-flexbox;display:flex}
.haowu-body-specification .discount-info .discount-box{margin-right:6px;height:14px;border-radius:1px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.haowu-body-specification .discount-info .discount-box .discount{/* background-color: hsla(0,0%,100%,.3); *//* padding:0 3px; */font-weight: 400;font-size:12px;height:14px;line-height:14px;}
.haowu-body-specification .discount-info .discount-box .original{/* background-color:hsla(0,0%,100%,.1); */padding:0 4px;font-family:PingFang SC;font-size:11px;font-weight:400;line-height: 13px;margin-bottom: 0;}
.haowu-body-specification i{color: var(--primary);display: inline-block;}
.haowu-body-title{font-size:18px;font-weight:700;line-height:1;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:fit-content}
.haowu-body-description{line-height:20px;color:#999;height:60px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px}
.haowu-toolbar{display:flex;justify-content:flex-end;padding: 0 12px 12px 12px;}
.haowu-toolbar-item{width:100%;display: flex;}
.haowu-toolbar-item-link{display:inline-block;width:100%;text-align:center;padding: 8px 16px;/* margin-left: 10px; */border-radius:var(--radius);background-color: #0071e3;/* background-image: linear-gradient(135deg,#f44336,#e91e63); */color:#fff;text-decoration:none;font-size:12px;transition:all .3s ease-in-out;box-shadow:none!important}
.haowu-toolbar-item-shop span,.haowu-toolbar-item-review span{display:inline-block;position:relative;transition:all .2s ease-out;will-change:transform}
.haowu-toolbar-item-review{background: var(--primary);margin-right: 12px;color: var(--entry);}
.haowu-toolbar-item-stop{background:var(--border);color: var(--content);}
.haowu-toolbar-item-link.active span,.haowu-toolbar-item-link:focus span,.haowu-toolbar-item-link:hover span{transform:translate3d(-.5rem,0,0)}
.haowu-toolbar-item-shop i,.haowu-toolbar-item-review i{position:absolute;top:50%;right:0;width:1.25em;font-size:1.25rem;opacity:0;transform:translateY(-50%);transition:all .2s ease-out;will-change:right,opacity}
.haowu-toolbar-item-link.active i,.haowu-toolbar-item-link:focus i,.haowu-toolbar-item-link:hover i{opacity:1;right:-1.3rem}
.product-card{font-family:PingFang SC;font-size:14px;width:100%;max-width:508px;background:#f5f5f5;margin:40px auto;cursor:pointer}
.product-card.invalid{text-align:center;font-size:12px}
.product-card .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:24px}
.product-card .cover{display:table;width:100px;border-radius:10px;overflow:hidden}
.product-card .cover img{width:100%}
.product-card .info{min-height:100px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.product-card .info .title{font-weight:500;color:#292525;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;margin:12px 0 8px}
.product-card .info .description{font-size:12px;color:#655e5e;line-height:160%;height:39px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;word-break:break-all}
.product-card .price-wrapper{font-size:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;margin-bottom:8px}
.product-card .price-wrapper,.product-card .price-wrapper .price-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.product-card .price-wrapper .price-info{-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-card .price-wrapper .price{font-size:18px;font-weight:500;color:#fd281a;line-height:26px;margin-right:8px}
.product-card .price-wrapper .discount{color:#8e8787;line-height:18px}
.product-card .price-wrapper .discount .del{text-decoration:line-through}
.product-card .price-wrapper .btn-buy{cursor:pointer;width:92px;height:30px;border:none;background:#fd281a;color:#fff;font-weight:500;font-size:14px;line-height:20px;border-radius:var(--radius);margin-left:8px}
.product-card .price-wrapper .btn-buy:hover{background:#d71a1b}
.product-card .price-wrapper .btn-stop{cursor:pointer;width:92px;height:30px;border:none;background: var(--border);color: var(--content);font-weight:500;/* font-size:14px; */line-height:20px;border-radius: var(--radius);margin-left:8px}
@media (max-width: 480px) {
.product-card{max-width:340px}
.product-card .container{padding:20px 14px}
.product-card .cover{width:82px}
.product-card .info{margin-left:12px}
.product-card .info .title{margin:4px 0 8px}
.product-card .info .price-wrapper .price{font-size:16px;line-height:22px}
.product-card .info .price-wrapper .discount{font-size:10px;line-height:14px}
.product-card .info .price-wrapper .btn-buy{-ms-flex-negative:0;flex-shrink:0;font-size:12px;width:64px;height:25px}
}
@media(max-width:1024px){
  .post-thumbnail{display:none;}
  .top_bar{border-bottom:1px solid rgb(0 0 0 / 0.1)}
  .dark .top_bar{ border-color: rgb(255 255 255 / 0.1);}
  .logo,.menu,.tools_btn {margin-left: var(--gap);margin-right: var(--gap);}
  .nav a {display: block;line-height: var(--content-gap);}
  .page-links ul li{width:50%}
  .page-links ul li img{display:none;}
}
@media(max-width:700px){
  body .db--list{
  margin: 0;
  }
  .haowu-content{
    width:100%;
    margin:0 auto;
  }
  .haowu-content-item{
    max-width:400px;
    margin: 0 8px 18px 0;
  }
body .db--item:hover .db--nrong{
    display:none;
  }
}
@media screen and (min-width: 700px) and (max-width:900px) {
  body .db--list{
      grid-template-columns:repeat(auto-fill,minmax(150px,1fr))
  }
  body .db--image{
     height: 200px;
  }
}

/* wp-block-gallery support */
.wp-block-gallery {
  margin: var(--content-gap) 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  cursor:zoom-in;
}

.wp-block-gallery.has-nested-images {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-gallery .blocks-gallery-item {
  flex: 1 0 calc(33.333% - 8px);
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.wp-block-gallery .blocks-gallery-item figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.wp-block-gallery .blocks-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}

.wp-block-gallery .blocks-gallery-item:hover img {
  transform: scale(1.05);
}

.wp-block-gallery .blocks-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 8px 12px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(100%);
}

.wp-block-gallery .blocks-gallery-item:hover figcaption {
  opacity: 1;
  transform: translateY(0);
}

/* Different column layouts */
.wp-block-gallery.columns-2 .blocks-gallery-item {
  flex: 1 0 calc(50% - 6px);
}

.wp-block-gallery.columns-4 .blocks-gallery-item {
  flex: 1 0 calc(25% - 9px);
}

.wp-block-gallery.columns-5 .blocks-gallery-item {
  flex: 1 0 calc(20% - 9.6px);
}

.wp-block-gallery.columns-6 .blocks-gallery-item {
  flex: 1 0 calc(16.666% - 10px);
}

/* Image captions */
.wp-block-image figcaption {
  font-size: 14px;
  text-align: center;
  color: var(--secondary);
  margin-top: 8px;
}

/* Dark mode support */
.dark .wp-block-gallery .blocks-gallery-item figure {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

.dark .wp-block-gallery .blocks-gallery-item figcaption {
  background: rgba(0, 0, 0, 0.9);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .wp-block-gallery .blocks-gallery-item,
  .wp-block-gallery.columns-2 .blocks-gallery-item,
  .wp-block-gallery.columns-3 .blocks-gallery-item {
    flex: 1 0 calc(50% - 6px);
  }
  
  .wp-block-gallery.columns-4 .blocks-gallery-item,
  .wp-block-gallery.columns-5 .blocks-gallery-item,
  .wp-block-gallery.columns-6 .blocks-gallery-item {
    flex: 1 0 calc(33.333% - 8px);
  }
}

@media (max-width: 480px) {
  .wp-block-gallery .blocks-gallery-item,
  .wp-block-gallery.columns-2 .blocks-gallery-item,
  .wp-block-gallery.columns-3 .blocks-gallery-item,
  .wp-block-gallery.columns-4 .blocks-gallery-item,
  .wp-block-gallery.columns-5 .blocks-gallery-item,
  .wp-block-gallery.columns-6 .blocks-gallery-item {
    flex: 1 0 100%;
  }
  
  .wp-block-gallery {
    gap: 8px;
  }
}