body {
            font-family: 'Inter', sans-serif;
            background-color: #FFFFFF;
            color: #000000;
            margin: 0;
            padding: 0;
            padding-top: 80px; /* 为固定的header预留空间 */
        }

        h2 {
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中（如果需要） */
        }

        .gradient-arc {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200px;
            background: linear-gradient(180deg, rgba(0, 196, 140, 0.1) 0%, rgba(0, 168, 107, 0.2) 100%);
            border-radius: 100% 100% 0 0;
            transform: scale(1.5);
            z-index: -1;
        }

        .feature-card {
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-5px);
        }

        .app-screenshot {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            border-radius: 12px;
        }

        .module-container {
            position: relative;
            width: 100%;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 32px;
            scroll-margin-top: 120px; /* 用于平滑滚动定位 */
            padding-bottom: 10px;
        }


        .star-icon {
            position: absolute;
            right: 24px;
            top: 24px;
            color: #00C48C;
        }

        .dashed-circle {
            position: absolute;
            border: 1px dashed rgba(0, 196, 140, 0.3);
            border-radius: 50%;
        }

        .image-container {
            border-radius: 8px;
            padding: 0;
            /*margin: 8px 0;*/
            margin: 0;
            overflow: hidden;
        }

        .image-title {
            background: #E0E0E0;
            padding: 8px 12px;
            font-size: 14px;
            color: #333;
        }

        .image-description {
            padding: 8px 12px;
            font-size: 12px;
            color: #666;
        }

        .action-button {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #F5F5F5;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;
            cursor: pointer;
            transition: all 0.2s;
        }

        .action-button:hover {
            background: #E0E0E0;
        }

        .tab {
            padding: 6px 12px;
            background: #F5F5F5;
            border-radius: 4px;
            font-size: 12px;
            color: #666;
            margin-right: 8px;
        }

        /* 精确调整为980px的image-grid */
        .image-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
            gap: 15px;
            padding: 8px 0;
            max-width: 980px;
            margin: 0 auto;
            box-sizing: border-box;
            justify-items: start; /* 水平左对齐 */
            align-items: start; /* 垂直顶部对齐（新增） */
        }

        .image-grid img,
        .image-grid video {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: block;
            border-radius: 8px;
            /* 新增：强制重置所有默认间距和边框 */
            margin: 0;
            padding: 0;
            border: 0; /* 移除可能的默认边框 */
            outline: 0; /* 移除可能的聚焦轮廓 */
            box-sizing: border-box; /* 确保宽度计算包含边框/内边距（如果后续添加） */
        }

        .image-grid video {
            transform: scale(1.23);
            height: 430px;
        }

        .logo-img {
            width: 100%;
            max-width: 433px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .logo {
            width: 100%;
            max-width: 120px;
        }

        /* 平滑滚动 */
        html {
            scroll-behavior: smooth;
        }

        /* 固定头部导航样式 */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background-color: white;
            z-index: 1000; /* 确保在其他内容上方 */
            /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); !* 轻微阴影增强层次感 *!*/
        }

        /* 在原有样式基础上添加 */
        nav a {
            transition: all 0.3s ease; /* 统一过渡效果 */
            border-radius: 10px; /* 初始圆角，选中时生效 */
            /* 增加内边距以容纳圆形背景 */
            padding: 8px 12px;
            position: relative;
            text-decoration: none;
        }

        /* 选中状态样式（点击时） */
        nav a:active {
            background-color: #000;
            color: white !important;
        }

        /* 可选：当前页面激活状态（需配合JS添加active类） */
        nav a.active {
            background-color: black;
            color: white;
        }

        main {
            margin-top: 30px;
        }

        /* 针对980px屏幕的优化 */
        @media (max-width: 980px) {
            .image-grid {
                width: 100%;
                max-width: calc(100% - 30px); /* 减去左右padding */
            }

            .image-item img,
            .image-item video {
                height: 160px; /* 小屏幕调整高度 */
            }
        }