@media (max-width:1200px){.col-sm-3{width:25%!important}}@media (max-width:768px){.col-sm-3{width:33.3%!important}}@media (max-width:580px){.col-sm-3{width:50%!important}}@media screen and (max-width:768px){.sidebar-menu .main-menu{margin-top:10px;margin-bottom:10px}}@media screen and (min-width:768px){.sidebar-menu .main-menu ul li.is-hidden{left:-20px;zoom:1;-webkit-opacity:0;-moz-opacity:0;opacity:0}.sidebar-menu.collapsed{width:80px;z-index:10;overflow:visible}.sidebar-menu.collapsed .hidden-collapsed{display:none!important}.sidebar-menu.collapsed+.main-content .main-footer{left:80px}.sidebar-menu.collapsed .sidebar-menu-inner{overflow:visible;position:fixed}.sidebar-menu.collapsed .logo-env{padding:18px 0;margin:10px;border-radius:10px}.sidebar-menu.collapsed .logo-env .logo-collapsed{display:block;text-align:center}.sidebar-menu.collapsed .logo-env .logo-collapsed img{display:inline-block}.sidebar-menu.collapsed .logo-env .logo-expanded,.sidebar-menu.collapsed .logo-env .settings-icon{display:none}.sidebar-menu.collapsed .logo-env .logo{float:none}.sidebar-menu.collapsed .main-menu{padding-left:0;padding-right:0}.sidebar-menu.collapsed .main-menu>li{text-align:center;position:relative;transition:.3s}.sidebar-menu.collapsed .main-menu>li:hover{transition:.3s}.sidebar-menu.collapsed .main-menu>li>a>i{margin-right:0;font-size:16px}.sidebar-menu.collapsed .main-menu a{border-radius:8px;flex-direction:column;margin:5px 10px;background:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3)}.sidebar-menu.collapsed .main-menu a>span{margin-top:4px}}@media screen and (max-width:768px){.logo-env .logo{margin-right:auto}.page-container{display:block}.page-container .main-content,.page-container .sidebar-menu{display:block;width:100%;height:auto}.page-container .sidebar-menu{position:relative}.page-container .sidebar-menu .sidebar-menu-inner{position:relative}.page-container .sidebar-menu .sidebar-menu-inner .logo-env,.page-container .sidebar-menu .sidebar-menu-inner .main-menu{padding-left:20px;padding-right:20px}.page-container .sidebar-menu .sidebar-menu-inner .logo-env{margin-bottom:0;padding-top:20px;padding-bottom:20px;margin:15px}.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle{float:right}.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a{margin-left:20px}.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i{font-size:18px;position:relative}.page-container .sidebar-menu .sidebar-menu-inner .main-menu{display:none;margin-bottom:0}.page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible{display:block}.page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible.both-menus-visible{margin-top:0;padding-top:0}.page-container .sidebar-menu .sidebar-menu-inner .main-menu>li:last-child>a{border-bottom:0}.page-container .main-content .navbar.user-info-navbar .user-info-menu>li{min-height:0!important}.page-container .main-content .navbar.user-info-navbar .user-info-menu>li>a,.page-container .main-content .navbar.user-info-navbar .user-info-menu>li>form{padding-top:20px;padding-bottom:20px}.page-container .main-content .navbar.navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>span,.page-container .main-content .navbar.user-info-navbar .user-info-menu>li.user-profile>a>span{display:none}.page-container .main-content .navbar.user-info-navbar .user-info-menu>li a>.badge{top:10px}.page-container .main-content .main-footer{position:relative;left:0;right:auto;margin-left:-30px;margin-right:-30px}.page-container{position:relative}.page-container #chat{left:auto;margin:0;width:340px}.page-container #chat .chat-conversation{bottom:auto;position:absolute;left:0;top:0}.chat-open .page-container{left:-340px}}@media screen and (min-width:769px){.mobile-icon{display:none!important}}@media screen and (max-width:767px){#search{margin:25px auto 15px}.s-type-list label{padding:5px 0}.search-type{overflow:scroll}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}@media screen and (min-width:768px){#search{margin:80px auto 14px!important}}@media screen and (max-width:768px){.fk_service_ax,.fk_service_dh,.fk_service_jk{display:none}.fk_service{top:84%!important;right:2%!important}#fk-span{display:none}}@media screen and (min-width:991px){.row{margin-right:12px!important}}

/* 移动端特殊样式优化 */
@media screen and (max-width:768px){
    .sidebar-menu .main-menu a {
        padding: 12px 15px;
        margin-bottom: 6px;
        border-radius: 10px;
        font-size: 1.3rem;
    }
    
    .menu-item a {
        padding: 10px 12px;
        font-size: 1.4rem;
        border-radius: 8px;
    }
    
    #search-text {
        border-radius: 12px;
        height: 45px;
    }
    
    .box2 {
        border-radius: 12px;
        margin: 15px 0 0 0;
    }
    
    .logo-env {
        border-radius: 12px;
        margin: 10px;
    }
    
    /* 移动端导航栏优化 - 两端对齐布局 */
    .navbar.user-info-navbar {
        padding: 6px 15px;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        min-height: auto;
        height: auto;
    }
    
    .navbar.user-info-navbar .user-info-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        flex-wrap: nowrap;
        gap: 8px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    /* 左侧按钮组 */
    .navbar.user-info-navbar .user-info-menu .menu-item:not(.night-mode-btn) {
        margin: 0;
        flex-shrink: 0;
        min-width: auto;
    }
    
    /* 右侧夜间模式按钮 */
    .navbar.user-info-navbar .user-info-menu .menu-item.night-mode-btn {
        margin: 0;
        margin-left: auto;
        flex-shrink: 0;
        min-width: auto;
    }
    
    /* 统一所有按钮样式 */
    .navbar.user-info-navbar .user-info-menu .menu-item a {
        padding: 6px 1px;
        font-size: 0.85rem;
        text-align: center;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid rgba(255, 255, 255, 0.3);
        transition: all 0.3s ease;
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 25px;
        min-height: 25px;
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item a:hover {
        background: rgba(102, 126, 234, 0.1);
        border-color: rgba(102, 126, 234, 0.3);
        transform: translateY(-1px);
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item a i {
        font-size: 1.8rem;
        margin-right: 0;
        margin-bottom: 0;
    }
    
    /* 移动端隐藏所有文字 */
    .navbar.user-info-navbar .user-info-menu .menu-item a span {
        display: none !important;
    }
    
    /* 移动端隐藏今日诗词 */
    .navbar.user-info-navbar .user-info-menu .menu-item.desktop-only {
        display: none !important;
    }
}

/* 桌面端显示今日诗词和文字 */
@media screen and (min-width:769px){
    .navbar.user-info-navbar .user-info-menu .menu-item.desktop-only {
        display: flex !important;
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item.night-mode-btn {
        margin-left: auto;
    }
    
    /* 桌面端显示文字 */
    .navbar.user-info-navbar .user-info-menu .menu-item a span {
        display: inline !important;
    }
}

/* 小屏幕设备的进一步优化 */
@media screen and (max-width:480px){
    .sidebar-menu .main-menu a {
        padding: 10px 12px;
        font-size: 1.2rem;
    }
    
    .menu-item a {
        padding: 8px 10px;
        font-size: 1.3rem;
    }
    
    .logo-env .logo {
        font-size: 1.7rem;
    }
    
    .logo-env .logo i {
        font-size: 2.1rem;
    }
    
    /* 超小屏幕导航栏优化 */
    .navbar.user-info-navbar {
        padding: 4px 10px;
    }
    
    .navbar.user-info-navbar .user-info-menu {
        gap: 6px;
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item a {
        padding: 4px 1px;
        font-size: 0.8rem;
        min-width: 30px;
        min-height: 30px;
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item a i {
        font-size: 1.8rem;
        margin-right: 0;
    }
    
    .navbar.user-info-navbar .user-info-menu .menu-item a span {
        display: none !important;
    }
}

/* 夜间模式下的移动端导航栏 */
@media screen and (max-width:768px){
    body.dark-theme .navbar.user-info-navbar {
        background: rgba(36, 41, 46, 0.95);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    body.dark-theme .navbar.user-info-navbar .user-info-menu .menu-item a {
        background: rgba(59, 63, 92, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #e2e8f0;
    }
    
    body.dark-theme .navbar.user-info-navbar .user-info-menu .menu-item a:hover {
        background: rgba(102, 126, 234, 0.2);
        border-color: rgba(102, 126, 234, 0.4);
        color: #ffffff;
    }
}