/* ==========================================================
   白天主题（花园）
   - 只在 <html data-sp-theme="light"> 生效
   - override.css 仍是深色/结构基座，本文件负责整套换色
   - 全部改色都带 !important + 更高优先级，不依赖加载顺序
   - 删除本文件引入即可退回单主题
   ========================================================== */

html[data-sp-theme="light"] {
    --sp-bg: #eef6ea;
    --sp-bg-2: #ffffff;
    --sp-bg-3: #f3f8ef;
    --sp-line: rgba(31, 92, 64, 0.13);
    --sp-line-2: rgba(31, 92, 64, 0.26);
    --sp-cyan: #0f9d6b;
    --sp-purple: #6f9a33;
    --sp-yellow: #d99a06;
    --sp-pink: #e0484d;
    --sp-text: #1b2a21;
    --sp-text-2: #55685c;
    --sp-text-3: #84968a;
    --sp-accent: #0f9d6b;
    --sp-accent-2: #0d9a8a;
    --sp-accent-soft: rgba(15, 157, 107, 0.09);
    --sp-accent-line: rgba(15, 157, 107, 0.26);
    --sp-glow: rgba(15, 157, 107, 0.22);
    --sp-on-accent: #ffffff;
    --sp-shadow: 0 14px 38px rgba(31, 92, 64, 0.10);
    --sp-overlay: rgba(24, 44, 33, 0.34);
    color-scheme: light;
}

/* ---------- 全局底色：白天走天光渐变 ---------- */
html[data-sp-theme="light"],
html[data-sp-theme="light"] body {
    background: linear-gradient(180deg, #e6f5ff 0%, #f2fbef 46%, #f7fbf1 100%) !important;
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] body {
    background-attachment: fixed !important;
}

/* 关掉雷达网格 / 极光 / 顶部扫描线，白天不需要 */
html[data-sp-theme="light"] body::before,
html[data-sp-theme="light"] body::after,
html[data-sp-theme="light"] .headerBox::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

html[data-sp-theme="light"] body > * {
    position: relative;
    z-index: 1;
}

html[data-sp-theme="light"] #app {
    background: transparent !important;
}

html[data-sp-theme="light"] .bg-white,
html[data-sp-theme="light"] .bg-gray-1,
html[data-sp-theme="light"] .bg-gray-2 {
    background-color: var(--sp-bg-2) !important;
}

html[data-sp-theme="light"] .text-gray-1 {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .text-gray-2,
html[data-sp-theme="light"] .text-gray-3 {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .border-gray-3,
html[data-sp-theme="light"] .border {
    border-color: var(--sp-line) !important;
}

/* ==========================================================
   白天花园场景
   ========================================================== */
.sp-garden {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    display: none;
}

html[data-sp-theme="light"] .sp-garden {
    display: block;
}

html[data-sp-theme="light"] .sp-stars {
    display: none;
}

html[data-sp-theme="dark"] .sp-garden {
    display: none;
}

/* 太阳 */
.g-sun {
    position: absolute;
    top: 8%;
    left: 8%;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: radial-gradient(circle at 38% 34%, #fffdf0 0%, #ffe9a2 46%, #ffd166 100%);
    box-shadow:
        0 0 0 18px rgba(255, 224, 130, 0.16),
        0 0 60px 22px rgba(255, 210, 100, 0.30),
        0 0 160px 70px rgba(255, 226, 150, 0.28);
    animation: g-sun-breathe 9s ease-in-out infinite;
}

.g-sun-rays {
    position: absolute;
    inset: -70px;
    border-radius: 50%;
    background: repeating-conic-gradient(
        from 0deg,
        rgba(255, 214, 120, 0.28) 0deg 3deg,
        transparent 3deg 15deg
    );
    -webkit-mask: radial-gradient(circle, transparent 34%, #000 40%, #000 62%, transparent 74%);
    mask: radial-gradient(circle, transparent 34%, #000 40%, #000 62%, transparent 74%);
    animation: g-rays-spin 120s linear infinite;
    z-index: -1;
}

@keyframes g-rays-spin {
    to { transform: rotate(360deg); }
}

@keyframes g-sun-breathe {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50%      { transform: scale(1.045); filter: brightness(1.06); }
}

/* 云：一个胶囊 + 三个偏移圆，糊一点更像云 */
.g-cloud {
    position: absolute;
    width: 76px;
    height: 26px;
    border-radius: 30px;
    background: #ffffff;
    box-shadow:
        22px -11px 0 3px #ffffff,
        46px -5px 0 7px #ffffff,
        72px 1px 0 1px #ffffff;
    filter: blur(1.6px);
    opacity: 0.72;
    animation: g-cloud-drift linear infinite;
    will-change: transform;
}

.g-cloud.c1 { top: 1.5%; left: -14%; transform: scale(0.9); animation-duration: 96s;  animation-delay: -6s; opacity: .55; }
.g-cloud.c2 { top: 6%;   left: -22%; transform: scale(0.5); animation-duration: 128s; animation-delay: -44s; opacity: .32; }
.g-cloud.c3 { top: -2%;  left: -10%; transform: scale(1.5); animation-duration: 168s; animation-delay: -110s; opacity: .22; }

@keyframes g-cloud-drift {
    from { margin-left: 0; }
    to   { margin-left: 150vw; }
}

/* 远山与草地 */
.g-hill {
    position: absolute;
    bottom: -12vh;
    width: 140vw;
    height: 46vh;
    border-radius: 50% 50% 0 0 / 62% 62% 0 0;
    left: -20vw;
}

.g-hill.h1 {
    background: linear-gradient(180deg, rgba(168, 214, 168, 0.45), rgba(150, 205, 156, 0.10));
    bottom: -18vh;
}

.g-hill.h2 {
    background: linear-gradient(180deg, rgba(132, 194, 146, 0.38), rgba(120, 186, 138, 0.08));
    left: -46vw;
    bottom: -24vh;
    height: 42vh;
}

/* 草叶 */
.g-grass {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 190px;
    overflow: hidden;
}

.g-blade {
    position: absolute;
    bottom: -6px;
    left: var(--bx, 10%);
    width: var(--bw, 6px);
    height: var(--bh, 80px);
    border-radius: 50% 50% 12% 12% / 70% 70% 10% 10%;
    background: linear-gradient(180deg, var(--bt, #8ed39a) 0%, var(--bb, #46a86c) 100%);
    transform-origin: bottom center;
    transform: rotate(var(--br, 0deg));
    opacity: var(--bo, .85);
    animation: g-sway var(--bs, 5s) ease-in-out infinite alternate;
    animation-delay: var(--bdelay, 0s);
    will-change: transform;
}

.g-blade.is-back {
    filter: blur(1.2px) saturate(.85);
    opacity: .55;
}

@keyframes g-sway {
    from { transform: rotate(calc(var(--br, 0deg) - 5deg)) skewX(-2deg); }
    to   { transform: rotate(calc(var(--br, 0deg) + 6deg)) skewX(2deg); }
}

/* 花 */
.g-flower {
    position: absolute;
    bottom: 0;
    left: var(--fx, 20%);
    width: 2.5px;
    height: var(--fh, 120px);
    background: linear-gradient(180deg, #7cc98d, #4aa96c);
    border-radius: 2px;
    transform-origin: bottom center;
    animation: g-flower-sway var(--fd, 6s) ease-in-out infinite alternate;
    animation-delay: var(--fdelay, 0s);
    will-change: transform;
}

.g-flower .g-bloom {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    border-radius: 50%;
    background: var(--fc, #ffd166);
    box-shadow: 0 0 0 4px var(--fp, rgba(255, 255, 255, .55));
}

.g-flower .g-bloom::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 0, var(--fc2, #ffb3c7) 0 34%, transparent 36%),
        radial-gradient(circle at 50% 100%, var(--fc2, #ffb3c7) 0 34%, transparent 36%),
        radial-gradient(circle at 0 50%, var(--fc2, #ffb3c7) 0 34%, transparent 36%),
        radial-gradient(circle at 100% 50%, var(--fc2, #ffb3c7) 0 34%, transparent 36%);
    animation: g-bloom-pulse 5.5s ease-in-out infinite;
}

@keyframes g-bloom-pulse {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: .95; }
    50%      { transform: scale(1.08) rotate(8deg); opacity: 1; }
}

@keyframes g-flower-sway {
    from { transform: rotate(-3.5deg); }
    to   { transform: rotate(4.5deg); }
}

/* 花瓣飘落 */
.g-petal {
    position: absolute;
    top: -8vh;
    left: var(--px, 20%);
    width: var(--pw, 9px);
    height: calc(var(--pw, 9px) * 0.66);
    border-radius: 60% 20% 60% 20%;
    background: var(--pc, #ffc4d6);
    opacity: 0;
    animation: g-petal-fall var(--pd, 18s) linear infinite;
    animation-delay: var(--pdelay, 0s);
    will-change: transform, opacity;
}

@keyframes g-petal-fall {
    0%   { transform: translate3d(0, -6vh, 0) rotate(0deg); opacity: 0; }
    8%   { opacity: .85; }
    50%  { transform: translate3d(38px, 52vh, 0) rotate(180deg); opacity: .9; }
    92%  { opacity: .6; }
    100% { transform: translate3d(-26px, 112vh, 0) rotate(420deg); opacity: 0; }
}

/* 底部薄雾：保证文字区可读 */
.g-veil {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 70% at 50% 108%, rgba(255, 255, 255, 0.72), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.42) 62%, rgba(255, 255, 255, 0.66) 100%);
}

/* 手机端：太阳变小、少几片云、草矮一点 */
@media (max-width: 768px) {
    .g-sun {
        width: 62px;
        height: 62px;
        top: 2%;
        left: 5%;
        box-shadow:
            0 0 0 12px rgba(255, 224, 130, 0.12),
            0 0 34px 10px rgba(255, 210, 100, 0.22),
            0 0 80px 30px rgba(255, 226, 150, 0.16);
    }
    .g-sun-rays { inset: -34px; opacity: .55; }
    .g-cloud.c2, .g-cloud.c3 { display: none; }
    .g-cloud.c1 { top: 9%; opacity: .5; }
    .g-grass { height: 130px; }
    .g-blade { opacity: calc(var(--bo, .85) * .85); }
}

@media (prefers-reduced-motion: reduce) {
    .g-sun,
    .g-sun-rays,
    .g-cloud,
    .g-blade,
    .g-flower,
    .g-flower .g-bloom::before,
    .g-petal {
        animation: none !important;
    }
    .g-petal { opacity: .5; }
}

/* ==========================================================
   头部
   ========================================================== */
html[data-sp-theme="light"] .headerBox .bg {
    background: rgba(255, 255, 255, 0.78) !important;
    border-bottom: 1px solid var(--sp-line) !important;
    box-shadow: 0 6px 22px rgba(31, 92, 64, 0.06);
}

html[data-sp-theme="light"] .headerBox .title {
    color: var(--sp-text) !important;
    text-shadow: none !important;
    letter-spacing: .5px;
}

html[data-sp-theme="light"] .headerBox .navs .item {
    color: var(--sp-text-2) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid var(--sp-line) !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(31, 92, 64, 0.05);
}

html[data-sp-theme="light"] .headerBox .navs .item:hover {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
    box-shadow: 0 4px 14px rgba(15, 157, 107, 0.16) !important;
}

html[data-sp-theme="light"] .headerBox .navs .iconfont {
    color: var(--sp-text-2) !important;
}

/* 主题切换按钮（图标，无文字） */
.sp-theme-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--sp-line, rgba(255, 255, 255, .14));
    background: var(--sp-bg-3, #1e1e24);
    color: var(--sp-text-2, #a1a1aa);
    cursor: pointer;
    padding: 0;
    margin-right: 6px;
    overflow: hidden;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease;
}

.sp-theme-btn:hover {
    border-color: var(--sp-accent-line, rgba(0, 229, 255, .4));
    box-shadow: 0 0 14px var(--sp-glow, rgba(0, 229, 255, .25));
    transform: translateY(-1px);
}

.sp-theme-btn:active {
    transform: scale(.94);
}

.sp-theme-btn:focus-visible {
    outline: 2px solid var(--sp-accent, #00e5ff);
    outline-offset: 2px;
}

.sp-theme-btn svg {
    width: 19px;
    height: 19px;
    display: block;
    transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .28s ease;
}

/* 太阳 / 月亮两层图标，按当前主题切换 */
.sp-theme-btn .tb-sun,
.sp-theme-btn .tb-moon {
    position: absolute;
    inset: 0;
    margin: auto;
}

html[data-sp-theme="dark"] .sp-theme-btn .tb-sun {
    opacity: 0;
    transform: rotate(-70deg) scale(.45);
}

html[data-sp-theme="dark"] .sp-theme-btn .tb-moon {
    opacity: 1;
    transform: rotate(0) scale(1);
    color: #cdd6ff;
}

html[data-sp-theme="light"] .sp-theme-btn {
    background: #ffffff;
    border-color: var(--sp-line);
    color: #f0a41f;
    box-shadow: 0 2px 8px rgba(31, 92, 64, .08);
}

html[data-sp-theme="light"] .sp-theme-btn .tb-sun {
    opacity: 1;
    transform: rotate(0) scale(1);
}

html[data-sp-theme="light"] .sp-theme-btn .tb-moon {
    opacity: 0;
    transform: rotate(70deg) scale(.45);
}

html[data-sp-theme="light"] .sp-theme-btn:hover {
    border-color: rgba(240, 164, 31, .55);
    box-shadow: 0 4px 16px rgba(240, 164, 31, .28);
}

/* 手机端：菜单按钮是 fixed 定位在右上角，主题按钮必须让开它，
   否则点击会落在菜单按钮上（实测 elementFromPoint 被覆盖） */
@media (max-width: 768px) {
    .sp-theme-btn {
        position: fixed;
        top: 18px;
        right: 64px;
        width: 38px;
        height: 38px;
        margin: 0;
        z-index: 120;
        background: rgba(20, 20, 26, .55);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .sp-theme-btn svg {
        width: 20px;
        height: 20px;
    }

    html[data-sp-theme="light"] .sp-theme-btn {
        background: rgba(255, 255, 255, .92);
        border-color: rgba(31, 92, 64, .16);
        box-shadow: 0 4px 14px rgba(31, 92, 64, .16), 0 0 0 3px rgba(255, 255, 255, .35);
    }
}

/* 抽屉展开时收起主题按钮，避免压在遮罩上抢点击 */
html.sp-drawer-open .sp-theme-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.86);
}

/* ==========================================================
   搜索框 / 联想
   ========================================================== */
html[data-sp-theme="light"] .search input,
html[data-sp-theme="light"] .search-input,
html[data-sp-theme="light"] .search-container .flex {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    color: var(--sp-text) !important;
    box-shadow: 0 6px 22px rgba(31, 92, 64, 0.08), inset 0 0 20px rgba(15, 157, 107, 0.02) !important;
}

html[data-sp-theme="light"] .search input::placeholder,
html[data-sp-theme="light"] .search-input::placeholder {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .search input:focus,
html[data-sp-theme="light"] .search-input:focus,
html[data-sp-theme="light"] .search-container .flex:focus-within {
    border-color: var(--sp-accent) !important;
    box-shadow: 0 0 0 3px rgba(15, 157, 107, 0.12), 0 10px 30px rgba(15, 157, 107, 0.14) !important;
}

html[data-sp-theme="light"] .search .btn,
html[data-sp-theme="light"] .search-button {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(18, 157, 124, 0.28) !important;
}

html[data-sp-theme="light"] .search .btn:hover,
html[data-sp-theme="light"] .search-button:hover {
    box-shadow: 0 8px 24px rgba(18, 157, 124, 0.4) !important;
}

/* 注意：.search-button::after 是放大镜的「手柄」，白天不能隐藏，
   之前这里写了 display:none，结果按钮只剩一个圈 */
html[data-sp-theme="light"] .search-button::before,
html[data-sp-theme="light"] .search-button::after {
    display: block !important;
}

html[data-sp-theme="light"] .search-container::before {
    display: none !important;
}

html[data-sp-theme="light"] .search-suggestions {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 18px 40px rgba(31, 92, 64, 0.14) !important;
}

html[data-sp-theme="light"] .suggestion-item {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .suggestion-item:hover {
    background: var(--sp-accent-soft) !important;
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .skeleton-item {
    background: linear-gradient(90deg, #eef4ec, #f7fbf6, #eef4ec) !important;
}

/* ==========================================================
   首页主视觉 / 热词
   ========================================================== */
html[data-sp-theme="light"] .main-title {
    background: linear-gradient(100deg, #1f7a53 0%, #0f9d6b 28%, #3aa76f 52%, #0d9a8a 78%, #1f7a53 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 2px 6px rgba(31, 122, 83, 0.16));
    animation: sp-shine 9s linear infinite;
}

html[data-sp-theme="light"] .sub-title {
    color: var(--sp-text-2) !important;
    letter-spacing: 3px;
}

/* 大家在搜：整条不要底色/边框，只有标签是小胶囊 */
html[data-sp-theme="light"] .sp-hotwords {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-sp-theme="light"] .sp-hotwords-label {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .sp-dot {
    background: var(--sp-accent) !important;
    box-shadow: 0 0 8px var(--sp-glow) !important;
}

html[data-sp-theme="light"] .sp-tag {
    color: var(--sp-text-2) !important;
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .sp-tag:hover {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
    background: var(--sp-accent-soft) !important;
    box-shadow: 0 4px 12px rgba(15, 157, 107, 0.14) !important;
}

/* ==========================================================
   首页六大板块
   ========================================================== */
html[data-sp-theme="light"] .sp-block {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 8px 24px rgba(31, 92, 64, 0.07) !important;
}

html[data-sp-theme="light"] .sp-block:hover {
    border-color: var(--sp-accent-line) !important;
    box-shadow: 0 14px 34px rgba(15, 157, 107, 0.16) !important;
}

html[data-sp-theme="light"] .sp-block-head {
    border-bottom: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .sp-block-title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .sp-block-title::before {
    background: linear-gradient(180deg, var(--sp-accent), #86c95b) !important;
    box-shadow: 0 0 10px rgba(15, 157, 107, 0.35) !important;
}

html[data-sp-theme="light"] .sp-block-tag {
    color: var(--sp-accent) !important;
    background: var(--sp-accent-soft) !important;
    border: 1px solid var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .sp-block-item {
    border-bottom: 1px dashed var(--sp-line) !important;
}

html[data-sp-theme="light"] .sp-block-item:hover {
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .sp-block-idx {
    color: var(--sp-text-3) !important;
    background: #f2f7ee !important;
}

html[data-sp-theme="light"] .sp-block-idx.is-top {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    box-shadow: 0 3px 10px rgba(18, 157, 124, 0.28) !important;
}

html[data-sp-theme="light"] .sp-block-name {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .sp-block-go {
    color: var(--sp-accent) !important;
    background: var(--sp-accent-soft) !important;
    border: 1px solid var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .sp-block-item:hover .sp-block-go {
    background: var(--sp-accent) !important;
    color: #ffffff !important;
}

html[data-sp-theme="light"] .sp-block-skeleton span {
    background: linear-gradient(90deg, #eef4ec, #f8fcf6, #eef4ec) !important;
}

html[data-sp-theme="light"] .sp-block-empty {
    color: var(--sp-text-3) !important;
}

/* ==========================================================
   内容卡片 / 列表
   ========================================================== */
html[data-sp-theme="light"] .nav-content-container,
html[data-sp-theme="light"] .home-card,
html[data-sp-theme="light"] .content {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid var(--sp-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(31, 92, 64, 0.07) !important;
}

html[data-sp-theme="light"] .nav {
    border-bottom: 1px solid var(--sp-line) !important;
    background: transparent !important;
}

html[data-sp-theme="light"] .nav .item,
html[data-sp-theme="light"] .nav-item {
    color: var(--sp-text-2) !important;
    background: #f4f9f0 !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
}

html[data-sp-theme="light"] .nav .item.active,
html[data-sp-theme="light"] .nav .item:hover,
html[data-sp-theme="light"] .nav-item.nav-active {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .home-card-head {
    border-bottom: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .home-card-title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .home-card-title::before {
    background: linear-gradient(180deg, var(--sp-accent), #86c95b) !important;
    box-shadow: 0 0 10px rgba(15, 157, 107, 0.35) !important;
}

html[data-sp-theme="light"] .home-card-count {
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .resource-list .item,
html[data-sp-theme="light"] .resource-list > div,
html[data-sp-theme="light"] .resource-item {
    border-bottom: 1px solid rgba(31, 92, 64, 0.08) !important;
}

html[data-sp-theme="light"] .resource-list .item:hover,
html[data-sp-theme="light"] .resource-list > div:hover,
html[data-sp-theme="light"] .resource-item:hover {
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .resource-list .title,
html[data-sp-theme="light"] .resource-item .title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .resource-list .date,
html[data-sp-theme="light"] .resource-item .date {
    color: var(--sp-accent) !important;
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .number {
    box-shadow: 0 2px 6px rgba(31, 92, 64, 0.12);
}

html[data-sp-theme="light"] .number-default {
    background: #dfe9db !important;
    color: var(--sp-text-2) !important;
}

/* ==========================================================
   搜索抽屉
   ========================================================== */
html[data-sp-theme="light"] .sp-drawer-mask {
    background: var(--sp-overlay) !important;
    backdrop-filter: blur(3px);
}

html[data-sp-theme="light"] .sp-drawer {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid var(--sp-line) !important;
    border-bottom: none !important;
    box-shadow: 0 -18px 60px rgba(31, 92, 64, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.6) inset !important;
}

html[data-sp-theme="light"] .sp-drawer-head {
    border-bottom: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .sp-drawer-kw {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .sp-drawer-count {
    color: var(--sp-accent) !important;
    background: var(--sp-accent-soft) !important;
    border: 1px solid var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .sp-drawer-close {
    background: #f4f8f2 !important;
    border: 1px solid var(--sp-line) !important;
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .sp-drawer-close:hover {
    background: rgba(224, 72, 77, .1) !important;
    border-color: rgba(224, 72, 77, .35) !important;
    color: #d13a40 !important;
}

html[data-sp-theme="light"] .sp-drawer-item {
    background: #ffffff !important;
    border: 1px solid rgba(31, 92, 64, 0.09) !important;
    box-shadow: 0 3px 10px rgba(31, 92, 64, 0.05) !important;
}

html[data-sp-theme="light"] .sp-drawer-item:hover {
    border-color: var(--sp-accent-line) !important;
    box-shadow: 0 8px 22px rgba(15, 157, 107, 0.14) !important;
    background: #ffffff !important;
}

html[data-sp-theme="light"] .sp-drawer-name {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .sp-drawer-name .highlight,
html[data-sp-theme="light"] .sp-drawer-name em {
    color: var(--sp-accent) !important;
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .sp-drawer-sub {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .sp-drawer-btn {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(18, 157, 124, 0.24) !important;
}

html[data-sp-theme="light"] .sp-drawer-btn:hover {
    box-shadow: 0 6px 18px rgba(18, 157, 124, 0.36) !important;
}

html[data-sp-theme="light"] .sp-drawer-empty,
html[data-sp-theme="light"] .sp-drawer-status {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .sp-drawer-more {
    background: #f6faf3 !important;
    border: 1px dashed var(--sp-line-2) !important;
}

html[data-sp-theme="light"] .sp-drawer-more:hover {
    background: var(--sp-accent-soft) !important;
    border-color: var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .sp-drawer-more-main {
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .sp-drawer-more-sub {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .sp-drawer-more-sub b {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .sp-spin {
    border-color: rgba(15, 157, 107, .22) !important;
    border-top-color: var(--sp-accent) !important;
}

/* 扫描线 */
html[data-sp-theme="light"] .sp-scan-track {
    background: rgba(15, 157, 107, 0.10) !important;
}

html[data-sp-theme="light"] .sp-scan-beam {
    background: linear-gradient(90deg, transparent, rgba(15, 157, 107, 0.75), transparent) !important;
    box-shadow: 0 0 10px rgba(15, 157, 107, 0.5) !important;
}

html[data-sp-theme="light"] .sp-scan-label {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .sp-scan-dots i {
    background: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .sp-scan-count {
    color: var(--sp-text-3) !important;
}

/* 网盘筛选条 */
html[data-sp-theme="light"] .sp-pan-tab {
    background: #f4f9f0 !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .sp-pan-tab:hover {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .sp-pan-tab.is-active {
    background: var(--sp-accent-soft) !important;
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
    box-shadow: 0 3px 10px rgba(15, 157, 107, 0.12) !important;
}

html[data-sp-theme="light"] .sp-pan-tab b {
    background: rgba(31, 92, 64, 0.08) !important;
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .sp-pan-tab.is-active b {
    background: var(--sp-accent) !important;
    color: #ffffff !important;
}

/* 网盘彩色标签：浅底深字 */
html[data-sp-theme="light"] .sp-pan-badge {
    font-weight: 500;
}

html[data-sp-theme="light"] .sp-pan-badge.is-t0 {
    color: #1f6fb2 !important;
    background: rgba(31, 111, 178, 0.10) !important;
    border: 1px solid rgba(31, 111, 178, 0.22) !important;
}

html[data-sp-theme="light"] .sp-pan-badge.is-t2 {
    color: #2b62c4 !important;
    background: rgba(43, 98, 196, 0.10) !important;
    border: 1px solid rgba(43, 98, 196, 0.22) !important;
}

html[data-sp-theme="light"] .sp-pan-badge.is-t3 {
    color: #b8641a !important;
    background: rgba(226, 124, 40, 0.12) !important;
    border: 1px solid rgba(226, 124, 40, 0.24) !important;
}

html[data-sp-theme="light"] .sp-pan-badge.is-t4 {
    color: #7a4bb8 !important;
    background: rgba(122, 75, 184, 0.10) !important;
    border: 1px solid rgba(122, 75, 184, 0.22) !important;
}

/* 有效性徽章 */
html[data-sp-theme="light"] .sp-check.is-ok {
    color: #1a8a4f !important;
    background: rgba(45, 180, 110, 0.12) !important;
    border: 1px solid rgba(45, 180, 110, 0.26) !important;
    box-shadow: none !important;
}

html[data-sp-theme="light"] .sp-check.is-bad,
html[data-sp-theme="light"] .sp-check.is-locked,
html[data-sp-theme="light"] .sp-check.is-uncertain,
html[data-sp-theme="light"] .sp-check.is-unsupported {
    color: var(--sp-text-3) !important;
    background: rgba(31, 92, 64, 0.05) !important;
    border: 1px solid rgba(31, 92, 64, 0.09) !important;
    box-shadow: none !important;
}

html[data-sp-theme="light"] .sp-check-spin {
    border-color: rgba(15, 157, 107, 0.18) !important;
    border-top-color: var(--sp-accent) !important;
}

/* ==========================================================
   资源弹窗
   ========================================================== */
html[data-sp-theme="light"] .el-overlay {
    background-color: rgba(24, 44, 33, 0.34) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .el-dialog,
html[data-sp-theme="light"] .dialogUrlBox .el-dialog__body,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-card,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-content {
    background: #ffffff !important;
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .el-dialog {
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 26px 70px rgba(31, 92, 64, 0.24) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .el-dialog__headerbtn {
    background: #f4f8f2 !important;
    border: 1px solid var(--sp-line) !important;
    color: var(--sp-text-3) !important;
}

/* 卡片内的关闭按钮（Element 自带那个已被隐藏） */
html[data-sp-theme="light"] .sp-dialog-close {
    background: #f4f8f2;
    border-color: var(--sp-line);
    color: var(--sp-text-3);
    box-shadow: 0 2px 8px rgba(31, 92, 64, .08);
}

html[data-sp-theme="light"] .sp-dialog-close:hover {
    color: #d13a40;
    border-color: rgba(224, 72, 77, .35);
    background: rgba(224, 72, 77, .1);
}

html[data-sp-theme="light"] .sp-dialog-close:active {
    background: rgba(224, 72, 77, .16);
}

html[data-sp-theme="light"] .dialogUrlBox .el-dialog__headerbtn:hover {
    background: rgba(224, 72, 77, 0.1) !important;
    border-color: rgba(224, 72, 77, 0.35) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .el-dialog__headerbtn:hover .el-dialog__close {
    color: #d13a40 !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .red-bar-title::before {
    background: linear-gradient(180deg, var(--sp-accent), #86c95b) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-url,
html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .url,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-link {
    background: #f4f9f0 !important;
    color: #0b7d5a !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-link-card {
    background: #f8fbf5 !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-pan-name,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-pan-info {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-btn.btn-copy {
    background: #ffffff !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line-2) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-btn.btn-copy:hover {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-btn.btn-open,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-btn.primary {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(18, 157, 124, 0.26) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-qr {
    background: #f8fbf5 !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .qrcode,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-qrcode {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-qr-text {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-tree-toggle {
    background: #f4f9f0 !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-tree-toggle:hover {
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-tree-toggle em {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-box {
    background: #f8fbf5 !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-node a,
html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-row {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-node:hover {
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-loading,
html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-tip,
html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-empty {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl .pan-tree-error {
    color: #d13a40 !important;
}

html[data-sp-theme="light"] .dialogUrlBox .statement,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-tip,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-notice {
    background: #f7faf4 !important;
    color: var(--sp-text-3) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .statement *,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-link-card * {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .statement a {
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-error,
html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-error-text {
    color: var(--sp-text-2) !important;
    background: #fff7f2 !important;
    border: 1px solid rgba(224, 72, 77, 0.2) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-error-title {
    color: #d13a40 !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-poster {
    background: #eef4ea !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-poster::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.9) 100%) !important;
}

html[data-sp-theme="light"] .dialogUrlBox .dialogUrl {
    background: transparent !important;
}

html[data-sp-theme="light"] .dialogUrlBox .resource-dialog-info {
    background: #ffffff !important;
}

/* ==========================================================
   公告弹窗
   ========================================================== */
html[data-sp-theme="light"] .ios-announcement-overlay {
    background: rgba(24, 44, 33, 0.4) !important;
}

html[data-sp-theme="light"] .ios-announcement-dialog {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 26px 70px rgba(31, 92, 64, 0.24) !important;
}

html[data-sp-theme="light"] .ios-announcement-title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .ios-announcement-content {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .ios-announcement-button {
    background: #f4f8f2 !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .ios-announcement-button.primary {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
    border: none !important;
}

/* ==========================================================
   搜索结果页 / 详情页
   ========================================================== */
html[data-sp-theme="light"] .headBg {
    opacity: 0.05 !important;
    filter: grayscale(0.2);
}

html[data-sp-theme="light"] .searchBox .search {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 8px 24px rgba(31, 92, 64, 0.08) !important;
}

html[data-sp-theme="light"] .searchBox .search input {
    background: transparent !important;
    color: var(--sp-text) !important;
    border: none !important;
}

html[data-sp-theme="light"] .searchBox .search input::placeholder {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .searchBox .search .btn {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
}

html[data-sp-theme="light"] .search-results-section {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 8px 24px rgba(31, 92, 64, 0.06) !important;
}

html[data-sp-theme="light"] .search-results-section h2,
html[data-sp-theme="light"] .search-results-section * {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .resource-result-card {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .resource-result-card:hover {
    border-color: var(--sp-accent-line) !important;
    box-shadow: 0 10px 26px rgba(15, 157, 107, 0.14) !important;
}

html[data-sp-theme="light"] .resource-result-card a {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .resource-result-card .text-gray-2 {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .pan-filter button,
html[data-sp-theme="light"] .pan-filter a {
    background: #f4f9f0 !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .pan-filter a.active,
html[data-sp-theme="light"] .pan-filter button.active {
    background: var(--sp-accent-soft) !important;
    color: var(--sp-accent) !important;
    border-color: var(--sp-accent-line) !important;
}

html[data-sp-theme="light"] .pan-select-menu {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 14px 36px rgba(31, 92, 64, 0.16) !important;
}

html[data-sp-theme="light"] .pan-select-item {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .pan-select-item:hover,
html[data-sp-theme="light"] .pan-select-item.active {
    background: var(--sp-accent-soft) !important;
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .listBox .left .Ebox .list .item,
html[data-sp-theme="light"] .listBox .left .Ebox .list .item a {
    background: #ffffff !important;
    color: var(--sp-text) !important;
    border-color: var(--sp-line) !important;
}

html[data-sp-theme="light"] .listBox .left .Ebox .list .item:hover {
    background: var(--sp-accent-soft) !important;
}

html[data-sp-theme="light"] .resource-get-btn {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
}

html[data-sp-theme="light"] .resource-tree-btn {
    background: #f4f9f0 !important;
    color: var(--sp-accent) !important;
    border: 1px solid var(--sp-line) !important;
}

/* 列表页：标题左侧色条 / 网盘筛选 / 加载圈 都跟着主题走 */
html[data-sp-theme="light"] .red-bar-title::before,
html[data-sp-theme="light"] .section-header-compact h3::before {
    background: linear-gradient(180deg, var(--sp-accent), #86c95b) !important;
    box-shadow: 0 0 8px rgba(15, 157, 107, .35) !important;
}

html[data-sp-theme="light"] .section-header-compact h3 {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .section-header-compact .keyword-highlight {
    background: var(--sp-accent-soft) !important;
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .pan-filter-minimal {
    border-bottom-color: var(--sp-line) !important;
}

html[data-sp-theme="light"] .pan-filter-minimal a {
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .pan-filter-minimal a:hover,
html[data-sp-theme="light"] .pan-filter-minimal a.active {
    color: var(--sp-accent) !important;
    border-bottom-color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .loader-minimal,
html[data-sp-theme="light"] .sp-loader {
    border-color: rgba(15, 157, 107, .18) !important;
    border-top-color: var(--sp-accent) !important;
}

/* 详情页 */
html[data-sp-theme="light"] .detailBox .box,
html[data-sp-theme="light"] .detailBox .details {
    background: #ffffff !important;
    border-color: var(--sp-line) !important;
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .detailBox .cat .l {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] .detailBox .cat .r {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .detailBox .cat .r .btn,
html[data-sp-theme="light"] .detailBox a.btn {
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .detailBox .btns .btn {
    background: #f4f9f0 !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .detailBox .btns .btn.btnCol {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    color: #ffffff !important;
    border: none !important;
}

html[data-sp-theme="light"] .detailBox h3 {
    color: var(--sp-text) !important;
}

/* ==========================================================
   Element Plus 通用件 / 分页 / 消息
   ========================================================== */
html[data-sp-theme="light"] .el-pager li {
    background: #ffffff !important;
    color: var(--sp-text-2) !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .el-pager li.active {
    background: var(--sp-accent) !important;
    color: #ffffff !important;
    border-color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .el-button--primary {
    background: linear-gradient(135deg, #2fb37d, #129d8c) !important;
    border: none !important;
    color: #ffffff !important;
}

html[data-sp-theme="light"] .el-message-box,
html[data-sp-theme="light"] .el-dialog {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
}

html[data-sp-theme="light"] .el-message-box__title,
html[data-sp-theme="light"] .el-message-box__content,
html[data-sp-theme="light"] .el-dialog__title {
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .el-input__inner,
html[data-sp-theme="light"] .el-textarea__inner {
    background: #ffffff !important;
    color: var(--sp-text) !important;
    border-color: var(--sp-line) !important;
}

html[data-sp-theme="light"] .el-message {
    background: #ffffff !important;
    border-color: var(--sp-line) !important;
    color: var(--sp-text) !important;
}

html[data-sp-theme="light"] .el-popper,
html[data-sp-theme="light"] .el-select-dropdown {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
}

/* ==========================================================
   页脚 / 滚动条 / 回到顶部
   ========================================================== */
html[data-sp-theme="light"] .footerBox,
html[data-sp-theme="light"] .common-footer {
    color: var(--sp-text-3) !important;
}

html[data-sp-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(31, 92, 64, 0.18) !important;
}

html[data-sp-theme="light"] ::-webkit-scrollbar-track {
    background: rgba(31, 92, 64, 0.04) !important;
}

html[data-sp-theme="light"] .global-backtop {
    background: #ffffff !important;
    border: 1px solid var(--sp-line) !important;
    box-shadow: 0 8px 22px rgba(31, 92, 64, 0.14) !important;
    color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .global-backtop:hover {
    border-color: var(--sp-accent-line) !important;
    color: var(--sp-accent) !important;
}

html[data-sp-theme="light"] .global-backtop-arrow {
    border-color: var(--sp-text-2) !important;
}

html[data-sp-theme="light"] .cache-badge {
    color: var(--sp-text-2) !important;
    background: #ffffff !important;
    border-color: var(--sp-line) !important;
}

html[data-sp-theme="light"] .el-empty__description p {
    color: var(--sp-text-3) !important;
}

/* ==========================================================
   主题切换过渡
   ========================================================== */
html.sp-theme-anim,
html.sp-theme-anim body,
html.sp-theme-anim .headerBox .bg,
html.sp-theme-anim .search-container .flex,
html.sp-theme-anim .search-input,
html.sp-theme-anim .nav-content-container,
html.sp-theme-anim .sp-block,
html.sp-theme-anim .sp-drawer,
html.sp-theme-anim .sp-drawer-item,
html.sp-theme-anim .sp-theme-btn {
    transition: background-color .32s ease, color .32s ease, border-color .32s ease, box-shadow .32s ease;
}

@media (prefers-reduced-motion: reduce) {
    html.sp-theme-anim,
    html.sp-theme-anim * {
        transition: none !important;
    }
}