/* 首页背景动画 */
.bg-grid {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        linear-gradient(rgba(0,80,180,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,80,180,0.08) 1px, transparent 1px);
    background-size: 50px 50px;
    z-index: 0;
    animation: gridMove 10s linear infinite;
}
body.horse .bg-grid {
    background-image: 
        linear-gradient(rgba(255,215,0,0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,215,0,0.1) 1px, transparent 1px);
}
body.blue .bg-grid {
    background-image: linear-gradient(rgba(35,82,204,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(35,82,204,0.05) 1px, transparent 1px);
}
body.green .bg-grid {
    background-image: linear-gradient(rgba(8,117,90,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(8,117,90,0.05) 1px, transparent 1px);
}
body.gray .bg-grid {
    background-image: linear-gradient(rgba(45,55,72,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(45,55,72,0.04) 1px, transparent 1px);
}
@keyframes gridMove {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
.light {
    position: absolute;
    width: 200%; height: 200%;
    top: -50%; left: -50%;
    background: radial-gradient(circle at 50% 50%, rgba(0,100,255,0.08), transparent 70%);
    z-index: 0;
}
body.horse .light { background: radial-gradient(circle at 50% 50%, rgba(255,215,0,0.1), transparent 70%); }
body.blue .light { background: radial-gradient(circle at 50% 50%, rgba(35,82,204,0.06), transparent 70%); }
body.green .light { background: radial-gradient(circle at 50% 50%, rgba(8,117,90,0.06), transparent 70%); }
body.gray .light { background: radial-gradient(circle at 50% 50%, rgba(45,55,72,0.05), transparent 70%); }

/* 深蓝主题 */
body.dark {
    background: #040f26;
    background-image: radial-gradient(circle at 20% 10%, #0f2847 0%, transparent 55%), radial-gradient(circle at 80% 90%, #051530 0%, transparent 55%);
    color: #e6f1ff;
}
body.dark .title { color: #fff; }
body.dark .subtitle { color: #a8d1ff; }
body.dark .swiper { background: #0b1c3a; box-shadow: 0 10px 30px rgba(0,100,255,0.15); }
body.dark .data-item { background: rgba(0,100,255,0.1); border: 1px solid rgba(100,180,255,0.3); }
body.dark .data-num { color: #0099ff; }
body.dark .data-text { color: #a8d1ff; }
body.dark .btn { background: linear-gradient(90deg, #0052D9, #0066ff); color: #fff; box-shadow: 0 8px 20px rgba(0,100,255,0.2); }
body.dark .theme-btn { background: rgba(0,100,255,0.15); color: #a8d1ff; border:1px solid rgba(100,180,255,0.2); }
.dark .filter,.dark .card,.dark .modal-content{ background: rgba(255,255,255,0.04); border: 1px solid rgba(0,125,207,0.25); box-shadow: 0 8px 32px rgba(0,100,200,0.08); backdrop-filter: blur(10px); }
.dark .year-tag{ background: linear-gradient(135deg,#007dcf,#0099ee); }
.dark .card-tag{ background: rgba(0,125,207,0.18); color:#66bfff; }
.dark .check-group label{ background:rgba(0,125,207,0.12); border:1px solid rgba(0,125,207,0.25); }
.dark .check-group label:hover{ background:rgba(0,125,207,0.2); }
.dark .check-group input:checked+label{ background:linear-gradient(135deg,#007dcf,#0099ee); color:#fff; }
.dark .header{ background: linear-gradient(90deg, #003c7e, #0052d9, #007dcf, #0052d9, #003c7e); }
.dark .logout-btn{ background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); color:#fff; }
.dark .back-top{ background: linear-gradient(135deg,#007dcf,#0099ee); color:#fff; }
.dark .bg-line{ background: linear-gradient(to bottom, transparent, #007dcf, transparent); }
.dark .filter-reset{ background: rgba(0,125,207,0.15); border: 1px solid rgba(0,125,207,0.3); color:#66bfff; }
.dark .filter-reset:hover{ background:#007dcf; color:#fff; }
.dark .modal-info p{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color:#cbd5e1; border-left: 3px solid #007dcf; }
.dark .close{ color:#fff; }

/* 红金主题 */
body.horse {
    background: #1a0808;
    color: #fff5c0;
}
body.horse .title { color: #ffd700; text-shadow: 0 0 15px rgba(255,215,0,0.3); }
body.horse .subtitle { color: #ffdf80; }
body.horse .swiper { background: #200000; box-shadow: 0 10px 30px rgba(255,215,0,0.15); }
body.horse .data-item { background: rgba(255,215,0,0.08); border: 1px solid rgba(255,215,0,0.3); }
body.horse .data-num { color: #ffd700; }
body.horse .data-text { color: #ffdf80; }
body.horse .btn { background: linear-gradient(90deg, #b81010, #e02020); color: #fff; box-shadow: 0 8px 20px rgba(255,215,0,0.2); }
body.horse .theme-btn { background: rgba(255,215,0,0.15); color: #ffdf80; border:1px solid rgba(255,215,0,0.2); }
.horse .filter,.horse .card,.horse .modal-content{ background: rgba(255,255,255,0.05); border: 1px solid rgba(255,215,0,0.4); }
.horse .year-tag{ background: #c92a2a; }
.horse .card-tag{ background: rgba(255,215,0,0.25); color:#ffd700; }
.horse .check-group label{ background:rgba(255,215,0,0.15); border:1px solid rgba(255,215,0,0.35); color:#fff5c0; }
.horse .check-group label:hover{ background:rgba(255,215,0,0.25); }
.horse .check-group input:checked+label{ background:#c92a2a; color:#ffd700; }
.horse .header{ background: linear-gradient(90deg, #800000, #b81010, #c92a2a, #b81010, #800000); }
.horse .logout-btn{ background:rgba(255,215,0,0.15); border:1px solid rgba(255,215,0,0.35); color:#ffd700; }
.horse .back-top{ background: #c92a2a; color:#ffd700; }
.horse .bg-line{ background: linear-gradient(to bottom, transparent, #ffd700, transparent); }
.horse .filter-reset{ background: rgba(255,215,0,0.2); border: 1px solid rgba(255,215,0,0.35); color:#ffd700; }
.horse .filter-reset:hover{ background:#c92a2a; color:#fff; }
.horse .modal-info p{ background: rgba(255,255,255,0.06); border: 1px solid rgba(255,215,0,0.15); color:#fff5c0; border-left: 3px solid #ffd700; }
.horse .close{ color:#ffd700; }

/* 清新蓝 */
body.blue {
    background: #f5f8fc;
    color: #194099;
}
body.blue .title { color: #2352cc; }
body.blue .subtitle { color: #194099; }
body.blue .swiper { background: #edf2fb; box-shadow: 0 10px 30px rgba(35,82,204,0.1); }
body.blue .data-item { background: #edf2fb; border: 1px solid #c9d8f0; }
body.blue .data-num { color: #2352cc; }
body.blue .data-text { color: #194099; }
body.blue .btn { background: #2352cc; color: #fff; box-shadow: 0 8px 20px rgba(35,82,204,0.2); }
body.blue .theme-btn { background: #edf2fb; color: #194099; border:1px solid #c9d8f0; }
.blue .filter,.blue .card,.blue .modal-content{ background: #ffffff; border: 1px solid #c9d8f0; }
.blue .year-tag{ background: #2352cc; }
.blue .card-tag{ background: #edf2fb; color:#194099; }
.blue .check-group label{ background:#f5f8fc; border:1px solid #c9d8f0; color:#194099; }
.blue .check-group label:hover{ background:#e1ebfa; }
.blue .check-group input:checked+label{ background:#2352cc; color:#fff; }
.blue .header{ background: linear-gradient(90deg, #2352cc, #3b73ed, #2352cc); }
.blue .logout-btn{ background:#f5f8fc; border:1px solid #c9d8f0; color:#194099; }
.blue .back-top{ background: #2352cc; color:#fff; }
.blue .bg-line{ background: linear-gradient(to bottom, transparent, #3b73ed, transparent); }
.blue .filter-reset{ background: #edf2fb; border: 1px solid #c9d8f0; color:#194099; }
.blue .filter-reset:hover{ background:#2352cc; color:#fff; }
.blue .modal-info p{ background: #f5f8fc; border: 1px solid #c9d8f0; color:#194099; border-left: 3px solid #3b73ed; }
.blue .close{ color:#194099; }

/* 护眼绿 */
body.green {
    background: #f6faf8;
    color: #085c46;
}
body.green .title { color: #08755a; }
body.green .subtitle { color: #085c46; }
body.green .swiper { background: #edf9f4; box-shadow: 0 10px 30px rgba(8,117,90,0.1); }
body.green .data-item { background: #edf9f4; border: 1px solid #c4e8d8; }
body.green .data-num { color: #08755a; }
body.green .data-text { color: #085c46; }
body.green .btn { background: #08755a; color: #fff; box-shadow: 0 8px 20px rgba(8,117,90,0.2); }
body.green .theme-btn { background: #edf9f4; color: #085c46; border:1px solid #c4e8d8; }
.green .filter,.green .card,.green .modal-content{ background: #ffffff; border: 1px solid #c4e8d8; }
.green .year-tag{ background: #08755a; }
.green .card-tag{ background: #edf9f4; color:#085c46; }
.green .check-group label{ background:#f6faf8; border:1px solid #c4e8d8; color:#085c46; }
.green .check-group label:hover{ background:#e1f3ec; }
.green .check-group input:checked+label{ background:#08755a; color:#fff; }
.green .header{ background: linear-gradient(90deg, #08755a, #12b886, #08755a); }
.green .logout-btn{ background:#f6faf8; border:1px solid #c4e8d8; color:#085c46; }
.green .back-top{ background: #08755a; color:#fff; }
.green .bg-line{ background: linear-gradient(to bottom, transparent, #12b886, transparent); }
.green .filter-reset{ background: #edf9f4; border: 1px solid #c4e8d8; color:#085c46; }
.green .filter-reset:hover{ background:#08755a; color:#fff; }
.green .modal-info p{ background: #f6faf8; border: 1px solid #c4e8d8; color:#085c46; border-left: 3px solid #12b886; }
.green .close{ color:#085c46; }

/* 高级灰 */
body.gray {
    background: #f7f8fa;
    color: #1a202c;
}
body.gray .title { color: #2d3748; }
body.gray .subtitle { color: #1a202c; }
body.gray .swiper { background: #f1f3f6; box-shadow: 0 10px 30px rgba(45,55,72,0.08); }
body.gray .data-item { background: #f1f3f6; border: 1px solid #e2e5e9; }
body.gray .data-num { color: #2d3748; }
body.gray .data-text { color: #1a202c; }
body.gray .btn { background: #2d3748; color: #fff; box-shadow: 0 8px 20px rgba(45,55,72,0.2); }
body.gray .theme-btn { background: #f1f3f6; color: #1a202c; border:1px solid #e2e5e9; }
.gray .filter,.gray .card,.gray .modal-content{ background: #ffffff; border: 1px solid #e2e5e9; }
.gray .year-tag{ background: #2d3748; }
.gray .card-tag{ background: #f1f3f6; color:#1a202c; }
.gray .check-group label{ background:#f7f8fa; border:1px solid #e2e5e9; color:#1a202c; }
.gray .check-group label:hover{ background:#e2e5e9; }
.gray .check-group input:checked+label{ background:#2d3748; color:#fff; }
.gray .header{ background: linear-gradient(90deg, #4a5568, #2d3748, #4a5568); }
.gray .logout-btn{ background:#f7f8fa; border:1px solid #e2e5e9; color:#1a202c; }
.gray .back-top{ background: #2d3748; color:#fff; }
.gray .bg-line{ background: linear-gradient(to bottom, transparent, #4a5568, transparent); }
.gray .filter-reset{ background: #f1f3f6; border: 1px solid #e2e5e9; color:#1a202c; }
.gray .filter-reset:hover{ background:#2d3748; color:#fff; }
.gray .modal-info p{ background: #f7f8fa; border: 1px solid #e2e5e9; color:#1a202c; border-left: 3px solid #4a5568; }
.gray .close{ color:#1a202c; }

/* 分页主题适配 - 深蓝dark */
body.dark .page-btn, body.dark .page-num {
    border-color: rgba(0,125,207,0.25);
    color: #a8d1ff;
    background: rgba(0,125,207,0.12);
}
body.dark .page-num.active {
    background: linear-gradient(135deg,#007dcf,#0099ee);
    color: #fff;
    border-color: #007dcf;
}

/* 分页主题适配 - 红金horse */
body.horse .page-btn, body.horse .page-num {
    border-color: rgba(255,215,0,0.35);
    color: #ffdf80;
    background: rgba(255,215,0,0.15);
}
body.horse .page-num.active {
    background: #c92a2a;
    color: #ffd700;
    border-color: #ffd700;
}

/* 分页主题适配 - 清新蓝blue */
body.blue .page-btn, body.blue .page-num {
    border-color: #c9d8f0;
    color: #194099;
    background: #edf2fb;
}
body.blue .page-num.active {
    background: #2352cc;
    color: #fff;
    border-color: #2352cc;
}

/* 分页主题适配 - 护眼绿green */
body.green .page-btn, body.green .page-num {
    border-color: #c4e8d8;
    color: #085c46;
    background: #edf9f4;
}
body.green .page-num.active {
    background: #08755a;
    color: #fff;
    border-color: #08755a;
}

/* 分页主题适配 - 高级灰gray */
body.gray .page-btn, body.gray .page-num {
    border-color: #e2e5e9;
    color: #1a202c;
    background: #f1f3f6;
}
body.gray .page-num.active {
    background: #2d3748;
    color: #fff;
    border-color: #2d3748;
}