/* ========== 1. 全局统一高奢朦胧毛玻璃变量体系 ========== */
        :root {
            --primary-dark: #1F2716;
            --primary-main: #5F6941;
            --primary-light: #828D5F;

            --glass-blur: blur(30px) saturate(140%);
            --glass-card-bg: linear-gradient(135deg, rgba(20, 26, 16, 0.42) 0%, rgba(8, 12, 6, 0.32) 100%);
            --glass-border-light: 1px solid rgba(255, 255, 255, 0.15);
            --glass-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);

            --radius-lg: 28px;
            --transition-premium: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html {
            scroll-behavior: smooth;
            font-size: 18px !important;
            scrollbar-gutter: auto !important;
        }

        body {
            font-family: 'Noto Serif SC', 'Source Han Serif CN', 'PingFang SC', sans-serif !important;
            color: rgba(255, 255, 255, 0.95);
            line-height: 1.8;
            overflow-x: hidden;
            background: linear-gradient(to bottom, rgba(11, 15, 8, 0) 0%, rgba(5, 7, 4, 0) 100%),
                        url("/static/banner/微信图片_20260722114631_37_19.png?v=1.1") center/cover no-repeat fixed;
        }

        .container {
            width: 100%;
            max-width: 1400px;
            min-width: 0;
            margin: 0 auto !important;
            padding-left: 45px;
            padding-right: 45px;
        }

        /* ========== 顶置沉浸式页头 ========== */
        .page-header-premium {
            min-height: 380px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 100px;
            position: relative;
        }
        .page-header-content { text-align: center; z-index: 2; }
        .page-header-premium h1 {
            font-family: 'Noto Serif SC', serif !important;
            font-size: 3.8rem;
            font-weight: 300;
            color: #ffffff;
            letter-spacing: 12px;
            margin-bottom: 10px;
            text-shadow: 0 4px 20px rgba(0,0,0,0.6);
        }
        .page-header-premium p {
            font-family: 'PingFang SC', sans-serif;
            font-size: 1.2rem;
            color: rgba(255,255,255,0.85);
            letter-spacing: 4px;
        }

        .section-premium {
            padding: 10px 0 80px 0 !important;
            position: relative;
        }

        /* 🚀 修复点：添加 height: 100% !important 锁定列卡片完全对齐 */
        .card-link-wrapper {
            text-decoration: none !important;
            color: inherit !important;
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* ========== 头条巨幕舱 ========== */
        .news-giant-featured-card {
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-blur) !important;
            -webkit-backdrop-filter: var(--glass-blur) !important;
            border: var(--glass-border-light) !important;
            box-shadow: var(--glass-shadow);
            border-radius: var(--radius-lg);
            overflow: hidden;
            margin-bottom: 0 !important;
            transition: var(--transition-premium);
            cursor: pointer;
        }
        .news-giant-featured-card:hover {
            transform: translateY(-4px);
            background: linear-gradient(135deg, rgba(30, 38, 24, 0.5) 0%, rgba(12, 18, 10, 0.4) 100%) !important;
            border-color: rgba(255, 255, 255, 0.3) !important;
            box-shadow: 0 40px 80px rgba(0,0,0,0.5);
        }
        .news-giant-img-wrap { height: 320px; overflow: hidden; position: relative; }
        .news-giant-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition-premium); filter: brightness(0.9); }
        .news-giant-featured-card:hover .news-giant-img-wrap img { transform: scale(1.03); filter: brightness(1); }

        .news-giant-content-wrap { padding: 30px 35px; }
        .news-premium-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 12px; flex-wrap: wrap; }

        .news-premium-category {
            display: inline-block;
            background: rgba(130, 141, 95, 0.2) !important;
            color: var(--primary-light) !important;
            border: 1px solid rgba(130, 141, 95, 0.35) !important;
            padding: 3px 12px;
            font-family: 'Courier New', monospace;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 2px;
            clip-path: polygon(0 0, 92% 0, 100% 35%, 100% 100%, 8% 100%, 0 65%);
            text-shadow: 0 0 8px rgba(130, 141, 95, 0.4);
        }
        .news-premium-date { font-family: 'PingFang SC', sans-serif; font-size: 0.9rem; color: rgba(255,255,255,0.7); display: flex; align-items: center; gap: 6px; }

        .news-giant-content-wrap h3 {
            font-family: 'Noto Serif SC', serif !important;
            font-size: 1.75rem;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 10px;
            line-height: 1.4;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }
        .news-giant-content-wrap p {
            font-family: 'PingFang SC', sans-serif;
            font-size: 0.98rem;
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.7;
            margin-bottom: 18px;
        }

        .btn-capsule-outline {
            padding: 6px 22px; font-size: 0.88rem; font-weight: 500; color: #ffffff; border: 1px solid rgba(255,255,255,0.5); border-radius: 40px; background: transparent; transition: var(--transition-premium); text-decoration: none; display: inline-block; letter-spacing: 1.5px;
        }
        .news-giant-featured-card:hover .btn-capsule-outline { background: #ffffff; color: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(255,255,255,0.2); border-color: #ffffff; }

        .force-pull-up-row {
            margin-top: 25px !important;
        }

        /* ========== 6个列表网格卡片 ========== */
        .news-grid-glass-card {
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-blur) !important;
            -webkit-backdrop-filter: var(--glass-blur) !important;
            border: var(--glass-border-light) !important;
            border-radius: var(--radius-lg);
            overflow: hidden;
            transition: var(--transition-premium);

            min-height: 480px !important;
            height: 100% !important;

            display: flex;
            flex-direction: column;
            box-shadow: var(--glass-shadow);
            position: relative;
            cursor: pointer;
        }
        .news-grid-glass-card:hover {
            transform: translateY(-6px);
            border-color: rgba(255,255,255,0.3) !important;
            background: linear-gradient(135deg, rgba(30, 38, 24, 0.5) 0%, rgba(12, 18, 10, 0.4) 100%) !important;
            box-shadow: 0 35px 70px rgba(0,0,0,0.5);
        }

        .news-serial-num {
            position: absolute; top: 18px; right: 22px;
            font-family: 'Times New Roman', Times, serif;
            font-size: 1.8rem; font-weight: 200;
            color: rgba(255,255,255,0.25);
            z-index: 5;
            transition: var(--transition-premium);
        }
        .news-grid-glass-card:hover .news-serial-num { color: var(--primary-light); transform: translateX(-4px); }

        .news-grid-img-wrap { height: 210px !important; flex-shrink: 0; overflow: hidden; }
        .news-grid-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: var(--transition-premium); filter: brightness(0.9); }
        .news-grid-glass-card:hover .news-grid-img-wrap img { transform: scale(1.04); filter: brightness(1); }

        .news-grid-body {
            padding: 24px 26px 20px 26px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .news-grid-body h4 {
            font-family: 'Noto Serif SC', serif;
            font-size: 1.25rem;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 8px;
            line-height: 1.45;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-shadow: 0 2px 8px rgba(0,0,0,0.4);
        }

        .news-grid-body p {
            font-family: 'PingFang SC', sans-serif;
            font-size: 0.92rem;
            color: rgba(255,255,255,0.8);
            line-height: 1.65;
            margin-bottom: 14px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .news-grid-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 14px;
            border-top: 1px solid rgba(255,255,255,0.1);
            margin-top: auto;
        }
        .news-grid-link { font-family: 'PingFang SC', sans-serif; color: var(--primary-light); font-weight: 600; text-decoration: none; font-size: 0.92rem; transition: var(--transition-premium); }
        .news-grid-glass-card:hover .news-grid-link { color: #ffffff; padding-left: 4px; }

        .fade-in-up { opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        .fade-in-up.visible { opacity: 1; transform: translateY(0); }