/* 全局重置，避免默认样式干扰 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #ffffff; /* 页面背景色，区分小盒子 */
        }

        /* 外层大盒子 - 占满屏幕宽度 */
        .custom-full-container {
            width: 100%;
            padding: 40px 20px; /* 上下内边距，左右适配移动端 */
        }

        /* 内部容器 - 最大宽度1180px，居中 */
        .custom-box-wrapper {
            max-width: 1180px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 响应式列布局 */
            gap: 30px; /* 小盒子之间的间距（30px） */
        }

        /* 小盒子基础样式 */
        .custom-item-box {
            background-color: #ffffff; /* 白色背景 */
			border:1px solid #e0e0e0;
            padding: 20px;
            border-radius: 4px; /* 可选：轻微圆角，提升视觉 */
            transition: box-shadow 0.3s ease; /* 阴影过渡动画，更丝滑 */
            cursor: pointer; /* 鼠标指针样式 */
        }

        /* 小盒子hover效果 - 灰色渐变阴影（30px扩散，近深远浅） */
        .custom-item-box:hover {
            box-shadow: 0 0 30px rgba(150, 150, 150, 0.5); /* 核心：扩散30px，rgba实现渐变（越远透明度越低） */
        }

        /* 标题样式：黑色、加粗、左对齐、margin-bottom */
        .custom-item-title {
            color: #000000;
            font-weight: bold;
            font-size: 18px;
            text-align: left;
            margin-bottom: 10px;
        }

        /* 时间样式：深灰色、左对齐、margin-bottom */
        .custom-item-time {
            color: #666666;
            font-size: 14px;
            text-align: left;
            margin-bottom: 15px;
        }

        /* 分割线：90%长度、1px粗、居中 */
        .custom-item-divider {
            width: 90%;
            height: 1px;
            background-color: #e0e0e0;
            margin: 0 auto 15px; /* 居中 + 上下间距 */
        }

        /* 内容样式：深灰色、左对齐 */
        .custom-item-content {
            color: #666666;
            font-size: 14px;
            line-height: 1.6; /* 行高提升可读性 */
            text-align: left;
        }