/* ============================================================
   粉色主题 pink.css（仿 103.243.24.169 导航站配色）
   主色：紫 #7c5ce7 → 粉 #f78fb3 / #e85d9f
   ============================================================ */

:root {
    --theme-color: #5a4657 !important;
    --theme-theme: #e85d9f !important;
    --theme-background: #fdf2f8 !important;
    --theme-other_background: #ffffff !important;
}

html,
body {
    background: linear-gradient(135deg, #fdf2f8 0%, #ffe9f3 100%) !important;
    background-attachment: fixed;
}

a:hover {
    color: #d64a8c;
}

/* 背景图减淡，突出粉色渐变 */
.headBg {
    opacity: .12;
}

/* ===== 顶部导航 ===== */
.headerBox .bg {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 3px 18px rgba(232, 93, 159, 0.14) !important;
}

.headerBox .box .logoBox .title,
.homeBox .logoBox .title {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.headerBox .box .search {
    background: #fff !important;
    border: 1.5px solid rgba(247, 143, 179, 0.35);
    box-shadow: 0 2px 10px rgba(247, 143, 179, 0.12);
}

.headerBox .box .search .btn .iconfont {
    color: #e85d9f !important;
}

/* ===== 首页 ===== */
.homeBox .subTitle {
    color: #a98aa8;
}

.searchBox .search {
    background: #fff !important;
    border: 2px solid rgba(247, 143, 179, 0.4) !important;
    box-shadow: 0 8px 26px rgba(247, 143, 179, 0.2) !important;
}

.searchBox .search .btn {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3);
    border-radius: 54px;
    width: 92px;
    margin: 3px;
    color: #fff;
}

.searchBox .search .btn .iconfont {
    color: #fff !important;
}

.home .block {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 26px rgba(247, 143, 179, 0.14) !important;
    border: 1px solid rgba(247, 143, 179, 0.18);
}

.home .nav {
    color: #7c5ce7;
}

.home .content .list .item:hover {
    transform: translateY(-6px);
}

.home .content .list .item .img {
    border-radius: 12px;
    background: #fdf0f6;
}

/* ===== 列表页 ===== */
.listBox {
    padding-top: 20px;
}

.listBox .box,
.listBox .Ebox {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 26px rgba(247, 143, 179, 0.14) !important;
    border: 1px solid rgba(247, 143, 179, 0.16);
}

.listBox h3 span,
.listBox .left .list .item .title,
.listBox .screen .box a.active {
    color: #e85d9f !important;
}

.listBox h3:after {
    background: linear-gradient(180deg, #7c5ce7, #f78fb3);
    border-radius: 2px;
}

.listBox .left .list .item {
    border-bottom: 1px dashed #f3d9e6;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    transition: background .2s;
}

.listBox .left .list .item:hover {
    background: #fdf4fa;
}

.listBox .left .list .item .btns .btn:hover {
    color: #e85d9f;
}

.listBox .right .nav {
    color: #7c5ce7;
}

/* 分页 */
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3) !important;
}

.el-pager li.is-active,
.el-pager li:hover {
    color: #e85d9f !important;
}

/* ===== 全网搜 ===== */
.source-switch a.active {
    color: #e85d9f !important;
}

.source-switch a.active:after {
    background: linear-gradient(90deg, #7c5ce7, #f78fb3);
    width: 100%;
}

.btns2 {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 12px rgba(247, 143, 179, 0.35);
}

/* 网盘切换标签 */
.pan-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 2px 14px;
    border-bottom: 1px dashed #f3d9e6;
    margin-bottom: 6px;
}

.pan-tabs a {
    padding: 7px 16px;
    border-radius: 20px;
    font-size: 14px;
    color: #7c5ce7;
    background: #f6efff;
    border: 1.5px solid transparent;
    transition: all .25s;
}

.pan-tabs a:hover {
    color: #e85d9f;
    transform: translateY(-2px);
}

.pan-tabs a.active {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3);
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(247, 143, 179, 0.4);
}

.pan-tabs .num {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    font-size: 12px;
    background: rgba(124, 92, 231, 0.12);
    color: #7c5ce7;
    border-radius: 10px;
    padding: 1px 6px;
    margin-left: 6px;
}

.pan-tabs a.active .num {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

.pan-tabs .num.zero {
    background: #f2f2f2;
    color: #aaa;
}

/* 结果网盘徽标 */
.pan-badge {
    display: inline-block !important;
    font-size: 12px !important;
    padding: 1px 9px !important;
    border-radius: 10px !important;
    color: #fff !important;
    margin-right: 10px !important;
}

.pan-badge.pan-0 { background: linear-gradient(135deg, #ff8fb8, #f76aa8); }
.pan-badge.pan-1 { background: linear-gradient(135deg, #ffb86b, #ff9a3d); }
.pan-badge.pan-2 { background: linear-gradient(135deg, #6aa7ff, #5b8def); }
.pan-badge.pan-3 { background: linear-gradient(135deg, #4ec5c1, #3bb4b0); }
.pan-badge.pan-4 { background: linear-gradient(135deg, #9a7cf0, #7c5ce7); }

/* ===== 详情页 ===== */
.details .title {
    color: #7c5ce7 !important;
}

.details .cat .r a {
    color: #e85d9f;
}

.details .btns .btn.btnCol,
.details .btns .btn:hover {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3) !important;
}

/* ===== 弹窗/反馈 ===== */
.layerBox .vbtn {
    background: linear-gradient(135deg, #7c5ce7, #f78fb3) !important;
}

.dialogUrlBox {
    border-radius: 18px;
}

.dialogUrlBox .dialogUrl .title span,
.dialogUrlBox .dialogUrl .nav .item a {
    color: #e85d9f;
}

/* ===== 加载动画 ===== */
.loader {
    background: radial-gradient(circle closest-side, #e85d9f 94%, #0000) right/calc(200% - 1em) 100%;
}

.loader::before {
    background: inherit;
    background-image: radial-gradient(circle closest-side, #fff 94%, #e85d9f);
    -webkit-background-clip: text;
    background-clip: text;
}

/* ===== 移动端适配 ===== */
@media screen and (max-width: 768px) {
    .pan-tabs {
        gap: 2.4vw;
        padding: 1vw 0 3vw;
    }

    .pan-tabs a {
        padding: 1.6vw 3.4vw;
        font-size: 3.4vw;
        border-radius: 5vw;
    }

    .pan-tabs .num {
        min-width: 5vw;
        font-size: 2.8vw;
        padding: 0.2vw 1.6vw;
        margin-left: 1.4vw;
    }

    .searchBox .search .btn {
        width: 19vw;
        height: 11.5vw;
        border-radius: 11.5vw;
        margin: 0.5vw;
    }

    .listBox .left .list .item {
        padding-left: 3vw;
        padding-right: 3vw;
    }
}