.account-overview { margin: 12px; }
.overview-card { background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); border-radius: var(--radius-md); padding: 20px; color: white; }
.overview-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; font-size: 0.95rem; }
.overview-total { font-size: 1.5rem; font-weight: bold; }
.overview-list { display: flex; justify-content: space-around; }
.overview-item { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.item-icon { font-size: 1.8rem; }
.item-name { font-size: 0.75rem; opacity: 0.9; }
.item-count { font-size: 1rem; font-weight: 500; }
.ticket-records { margin: 12px; background: var(--bg-primary); border-radius: var(--radius-md); padding: 16px; }
.section-title { font-size: 1rem; margin-bottom: 16px; }
.record-list { display: flex; flex-direction: column; gap: 16px; }
.record-item { display: flex; justify-content: space-between; align-items: center; }
.record-left { display: flex; align-items: center; gap: 12px; }
.record-icon { width: 40px; height: 40px; background: var(--bg-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.record-info { display: flex; flex-direction: column; gap: 4px; }
.record-title { font-size: 0.9rem; color: var(--text-primary); }
.record-time { font-size: 0.75rem; color: var(--text-tertiary); }
.record-change { font-size: 1rem; font-weight: 500; }
.record-change.add { color: var(--success); }
.record-change.minus { color: var(--error); }
.ticket-rules { margin: 12px; background: var(--bg-primary); border-radius: var(--radius-md); padding: 16px; margin-bottom: 100px; }
.rules-content p { font-size: 0.85rem; color: var(--text-secondary); padding: 8px 0; }