.three-color-title {
    /* 关键：水平渐变，按33.33%分割三色 */
    background: linear-gradient(to right, #c8d1ed 33.33%, #8181da 33.33%, #0a0ae6 66.66%, red 66.66%);
    padding: 10px; /* 加内边距，让背景更明显 */
}
/* 表格整体样式 */
.russian-tools-table {
    width: 100%;
    border-collapse: separate; /* 分离边框，用于圆角 */
    border-spacing: 20px; /* 卡片间距 */
    margin: 20px auto;
    max-width: 1200px; /* 最大宽度限制 */
}

/* 单元格样式（工具卡片） */
.russian-tools-table td {
    width: 25%; /* 四等分 */
    padding: 25px 20px;
    text-align: center;
    background-color: #edb6b6;
    border-radius: 12px; /* 圆角 */
    box-shadow: 0 4px 15px rgba(168, 141, 141, 0.08); /* 柔和阴影 */
    transition: all 0.3s ease; /*  hover过渡效果 */
    border-top: 10px solid #0066cc; /* 顶部蓝色线条标识 */
}

/* 鼠标悬浮效果 */
.russian-tools-table td:hover {
    transform: translateY(-5px); /* 轻微上移 */
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.15); /* 加深阴影 */
}

/* 工具标题样式 */
.tool-title {
    font-size: 20px;
    font-weight: bold;
    color: #faf8f9; /* 深蓝主色 */
    margin-bottom: 10px;
}

/* 工具描述样式 */
.tool-desc {
    font-size: 14px;
    color: #d63131;
    line-height: 1.5;
}

/* 响应式：手机端改为上下排列 */
@media (max-width: 768px) {
    .russian-tools-table {
        border-spacing: 10px;
    }
    .russian-tools-table td {
        display: block; /* 转为块级元素 */
        width: 90%; /* 宽度自适应 */
        margin: 0 auto 15px; /* 居中并添加底部间距 */
    }
}