/*
Theme Name:LoliMeow
Theme URI:https://www.boxmoe.com
Description:LoliMeow（洛丽喵）是盒子萌的一款主题.
Author:专收爆米花
Author URI:https://www.boxmoe.com
Version:13.12
*/
body{
        font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
        background-color: #f4f8fb;
    }
    
    /* 顶部导航栏间距 */
    .new_boxmoe_header_banner {
        height: 70px !important;
    }
    .boxmoe-container {
        padding-top: 10px;
    }
    
    /* 首页提示信息 */
    .site-notice {
        background: #fff;
        padding: 12px 20px;
        margin-bottom: 15px;
        border-radius: 8px;
        font-size: 16px;
        color: #666;
        text-align: center;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .site-notice .highlight {
        color: #e75769;
        font-weight: bold;
    }
    
    .boxmoe_header .navbar .navbar-nav .nav-item .nav-link:hover, .boxmoe_header .navbar .navbar-nav .nav-item .nav-link.active{
        box-shadow: 2px 2px 0px 0px #333;
    }
    .boxmoe_header .navbar{
        background: #fff; 
        box-shadow: 0 3px 12px -1px #4ab1ff1c, 0 22px 27px -30px rgba(7, 10, 25, 0.1);
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: #4a5966;
    }
    .mt-7 {
        background: #fff;
    }
    .list-one .category .tags a {
        padding: 7px 10px;
        font-size: 12px;
    }
    .active>.page-link, .page-link.active{
        z-index: 0;
    }
    .warning.post-title{
        color: #e75769;
    }
    .post-list-content .mt-2.mb-2{
        display: flex;
        flex-wrap: wrap;
    }
    .mb-tag {
        margin-left: auto;
    }
    .mb-tag a {
        color: var(--bs-dark);
        display: inline-block;
        padding: 2px 6px;
        line-height: 1.2;
        background: var(--bs-white);
        border: 1px solid var(--bs-hui);
        border-radius: 8px;
        font-size: 0.75rem;
        }
        .mb-tag a:hover{
            box-shadow: 1px 1px 0px 0px #333;
        }
        .pagenav .page-item .page-link{
    box-shadow: none;
    padding: 8px 14px;
    border-radius: 6px;
    transition: all 0.2s ease;
}
    .pagenav .page-item.active .page-link{
        background-color: #4f8cff;
        color: #fff;
        border-color: #4f8cff;
        box-shadow: none;
    }
    .pagenav .page-item .page-link:hover{
        background-color: #e8f0ff;
        color: #4f8cff;
        border-color: #4f8cff;
        transform: translateY(-1px);
    }
    .pagenav .page-item.disabled .page-link{
        background-color: transparent;
        color: #999;
        border-color: #e5e9ef;
        cursor: not-allowed;
    }
    .pagenav .pagination{
        gap: 5px;
    }
    
    /* 参考xxs主题的分页样式 */
    .widget-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 15px 20px;
        margin-top: 20px;
    }
    .widget-pagination .page-btn {
        width: 36px;
        height: 36px;
        border: 1px solid #e5e9ef;
        background: #fff;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        color: #333;
        text-decoration: none;
    }
    .widget-pagination .page-btn:hover:not(:disabled) {
        border-color: #4f8cff;
        color: #4f8cff;
    }
    .widget-pagination .page-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .widget-pagination .page-numbers {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .widget-pagination .page-num {
        min-width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
        text-decoration: none;
        color: #333;
        border: 1px solid #e5e9ef;
        background: #fff;
    }
    .widget-pagination .page-num:hover {
        background: #e8f0ff;
        color: #4f8cff;
        border-color: #4f8cff;
    }
    .widget-pagination .page-num.active {
        background: #4f8cff;
        color: #fff;
        border-color: #4f8cff;
    }
    .widget-pagination .page-dots {
        padding: 0 5px;
        color: #999;
    }
    .widget-pagination .page-jump {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-left: 10px;
    }
    .widget-pagination .page-jump input {
        width: 55px;
        height: 36px;
        border: 1px solid #e5e9ef;
        border-radius: 6px;
        text-align: center;
        font-size: 14px;
        outline: none;
    }
    .widget-pagination .page-jump input:focus {
        border-color: #4f8cff;
    }
    .widget-pagination .jump-btn {
        height: 36px;
        padding: 0 12px;
        border: 1px solid #e5e9ef;
        background: #fff;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
    }
    .widget-pagination .jump-btn:hover {
        border-color: #4f8cff;
        color: #4f8cff;
    }
    @media (max-width: 768px) {
        .widget-pagination {
            flex-wrap: wrap;
            gap: 8px;
        }
        .widget-pagination .page-jump {
            margin-left: 0;
            margin-top: 10px;
        }
    }
    .blog-post{
        background: transparent;
        padding: 0;
        border-radius: 12px;
        box-shadow: none;
        overflow: hidden;
    }
    
    /* 参考xxs主题的卡片和文章列表样式 */
    .card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
    }
    .tabs {
        display: flex;
        gap: 20px;
        padding: 0 20px;
        border-bottom: 1px solid #e5e9ef;
    }
    .tab-item {
        padding: 15px 5px;
        color: #666;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        transition: all 0.2s;
    }
    .tab-item:hover,
    .tab-item.active {
        color: #4f8cff;
        border-bottom-color: #4f8cff;
    }
    
    /* 文章列表样式 */
    ul.post-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .post-item {
        display: flex;
        gap: 12px;
        padding: 16px 20px;
        border-bottom: 1px solid #f0f0f0;
        transition: background 0.2s;
        align-items: flex-start;
    }
    .post-item:hover {
        background: #fafbfc;
    }
    .post-item:last-child {
        border-bottom: none;
    }
    .post-thumb-link {
        flex-shrink: 0;
    }
    .post-thumb {
        width: 120px;
        height: 80px;
        border-radius: 8px;
        object-fit: cover;
        border: 1px solid #f0f0f0;
    }
    .post-thumbnail {
        width: 120px;
        max-width: 120px;
        height: 80px;
        border-radius: 8px;
        object-fit: cover;
        transition: transform 0.2s;
        display: block;
    }
    .post-thumb:hover .post-thumbnail {
        transform: scale(1.02);
    }
    .post-item .post-content {
        flex: 1;
        min-width: 0;
    }
    .post-item .post-title {
        font-size: 15px;
        font-weight: 500;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        line-height: 1.5;
    }
    .post-item .post-title a {
        color: #333;
        text-decoration: none;
        flex: 1;
        text-overflow: ellipsis;
        background-image: none !important;
        background-size: 0 !important;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .post-item .post-title a:hover {
        color: #4f8cff;
        background-image: none !important;
        background-size: 0 !important;
    }
    .post-item .post-title.sticky-title a {
        color: #e75769;
    }
    .post-item .post-title.sticky-title a:hover {
        color: #d94455;
    }
    .post-tag {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 12px;
        flex-shrink: 0;
        font-weight: normal;
    }
    .post-tag.sticky {
        background: #4f8cff;
        color: #fff;
    }
    .post-tag.hot {
        background: #ff4d4f;
        color: #fff;
    }
    .post-meta {
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #999;
        gap: 12px;
        flex-wrap: wrap;
    }
    .post-category {
        padding: 3px 10px;
        background-color: #e8f4ff;
        color: #4f8cff;
        border-radius: 4px;
        font-size: 12px;
        text-decoration: none;
        font-weight: 500;
    }
    .post-category:hover {
        background-color: #4f8cff;
        color: #fff;
    }
    .post-author {
        color: #666;
    }
    .post-date {
        color: #999;
    }
    
    /* 网盘标签样式 */
    .pan-tag {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 12px;
        text-decoration: none;
        margin-left: 5px;
        transition: all 0.2s;
        border: 1px solid;
    }
    .pan-tag:hover {
        opacity: 0.8;
        transform: translateY(-1px);
    }
    .pan-uc {
        background-color: transparent;
        color: #d97706;
        border-color: #fcd9b6;
    }
    .pan-baidu {
        background-color: transparent;
        color: #3b82f6;
        border-color: #93c5fd;
    }
    .pan-xunlei {
        background-color: transparent;
        color: #0284c7;
        border-color: #7dd3fc;
    }
    .pan-quark {
        background-color: transparent;
        color: #9333ea;
        border-color: #d8b4fe;
    }
    
    .post-meta-right {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 15px;
        color: #999;
    }
    .post-meta-right > span {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .post-meta-right i {
        font-size: 13px;
        color: #bbb;
    }
    
    /* 分页容器 */
    .pagenav {
        margin-top: 20px;
    }
    .blog-sidebar .widget{
        box-shadow: none;
        border: 1px solid #e5e9ef;
        border-radius: 8px;
        background: #fff;
    }
    .list-one.post-list{
        border-radius: 0!important;
        background-image:none;
        margin-bottom: 0;
        padding: 0;
        box-shadow:none;
    }
    .post-list-content{
        margin: 5px 20px;
        border-bottom: 1px solid #d8ddeb;
    }
    .breadcrumb-head {
        margin-top: 0 !important;
    }
    .breadcrumb-head span{
        padding-left:0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        font-size: 14px;
        color: #666;
    }
    .breadcrumb-head span:before{
        content:none;
    }
    .breadcrumb-head span a{
        color: #4f8cff;
        text-decoration: none;
        transition: color 0.2s;
    }
    .breadcrumb-head span a:hover{
        color: #3a6fd8;
    }
    .breadcrumb-head span .fa-angle-right{
        color: #999;
        font-size: 12px;
    }
    .list-one .category .tags a{
        border-radius: 6px;
    }
    .text-inverse {
        font-size: 27px;
        font-weight: bold;
        filter: brightness(1) invert(0);
        color: #5a5f65;
    }
    *::-webkit-scrollbar-thumb:hover {
    background-color: #777885;
    }
    *::-webkit-scrollbar-thumb {
         border: none; 
    }
    .boxmoe_header .user-login, .boxmoe_header .user-reg {
    padding: 8px 10px;
    font-size: 16px;
}
.single-content, .single-content p {
    font-size: 16px;
    color: #2f3e4c;
}
.single-title {
    font-size: 28px;
}
.single-author-info .data{
    font-size: 14px;
    color: #717d8f;
}
.downloads {
    border: 3px dashed #3b5c89;
    border-radius: 8px;
    padding: 20px;
    line-height: 2.5;
}
.downloads a , .downloads-add a,.single-content a{
    color: #21a1ff;
}
.blog-shadow {
    box-shadow: none !important;
    border: 1px solid #e5e9ef;
}
.blog-sidebar .blog-shadow .widget-title{
    border:none;
    box-shadow: none;
    background: none;
    left: 0;
    top: 0;
    font-size: 17px;
}
.blog-sidebar .widget-search .search-input{
    border: 1px solid #7692a57a;
}
@media (min-width: 992px) {
    .blog-sidebar .offcanvas-lg .offcanvas-body {
         padding: 0; 
    }
    .col-lg-4{
        width: 26%;
    }
    .col-lg-8{
        width: 74%;
    }

}
    @media (max-width: 768px) {
    .list-one.post-list, .list-two.post-list {
        flex-direction: initial;
    }
    .blog-post{
        padding:20px 0;
    }
    }
    @media (max-width: 991px) {
    .boxmoe_header .offcanvas {
        background-image: none;
        transition: none !important;
    }
    .boxmoe_header .offcanvas-backdrop {
        transition: none !important;
    }
    .blog-sidebar .offcanvas-lg {
        transition: none !important;
    }
    .offcanvas-end {
        transition: none !important;
    }
        .col-lg-8{
    padding: 0;
}
}

/* 平板端容器宽度调整 992px-500px */
@media (min-width: 500px) and (max-width: 991px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}