/* ========== SeekYou 主题系统 ========== */

/* 主题1：默认推特风 */
body.theme-default {
    --bg-primary: #ffffff;
    --bg-secondary: #f7f9f9;
    --bg-hover: rgba(0, 0, 0, 0.03);
    --text-primary: #0f1419;
    --text-secondary: #536471;
    --border-color: #eff3f4;
    --card-bg: #ffffff;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

body.dark-theme.theme-default {
    --bg-primary: #000000;
    --bg-secondary: #16181c;
    --bg-hover: rgba(255, 255, 255, 0.03);
    --text-primary: #e7e9ea;
    --text-secondary: #71767b;
    --border-color: #2f3336;
    --card-bg: #000000;
}

/* 主题2：YouTube风格 */
body.theme-youtube {
    --bg-primary: #0f0f0f;
    --bg-secondary: #212121;
    --bg-hover: rgba(255, 255, 255, 0.08);
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --border-color: #3f3f3f;
    --card-bg: #1a1a1a;
    --shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

body.dark-theme.theme-youtube {
    --bg-primary: #0f0f0f;
    --bg-secondary: #202020;
    --bg-hover: #2a2a2a;
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --border-color: #303030;
    --card-bg: #181818;
}

/* YouTube风格特殊样式 */
body.theme-youtube .sidebar-right {
    background: var(--bg-secondary);
    border-left: 1px solid var(--border-color);
}

body.theme-youtube .nav-item:not(:last-child) {
    border-bottom: 1px dashed var(--border-color);
    border-radius: 0;
}

body.theme-youtube .video-card {
    background: var(--card-bg);
    border-radius: 12px;
}

/* 主题3：扁平化风格 */
body.theme-flat {
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --bg-hover: #e8eef3;
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --border-color: #e1e8ed;
    --card-bg: #ffffff;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

body.dark-theme.theme-flat {
    --bg-primary: #1a2632;
    --bg-secondary: #2c3e50;
    --bg-hover: #34495e;
    --text-primary: #ecf0f1;
    --text-secondary: #bdc3c7;
    --border-color: #34495e;
    --card-bg: #2c3e50;
}

/* 扁平化风格特殊样式 */
body.theme-flat .video-card {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--border-color);
}

body.theme-flat .sidebar-card {
    border-radius: 0;
}

/* 主题4：毛玻璃风格 */
body.theme-glass {
    --bg-primary: rgba(10, 10, 20, 0.92);
    --bg-secondary: rgba(30, 30, 50, 0.7);
    --bg-hover: rgba(255, 255, 255, 0.1);
    --text-primary: #ffffff;
    --text-secondary: #c0c0c0;
    --border-color: rgba(255, 255, 255, 0.15);
    --card-bg: rgba(20, 20, 35, 0.6);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

body.dark-theme.theme-glass {
    --bg-primary: rgba(5, 5, 15, 0.95);
    --bg-secondary: rgba(25, 25, 45, 0.8);
    --border-color: rgba(255, 255, 255, 0.1);
}

/* 毛玻璃风格特殊样式 */
body.theme-glass .sidebar-card,
body.theme-glass .video-card {
    backdrop-filter: blur(12px);
    background: var(--card-bg);
}

body.theme-glass .video-card:hover {
    backdrop-filter: blur(16px);
    background: rgba(30, 30, 50, 0.8);
}

/* ========== 深渊阴影分割线 ========== */
.main-content {
    position: relative;
    box-shadow: 10px 0 25px -10px rgba(0, 0, 0, 0.25);
    z-index: 1;
    background: var(--bg-primary);
}

.sidebar-right {
    position: relative;
    box-shadow: -10px 0 25px -10px rgba(0, 0, 0, 0.2);
    z-index: 2;
    background: var(--bg-secondary);
}

body.dark-theme .main-content {
    box-shadow: 12px 0 30px -12px rgba(0, 0, 0, 0.6);
}

body.dark-theme .sidebar-right {
    box-shadow: -12px 0 30px -12px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .main-content, .sidebar-right {
        box-shadow: none;
    }
}