jiapengyu
2 lines
4.0 KiB
CSS
2 lines
4.0 KiB
CSS
.admin-container[data-v-858c90b0]{min-height:100vh;background:#f5f7fa;padding-bottom:1rem}.admin-header[data-v-858c90b0]{background:linear-gradient(135deg,#36f,#254edb);padding:1.5rem 1rem}.header-left[data-v-858c90b0]{color:#fff}.header-title[data-v-858c90b0]{font-size:1.25rem;font-weight:700;display:block}.header-subtitle[data-v-858c90b0]{font-size:.75rem;opacity:.8;margin-top:.125rem}.time-filter[data-v-858c90b0]{display:flex;gap:.5rem;padding:.75rem 1rem;background:#fff}.filter-item[data-v-858c90b0]{padding:.375rem .875rem;background:#f5f5f5;border-radius:.75rem;font-size:.8125rem;color:#666}.filter-item.active[data-v-858c90b0]{background:#36f;color:#fff}.summary-cards[data-v-858c90b0]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;padding:1rem}.summary-card[data-v-858c90b0]{background:#fff;border-radius:.375rem;padding:.625rem .5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 .125rem .375rem rgba(0,0,0,.05)}.card-icon[data-v-858c90b0]{font-size:1.25rem;margin-bottom:.375rem}.card-content[data-v-858c90b0]{display:flex;flex-direction:column;align-items:center;text-align:center}.card-value[data-v-858c90b0]{font-size:.875rem;font-weight:700;color:#36f}.card-label[data-v-858c90b0]{font-size:.625rem;color:#999;margin-top:.125rem}.chart-section[data-v-858c90b0],.detail-section[data-v-858c90b0]{margin:0 1rem 1rem;background:#fff;border-radius:.5rem;padding:.75rem;box-shadow:0 .125rem .375rem rgba(0,0,0,.05)}.section-header[data-v-858c90b0]{margin-bottom:.75rem}.section-title[data-v-858c90b0]{font-size:.9375rem;font-weight:600;color:#333}.chart-list[data-v-858c90b0]{display:flex;flex-direction:column;gap:.625rem}.chart-item[data-v-858c90b0]{display:flex;align-items:center}.chart-rank[data-v-858c90b0]{width:1.5rem;height:1.5rem;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#666;margin-right:.5rem}.chart-rank.rank-1[data-v-858c90b0]{background:gold;color:#fff}.chart-rank.rank-2[data-v-858c90b0]{background:silver;color:#fff}.chart-rank.rank-3[data-v-858c90b0]{background:#cd7f32;color:#fff}.chart-info[data-v-858c90b0]{flex:1}.chart-name[data-v-858c90b0]{font-size:.8125rem;color:#333;margin-bottom:.25rem}.chart-bar-wrap[data-v-858c90b0]{height:.375rem;background:#f0f0f0;border-radius:.1875rem;overflow:hidden}.chart-bar[data-v-858c90b0]{height:100%;background:linear-gradient(90deg,#36f,#254edb);border-radius:.1875rem;transition:width .5s ease}.chart-value[data-v-858c90b0]{font-size:.8125rem;font-weight:600;color:#36f;margin-left:.5rem}.line-chart[data-v-858c90b0]{position:relative;height:9.375rem}.chart-grid[data-v-858c90b0]{position:absolute;top:0;left:0;right:0;bottom:1.25rem;display:flex;flex-direction:column;justify-content:space-between}.grid-line[data-v-858c90b0]{height:.03125rem;background:#f0f0f0}.chart-bars[data-v-858c90b0]{position:absolute;bottom:1.25rem;left:0;right:0;display:flex;justify-content:space-around;align-items:flex-end;height:calc(100% - 1.25rem)}.bar-item[data-v-858c90b0]{display:flex;flex-direction:column;align-items:center;width:10%}.bar[data-v-858c90b0]{width:80%;background:linear-gradient(180deg,#36f,#254edb);border-radius:.125rem .125rem 0 0;min-height:.125rem;transition:height .5s ease}.bar-label[data-v-858c90b0]{font-size:.625rem;color:#999;margin-top:.25rem}.status-stats[data-v-858c90b0]{display:flex;justify-content:space-around}.status-item[data-v-858c90b0]{display:flex;flex-direction:column;align-items:center}.status-circle[data-v-858c90b0]{width:3.75rem;height:3.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.375rem}.status-circle.pending[data-v-858c90b0]{background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-circle.completed[data-v-858c90b0]{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.status-circle.cancelled[data-v-858c90b0]{background:linear-gradient(135deg,#fee2e2,#fecaca)}.status-value[data-v-858c90b0]{font-size:1.25rem;font-weight:700;color:#333}.status-label[data-v-858c90b0]{font-size:.75rem;color:#666}
|