/**
 * 强制桌面端样式
 * 确保所有设备都显示桌面端布局
 * 所有移动端样式已删除
 */

/* ==================== 强制侧边栏始终显示 ==================== */
.sidebar {
    position: fixed !important;
    left: 0 !important;
    top: 70px !important;
    bottom: 60px !important;
    width: 200px !important;
    display: block !important;
    transform: none !important;
    z-index: 100 !important;
    background-color: #f5f5f5 !important;
    border-right: 1px solid #e0e0e0 !important;
    overflow-y: auto !important;
}

/* 移除侧边栏的open类效果 */
.sidebar.open {
    left: 0 !important;
    transform: none !important;
}

/* ==================== 强制内容区域始终有左侧边距 ==================== */
.content-area {
    margin-left: 200px !important;
    padding: 20px !important;
    flex: 1 !important;
    overflow-y: auto !important;
    background-color: #fff !important;
    min-height: calc(100vh - 130px) !important;
}

/* ==================== 强制隐藏移动端元素 ==================== */
.menu-toggle {
    display: none !important;
    visibility: hidden !important;
}

.mobile-search-btn {
    display: none !important;
    visibility: hidden !important;
}

.sidebar-overlay {
    display: none !important;
    visibility: hidden !important;
}

.sidebar-overlay.active {
    display: none !important;
    visibility: hidden !important;
}

/* ==================== 强制显示桌面端元素 ==================== */
.header-center {
    display: flex !important;
    visibility: visible !important;
}

.main-nav {
    display: flex !important;
    visibility: visible !important;
}

.logo-text {
    display: block !important;
    visibility: visible !important;
}

.user-name {
    display: block !important;
    visibility: visible !important;
}

.search-box {
    display: flex !important;
    visibility: visible !important;
}

/* ==================== 强制桌面端布局 ==================== */
.main-container {
    display: flex !important;
    flex-direction: row !important;
    margin-top: 70px !important;
    margin-bottom: 60px !important;
    min-height: calc(100vh - 130px) !important;
}

/* ==================== 确保播放器使用桌面端布局 ==================== */
.player-container {
    flex-direction: row !important;
    display: flex !important;
    align-items: center !important;
}

/* ==================== 强制网格布局使用桌面端列数 ==================== */
.playlist-grid,
.album-grid {
    grid-template-columns: repeat(7, 1fr) !important;
    display: grid !important;
    gap: 20px !important;
}

/* ==================== 强制头部样式 ==================== */
.header {
    height: 70px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
}

.header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    padding: 0 20px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* ==================== 强制播放器样式 ==================== */
.player {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    z-index: 1000 !important;
}

/* ==================== 覆盖所有可能的移动端样式 ==================== */
/* 使用最大优先级覆盖所有移动端样式，确保在所有情况下都显示桌面端布局 */
html body .sidebar {
    left: 0 !important;
    display: block !important;
    position: fixed !important;
    width: 200px !important;
    transform: none !important;
}

html body .content-area {
    margin-left: 200px !important;
    padding: 20px !important;
}

html body .menu-toggle {
    display: none !important;
    visibility: hidden !important;
}

html body .mobile-search-btn {
    display: none !important;
    visibility: hidden !important;
}

html body .sidebar-overlay {
    display: none !important;
    visibility: hidden !important;
}

html body .header-center {
    display: flex !important;
    visibility: visible !important;
}

html body .main-nav {
    display: flex !important;
    visibility: visible !important;
}

/* 强制覆盖任何可能的媒体查询样式 */
html body * {
    box-sizing: border-box !important;
}