/* 积分列表容器 - 响应式宽度 */
.points-list {
    max-width: 860px; /* PC端最大宽度 */
    margin: 0 auto;   /* 水平居中 */
    width: 100%;      /* 手机端占满宽度 */
    padding: 15px;
    margin-top: -10px;
}

/* 积分卡片容器 - 响应式优化 */
.points-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-bottom: 10px; /* 统一间距，替代内联样式 */
    box-sizing: border-box;
    width: 100%; /* 卡片宽度自适应容器 */
}

/* 标题样式 */
.points-card .title {
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 500;
}

/* 积分变更数值 */
.points-card .change {
    font-size: 14px;
    color: #07c160; /* 绿色表示加分 */
    margin-bottom: 10px;
    font-weight: 500;
}

/* 减分样式 */
.points-card .change.minus {
    color: #ff4d4f; /* 红色表示减分 */
}

/* 变更后积分 */
.points-card .current {
    font-size: clamp(12px, 3.5vw, 14px);
    color: #666;
    margin-bottom: 10px;
}

/* 变更时间 */
.points-card .time {
    font-size: clamp(10px, 3vw, 12px);
    color: #999;
}


/* 媒体查询：针对大屏PC的额外优化 */
@media (min-width: 768px) {
    
    .points-card {
        padding: 25px; /* PC端增加内边距，提升体验 */
    }
}