67 lines
1.5 KiB
CSS
67 lines
1.5 KiB
CSS
/* 客户服务记录页 — customer-service-records.html */
|
|
body {
|
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
}
|
|
.tabnum { font-variant-numeric: tabular-nums; }
|
|
|
|
.record-card {
|
|
background: #fff;
|
|
border-radius: 14px;
|
|
padding: 14px 16px;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
|
|
border: 1px solid #f0f0f0;
|
|
transition: all 0.2s ease;
|
|
}
|
|
.record-card:active { background: #fafafa; }
|
|
|
|
.record-date {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #242424;
|
|
}
|
|
.record-time {
|
|
font-size: 12px;
|
|
color: #a6a6a6;
|
|
}
|
|
.record-duration {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
color: #00a870;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.record-table {
|
|
font-size: 12px;
|
|
color: #0052d9;
|
|
background: #ecf2fe;
|
|
padding: 2px 8px;
|
|
border-radius: 6px;
|
|
font-weight: 500;
|
|
}
|
|
.record-type {
|
|
font-size: 11px;
|
|
padding: 2px 8px;
|
|
border-radius: 6px;
|
|
font-weight: 500;
|
|
}
|
|
.record-type.type-basic { background: rgba(0,168,112,0.1); color: #00a870; }
|
|
.record-type.type-vip { background: rgba(0,82,217,0.1); color: #0052d9; }
|
|
.record-type.type-tip { background: rgba(237,123,47,0.1); color: #ed7b2f; }
|
|
|
|
.record-income {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #242424;
|
|
margin-left: auto;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.record-drinks {
|
|
font-size: 12px;
|
|
color: #8b8b8b;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding-top: 4px;
|
|
border-top: 1px dashed #eeeeee;
|
|
}
|