/*页面核心CSS
  修改者：Cat
  修改内容：创建机制
*/


/* 核心布局      圆角 玻璃    深色蓝边*/
* { 
    margin: 0; 
    padding: 0;
    box-sizing: border-box; 
    font-family: 'Segoe UI', -apple-system, sans-serif; 
}

body { 
    overflow: hidden; 
    height: 100vh; 
    color: #ffffff; 
    background: #0f172a; 
}



/* 背景图 */
.background-layer {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: url('../background.jpeg') no-repeat center center / cover;
    z-index: -1;
    transition: filter 0.4s ease;
}




/* 主容器 */
#app-container {
    height: calc(100vh - 90px);
    padding: 15px; 
    box-sizing: border-box;
}

/* 内容主区域 */
.content-area {
    width: 100%; height: 100%;
    padding: 0; /* 去除边距 */
    overflow: hidden; display: flex; flex-direction: column;
    position: relative;
    /* 去除边框、阴影、背景色和圆角 */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.content-area::-webkit-scrollbar { 
    width: 6px; 
}

.content-area::-webkit-scrollbar-thumb { 
    background: rgba(255,255,255,0.2); 
    border-radius: 10px; 
}




/* 底部任务栏 */
#taskbar {
    position: fixed;
    bottom: 15px; left: 15px; right: 15px;
    height: 58px; /* 统一高度 */
    background: rgba(10, 15, 30, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 垂直居中 */
    padding: 0 15px;
    z-index: 9999;
}

/* 左侧时间 */
.taskbar-left {
    display: flex;
    align-items: center;
    min-width: 160px;
}

/* 中间导航区 */
.taskbar-center {
    display: flex;
    align-items: center; /* 垂直居中 */
    gap: 2px;
}

/* 单个导航按钮 */
.taskbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 8px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
    height: 44px; 
    min-width: 44px;
}

.taskbar-item i { 
    font-size: 16px; 
    margin-bottom: 2px; 
}

.taskbar-item span { 
    font-size: 11px; 
    font-weight: 500;
    line-height: 1; 
}

.taskbar-item:hover { 
    color: #ffffff; 
    background: rgba(255, 255, 255, 0.1); 
}

.taskbar-item.active {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* 音量与设置 */
.taskbar-right {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 140px;
    justify-content: flex-end;
}

.volume-control {
    display: flex;
    align-items: center;
    gap: 8px;
}
.volume-control input[type="range"] {
    width: 70px;
    height: 4px;
    background: rgba(255,255,255,0.3);
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.volume-control input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

.taskbar-settings {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    transition: 0.2s;
}

.taskbar-settings:hover { 
    color: #ffffff; 
    background: rgba(255, 255, 255, 0.1); 
}

.taskbar-settings i { 
    font-size: 16px; 
}



/* 手机响应式调整 */
@media (max-width: 600px) {
    #taskbar { height: 48px; padding: 0 10px; }
    .taskbar-left { display: none; }
    .taskbar-item span { display: none; }
    .taskbar-item { height: 36px; min-width: 36px; padding: 0 6px; }
    .taskbar-center { gap: 0px; }
    .taskbar-right { min-width: auto; gap: 6px; }
    .volume-control input[type="range"] { width: 40px; }
    .taskbar-settings span { display: none; }
}

/*深色模式，强制把模块内所有文字变成白字*/
body.dark-theme .settings-module *,

body.dark-theme .notice-module *,

body.dark-theme .co-create-module *,

body.dark-theme .about-module * {
    color: #ffffff !important;
}

/* 保留元数据，次要信息的半透明灰 */
body.dark-theme .settings-module .settings-sub-title,

body.dark-theme .settings-module .range-label,

body.dark-theme .notice-module .notice-date,

body.dark-theme .co-create-module .co-person .role,

body.dark-theme .co-create-module .co-description {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 深色模式统一蓝边 */
body.dark-theme .settings-card,

body.dark-theme .notice-card,

body.dark-theme .co-create-card,

body.dark-theme .about-card,

body.dark-theme .page-header.glass-panel {
    border-color: #4F9CF7 !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

/* 设置开关和滑块 */
body.dark-theme .border-toggle-switch {
    border-color: #4F9CF7 !important;
    background: rgba(79, 156, 247, 0.1) !important;
}

body.dark-theme #blurSlider {
    background: rgba(79, 156, 247, 0.4) !important;
}


/*Bug预防
  修改者：Cat
  修改内容：创建机制
*/

/*取消外框后可能出现的黑字隐形问题*/
body.dark-theme .settings-module,

body.dark-theme .notice-module,

body.dark-theme .co-create-module,

body.dark-theme .about-module {
    background: rgba(10, 10, 20, 0.4) !important;
    border-radius: 16px;
}

body.dark-theme .settings-module *,

body.dark-theme .notice-module *,

body.dark-theme .co-create-module *,

body.dark-theme .about-module * {
    color: #ffffff !important;
}

body.dark-theme .settings-module .settings-sub-title,

body.dark-theme .settings-module .range-label,

body.dark-theme .notice-module .notice-date {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 全局调整字号小于15px的文字变大 */
.glass-panel p, 
.glass-panel li, 
.glass-panel span, 
.glass-panel div:not([class*="player"]):not([class*="progress"]) { 
    font-size: 15px !important; 
    /* 修复由于3D倾斜导致的字体边缘发虚 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 覆盖所有任务栏、菜单、列表、卡片正文的颜色 */
.nav-links li, 
.taskbar-item span, 
.taskbar-item i, 
.category-btn, 
.article-item .title, 
.article-item .subtitle,
.music-item, 
.card-body, 
.notice-content,
.settings-sub-title,
.col-title,
.tab-item {
    color: rgba(255, 255, 255, 0.88) !important; 
}

/* 特别强调的文字保持纯白，不影响视觉重点 */
.taskbar-item.active, 
.taskbar-item.active span, 
.taskbar-item.active i,
.category-btn.active, 
.category-btn.active i,
.article-item.active .title,
.tab-item.active,
.tab-item.active i,
.tab-item.active span {
    color: #ffffff !important;
}