.home-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }


        /* 缓冲遮罩 */
        #loadingOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fcf9f5;
            z-index: 99999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: opacity 0.6s ease, visibility 0.6s ease;
        }
        #loadingOverlay.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        #loadingOverlay .loader {
            width: 60px;
            height: 60px;
            border: 3px solid rgba(212, 168, 74, 0.15);
            border-top-color: #d4a84a;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        #loadingOverlay .loader-text {
            margin-top: 20px;
            font-size: 16px;
            color: #6b4f2e;
            letter-spacing: 4px;
            font-family: "Noto Serif SC", serif;
        }
        #loadingOverlay .loader-sub {
            margin-top: 8px;
            font-size: 13px;
            color: #a89070;
            letter-spacing: 2px;
            font-family: "Noto Serif SC", serif;
        }
        #loadingOverlay .loader-progress {
            margin-top: 16px;
            width: 200px;
            height: 3px;
            background: rgba(212, 168, 74, 0.15);
            border-radius: 4px;
            overflow: hidden;
        }
        #loadingOverlay .loader-progress-bar {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, #d4a84a, #f0dd99);
            border-radius: 4px;
            transition: width 0.3s ease;
        }
        @keyframes spin {
            to { transform: rotate(360deg); }
        }

        /* 页面内容默认隐藏 */
        #pageContent {
            opacity: 0;
            transition: opacity 0.6s ease;
        }
        #pageContent.loaded {
            opacity: 1;
        }

        /* 暗色模式适配 */
        body.dark #loadingOverlay {
            background: #1a1410;
        }
        body.dark #loadingOverlay .loader-text {
            color: #f0dd99;
        }
        body.dark #loadingOverlay .loader-sub {
            color: #b09580;
        }
        /* ===== 幻灯片 ===== */
        .swiper-container { position: relative; width: 100%; height: 380px; border-radius: 16px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.10); }
        .swiper-slides { display: flex; width: 100%; height: 100%; transition: transform 0.8s ease; }
        .swiper-slide { min-width: 100%; height: 100%; }
        .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
        .swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.85); border: none; cursor: pointer; font-size: 18px; color: #3d2c1e; transition: all 0.3s; z-index: 10; display: flex; align-items: center; justify-content: center; }
        .swiper-btn:hover { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.15); }
        .swiper-btn.prev { left: 16px; }
        .swiper-btn.next { right: 16px; }
        .swiper-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 10; }
        .swiper-dots span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); cursor: pointer; transition: all 0.3s; }
        .swiper-dots span.active { background: #b87333; width: 28px; border-radius: 5px; }

        /* ===== 搜索 ===== */
        .search-section { margin-bottom: 40px; }
        .search-box-home { display: flex; max-width: 640px; margin: 0 auto; border: 2px solid #e8e0d5; border-radius: 50px; overflow: hidden; background: #fcf9f5; transition: border-color 0.3s, box-shadow 0.3s; }
        .search-box-home:focus-within { border-color: #b87333; box-shadow: 0 0 0 4px rgba(184, 115, 51, 0.15); }
        .search-box-home input { flex: 1; padding: 14px 24px; border: none; outline: none; font-size: 15px; background: transparent; color: #3d2c1e; min-width: 100px; }
        .search-box-home input::placeholder { color: #b09580; }
        .search-box-home button { padding: 14px 28px; border: none; background: #b87333; color: #fff; font-size: 15px; cursor: pointer; transition: background 0.3s; }
        .search-box-home button:hover { background: #8a5a2a; }

        /* ===== 统计卡片 ===== */
        .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
        .stats-row .stat-card { background: #fcf9f5; border: 1px solid #e8e0d5; border-radius: 12px; padding: 18px 16px; text-align: center; transition: all 0.3s; }
        .stats-row .stat-card .num { font-size: 28px; font-weight: 700; color: #b87333; display: block; line-height: 1.2; }
        .stats-row .stat-card .label { font-size: 13px; color: #b09580; display: block; margin-top: 4px; }
        .stats-row .stat-card#randomCard { cursor: pointer; }
        .stats-row .stat-card#randomCard:hover { background: #f5efe8; border-color: #c4b09a; transform: translateY(-2px); }
        .stats-row .stat-card#randomCard .num i { font-size: 26px; color: #c4a87a; }

        /* ===== 通用 ===== */
        .section-title { font-size: 20px; font-weight: 600; color: #3d2c1e; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
        .section-title i { color: #b87333; font-size: 22px; }
        .section-title .more { font-size: 13px; font-weight: 400; color: #b09580; margin-left: auto; }
        .section-title .more a { color: #b09580; text-decoration: none; }
        .section-title .more a:hover { color: #b87333; }

        /* ===== 分类网格 ===== */
        .category-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin-bottom: 40px; }
        .category-grid .cat-card { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 12px; background: #fcf9f5; border: 1px solid #e8e0d5; border-radius: 12px; text-decoration: none; color: #3d2c1e; transition: all 0.3s ease; min-height: 100px; }
        .category-grid .cat-card:hover { background: #f5efe8; border-color: #c4b09a; transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,0.08); }
        .category-grid .cat-card .icon { font-size: 32px; color: #c4a87a; margin-bottom: 8px; }
        .category-grid .cat-card .name { font-size: 15px; font-weight: 500; }
        .category-grid .cat-card .count { font-size: 12px; color: #b09580; margin-top: 4px; }

        /* ===== 两栏布局 ===== */
        .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 40px; }

        /* ===== 推荐/历史列表 ===== */
        .recommend-list, .history-list { list-style: none; padding: 0; margin: 0; }
        .recommend-list li, .history-list li { padding: 8px 0; border-bottom: 1px solid #f0ebe3; }
        .recommend-list li:last-child, .history-list li:last-child { border-bottom: none; }
        .recommend-list li a, .history-list li a { display: flex; align-items: center; gap: 10px; color: #3d2c1e; text-decoration: none; font-size: 14px; transition: color 0.2s; }
        .recommend-list li a:hover, .history-list li a:hover { color: #b87333; }
        .recommend-list li a i, .history-list li a i { color: #c4a87a; font-size: 14px; width: 20px; text-align: center; flex-shrink: 0; }
        .recommend-list li a .tag { font-size: 11px; color: #b09580; background: #f0ebe3; padding: 1px 10px; border-radius: 10px; margin-left: auto; flex-shrink: 0; }
        .history-list .empty { color: #b09580; font-size: 14px; padding: 20px 0; text-align: center; }
        .clear-history { font-size: 12px; color: #b09580; cursor: pointer; transition: color 0.2s; }
        .clear-history:hover { color: #b87333; }

        /* ===== 关于 ===== */
        .about-section { background: #faf6f0; border-radius: 16px; padding: 36px 40px; border: 1px solid #e8e0d5; margin-bottom: 16px; }
        .about-section .about-header { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
        .about-section .about-header i { font-size: 28px; color: #b87333; }
        .about-section .about-header h3 { font-size: 20px; font-weight: 600; color: #3d2c1e; margin: 0; }
        .about-section .about-text { font-size: 14px; color: #6a5a4a; line-height: 1.9; margin: 0 0 6px 0; }
        .about-section .about-text strong { color: #3d2c1e; }
        .about-section .about-text .highlight { color: #b87333; }
        .about-section .about-divider { border: none; border-top: 1px solid #e8e0d5; margin: 16px 0; }
        .about-section .about-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
        .about-section .about-grid .item { display: flex; align-items: center; gap: 12px; padding: 10px 16px; background: #fffdfa; border-radius: 8px; border: 1px solid #e8e0d5; transition: all 0.2s; }
        .about-section .about-grid .item:hover { background: #f5efe8; border-color: #c4b09a; }
        .about-section .about-grid .item i { font-size: 18px; color: #b87333; width: 28px; text-align: center; flex-shrink: 0; }
        .about-section .about-grid .item span { font-size: 13px; color: #5a4a3a; }

        /* ===== 暗色 ===== */
        body.dark .swiper-btn { background: rgba(40,35,30,0.85); color: #d4ccc4; }
        body.dark .swiper-btn:hover { background: #3d352e; }
        body.dark .stats-row .stat-card { background: #2a2520; border-color: #3d352e; }
        body.dark .stats-row .stat-card .num { color: #b87333; }
        body.dark .stats-row .stat-card .label { color: #8a7a6a; }
        body.dark .stats-row .stat-card#randomCard:hover { background: #35302a; border-color: #5a4a3a; }
        body.dark .search-box-home { background: #2a2520; border-color: #3d352e; }
        body.dark .search-box-home input { color: #d4ccc4; }
        body.dark .search-box-home input::placeholder { color: #6a5a4a; }
        body.dark .category-grid .cat-card { background: #2a2520; border-color: #3d352e; color: #d4ccc4; }
        body.dark .category-grid .cat-card:hover { background: #35302a; border-color: #5a4a3a; }
        body.dark .recommend-list li a, .history-list li a { color: #d4ccc4; }
        body.dark .recommend-list li a:hover, .history-list li a:hover { color: #b87333; }
        body.dark .recommend-list li a .tag { background: #3d352e; color: #8a7a6a; }
        body.dark .about-section { background: #2a2520; border-color: #3d352e; }
        body.dark .about-section .about-header h3 { color: #d4ccc4; }
        body.dark .about-section .about-text { color: #8a7a6a; }
        body.dark .about-section .about-text strong { color: #d4ccc4; }
        body.dark .about-section .about-divider { border-color: #3d352e; }
        body.dark .about-section .about-grid .item { background: #1f1a16; border-color: #3d352e; }
        body.dark .about-section .about-grid .item:hover { background: #2a2520; border-color: #5a4a3a; }
        body.dark .about-section .about-grid .item span { color: #b09580; }
        body.dark .section-title { color: #d4ccc4; }
        body.dark .swiper-dots span { background: rgba(255,255,255,0.25); }
        body.dark .swiper-dots span.active { background: #b87333; }
        body.dark .history-list .empty { color: #8a7a6a; }
        body.dark .history-list li a { color: #d4ccc4; }
        body.dark .history-list li a:hover { color: #b87333; }
        body.dark .history-list li a i { color: #7a6a5a; }

        /* ===== 响应式 ===== */
        @media (max-width: 992px) {
            .two-col { grid-template-columns: 1fr; gap: 20px; }
            .stats-row { grid-template-columns: repeat(2, 1fr); }
            .about-section .about-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .swiper-container { height: 220px; border-radius: 12px; }
            .swiper-btn { width: 36px; height: 36px; font-size: 14px; }
            .swiper-btn.prev { left: 10px; }
            .swiper-btn.next { right: 10px; }
            .stats-row { grid-template-columns: repeat(2, 1fr); gap: 10px; }
            .stats-row .stat-card { padding: 14px 12px; }
            .stats-row .stat-card .num { font-size: 22px; }
            .category-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
            .category-grid .cat-card { min-height: 80px; padding: 16px 10px; }
            .category-grid .cat-card .icon { font-size: 24px; }
            .search-box-home input { padding: 12px 16px; font-size: 14px; }
            .search-box-home button { padding: 12px 20px; font-size: 14px; }
            .about-section { padding: 24px 20px; }
            .about-section .about-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 480px) {
            .swiper-container { height: 160px; border-radius: 10px; }
            .swiper-btn { width: 30px; height: 30px; font-size: 12px; }
            .stats-row { grid-template-columns: 1fr 1fr; gap: 8px; }
            .stats-row .stat-card { padding: 10px 8px; }
            .stats-row .stat-card .num { font-size: 18px; }
            .category-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; }
            .category-grid .cat-card { min-height: 70px; padding: 12px 8px; }
            .category-grid .cat-card .icon { font-size: 20px; }
            .category-grid .cat-card .name { font-size: 13px; }
            .about-section { padding: 18px 14px; }
            .about-section .about-header h3 { font-size: 17px; }
            .about-section .about-text { font-size: 13px; }
            .about-section .about-grid { grid-template-columns: 1fr; }
        }

        .toolbar .sitemap-link { color: #b09580; font-size: 18px; margin-left: 6px; transition: color 0.2s; }
        .toolbar .sitemap-link:hover { color: #b87333; }
        body.dark .toolbar .sitemap-link { color: #6a5a4a; }
        body.dark .toolbar .sitemap-link:hover { color: #b87333; }

        .history-list li a { color: #3d2c1e !important; }
        body.dark .history-list li a { color: #d4ccc4 !important; }