/*!
Theme Name: Boxmoe图床
Theme URI: http://www.boxmoe.com/
Author: 专收爆米花
Version: 1.1
*/
@import url("fancybox.css");
@import url("theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {font-family:'boxmoe';src:url(../fonts/AlimamaFangYuanTiVF-Thin.woff2)}
html {box-sizing:border-box;-webkit-font-smoothing:antialiased;}
img {max-width:100%;}
:root {--body-font:"boxmoe","Open Sans",sans-serif;--theme-bg:#1f1d2b;--theme-fbg:#fff;--body-color:#808191;--button-bg:#353340;--border-color:rgb(128 129 145 / 24%);--text-color:#e8e9e9;--delay:0s;}
body {font-family:var(--body-font);color:var(--body-color);font-size:14px;font-weight:500;background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:color-dodge;background-color:rgba(18,21,39,0.86);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1em 2em;width:100%;height:100vh;overflow:hidden;}
body:before {position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(163deg,#1f1d2b 21%,rgba(31,29,43,0.3113620448) 64%);opacity:0.4;content:"";}
::-webkit-scrollbar {width:6px;border-radius:10px;}
::-webkit-scrollbar-thumb {background-color:rgba(21,20,26,0.63);border-radius:10px;}
a {text-decoration:none;}
a {color:var(--bs-dark);outline:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.overlay {border-radius:9px;left:0;top:0;opacity:0.9;height:100%;position:absolute;width:100%;background:linear-gradient(45deg,#b3a5ad80 1%,#b59dab52 22%,#ab95a15e 51%,#3b323770 83%,#6d5b6594 100%);}
.boxmoe_page {background-color:var(--theme-fbg);max-width:1240px;max-height:900px;height:95vh;display:flex;overflow:hidden;width:100%;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.3);position:relative;}
.mobile-sidebar {display:none;}
.sidebar {display:flex;position:relative;width:220px;height:100%;padding:30px;flex-direction:column;flex-shrink:0;transition-duration:0.2s;overflow-y:auto;overflow-x:hidden;z-index:1;}
.sidebar  .logo {width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 10px auto;box-shadow:0 0 8px rgb(28 31 35 / 4%),0 0 24px 8px rgb(28 31 35 / 6%);margin-bottom:1.5rem;}
.sidebar  .logo img {width:100%;height:100%;border-radius:50%;vertical-align:middle;object-fit:cover;pointer-events:none;border:2px solid #fff;}
.sidebar .site-title {display:block;font-size:28px;font-weight:700;margin-bottom:1.5rem;}
.sidebar .site-title.dot:after {content:"";background-color:#FF5959;border-radius:50%;display:inline-block;margin-left:5px;height:8px;width:8px;}
.sidebar a.site-title {color:var(--theme-bg);}
.sidebar a:hover.site-title {color:var(--bs-primary);text-decoration:none;}
.sidebar .site-slogan {font-size:12px;text-transform:uppercase;text-align:center;}
.sidebar_link:hover,.sidebar_link.is-active {color:var(--bs-dark);font-weight:500;}
.sidebar_link:hover i,.sidebar_link.is-active i{color:var(--bs-white);}
.sidebar_link:hover:nth-child(2n+1) i,.sidebar_link.is-active:nth-child(2n+1) i {background:#ff7551;border:solid 1px #ff7551;}
.sidebar_link:hover:nth-child(2n) i,.sidebar_link.is-active:nth-child(2n) i {background:#32a7e2;border:solid 1px #32a7e2;}
.sidebar_link:hover:nth-child(2n+3) i,.sidebar_link.is-active:nth-child(2n+3) i {background:#6c5ecf;border:solid 1px #6c5ecf;}
@-webkit-keyframes bottom {0% {transform:translateY(100px);opacity:0;}
100% {opacity:1;transform:none;}
}
@keyframes bottom {0% {transform:translateY(100px);opacity:0;}
100% {opacity:1;transform:none;}
}
.sidebar_menu {display:flex;flex-direction:column;}
.sidebar_menu a {display:flex;align-items:center;text-decoration:none;color:var(--bs-dark);font-weight:400;font-size:13px;}
.sidebar_menu a + a {margin-top:26px;}
.sidebar_menu i {/*width:30px;*/    padding:8px;border-radius:10px;/* background-color:var(--button-bg);*/    flex-shrink:0;margin-right:16px;border:solid 1px var(--bs-dark);}
.sidebar_menu i:hover,.sidebar_link:hover i {color:var(--bs-white);}
.sidebar_title {font-size:12px;letter-spacing:0.07em;margin-bottom:24px;}
.sidebar_nav {border-bottom:1px solid var(--border-color);padding:36px 0;width:145px;}
.sidebar_nav + .sidebar_nav {border-bottom:none;}
.wrapper {display:flex;flex-direction:column;flex-grow:1;z-index:1;}
.header {display:flex;align-items:center;flex-shrink:0;padding:30px;}
.search-bar {height:34px;display:flex;width:100%;max-width:450px;}
.search-bar input {width:100%;height:100%;border:none;background-color:var(--bs-light);border-radius:8px;font-family:var(--body-font);font-size:14px;font-weight:500;padding:0 40px 0 16px;box-shadow:0 0 0 2px rgba(134,140,160,0.02);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23717790c7'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");background-size:14px;background-repeat:no-repeat;background-position:96%;color:#a5a5a5;}
.user-settings {display:flex;align-items:center;padding-left:20px;flex-shrink:0;margin-left:auto;}
.user-settings i {width:10px;flex-shrink:0;}
@media screen and (max-width:575px) {.user-settings i {display:none;}
}
.user-settings .notify {position:relative;}
.user-settings .notify i {width:20px;margin-left:24px;flex-shrink:0;}
.user-settings .notify .notification {width:8px;height:8px;border-radius:50%;background-color:#ec5252;position:absolute;right:1px;border:1px solid var(--theme-fbg);top:-2px;}
@media screen and (max-width:575px) {.user-settings .notify .notification {display:none;}
}
.user-img {width:30px;height:30px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border-radius:50%;}
.user-name {color:var(--bs-dark);font-size:14px;margin:0 6px 0 12px;}
@media screen and (max-width:575px) {.user-name {display:none;}
}
.main-container {min-height: 60vh;display:flex;flex-direction:column;padding:0 30px 0 30px;flex-grow:1;overflow:auto;}
section {border-radius:10px;position:relative;}
.section-title {margin:0;color:var(--bs-dark);}
.section-title:after {content:"";background:#FF5959;border-radius:25px;display:block;height:5px;margin-top:14px;width:30px;}
.section-title p{font-size: 13px;}
.upload-box {min-height:620px;margin-top:0;margin-top:1rem !important;}
.upload-box .cta {color:#FFF;max-width:600px;z-index:1;}
.upload-box .cta h1 {color:#FFF;font-size:60px;line-height:0.7;}
.upload-box .cta h1 .dot:after {content:"";background-color:#FF5959;border-radius:50%;display:inline-block;margin-left:5px;height:13px;width:13px;}
.upload-box .cta p {font-size:16px;line-height:1.8;}
.cover_size {background-size:cover;}
.btn-default {color:#FFF;background:#FF5959;}
.btn-default i {margin-right:0.5rem}
.up-loader {border-radius:10px;z-index:999;height:100%;width:100%;align-items:center;background:linear-gradient(45deg,#d65b9e00 1%,#f699cb52 22%,#ffacd95e 51%,#f699cb70 83%,#d65b9e94 100%);display:flex;justify-content:center;position:absolute;}
.loader{position:relative;}.loader .dot{-webkit-animation-name:movement;animation-name:movement;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;height:10px;position:absolute;top:-10px;transform:translate3d(0,-25px,0) scale(1);width:10px;}.loader .dot:nth-of-type(1){-webkit-animation-delay:-0.1s;animation-delay:-0.1s;left:150px;}.loader .dot:nth-of-type(1)::before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}.loader .dot:nth-of-type(2){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:150px;}.loader .dot:nth-of-type(2)::before{-webkit-animation-delay:-1.2s;animation-delay:-1.2s;}.loader .dot:nth-of-type(3){-webkit-animation-delay:-0.3s;animation-delay:-0.3s;left:125px;}.loader .dot:nth-of-type(3)::before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}.loader .dot:nth-of-type(4){-webkit-animation-delay:-1.4s;animation-delay:-1.4s;left:125px;}.loader .dot:nth-of-type(4)::before{-webkit-animation-delay:-1.4s;animation-delay:-1.4s;}.loader .dot:nth-of-type(5){-webkit-animation-delay:-0.5s;animation-delay:-0.5s;left:100px;}.loader .dot:nth-of-type(5)::before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}.loader .dot:nth-of-type(6){-webkit-animation-delay:-1.6s;animation-delay:-1.6s;left:100px;}.loader .dot:nth-of-type(6)::before{-webkit-animation-delay:-1.6s;animation-delay:-1.6s;}.loader .dot:nth-of-type(7){-webkit-animation-delay:-0.7s;animation-delay:-0.7s;left:75px;}.loader .dot:nth-of-type(7)::before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}.loader .dot:nth-of-type(8){-webkit-animation-delay:-1.8s;animation-delay:-1.8s;left:75px;}.loader .dot:nth-of-type(8)::before{-webkit-animation-delay:-1.8s;animation-delay:-1.8s;}.loader .dot:nth-of-type(9){-webkit-animation-delay:-0.9s;animation-delay:-0.9s;left:50px;}.loader .dot:nth-of-type(9)::before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}.loader .dot:nth-of-type(10){-webkit-animation-delay:-2s;animation-delay:-2s;left:50px;}.loader .dot:nth-of-type(10)::before{-webkit-animation-delay:-2s;animation-delay:-2s;}.loader .dot:nth-of-type(11){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;left:25px;}.loader .dot:nth-of-type(11)::before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}.loader .dot:nth-of-type(12){-webkit-animation-delay:-2.2s;animation-delay:-2.2s;left:25px;}.loader .dot:nth-of-type(12)::before{-webkit-animation-delay:-2.2s;animation-delay:-2.2s;}.loader .dot:nth-of-type(13){-webkit-animation-delay:-1.3s;animation-delay:-1.3s;left:0px;}.loader .dot:nth-of-type(13)::before{-webkit-animation-delay:-1.3s;animation-delay:-1.3s;}.loader .dot:nth-of-type(14){-webkit-animation-delay:-2.4s;animation-delay:-2.4s;left:0px;}.loader .dot:nth-of-type(14)::before{-webkit-animation-delay:-2.4s;animation-delay:-2.4s;}.loader .dot:nth-of-type(15){-webkit-animation-delay:-1.5s;animation-delay:-1.5s;left:-25px;}.loader .dot:nth-of-type(15)::before{-webkit-animation-delay:-1.5s;animation-delay:-1.5s;}.loader .dot:nth-of-type(16){-webkit-animation-delay:-2.6s;animation-delay:-2.6s;left:-25px;}.loader .dot:nth-of-type(16)::before{-webkit-animation-delay:-2.6s;animation-delay:-2.6s;}.loader .dot:nth-of-type(17){-webkit-animation-delay:-1.7s;animation-delay:-1.7s;left:-50px;}.loader .dot:nth-of-type(17)::before{-webkit-animation-delay:-1.7s;animation-delay:-1.7s;}.loader .dot:nth-of-type(18){-webkit-animation-delay:-2.8s;animation-delay:-2.8s;left:-50px;}.loader .dot:nth-of-type(18)::before{-webkit-animation-delay:-2.8s;animation-delay:-2.8s;}.loader .dot:nth-of-type(19){-webkit-animation-delay:-1.9s;animation-delay:-1.9s;left:-75px;}.loader .dot:nth-of-type(19)::before{-webkit-animation-delay:-1.9s;animation-delay:-1.9s;}.loader .dot:nth-of-type(20){-webkit-animation-delay:-3s;animation-delay:-3s;left:-75px;}.loader .dot:nth-of-type(20)::before{-webkit-animation-delay:-3s;animation-delay:-3s;}.loader .dot:nth-of-type(21){-webkit-animation-delay:-2.1s;animation-delay:-2.1s;left:-100px;}.loader .dot:nth-of-type(21)::before{-webkit-animation-delay:-2.1s;animation-delay:-2.1s;}.loader .dot:nth-of-type(22){-webkit-animation-delay:-3.2s;animation-delay:-3.2s;left:-100px;}.loader .dot:nth-of-type(22)::before{-webkit-animation-delay:-3.2s;animation-delay:-3.2s;}.loader .dot:nth-of-type(23){-webkit-animation-delay:-2.3s;animation-delay:-2.3s;left:-125px;}.loader .dot:nth-of-type(23)::before{-webkit-animation-delay:-2.3s;animation-delay:-2.3s;}.loader .dot:nth-of-type(24){-webkit-animation-delay:-3.4s;animation-delay:-3.4s;left:-125px;}.loader .dot:nth-of-type(24)::before{-webkit-animation-delay:-3.4s;animation-delay:-3.4s;}.loader .dot:nth-of-type(25){-webkit-animation-delay:-2.5s;animation-delay:-2.5s;left:-150px;}.loader .dot:nth-of-type(25)::before{-webkit-animation-delay:-2.5s;animation-delay:-2.5s;}.loader .dot:nth-of-type(26){-webkit-animation-delay:-3.6s;animation-delay:-3.6s;left:-150px;}.loader .dot:nth-of-type(26)::before{-webkit-animation-delay:-3.6s;animation-delay:-3.6s;}.loader .dot::before{-webkit-animation-name:size-opacity;animation-name:size-opacity;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease;animation-timing-function:ease;background:white;border-radius:50%;content:"";display:block;height:100%;width:100%;}.loader .dot:nth-of-type(even)::before{background-color:#ff47aa;box-shadow:inset 0 0 4px #ff1492;}
@-webkit-keyframes movement {0% {transform:translate3d(0,-25px,0);z-index:0;}
50% {transform:translate3d(0,25px,0);z-index:10;}
100% {transform:translate3d(0,-25px,0);z-index:-5;}
}
@keyframes movement {0% {transform:translate3d(0,-25px,0);z-index:0;}
50% {transform:translate3d(0,25px,0);z-index:10;}
100% {transform:translate3d(0,-25px,0);z-index:-5;}
}
@-webkit-keyframes size-opacity {0% {opacity:1;transform:scale(1);}
25% {transform:scale(1.5);}
50% {opacity:1;}
75% {opacity:0.35;transform:scale(0.5);}
100% {opacity:1;transform:scale(1);}
}
@keyframes size-opacity {0% {opacity:1;transform:scale(1);}
25% {transform:scale(1.5);}
50% {opacity:1;}
75% {opacity:0.35;transform:scale(0.5);}
100% {opacity:1;transform:scale(1);}
}
.blog-item .thumb {border-radius:10px;position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.blog-item .thumb img {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:170px;width:100%;}
.blog-item .thumb:hover {-webkit-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);}
.blog-item .thumb:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.blog-item .category {border-radius:50px;background:#FF5959;color:#FFF;font-size:12px;padding:1px 8px;position:absolute;left:20px;top:20px;z-index:1;}
.blog-item .meta {color:#ADADAD;font-size:12px;}
.blog-item .meta li:not(:last-child) {margin-right:1rem;}
.blog-item .meta li:after {content:"";background:#FF5959;border-radius:100%;display:inline-block;height:3px;margin-left:1rem;vertical-align:middle;width:3px;}
.blog-item .meta li:last-child::after {display:none;}
.blog-item h4 a {font-size:14px;}
.mobile-header {padding:10px 0;position:relative;transform:translateX(0);transition:transform 0.4s;display:none;width:100%;border-radius:10px;background-color:var(--theme-fbg);margin-bottom:1.5rem !important;}
.mobile-header-logo {height:30px;display:block;margin:0 auto 10px;border-radius:100%;width:30px;}
.mobile-header-textlogo {font-size:0.625rem;text-transform:uppercase;letter-spacing:3px;color:var(--bs-dark);text-align:center;}
.mobile-header:before {position:absolute;width:100%;height:100%;left:0;top:0;content:"";background:linear-gradient(45deg,#b3a5ad80 1%,#b59dab52 22%,#ab95a15e 51%,#3b323770 83%,#6d5b6594 100%);border-radius:10px;}
.mobile-header .mobile-header-menu {width:40px;height:40px;position:absolute;left:15px;top:50%;transform:translateY(-50%);padding:20px;}
.mobile-header .mobile-header-menu span {display:block;height:2px;width:20px;background:#3ab4ff;border-radius:2px;position:absolute;left:10px;transition:transform 0.8s,opacity 0.2s;}
.mobile-header .mobile-header-menu span:nth-child(1) {top:21px;transform:translateY(-7px);}
.mobile-header .mobile-header-menu span:nth-child(2) {top:21px;}
.mobile-header .mobile-header-menu span:nth-child(3) {top:21px;transform:translateY(7px);}
.mobile-header .mobile-header-menu:hover {cursor:pointer;}
.mobile-header .mobile-header-menu:hover span {background:#0092ed;}
.mobile-header-is-open {overflow:hidden;}
.mobile-header-is-open .mobile-header-menu span:nth-child(1) {transform:translateY(0) rotate(45deg);}
.mobile-header-is-open .mobile-header-menu span:nth-child(2) {opacity:0;}
.mobile-header-is-open .mobile-header-menu span:nth-child(3) {transform:translateY(0) rotate(-45deg);}
.mobile-header-is-open .wrapper {transform:translateX(280px);overflow:hidden;}
.mobile-header-is-open .sidebar {display:block;overflow:auto;}
.archive-header {font-size:30px;color:var(--text-color);}
.archive-content {color:var(--bs-dark);padding:0 10px;}
.archive-content img {border-radius:10px;box-shadow:0 5px 5px rgba(0,0,0,0.3);margin:20px 0;}
.portfolio-info {color:var(--bs-dark);font-size:13px;}
.portfolio-info li:not(:last-child) {margin-right:1.5rem;}
.portfolio-info i {color:#FF5959;font-size:14px;margin-right:10px;}
@media screen and (max-width:768px) {body {justify-content:start;padding:1em 0.5em;}
.mobile-header {display:block;}
.boxmoe_page {max-height:100%;height: 100%;}
.sidebar {display:none;position:absolute;}
.sidebar .logo img {width:80px;height:80px;margin:0 auto;display:flex;}
.sidebar a.site-title {text-align:center;}
.sidebar .site-slogan {display:block;margin-top:1.5rem;}
.upload-box {min-height:310px;margin-top:1.5rem !important;}
.upload-box .cta h1 {color:#FFF;font-size:40px;}
.upload-box .cta {padding:10px;}
.upload-box .cta a.btn {font-size:13px;font-weight:500;}
.upload-box .cta a.btn i {margin-right:5px;}
.blog-item .thumb img {height:120px;width:100%;object-fit:cover;object-position:top;}
.blog-item h4 {margin-top: 5px !important;}
.blog-item h4 a {font-size: 12px;display: inline-block;width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blog-item .meta { margin-top:0px!important;margin-bottom:10px!important;}
}
@media screen and (min-width:768px) {}
.portfolio .note {color:#fff;}
.portfolio-item {position:relative;overflow:hidden;border-radius:10px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-item .thumb {overflow:hidden;}
.portfolio-item .thumb img {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-item .details {color:#FFF;position:absolute;padding:0 25px;top:25px;width:100%;z-index:1;}
.portfolio-item .details h4 {color:#FFF;margin:0 0 4px;opacity:0;transform:translateY(30px);transition:all cubic-bezier(0.075,0.82,0.165,1) 1s;}
.portfolio-item .details span {font-size:12px;opacity:0;display:block;transform:translateY(40px);transition:all cubic-bezier(0.075,0.82,0.165,1) 1s;}
.portfolio-item .plus-icon {color:#FF5959;background:#FFF;border-radius:100%;position:absolute;font-size:16px;left:25px;bottom:25px;opacity:0;line-height:32px;text-align:center;height:30px;width:30px;z-index:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-item .mask {background:#2d2832;position:absolute;left:0;top:0;opacity:0;height:100%;width:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-item:hover {-webkit-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);}
.portfolio-item:hover .mask {opacity:0.9;}
.portfolio-item:hover img {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1.1);}
.portfolio-item:hover .details h4,.portfolio-item:hover .details span {opacity:1;transform:translateY(0);}
.portfolio-item:hover .plus-icon {opacity:1;}
.pagination {padding:20px;margin-bottom:20px;}
.page {display:inline-block;padding:0px 9px;margin-right:4px;border-radius:3px;border:solid 1px #c0c0c0;background:#e9e9e9;box-shadow:inset 0px 1px 0px rgba(255,255,255,.8),0px 1px 3px rgba(0,0,0,.1);font-size:.875em;font-weight:bold;text-decoration:none;color:#717171;text-shadow:0px 1px 0px rgba(255,255,255,1);}
.page:hover,.page.gradient:hover {background:#fefefe;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FEFEFE),to(#f0f0f0));background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE,#f0f0f0);}
.page.active {border:none;background:#616161;box-shadow:inset 0px 0px 8px rgba(0,0,0,.5),0px 1px 0px rgba(255,255,255,.8);color:#f0f0f0;text-shadow:0px 0px 3px rgba(0,0,0,.5);}
.page.gradient {background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f8f8f8),to(#e9e9e9));background:-moz-linear-gradient(0% 0% 270deg,#f8f8f8,#e9e9e9);}
.pagination.dark {background:#414449;color:#feffff;}
.page.dark {border:solid 1px #32373b;background:#3e4347;box-shadow:inset 0px 1px 1px rgba(255,255,255,.1),0px 1px 3px rgba(0,0,0,.1);color:#feffff;text-shadow:0px 1px 0px rgba(0,0,0,.5);}
.page.dark:hover,.page.dark.gradient:hover {background:#3d4f5d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#547085),to(#3d4f5d));background:-moz-linear-gradient(0% 0% 270deg,#547085,#3d4f5d);}
.page.dark.active {border:none;background:#2f3237;box-shadow:inset 0px 0px 8px rgba(0,0,0,.5),0px 1px 0px rgba(255,255,255,.1);}
.page.dark.gradient {background:-webkit-gradient(linear,0% 0%,0% 100%,from(#565b5f),to(#3e4347));background:-moz-linear-gradient(0% 0% 270deg,#565b5f,#3e4347);}
.img-details .details {width:100%;overflow:hidden;display:flex;}
.img-details .details .img {width:60%;-o-object-fit:cover;object-fit:cover;transition:0.3s;border-radius:20px;overflow:hidden;min-height:400px;display:flex;flex-direction:column;}
.img-details .details .img img {display:block;width:100%;height:400px;object-fit:cover;background-size:cover;}
.img-details .details .info {width:35%;overflow:auto;margin-left:30px;background:linear-gradient(45deg,#b3a5ad80 1%,#b59dab52 22%,#ab95a15e 51%,#3b323770 83%,#6d5b6594 100%);border-radius:20px;padding:0 20px;max-height:414px;}
.img-details .details .info h3 {display:flex;align-items:center;padding:20px 0;font-size:16px;font-weight:600;color:#fff;position:sticky;top:0;left:0;z-index:1;border-bottom:1px solid var(--border-color);}
.img-details .details .info ul {padding:0;}
.img-details .details .info li {display:flex;color:#fff;align-items:center;margin-top:18px;}
.details-copy .input-group-text {background-color:#dc3545;color:#fff;}
.user-nav .nav-link {padding:6px 14px 4px;border-radius:30px;border-radius:30px;}
.user-nav .active,.user-nav .nav-link:hover {background:#8b3dff;color:#FFF;}
.imgitem {position:relative;}
.a-item {height:200px;width:100%;object-fit:cover;object-fit:contain;display:flex;overflow:hidden;}
.copy-img-btn {position:absolute;bottom:0;right:0;font-size:12px;}
.image-container {position:relative;width:300px;height:200px;overflow:hidden;border:1px solid rgba(0,0,0,0.2);border-radius:10px;}
.image-container .image {object-fit:cover;transition:transform 0.3s ease-in-out;}
.image-container .image-container-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;color:#fff;text-align:center;transition:opacity 0.3s ease-in-out;}
.image-container:hover .image-container-overlay {opacity:1;}
.image-container .image-container-buttons {display:flex;justify-content:center;gap:20px;}
.image-container .image-container-button-left,.image-container .image-container-button-right {width:40px;height:40px;background-color:#fff;border-radius:50%;border:none;box-shadow:0 4px 6px rgba(0,0,0,0.3);cursor:pointer;transition:background-color 0.3s ease;justify-content:center;align-items:center;display:flex;}
.image-container .image-container-button-left i,.image-container .image-container-button-center,.image-container .image-container-button-right i {font-size:15px;color:#333;}
.image-container .image-container-text {margin-top:20px;font-size:16px;font-weight:bold;}
.user-settings {position:relative;display:inline-block;cursor:pointer;}
.user-name {display:inline-block;}
.user-settings i {font-size:16px;color:#333;transition:transform 0.3s ease-in-out;}
.dmenu {display:none;position:absolute;top:100%;right:0;min-width:10rem;background-color:#fff;z-index:1000;margin-top:2px;list-style:none;border:none;border-radius:.5rem;box-shadow:var(--bs-box-shadow);line-height:1.5rem;padding:1rem 0;}
.dmenu .ditem {display:block;padding:10px 20px;font-size:14px;text-decoration:none;white-space:nowrap;transition:background-color 0.3s;}
.dmenu .ditem:hover {background-color:#f1f1f1;color:#6610f2;}
.user-settings:hover .dmenu {display:block;}
.user-settings:hover i {transform:rotate(180deg);}
.remsg{align-items: center;display: flex;}
.tags i.fa{color:#85b2f4}
.tag-cloud{color:var(--bs-dark);display:inline-block;padding:6px 10px;line-height:1.2;margin-right:10px;background:#fff;border:1px solid rgba(39,39,39,0.75);border-radius:25px;-webkit-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);-o-transition:all 300ms cubic-bezier(.5,2.5,.7,.7);transition:all 300ms cubic-bezier(.5,2.5,.7,.7);margin-bottom:12px;margin-right:10px;font-size:0.75rem}
.tag-cloud:hover{color:var(--bs-dark) !important;-webkit-transform:translate(-1px,-1px);-ms-transform:translate(-1px,-1px);transform:translate(-1px,-1px);-webkit-box-shadow:2px 2px 0px 0px #333;box-shadow:2px 2px 0px 0px #333}
.tag-cloud i{margin-right:5px}
.badge{line-height: 13px;}
.float-button {position:fixed;top:50%;transform:translateY(-50%);left:auto;right:12%;z-index:1000;width:50px;height:50px;border-radius:50%;background-color:#8b3dffb8;cursor:pointer;transition:left 0.3s ease;}
.float-button img {width:100%;height:100%;border-radius:50%;}
.tips-content {position:absolute;top:-30px;left:5px;background-color:#000000;padding:5px;border-radius:5px;width:120px;text-align:left;display:none;z-index:1001;font-size:12px;color:#fff;}
.tips-success {width:80px;left:-12px;position:absolute;top:60px;}
@media screen and (max-width:768px) {.image-container {width:100%;height: 100px;}.copyright{text-align:center;}.image-container .image-container-overlay{padding-top: 10px;}
.image-container .image {object-position: top;height: 100px;width: 100%;}.blog-item .meta li:after {display:none;}.list-inline-item:nth-child(2) {display: none;}.user-nav{font-size:12px;}.user-name {display:none;}
body{display: block;overflow: auto;height: 100%;}.upload-ok-img img{height:80px;}#upload-info_bodyTop{height: 100% !important;background-color: #3333331f;}#upload-info_body{color:#fff;}
.float-button {position:fixed;top:90%;right:20px;left:auto;}.tips-content {left:auto;text-align:right;width:120px;right:0;}}
@media screen and (min-width:768px) {
}
#progress-bar {position:fixed;top:0;left:0;width:0;height:5px;background-color:#4caf50;transition:width 0.3s linear;z-index:9999;}
  .masonry-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;grid-auto-rows:10px;}
  .masonry-item {width:100%;}
  .image-container {position:relative;width:100%;height:auto;overflow:hidden;border-radius:8px;background:#f5f5f5;}
  .image-container img {width:100%;height:auto;display:block;object-fit:cover;transition:all 0.3s ease;}
  .image-container:hover img {transform:scale(1.05);}
  .image-container-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;}
  .image-container:hover .image-container-overlay {opacity:1;}
  .image-container-buttons {margin-bottom:10px;}
  .image-container-button-left,.image-container-button-right {display:inline-block;padding:8px 12px;margin:0 5px;background:rgba(255,255,255,0.9);border-radius:4px;color:#333;transition:all 0.3s ease;}
  .image-container-button-left:hover,.image-container-button-right:hover {background:#fff;transform:translateY(-2px);}
  .image-container-text {color:#fff;font-size:14px;}
  .image-container .image-container-button-left,.image-container .image-container-button-middle,.image-container .image-container-button-right {width:40px;height:40px;background-color:#fff;border-radius:50%;border:none;box-shadow:0 4px 6px rgba(0,0,0,0.3);cursor:pointer;transition:background-color 0.3s ease;justify-content:center;align-items:center;display:flex;}
  .image-container .image-container-button-left i,.image-container .image-container-button-middle i,.image-container .image-container-button-right i {font-size:15px;color:#333;}
  .image-container .image-container-button-middle:hover {background-color:#dc3545;}
  .image-container .image-container-button-middle:hover i {color:#fff;}
  @media (max-width:768px) {.masonry-grid {grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;}
  .image-container-buttons {margin-bottom:5px;}
  .image-container-button-left,.image-container-button-right {padding:6px 10px;font-size:12px;}
  .image-container-text {font-size:12px;}
  }
  @media (max-width:480px) {.masonry-grid {grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:6px;}
  }
  .image.lazy {opacity:0;transition:opacity 0.3s ease-in;min-height:100px;background-size:40px;background-position:center;background-repeat:no-repeat;}
  .image.lazy:not(.loaded) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cccccc' d='M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");}
  .image.lazy.loaded {opacity:1;background-image:none;}