* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* 容器整体布局：支持 1790px 最大宽度，高与边距按分辨率自适应 */
        .snapshot-container {
            position: relative;
            width: 100%;
            max-width: 1790px;
            /* 最小高度在 400px 到 550px 之间自适应 */
            min-height: clamp(400px, 30vw, 550px);
            margin: 0 auto;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* 动态内边距：上下 30~60px，左右 20~100px */
            padding: clamp(30px, 4vw, 60px) clamp(20px, 5vw, 100px);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: #ffffff;
            background: #0d3882; /* 兜底背景色 */
        }

        /* 动态背景画布 */
        .snapshot-bg-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        /* 内容区域：弹性布局 + 动态间距 */
        .snapshot-content {
            position: relative;
            z-index: 2;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: clamp(20px, 4vw, 60px);
        }

        /* 左侧标题：字体大小在 26px ~ 40px 之间平滑缩放 */
        .snapshot-title {
            font-size: clamp(26px, 2.5vw, 40px);
            font-weight: 500;
            line-height: 1.25;
            letter-spacing: -0.5px;
            flex: 0 0 auto;
            max-width: 320px;
        }

        /* 右侧网格：大屏 1行2个，列间距在 30px ~ 120px 间自适应 */
        .snapshot-stats-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: clamp(30px, 6vw, 120px);
            row-gap: clamp(24px, 3vw, 50px);
            flex-grow: 1;
            max-width: 1050px;
        }

        .stat-item {
            display: flex;
            flex-direction: column;
            min-width: 0; /* 防止子项溢出 Grid */
        }

        /* 数字字体自适应：大小在 36px ~ 100px 之间自适应，避免中文/长数字换行错位 */
        .stat-number {
            font-size: clamp(36px, 4.8vw, 100px);
            font-weight: 400;
            line-height: 1.05;
            letter-spacing: -1px;
            margin-bottom: clamp(8px, 1vw, 16px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* 数字下方描述文字：字号在 14px ~ 22px 之间平滑缩放 */
        .stat-label {
            font-size: clamp(14px, 1.2vw, 22px);
            font-weight: 400;
            line-height: 1.35;
            opacity: 0.9;
            max-width: 420px;
        }

        /* 中等屏幕 / 笔记本电脑自适应调整 */
        @media (max-width: 1200px) {
            .snapshot-stats-grid {
                column-gap: clamp(20px, 4vw, 50px);
            }
        }

        /* 移动端响应式：右侧数字变一行一个（左对齐） */
        @media (max-width: 768px) {
            .snapshot-container {
                min-height: auto;
            }

            .snapshot-content {
                flex-direction: column;
                align-items: flex-start;
                gap: 30px;
            }

            .snapshot-title {
                max-width: 100%;
            }

            .snapshot-stats-grid {
                grid-template-columns: 1fr; /* 变成单列一行一个 */
                row-gap: 28px;
                width: 100%;
            }

            .stat-number {
                white-space: normal; /* 移动端超小屏允许正常换行 */
            }
        }