/* 全局重置 & 基础设置（避免默认样式干扰） */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }

        /* 大盒子（全屏宽度） */
        .custom-main-container {
            width: 100%;
            /* background-color: #f5f5f5; /* 浅灰色背景 */ */
            padding: 0; /* 上下40px，左右20px内边距，适配移动端 */
            min-height: 100vh; /* 可选：让大盒子至少占满屏幕高度 */
        }

        /* 小盒子容器（最大宽度1180px，居中） */
        .custom-box-wrapper {
			
            max-width: 1180px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 30px; /* 小盒子之间30px间距（替代margin，更简洁） */
        }
a:link, a:visited, a:hover, a:active {
            text-decoration: none;
        }
        /* 小盒子样式 - 核心修改：去掉flex-grow，固定宽度 */
        .custom-item-box {
			border:1px solid #e0e0e0;
            /* PC端：固定宽度（总宽度-2个gap间距）/3，禁止拉伸/收缩 */
            flex: 0 0 calc((100% - 60px) / 3); 
            background-color: #ffffff; /* 白色背景 */
            padding: 24px 16px;
            border-radius: 8px; /* 可选：轻微圆角更美观 */
            text-align: center; /* 内部元素居中 */
            transition: all 0.3s ease; /* hover过渡动画 */
        }

        /* 小盒子hover渐变阴影（30px范围，近深远浅） */
        .custom-item-box:hover {
            box-shadow: 
                0 0 1px rgba(100, 100, 100, 0.8),   /* 最内层（近）：深灰色 */
                0 0 10px rgba(100, 100, 100, 0.4),  /* 中间层：中灰色 */
                0 0 20px rgba(100, 100, 100, 0.2),  /* 外层：浅灰色 */
                0 0 30px rgba(100, 100, 100, 0.1);  /* 最外层（远）：极浅灰色 */
        }

        /* 标题样式（黑色加粗） */
        .custom-item-box .title {
            color: #333333;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 8px;
        }

        /* 副标题样式（深灰色） */
        .custom-item-box .subtitle {
            color: #666666;
            font-size: 12px;
            margin-bottom: 16px;
        }

        /* 图片容器（圆形，5px白边+灰色外圈） */
        .custom-img-container {
            width: 120px;
            height: 120px;
            margin: 0 auto 16px; /* 居中+底部间距 */
            border: 1px solid #dddddd; /* 灰色外圈 */
            border-radius: 50%; /* 圆形 */
            padding: 5px; /* 5px白色内边距（白边） */
        }

        /* 图片样式（圆形填充） */
        .custom-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持图片比例，裁剪多余部分 */
            border-radius: 50%; /* 图片圆形 */
        }

        /* 地址样式（深灰色） */
        .custom-item-box .address {
            color: #666666;
            font-size: 12px;
        }

        /* 移动端适配（每行1个小盒子） */
        @media (max-width: 768px) {
            .custom-item-box {
                flex: 0 0 100%; /* 固定占满容器宽度，禁止拉伸/收缩 */
            }
        }