/* ==========================================================
   溪风盘搜 · time1080 暗色霓虹主题（覆盖原有浅色主题变量）
   作用范围：保留 Vue 引擎的排行/最新/分类/详情等页面，
   仅替换视觉为 time1080 的暗色极光 + 玻璃拟态 + 青紫霓虹。
   首页 / 搜索结果页 使用 app2.css，不受本文件影响。
   ========================================================== */

/* 把全部主题变量统一覆盖为 time1080 暗色霓虹调色板 */
:root,
[data-theme="red"],
[data-theme="blue"],
[data-theme="green"],
[data-theme="dark"] {
    --theme-primary: #22D3EE;
    --theme-primary-light: #818CF8;
    --theme-primary-gradient: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%);
    --theme-primary-hover: #38BDF8;
    --theme-secondary-gradient: linear-gradient(135deg, #818CF8 0%, #C084FC 100%);
    --theme-tertiary-gradient: linear-gradient(135deg, #C084FC 0%, #EC4899 100%);
    --theme-background: #0b0f1a;
    --theme-surface: #121829;
    --theme-card: #1a2236;
    --theme-card-gradient: linear-gradient(135deg, #1a2236 0%, #141b2e 100%);
    --theme-text: #e8ecf5;
    --theme-text-secondary: #9aa6c0;
    --theme-text-muted: #6b7793;
    --theme-border: #232c44;
}

/* 极光动态背景 */
[data-theme] body,
[data-theme] html {
    background-color: #0b0f1a !important;
}
body {
    color: var(--theme-text);
    position: relative;
    min-height: 100vh;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(60% 50% at 15% 10%, rgba(34, 211, 238, 0.18), transparent 60%),
        radial-gradient(50% 45% at 85% 20%, rgba(129, 140, 248, 0.20), transparent 60%),
        radial-gradient(55% 50% at 70% 90%, rgba(236, 72, 153, 0.14), transparent 60%),
        #0b0f1a;
    background-attachment: fixed;
}

/* 玻璃拟态：主容器卡片 */
.headerBox,
.top-nav .top-nav-box,
.search-section,
.info-card,
.latest-section,
.ranking-card,
.ranking-section .tab-list,
.search-result-item,
.latest-item,
.resource-missing,
.el-dialog,
.qrcode-dialog,
.notice-modal {
    background: rgba(18, 24, 41, 0.72) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(99, 102, 241, 0.18) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

/* 顶栏玻璃 + 霓虹描边 */
.headerBox {
    background: rgba(11, 15, 26, 0.6) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(99, 102, 241, 0.18) !important;
}
.logo-title,
.title,
.logo .title {
    color: var(--theme-text) !important;
}
.center-navs .nav-item:hover,
.center-navs .nav-item.active,
.top-nav .nav-menu-item:hover,
.top-nav .nav-menu-item.active {
    color: var(--theme-primary) !important;
    background: rgba(34, 211, 238, 0.12) !important;
}

/* 搜索框霓虹聚焦 */
.search-input-box:focus-within,
.search-box-wrapper .search-input-box:focus-within {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.18) !important;
}
.search-btn,
.hs-btn,
.resource-btn-primary,
.btn-primary,
.tab-item.active {
    background: var(--theme-primary-gradient) !important;
    color: #fff !important;
    border: none !important;
}

/* 榜单序号 / 标签霓虹 */
.ranking-rank.top1,
.latest-item-index.top3,
.pan-type-tab.active,
.search-result-tag.type {
    background: var(--theme-primary-gradient) !important;
    color: #fff !important;
}
.ranking-rank {
    background: var(--theme-surface) !important;
    color: var(--theme-text-secondary) !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #22D3EE, #6366F1);
    border-radius: 8px;
}

/* 弹窗内容底色统一 */
.el-dialog,
.el-dialog__header,
.el-dialog__body,
.resource-dialog,
.resource-dialog-content,
.qrcode-dialog .el-dialog__body,
.normal-content, .magnet-content, .error-content {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

/* 让 el-dialog 在暗色下背景不过亮 */
.el-overlay-dialog .resource-dialog,
.resource-dialog {
    border-radius: 14px !important;
    overflow: hidden;
}

/* 移动端抽屉 / 导航 */
.nav-drawer-content,
.drawer {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

/* 页脚 */
.footerBox {
    background: transparent !important;
    color: var(--theme-text-secondary) !important;
    border-top: 1px solid rgba(99, 102, 241, 0.12) !important;
}
.footerBox a, .footerBox p { color: var(--theme-text-secondary) !important; }

/* ==========================================================
   /s/ 搜索页亮色重配色（醒目而不失美感）
   背景：原版轻主题变量在 body 内 <style> 后置加载覆盖了暗色变量，
   导致深底深字。这里用高优先级规则直接锁定最终颜色。
   配色：亮白文字 + 青紫霓虹 + 半透明荧光徽章
   ========================================================== */

/* --- 顶部：公告 / 网盘类型 chips --- */
.search-notice,
.search-notice span {
    color: #fbbf24 !important;
}
.search-box .search-label {
    color: #0891b2 !important;
    border-right-color: rgba(148, 163, 184, 0.35) !important;
}
.pan-type-selector > span:first-child {
    color: #a8b3cf !important;
}
.pan-type-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #dbe4f5 !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.pan-type-btn:hover {
    background: rgba(34, 211, 238, 0.16) !important;
    color: #22D3EE !important;
    border-color: rgba(34, 211, 238, 0.5) !important;
}
.pan-type-btn.active {
    background: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 2px 14px rgba(34, 211, 238, 0.4) !important;
}

/* --- 切换搜索源 --- */
.source-switch h3 {
    color: #a8b3cf !important;
}
.source-switch .switch-items a,
.source-switch a {
    color: #c7d2e8 !important;
    padding: 4px 16px;
    border-radius: 16px;
    transition: all 0.2s ease;
}
.source-switch .switch-items a:hover,
.source-switch a:hover {
    color: #22D3EE !important;
    background: rgba(34, 211, 238, 0.1);
}
.source-switch .switch-items a.active,
.source-switch a.active {
    background: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(34, 211, 238, 0.35);
}

/* --- 「为您找到…」标题 --- */
.listBox h3 {
    color: #eef2fa !important;
}
.listBox h3 span {
    color: #22D3EE !important;
}
.Qbtn .btn p {
    color: #c7d2e8 !important;
}
.Qbtn .btn p span {
    color: #22D3EE !important;
}

/* --- 结果条目：玻璃卡片 + 亮字 --- */
.listBox .list .item {
    background: rgba(20, 27, 46, 0.66) !important;
    border: 1px solid rgba(99, 102, 241, 0.22) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.listBox .list .item:hover {
    border-color: rgba(34, 211, 238, 0.45) !important;
    box-shadow: 0 4px 18px rgba(34, 211, 238, 0.12);
}
.listBox .item .title {
    color: #eef2fa !important;
}
.listBox .item .title:hover {
    color: #22D3EE !important;
}
.listBox .item .type,
.listBox .item .type span,
.listBox .item .time {
    color: #a8b3cf !important;
}
.listBox .btns .btn {
    color: #c7d2e8 !important;
}
.listBox .btns .btn:hover {
    color: #22D3EE !important;
}
.listBox .btns2 {
    color: #22D3EE !important;
    font-weight: 600;
}
.listBox .btns2:hover {
    color: #67e8f9 !important;
}

/* --- 有效性徽章：半透明荧光 --- */
.link-check-status,
.link-check-status-vue {
    background: rgba(148, 163, 184, 0.12) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    color: #cbd5e1 !important;
}
.link-check-status.valid,
.link-check-status-vue.valid {
    background: rgba(52, 211, 153, 0.12) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    color: #34d399 !important;
}
.link-check-status.invalid,
.link-check-status-vue.invalid {
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #f87171 !important;
}
.link-check-status.error,
.link-check-status-vue.error {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    color: #fbbf24 !important;
}

/* --- 加载更多 / 空态 / 提示 --- */
.load-more-btn {
    background: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%) !important;
}
.no-more-container {
    color: #6b7793 !important;
}
.el-empty__description p {
    color: #a8b3cf !important;
}
.vtips {
    color: #c7d2e8 !important;
}
.vtips a {
    color: #22D3EE !important;
}

/* --- 获取资源：醒目渐变大按钮 --- */
.listBox .item .btns2 {
    background: linear-gradient(135deg, #22D3EE 0%, #6366F1 100%) !important;
    color: #fff !important;
    width: 118px !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 14px rgba(34, 211, 238, 0.4) !important;
    transition: all 0.2s ease !important;
}
.listBox .item .btns2::after {
    content: "\2197";
    margin-left: 4px;
}
.listBox .item .btns2:hover {
    filter: brightness(1.12);
    box-shadow: 0 4px 22px rgba(34, 211, 238, 0.6) !important;
}

/* --- 弹窗资源地址：蓝色下划线可点击 + 复制按钮 --- */
.dialogUrlBox .nav .item a.res-link {
    color: #1a66e8 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-weight: 600;
    word-break: break-all;
    cursor: pointer;
}
.dialogUrlBox .nav .item a.res-link:hover {
    color: #3b82f6;
}
.dialogUrlBox .nav .item .copy-res {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 12px;
    border: 1px solid #1a66e8;
    border-radius: 14px;
    color: #1a66e8;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.dialogUrlBox .nav .item .copy-res:hover {
    background: #1a66e8;
    color: #fff;
}