/*
 * @Author      : 幻风网络
 * @Url         : https://46x.cn
 * @QQ          : 2300342079
 * @Email       : hfwl@46x.cn
 * @Remind      : 使用本代码请务必保留以上信息！
 */



/*导航栏字体加粗*/
ul.nav {font-weight: 700;}


/*文章随机彩色标签*/
.widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color: #FFF}


/*动态圆圈 开始*/
.item-thumbnail:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0,0,0,0);
                transition: background .35s;
                border-radius: 8px;
                z-index: 2;
                max-width: 765px;
                margin: 0 auto;
                pointer-events: none;
            }
            .item-thumbnail:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 50px;
                height: 50px;
                margin: -25px 0 0 -25px;
                background: url(/icon.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                z-index: 3;
                -webkit-transform: scale(2);
                transform: scale(2);
                transition: opacity .35s,-webkit-transform .35s;
                transition: transform .35s,opacity .35s;
                transition: transform .35s,opacity .35s,-webkit-transform .35s;
                opacity: 0;
                pointer-events: none;
            }
            .item-thumbnail:hover:before {
                background: rgba(0,0,0,.5)
            }
            .item-thumbnail:hover:after {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1
            }



/*角标css*/
.posts-item.card .item-thumbnail {
  background:#c4cffa26;
  width:100%;
  padding-bottom:var(--posts-card-scale);
}
a.item-category {
  position:absolute;
  left:10px;
  top:10px;
  padding:5px 6px;
  font-size:1rem;
  line-height:1;
  color:#fff;
  background:var(--theme-color);
  border-radius:6px;
}
a.item-category-app {
  position:absolute;
  height:24px;
  line-height:24px;
  width:100%;
  text-align:center;
  bottom:0;
  left:0;
  background:radial-gradient(circle,#3783ff,#3783ffbf);
  color:#fff;
  font-size:12px;
  border-radius:0 0 10px 10px;
}
a.item-category-app-b {
  position:absolute;
  height:24px;
  line-height:24px;
  width:100%;
  text-align:center;
  bottom:0;
  left:0;
  background:radial-gradient(circle,#ff5631,#ff5631ba);
  color:#fff;
  font-size:12px;
  border-radius:0 0 10px 10px;
}
a.item-category-app-c {
  position:absolute;
  height:24px;
  line-height:24px;
  width:100%;
  text-align:center;
  bottom:0;
  left:0;
  background:radial-gradient(circle,#464242,#464242ad);
  color:#fff;
  font-size:12px;
  border-radius:0 0 10px 10px;
}
span.bottom-l {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.n-collect-item-bottom {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:25px;
  background:var(--theme-color);
  font-size:13px;
  color:#fff;
  text-shadow:0 2px 2px rgba(0,0,0,.16);
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  justify-content:space-between;
  padding:0 18px;
  z-index:5;
  justify-content:center;
}
.jiaobiao2 {
  position:absolute;
  top:10px;
  right:-50px;
  z-index:1;
  width:140px;
  height:20px;
  background:var(--theme-color);
  color:#fff;
  line-height:20px;
  transform:rotate(45deg);
  text-align:center;
  font-size:12px;
  left:auto;
  border-radius:0 50px 50px 0;
}

/*仿哔哩哔哩弹窗背景*/
.payvip-modal {
    background-image: url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login-v2/img/22_open.4ea5f239.png),url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login-v2/img/33_open.f7d7f655.png);
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 20%;
}

/*底部横向网站信息统计模块*/
.mizhi-info-item{display:grid;grid-gap:15px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:280px;margin-bottom:15px}.mizhi-llzs-item,.mizhi-sjcs-item,.mizhi-yhzs-item,.mizhi-yxsj-item{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);overflow:hidden;padding:5px;box-sizing:border-box}.mizhi-i-num{font-size:20px;font-weight:600}.mizhi-yxsj-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-yhzs-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-llzs-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.mizhi-wz-item{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr);grid-column:3/6;grid-row:1/2;overflow:unset!important;box-shadow:none!important;padding:0!important}.mizhi-wz-sty{width:100%;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--main-bg-color);box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%)}.mizhi-sjcs-item{grid-row:1/3;grid-column:1/3}.mizhi-sjcj-m{position:relative;font-size:20px;font-weight:700;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box}.mizhi-sjcj-content{text-align:center;margin-top:10px}.mizhi-meo-item{width:282px;height:120px;margin:0 auto}.mizhi-meo-item>img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer}svg.icon.fa-2x{margin-top:15px}@media screen and (max-width:959px){.mizhi-info-item{grid-gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);height:500px}.mizhi-sjcs-item{grid-row:3/5;grid-column:1/4}.mizhi-i-num{font-size:20px}.mizhi-sjcj-m{font-size:16px}}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important}.posts-item .item-heading>a{font-weight:bold;color:unset}@media (max-width:640px){.meta-right .meta-view{display:unset !important}}
.mizhi-sjcs-item2{
    grid-row:1/3;
}
.mizhi-sjcs-item2{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);box-sizing:border-box;grid-row:1/3;grid-column:6/6}@media screen and (max-width:959px){.mizhi-wz-item{grid-column:1/4}.mizhi-sjcs-item2{display:none}}.mizhi-ip-item,.mizhi-sjcs-item,.mizhi-yhzs-item,.mizhi-yxsj-item{width:100%;height:100%;border-radius:8px;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0%,0%,5%);background-color:var(--main-bg-color);overflow:hidden;padding:5px;box-sizing:border-box}.mizhi-ip-item{display:flex;align-items:center;justify-content:center;flex-direction:column}.frame-bg{background-image: linear-gradient(43deg, #574ee5b8 0%, #1f78e4 46%, #0898ffcf 100%);  
font-weight:100}.frame-bg{display:inline-block;min-width:10px;padding:3px 7px;font-size:14px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:10px}

/*首页Banner大图渐变*/
.swiper-slide:not(.notice-slide):not(.swiper-slide-duplicate):not(.swiper-slide-next):not(.swiper-slide-duplicate-prev):not(.swiper-slide-active):not(.mr10)::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    -ms-transform: scale(1);
    transform: scale(1);
   background: linear-gradient(180deg, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 0.05) 10%, rgba(252, 252, 252, 0.1) 20%, rgba(252, 252, 252, 0.2) 30%, rgba(252, 252, 252, 0.5) 50%, rgba(252, 252, 252, 0.8) 70%, #f5f6f7 100%);
    z-index: 1;
}

/*字体*/
@font-face {
    font-family: "MyCustomFont"; 
    src: url("/wp-content/themes/Lemon/assets/fonts/fonttowoff2_toolnb_9455.woff2") format("woff2"); 
        
}

body {
    font-family: "MyCustomFont", sans-serif;  
}

/*下载版权*/
.pay-box .pay-details {
    background-image: url(/wp-content/themes/Lemon/assets/img/aam9v-2esen.svg);
    color: #fff;
    text-align: center;
    background-size: cover;
}

/*链接波浪效果*/
.wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite linear}
@keyframes waveMove{from{background-position:0 100%}
to{background-position:-20px 100%}
}

/*搜索btn*/
.nav-search-btn {
    background-color: #a2a6ab29;
    border-radius: 50px;
}

.nav-search-btn::after {
    content: "搜索";
    margin-left: 5px;
    font-size: 14px; 
    color: inherit; 
}


/* 图片文章栏目 */
.hfw-custom-widget {
    background: none;
    padding: 0;
    box-shadow: none;
    margin: 0;
    margin-bottom: 10px;
}

.hfw-posts-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hfw-post-list-item {
    overflow: hidden;
    border-radius: 5px; 
    flex: 1 1 calc(20% - 10px); 
    box-sizing: border-box; 
    margin-bottom: 1px; 
    position: relative; 
}

@media screen and (max-width: 768px) {
    .hfw-post-list-item {
        flex: 1 1 calc(50% - 10px); 
    }
}

.hfw-post-module-thumb img {
    width: 100%;
    height: 268px;
    object-fit: cover;
    border-radius: 5px; 
    transition: transform 0.3s ease; 
}

.hfw-post-module-thumb img:hover {
    transform: scale(1.1); 
}

.hfw-post-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6) 100%);
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.hfw-post-info h2 {
    font-size: 1em;
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hfw-post-info a {
    text-decoration: none;
    color: #fff;
}

.hfw-post-meta {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: #fff;
}

.hfw-post-meta .hfw-post-views {
    padding: 2px 5px;
    border-radius: 3px;
    opacity: 0; 
    transition: opacity 0.3s ease; 
}

.hfw-post-module-thumb:hover .hfw-post-meta .hfw-post-views {
    opacity: 1; 
}

.hfw-post-meta .hfw-post-images {
    padding: 2px 5px;
    border-radius: 3px;
}

.hfw-widget-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hfw-widget-title-wrapper h2 {
    background: url(/wp-content/themes/Lemon/assets/img/title.svg) 0px -110px no-repeat;
    position: relative;
    margin-left: -10px;
    margin-right: 20px;
    height: 37px;
    padding-left: 45px;
    padding-top: 2px;
    font-size: 22px;
    margin-bottom: 10px; 
}

.hfw-sort-link {
    font-size: 0.9em;
    color: #0073aa;
    text-decoration: none;
    margin-right: 10px;
}

.hfw-sort-link:hover {
    text-decoration: underline;
}

.hfw-more-link {
    text-decoration: none;
    margin-top: 15px;
}

.hfw-more-link:hover {
    text-decoration: none;
}
/* 图片文章栏目结束 */



/*翻页按钮*/
.pagenav .current, .pagenav .page-numbers, .pagenav a {
    border: 0;
    padding: 8px 14px;
    background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color));
    -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    border-radius: 6px;
}
/*翻页按钮结束*/



/* 友情链接 */
.hfw-friend-link-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 20px;
    background-color: var(--main-bg-color);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    max-width: 1200px;
}

.hfw-friend-link-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #3198f8;
}

.hfw-friend-link-subtitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.hfw-friend-links {
    margin: 20px auto;
    max-width: 1200px;
}

.hfw-friend-link-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hfw-friend-link-item {
    flex: 1 1 calc(25% - 10px);
    box-sizing: border-box;
    max-width: calc(25% - 10px);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 5px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.hfw-friend-link-item:nth-child(4n) {
    flex-grow: 1;
    max-width: none;
}

.hfw-friend-link-item a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 10px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.hfw-friend-link-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
}

.hfw-friend-link-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.hfw-friend-link-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease;
    width: auto;
}

.hfw-friend-link-info h3 {
    font-size: 18px;
    color: #666;
    margin: 0;
    padding-left: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: transform 0.3s ease, color 0.3s ease;
}

.hfw-friend-link-info p {
    font-size: 14px;
    color: #666;
    margin: 0;
    padding-left: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.hfw-friend-link-item:hover .hfw-friend-link-info h3 {
    color: #fff;
}

.hfw-friend-link-item:hover .hfw-friend-link-info p:not(.link-status) {
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    color: #fff;
}

.hfw-friend-link-item:hover .link-status {
    display: none;
}

.hfw-friend-link-item:hover {
    background-image: linear-gradient(to right, #59c3fb 10%, #268df7);
}

.hfw-friend-link-item:hover img {
    transform: translateX(-20px) scale(0);
    opacity: 0;
}

.hfw-friend-link-item:hover .hfw-friend-link-info {
    transform: translateX(-75px); 
    width: 100%;
    margin-right: -75px;
    transition: transform 0.8s ease;
}

.link-status {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #3198f8;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.link-status.error {
    background-color: #ff4d4f;
}

.link-status.warning {
    background-color: #faab16;
}


/* 手机端调整 */
@media (max-width: 767px) {
    .hfw-friend-link-item {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        text-align: center;
    }

    .hfw-friend-link-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .hfw-friend-link-item img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .hfw-friend-link-info {
        align-items: center;
    }

    .hfw-friend-link-info p {
        display: none;
    }

    .hfw-friend-link-item:hover {
        background-image: none;
    }

    .hfw-friend-link-item:hover img {
        transform: none;
        opacity: 1;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info {
        transform: none;
        margin-right: 0;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info h3 {
        color: #666;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info p {
        display: none;
    }

    .hfw-friend-link-item:nth-child(2n) {
        flex-grow: 1;
        max-width: none;
    }
}

@media (max-width: 567px) {
    .hfw-friend-link-item {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        text-align: center;
    }

    .hfw-friend-link-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .hfw-friend-link-item img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .hfw-friend-link-info {
        align-items: center;
    }

    .hfw-friend-link-info p {
        display: none;
    }

    .hfw-friend-link-item:hover {
        background-image: none;
    }

    .hfw-friend-link-item:hover img {
        transform: none;
        opacity: 1;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info {
        transform: none;
        margin-right: 0;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info h3 {
        color: #666;
    }

    .hfw-friend-link-item:hover .hfw-friend-link-info p {
        display: none;
    }

    .hfw-friend-link-item:nth-child(2n) {
        flex-grow: 1;
        max-width: none;
    }
}
/* 手机端调整结束 */

img {
    max-width: 100%;
    transition: all .2s ease 0s;
    border-style: none;
}

@keyframes slide-in {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

div#home_top_iconsCard_content {
    display: flex;
    width: 100%;
    height: 100%;
    background: var(--main-bg-color);
    border: 1px solid #e3e8f7;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 8px 16px -4px #2c2d300c;
    flex-direction: column;
    transition: .3s;
    will-change: transform;
    animation: slide-in .6s .1s backwards;
}

#home_top_iconsCard_content.flink {
    margin-bottom: 1.5rem;
}

#home_top_iconsCard_content .banner-button-group {
    position: absolute;
    right: 2rem;
    top: 3rem;
    display: flex;
}

#home_top_iconsCard_content .banner-button {
    padding: 8px 12px;
    background: var(--key-color);
    border-radius: 12px;
    color: var(--main-bg-color);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: .3s;
    cursor: pointer;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, .05);
}

#home_top_iconsCard_content .banner-button.secondary {
    background: var(--float-btn-bg);
    border: 1px solid var(--float-btn-bg);
    color: var(--theme-color);
    margin-right: 1rem;
    box-shadow: 0 8px 16px -4px #00000050;
    font-weight: 700;
}

#home_top_iconsCard_content .banner-button i {
    margin-right: 8px;
    font-size: 1.5rem;
}

.banners-title {
    top: 2.6rem;
    left: 2rem;
    position: absolute;
    display: flex;
    flex-direction: column;
}

.flink .banners-title {
    top: 2.5rem;
}

.banners-title-big {
    font-size: 33px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
}

.banners-title-small {
    font-size: 14px;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: .5rem;
    margin-left: 2px;
}

@keyframes rowleft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.tags-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    box-shadow: 0 2px 16px -3px rgba(0, 0, 0, .15);
    width: 120px;
    height: 120px;
    border-radius: 30px;
    position: relative;
    background: #fff;
    z-index: 10;
    pointer-events: auto;
}

.tags-group-title {
    font-size: 14px;
    color: #fff;
    background: linear-gradient(to right, #59c3fb 10%, #268df7);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 120px;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.tags-group-all {
    display: flex;
    transform: rotate(0);
}

.tags-group-all.nowrapMove {
    transform: rotate(0);
    padding-bottom: 4rem;
}

.nowrapMove .tags-group-wrapper {
    margin-top: 12rem;
    animation: rowleft 50s linear infinite;
    display: flex;
}

.tags-group-icon-pair .tags-group-icon:nth-child(even) {
    margin-top: 1rem;
    transform: translate(-60px);
}

.tags-group-icon-pair {
    margin-left: 1rem;
    user-select: none;
    pointer-events: none;
}

.tags-group-icon-pair a {
    pointer-events: auto;
}

.tags-group-icon-pair a img {
    border-radius: 50%!important;
}

.nowrapMove .tags-group-icon {
    border-radius: 50%;
}

.tags-group-icon img {
    width: 60%;
}

.nowrapMove .tags-group-icon img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

@media (hover:hover) {
    a:hover {
        color: #425AEF;
    }

    #home_top_iconsCard_content .banner-button:hover {
        background: var(--theme-color);
        color: #ffffff;
    }

.flink .tags-group-icon:hover {
        box-shadow: 0 8px 12px -3px #4259ef23;
    }

.flink .tags-group-icon:hover .tags-group-title {
        opacity: 1;
        backdrop-filter: saturate(180%) blur(20px);
    }
}

@media screen and (max-width: 768px) {
    #home_top_iconsCard_content .banner-button-group {
        display: none;
    }
}
/* 友情链接结束 */


/* 首页文章标题 */
.hfw-index-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hfw-index-title-bottom {
    margin-bottom: -10px;
}

.hfw-index-title h2 {
    background: url(/wp-content/themes/Lemon/assets/img/title.svg) 0px -275px no-repeat;
    position: relative;
    margin-left: -10px;
    margin-right: 20px;
    height: 37px;
    padding-left: 45px;
    padding-top: 2px;
    font-size: 22px;
    margin-bottom: 18px; 
}

@media (max-width: 768px) {
.hfw-index-title {
        flex-direction: column;
    }
.hfw-index-title h2 {
       background: url(/wp-content/themes/Lemon/assets/img/title.svg) 0px -275px no-repeat;
       position: relative;
       margin-left: -10px;
       margin-right: 20px;
       height: 37px;
       padding-left: 45px;
       padding-top: 2px;
       font-size: 22px;
       margin-top: 1px; 
       margin-bottom: -10px; 
    }

.hfw-index-title ul {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.hfw-index-title ul::-webkit-scrollbar {
    display: none;
}

.hfw-index-title-bottom {
        margin-bottom: 0;
    }
}
/* 首页文章标题结束 */


/* 首页文章栏切换 */
.index-tab ul>li.active {
    background-image: linear-gradient(to right, #566fee 10%, #a1aff5 100%);
    border: 0;
    padding: 8px 14px;
    box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    border-radius: 6px;
}

.index-tab ul>li {
    display: inline-flex;
    align-items: center;
    padding: 2px 17px;
    font-weight: 500;
    border-radius: 20px;
    margin: 0 1px;
}
/* 首页文章栏切换结束 */


/* 文章更新时间显示 */
.article-update-tips {
    background: rgba(255, 188, 68, 0.38);
    color: #333;
    margin: 0 0px 20px;
    border-radius: 8px;
    padding: 13px 15px;
    position: relative;
    text-align: center;
    background-image: url(/wp-content/themes/Lemon/assets/img/tips_bg.svg);
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 50%;
    background-blend-mode: normal;
}

.update-ts {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: bold;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    word-wrap: break-word;
}

.update-red {
    color: #f60;
    margin: 0 3px;
}
/* 文章更新时间显示结束 */


/*
 * @Author      : 幻风网络
 * @Url         : https://46x.cn
 * @QQ          : 2300342079
 * @Email       : hfwl@46x.cn
 * @Remind      : 使用本代码请务必保留以上信息！
 */