body {
    margin: 0;
}

/* 保持原有样式不变 */
.content-container {
    max-width: 72.5vw;
    /* 1200px / 1920 * 100 */
    margin: 1.04vw auto;
    /* 20px / 1920 * 100 */
    padding: 0 1.04vw;
    /* 20px / 1920 * 100 */
}

.page-title {
    font-size: 1.35vw;
    /* 24px / 1920 * 100 */
    color: #333;
    padding: 0.78vw 0;
    /* 15px / 1920 * 100 */
    border-bottom: 0.104vw solid #00a0e9;
    /* 2px / 1920 * 100 */
    margin-bottom: 1.04vw;
    /* 20px / 1920 * 100 */
}

.list-container {
    background: #fff;
    border-radius: 0.21vw;
    /* 4px / 1920 * 100 */
    box-shadow: 0 0.104vw 0.625vw rgba(0, 0, 0, 0.1);
    /* 2px 12px / 1920 * 100 */
    min-height: 20.83vw;
    /* 400px / 1920 * 100 */
}

.list-item {
    display: flex;
    align-items: center;
    padding: 1.04vw;
    /* 20px / 1920 * 100 */
    border-bottom: 0.052vw solid rgba(51, 153, 255, 0.38);
    /* 1px / 1920 * 100 */
    transition: background-color 0.3s;
}

.list-item:last-child {
    border-bottom: none;
}

.list-item:hover {
    background-color: #f8f9fa;
}

.item-number {
    width: 2.08vw;
    /* 40px / 1920 * 100 */
    height: 2.08vw;
    /* 40px / 1920 * 100 */
    background: #00a0e9;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.83vw;
    /* 16px / 1920 * 100 */
    margin-right: 1.04vw;
    /* 20px / 1920 * 100 */
    flex-shrink: 0;
}

.item-title {
    flex: 1;
    font-size: 1.03vw;
    /* 16px / 1920 * 100 */
    color: #333;
    text-decoration: none;
}

.item-title:hover {
    color: #00a0e9;
}

.item-time {
    color: #999;
    font-size: 0.93vw;
    /* 14px / 1920 * 100 */
    margin-left: 1.04vw;
    /* 20px / 1920 * 100 */
    flex-shrink: 0;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 1.04vw;
    /* 20px / 1920 * 100 */
    gap: 0.52vw;
    /* 10px / 1920 * 100 */
}

.pagination button {
    padding: 0.42vw 0.83vw;
    /* 8px 16px / 1920 * 100 */
    border: 0.052vw solid #ddd;
    /* 1px / 1920 * 100 */
    background: white;
    color: #333;
    cursor: pointer;
    border-radius: 0.21vw;
    /* 4px / 1920 * 100 */
    transition: all 0.3s;
}

.pagination button:hover:not(:disabled) {
    background: #00a0e9;
    color: white;
    border-color: #00a0e9;
}

.pagination button.active {
    background: #00a0e9;
    color: white;
    border-color: #00a0e9;
}

.pagination button:disabled {
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
}

/* 加载动画 */
.loading {
    text-align: center;
    padding: 1.04vw;
    /* 20px / 1920 * 100 */
    color: #666;
}

/* 空状态 */
.empty-state {
    text-align: center;
    padding: 2.08vw 1.04vw;
    /* 40px 20px / 1920 * 100 */
    color: #666;
}