@font-face{font-family:"OPPO Sans 4.0";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/OPPOSansOS-Medium.woff2) format('woff2')}
:root{--font-family-sans-serif:"OPPO Sans 4.0","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
body{font-family:"OPPO Sans 4.0",Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
header .navbar{border-width:0 0 1px 0;}
.post-list .post .post-title{font-size:26px;}
.sidebar section h2{font-size:14px;}
.sidebar section ul li{font-size:14px;}
.sidebar section ul li a{font-size:14px;}
.sidebar .latest-comment .media-body p{font-size:14px;}
.text-color{font-size:14px;word-wrap:break-word;word-break:break-all;}
.post-page article .post-content p{line-height:1.8;}
.post-page article .post-content img:not(.logo){display:inline;}
.post-page article .post-content blockquote{font-size:14px;padding:10px 10px 10px 20px;border-radius:0.5rem;}
.light-color .post-page article .post-content blockquote{border-left:4px solid #ca896d;background:#f3f3f3;color:#444;}
.dark-color .post-page article .post-content blockquote{border-left:4px solid #d69d85;background:#1e1e1e;color:#bbb;}
.archive-title{border-radius:4px;padding:18px 20px 10px;text-align:center;}
.archive-page .archives .archives-item ul li .day{text-align:right;}
.auto-color .archive-title{background:#f3f3f3;}
.light-color .archive-title{background:#f3f3f3;}
.dark-color .archive-title{background:#16161a;}
.nav-item{font-size:14px;}
.nitxt .form-control{height:calc(2.25em + .75rem + 3px);}
.nitxt .required{color:#f00;}
.text-truncate{font-size:16px;}
.table-responsive{font-size:16px;}
code{font-size:100%;padding:0 4px;}
#comments .comment-input .row div{margin-bottom:0;}
#comments .comment-input .row div.nitxt{margin-bottom:16px;}
#comments .comments-lists .comment-author .comment-reply a, #comments .comments-lists .comment-author .comment-reply i{font-size:12px;color:#888;}
#copyright-info p{font-size:.8125rem;line-height:120%;}
#copyright-info p a{font-size:.8125rem;}
footer .text-center {font-size:12px;}
@media screen and (max-width:575px) {
  .post-list .post .post-title{font-size:22px;}
  .post-page .post-title{font-size:24px;}
}

.gallery-container{padding:1.5rem 1rem;}
.gallery-title{text-align:center;margin-bottom:1.5rem;font-size:1.725rem;font-weight:700;}
.dark-color .gallery-title{color:#d3d3d3;}
.gallery-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;width:100%;margin:0 auto;}
.gallery-item{border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:#fff;}
.dark-color .gallery-item{box-shadow:0 2px 8px rgba(0,0,0,0.1);background:#16161a;}
.img-container{width:100%;height:200px;overflow:hidden;background:#f5f5f5;}
.dark-color .img-container{background:#16161a;}
.img-container img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.3s ease;}
.img-container img:hover{transform:scale(1.05);}
.gallery-info{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.gallery-info h3{margin:0;font-size:1rem;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;}
.dark-color .gallery-info h3{color:#d3d3d3;}
.gallery-info p{margin:0;font-size:0.85rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:35%;}
.dark-color .gallery-info p{color:#aaa;}
@media (max-width: 1024px){
  .gallery-grid{grid-template-columns:repeat(2, 1fr);}
  .img-container{height:180px;}
}
@media (max-width: 768px){
  .gallery-grid{grid-template-columns:1fr;gap:15px;}
  .gallery-title{font-size:1.5rem;}
  .img-container{height:160px;}
  .gallery-info{padding:0.8rem;}
  .gallery-info h3{max-width:55%;}
  .gallery-info p{max-width:40%;}
}