/* ========== 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-border-dark: 1px solid rgba(255, 255, 255, 0.08);
            --glass-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);

            --radius-pill: 60px;
            --radius-lg: 28px;
            --radius-xl: 36px;
            --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.9;
            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;
        }

        /* 🚀 专为 4 个原尺寸卡片设计的超宽容器 (4 × 400px 卡片 + 间距) */
        .container-xl-custom {
            width: 100%;
            max-width: 1600px;
            min-width: 0;
            margin: 0 auto !important;
            padding-left: 45px;
            padding-right: 45px;
        }

        /* ========== Page Header ========== */
        .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: 4.2rem;
            font-weight: 300;
            color: #ffffff;
            letter-spacing: 12px;
            margin-bottom: 20px;
            text-shadow: 0 4px 20px rgba(0,0,0,0.6);
        }
        .page-header-premium p {
            font-family: 'PingFang SC', sans-serif;
            font-size: 1.3rem;
            color: rgba(255,255,255,0.85);
            letter-spacing: 4px;
        }

        .section-premium { padding: 80px 0; position: relative; }
        .section-title-premium { margin-bottom: 60px; text-align: left; }
        .section-title-premium h2 {
            font-family: 'Noto Serif SC', serif !important;
            font-size: 3.2rem;
            font-weight: 300;
            color: #ffffff;
            letter-spacing: 4px;
            text-shadow: 0 4px 15px rgba(0,0,0,0.5);
        }

        /* ========== 🚀 1. 联系方式毛玻璃卡片舱 ========== */
        .contact-glass-card {
            background: var(--glass-card-bg) !important;
            backdrop-filter: var(--glass-blur) !important;
            -webkit-backdrop-filter: var(--glass-blur) !important;
            border-radius: var(--radius-lg);
            padding: 60px 35px; /* 🚀 保持原来宽裕的大 Padding */
            text-align: center;
            border: var(--glass-border-light) !important;
            box-shadow: var(--glass-shadow);
            transition: var(--transition-premium);
            height: 100%;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }
        .contact-glass-card:hover {
            transform: translateY(-8px);
            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 40px 80px rgba(0,0,0,0.5);
        }

        /* 序号衬底 */
        .contact-card-serial {
            position: absolute; top: 30px; right: 35px;
            font-family: 'Times New Roman', Times, serif;
            font-size: 3rem; font-weight: 200;
            color: rgba(255,255,255,0.12);
            line-height: 1;
            transition: var(--transition-premium);
        }
        .contact-glass-card:hover .contact-card-serial { color: var(--primary-light); transform: scale(1.05); }

        .contact-icon-shell {
            width: 80px; height: 80px;
            background: rgba(255,255,255,0.06);
            border: var(--glass-border-light);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 30px;
            transition: var(--transition-premium);
            flex-shrink: 0;
        }
        .contact-glass-card:hover .contact-icon-shell { transform: scale(1.06); background: #ffffff; border-color: #ffffff; }
        .contact-icon-shell i { font-size: 2rem; color: #ffffff; transition: var(--transition-premium); }
        .contact-glass-card:hover .contact-icon-shell i { color: var(--primary-dark); }

        .contact-glass-card h4 { font-family: 'Noto Serif SC', serif; font-size: 1.55rem; font-weight: 500; color: #ffffff; margin-bottom: 12px; }
        .contact-glass-card p { font-family: 'PingFang SC', sans-serif; font-size: 1rem; color: rgba(255,255,255,0.65); margin-bottom: 20px; }
        .contact-premium-value { font-family: 'Noto Serif SC', serif; font-size: 1.45rem; font-weight: 400; color: var(--primary-light); text-shadow: 0 2px 12px rgba(0,0,0,0.3); margin-top: auto; }

        /* 🚀 二维码专属白色卡槽 */
        .qrcode-wrapper {
            width: 140px;
            height: 140px;
            padding: 8px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 16px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            transition: var(--transition-premium);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: auto;
        }
        .qrcode-wrapper img {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 8px;
            object-fit: cover;
        }
        .contact-glass-card:hover .qrcode-wrapper {
            transform: scale(1.05);
            background: #ffffff;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        }

        /* ========== CTA 流光切断收尾 ========== */
        .cta-premium-strip {
            background: transparent !important;
            padding: 100px 0 80px 0;
            border-top: 1px solid rgba(255,255,255,0.06);
        }

        /* 渐入动效 */
        .fade-in-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .fade-in-up.visible { opacity: 1; transform: translateY(0); }