/* ============================================================
	   顶部广告位（新增）
	   ============================================================ */
        .top-ad-wrapper {
            position: relative;
            width: 100%;
            height: 500px;
            /* 初始高度 */
            background: linear-gradient(145deg, #f57c00, #e65100);
            overflow: hidden;
            transition: height 0.9s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.9s cubic-bezier(0.4, 0, 0.2, 1),
                margin 0.9s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 1;
            z-index: 10000;
            /* 确保在顶层 */
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
        }
        /* 关闭状态 */
        .top-ad-wrapper.closed {
            height: 0 !important;
            opacity: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden;
            pointer-events: none;
        }

        /* 广告内容容器 —— 与页面内容同宽 */
        .top-ad-wrapper .container {
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* -------- 广告图形内容 -------- */
        .ad-graphic {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            padding: 20px 40px;
            /* 背景装饰光效 */
            background:
                radial-gradient(ellipse at 20% 50%, rgba(255, 255, 255, 0.12) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 60%),
                linear-gradient(145deg, #f57c00, #e65100);
            border-radius: 0;
            overflow: hidden;
        }
        /* 装饰几何图形 */
        .ad-graphic::before {
            content: '';
            position: absolute;
            top: -60px;
            right: -60px;
            width: 300px;
            height: 300px;
            background: rgba(255, 255, 255, 0.06);
            border-radius: 50%;
            pointer-events: none;
        }
        .ad-graphic::after {
            content: '';
            position: absolute;
            bottom: -80px;
            left: -80px;
            width: 400px;
            height: 400px;
            background: rgba(255, 255, 255, 0.04);
            border-radius: 50%;
            pointer-events: none;
        }

        /* 大型图标 */
        .ad-icon-big {
            font-size: 72px;
            margin-bottom: 12px;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.20);
            position: relative;
            z-index: 1;
            animation: floatIcon 3s ease-in-out infinite;
        }
        @keyframes floatIcon {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-8px);
            }
        }

        .ad-title {
            font-size: 48px;
            font-weight: 800;
            letter-spacing: 2px;
            text-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
            margin: 0 0 8px;
            position: relative;
            z-index: 1;
        }
        .ad-title span {
            display: inline-block;
            background: rgba(255, 255, 255, 0.15);
            padding: 0 16px;
            border-radius: 8px;
            backdrop-filter: blur(2px);
        }
        .ad-subtitle {
            font-size: 20px;
            font-weight: 400;
            opacity: 0.92;
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
            margin: 0 0 22px;
            letter-spacing: 4px;
            position: relative;
            z-index: 1;
        }
        .ad-subtitle i {
            margin: 0 6px;
        }

        /* 行动按钮 */
        .ad-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 44px;
            background: #fff;
            color: #e65100;
            font-size: 18px;
            font-weight: 700;
            border: none;
            border-radius: 50px;
            text-decoration: none;
            transition: transform 0.25s, box-shadow 0.25s, background 0.25s;
            box-shadow: 0 6px 28px rgba(0, 0, 0, 0.20);
            position: relative;
            z-index: 1;
            letter-spacing: 1px;
        }
        .ad-cta-btn:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 36px rgba(0, 0, 0, 0.30);
            background: #fff8f0;
            color: #bf360c;
        }
        .ad-cta-btn:active {
            transform: translateY(0) scale(0.98);
        }
        .ad-cta-btn i {
            font-size: 18px;
            transition: transform 0.3s;
        }
        .ad-cta-btn:hover i {
            transform: translateX(4px);
        }

        /* -------- 关闭按钮 -------- */
        .ad-close-btn {
            position: absolute;
            top: 16px;
            right: 20px;
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.30);
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            transition: background 0.25s, transform 0.2s, box-shadow 0.25s;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(4px);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
        }
        .ad-close-btn:hover {
            background: #e53935;
            transform: rotate(90deg) scale(1.08);
            box-shadow: 0 4px 20px rgba(229, 57, 53, 0.40);
        }
        .ad-close-btn:active {
            transform: rotate(90deg) scale(0.92);
        }

        /* -------- 倒计时指示器 -------- */
        .ad-timer {
            position: absolute;
            bottom: 20px;
            right: 24px;
            background: rgba(0, 0, 0, 0.40);
            backdrop-filter: blur(6px);
            color: #fff;
            padding: 8px 18px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            z-index: 20;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
            display: flex;
            align-items: center;
            gap: 6px;
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        .ad-timer #adCountdown {
            font-size: 20px;
            font-weight: 700;
            min-width: 28px;
            display: inline-block;
            text-align: center;
            color: #ffd54f;
        }

        /* -------- 广告底部小标签 -------- */
        .ad-badge {
            position: absolute;
            bottom: 20px;
            left: 24px;
            background: rgba(0, 0, 0, 0.30);
            backdrop-filter: blur(4px);
            color: rgba(255, 255, 255, 0.80);
            padding: 4px 14px;
            border-radius: 20px;
            font-size: 12px;
            letter-spacing: 0.5px;
            z-index: 20;
            border: 1px solid rgba(255, 255, 255, 0.08);
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .ad-badge i {
            font-size: 14px;
            color: #ffd54f;
        }

        /* -------- 响应式 -------- */
        @media (max-width: 991.98px) {
            .top-ad-wrapper {
                height: 400px;
            }
            .top-ad-wrapper.closed {
                height: 0 !important;
            }
            .ad-title {
                font-size: 34px;
            }
            .ad-subtitle {
                font-size: 16px;
                letter-spacing: 2px;
            }
            .ad-icon-big {
                font-size: 52px;
            }
            .ad-cta-btn {
                padding: 12px 32px;
                font-size: 16px;
            }
            .ad-timer {
                font-size: 12px;
                padding: 6px 14px;
                bottom: 14px;
                right: 16px;
            }
            .ad-timer #adCountdown {
                font-size: 16px;
                min-width: 22px;
            }
            .ad-close-btn {
                width: 34px;
                height: 34px;
                font-size: 16px;
                top: 12px;
                right: 14px;
            }
            .ad-badge {
                display: none;
            }
        }

        @media (max-width: 575.98px) {
            .top-ad-wrapper {
                height: 320px;
            }
            .top-ad-wrapper.closed {
                height: 0 !important;
            }
            .ad-title {
                font-size: 24px;
                letter-spacing: 1px;
            }
            .ad-title span {
                padding: 0 10px;
            }
            .ad-subtitle {
                font-size: 13px;
                letter-spacing: 1px;
                margin-bottom: 14px;
            }
            .ad-icon-big {
                font-size: 40px;
                margin-bottom: 6px;
            }
            .ad-cta-btn {
                padding: 10px 24px;
                font-size: 14px;
                gap: 6px;
            }
            .ad-cta-btn i {
                font-size: 14px;
            }
            .ad-timer {
                font-size: 11px;
                padding: 4px 12px;
                bottom: 10px;
                right: 12px;
            }
            .ad-timer #adCountdown {
                font-size: 14px;
                min-width: 18px;
            }
            .ad-close-btn {
                width: 30px;
                height: 30px;
                font-size: 14px;
                top: 8px;
                right: 10px;
            }
            .ad-graphic {
                padding: 16px 20px;
            }
        }
        /* -------- 对联广告容器 -------- */
        .couplet-ad {
            position: fixed;
            top: 50%;
            transform: translateY(-50%);
			z-index: 10000;
            width: 150px;
            min-height: 300px;
            background: #ffffff;
            border-radius: 14px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
            overflow: hidden;
            transition: opacity 0.4s ease, transform 0.4s ease;
            font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', sans-serif;
        }
        .couplet-ad.hidden {
            opacity: 0;
            transform: translateY(-50%) scale(0.92);
            pointer-events: none;
        }

        /* 左联 */
        .couplet-ad.left-ad {
            left: 16px;
            border-left: 2px solid #f57c00;
        }
        /* 右联 */
        .couplet-ad.right-ad {
            right: 16px;
            border-right: 2px solid #1976d2;
        }

        /* -------- 关闭按钮 -------- */
        .couplet-ad .close-btn {
            position: absolute;
            top: 8px;
            right: 8px;
            width: 28px;
            height: 28px;
            border: none;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.10);
            color: #666;
            font-size: 18px;
            line-height: 28px;
            text-align: center;
            cursor: pointer;
            transition: background 0.25s, color 0.25s, transform 0.2s;
            z-index: 10;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .couplet-ad .close-btn:hover {
            background: #e53935;
            color: #fff;
            transform: rotate(90deg);
        }
        .couplet-ad .close-btn:active {
            transform: rotate(90deg) scale(0.90);
        }

        /* -------- 广告头部 -------- */
        .couplet-ad .ad-header {
            padding: 18px 16px 12px;
            text-align: center;
            color: #fff;
        }
        .couplet-ad .ad-header .ad-icon {
            font-size: 32px;
            display: block;
            margin-bottom: 6px;
        }
        .couplet-ad .ad-header .ad-title {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 1px;
            margin: 0;
        }
        /* 左联头部 */
        .left-ad .ad-header {
            background: linear-gradient(145deg, #f57c00, #e65100);
        }
        /* 右联头部 */
        .right-ad .ad-header {
            background: linear-gradient(145deg, #1976d2, #0d47a1);
        }

        /* -------- 广告主体 -------- */
        .couplet-ad .ad-body {
            padding: 16px 16px 18px;
            text-align: center;
        }
        .couplet-ad .ad-body .ad-desc {
            font-size: 14px;
            color: #333;
            line-height: 1.7;
            margin-bottom: 4px;
        }
        .couplet-ad .ad-body .ad-desc strong {
            color: #e65100;
            font-size: 18px;
        }
        .couplet-ad .ad-body .ad-sub {
            font-size: 13px;
            color: #888;
            margin-bottom: 14px;
        }
        .couplet-ad .ad-body .ad-btn {
            display: inline-block;
            padding: 8px 22px;
            border: none;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            transition: background 0.25s, transform 0.15s, box-shadow 0.25s;
            text-decoration: none;
            letter-spacing: 0.5px;
        }
        .couplet-ad .ad-body .ad-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20);
        }
        .couplet-ad .ad-body .ad-btn:active {
            transform: translateY(0);
        }
        /* 左联按钮 */
        .left-ad .ad-body .ad-btn {
            background: linear-gradient(145deg, #f57c00, #e65100);
        }
        .left-ad .ad-body .ad-btn:hover {
            background: linear-gradient(145deg, #ff9100, #f57c00);
        }
        /* 右联按钮 */
        .right-ad .ad-body .ad-btn {
            background: linear-gradient(145deg, #1976d2, #0d47a1);
        }
        .right-ad .ad-body .ad-btn:hover {
            background: linear-gradient(145deg, #1e88e5, #1565c0);
        }

        /* -------- 分隔装饰 -------- */
        .couplet-ad .ad-divider {
            width: 40px;
            height: 3px;
            background: #f57c00;
            margin: 6px auto 12px;
            border-radius: 4px;
        }
        .right-ad .ad-divider {
            background: #1976d2;
        }

        /* -------- 小屏隐藏（<992px）-------- */
        @media (max-width: 991.98px) {
            .couplet-ad {
                display: none !important;
            }
        }

        /* -------- 窄屏大屏微调 -------- */
        @media (min-width: 1400px) {
            .couplet-ad.left-ad {
                left: 28px;
            }
            .couplet-ad.right-ad {
                right: 28px;
            }
            .couplet-ad {
                width: 150px;
                min-height: 330px;
            }
        }
        @media (max-width: 1199.98px) and (min-width: 992px) {
            .couplet-ad {
                width: 148px;
                min-height: 260px;
            }
            .couplet-ad .ad-header .ad-icon {
                font-size: 26px;
            }
            .couplet-ad .ad-header .ad-title {
                font-size: 16px;
            }
            .couplet-ad .ad-body .ad-desc {
                font-size: 13px;
            }
            .couplet-ad .ad-body .ad-btn {
                font-size: 13px;
                padding: 6px 18px;
            }
        }

        /* ============================================================
           接口广告图片样式（有数据时展示图片）
           ============================================================ */

        /* -------- 普通占位广告位：图片填满 -------- */
        .ad-row-under-search .ad-placeholder.has-ad {
            padding: 0;
            overflow: hidden;
            background: #0b1a2e;
        }
        .ad-row-under-search .ad-placeholder .ad-img-link {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            border-radius: inherit;
            z-index: 1;
        }
        .ad-row-under-search .ad-placeholder .ad-img-link .ad-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.35s ease;
        }
        .ad-row-under-search .ad-placeholder .ad-img-link:hover .ad-img {
            transform: scale(1.05);
        }
        .ad-row-under-search .ad-placeholder.has-ad .ad-label {
            z-index: 2;
        }

        /* -------- 对联广告：图片填满整张卡片 -------- */
        .couplet-ad.has-ad {
            background: #fff;
            padding: 0;
        }
        .couplet-ad .couplet-ad-link {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }
        .couplet-ad .couplet-ad-img {
            display: block;
            width: 100%;
            min-height: 330px;
            height: 100%;
            object-fit: cover;
        }
        .couplet-ad .couplet-ad-tag {
            position: absolute;
            top: 8px;
            left: 8px;
            background: rgba(0, 0, 0, 0.55);
            color: #fff;
            font-size: 10px;
            padding: 2px 10px;
            border-radius: 12px;
            font-weight: 500;
            z-index: 5;
            line-height: 1.4;
        }
        @media (max-width: 1199.98px) and (min-width: 992px) {
            .couplet-ad .couplet-ad-img {
                min-height: 260px;
            }
        }

        /* -------- 顶部横幅广告：图片铺满，隐藏原有文案 -------- */
        .top-ad-wrapper.has-ad-img .ad-graphic {
            background: #0b1a2e;
            padding: 0;
        }
        .top-ad-wrapper.has-ad-img .ad-graphic::before,
        .top-ad-wrapper.has-ad-img .ad-graphic::after {
            display: none;
        }
        .top-ad-wrapper.has-ad-img .ad-icon-big,
        .top-ad-wrapper.has-ad-img .ad-title,
        .top-ad-wrapper.has-ad-img .ad-subtitle,
        .top-ad-wrapper.has-ad-img .ad-cta-btn,
        .top-ad-wrapper.has-ad-img .ad-badge {
            display: none;
        }
        .top-ad-wrapper .top-ad-link {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            z-index: 1;
        }
        .top-ad-wrapper .top-ad-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }