2 lines
5.0 KiB
CSS
2 lines
5.0 KiB
CSS
@media (max-width:768px){.traffic-dashboard[data-v-f50833b6]{padding:8px}.layout-row[data-v-f50833b6]{flex-direction:column}.tree-col[data-v-f50833b6]{margin-bottom:12px}.tree-card[data-v-f50833b6] .ant-card-body{max-height:200px}.chart-container[data-v-f50833b6]{height:220px!important}}.traffic-dashboard[data-v-f50833b6]{padding:16px}.layout-row[data-v-f50833b6]{flex-wrap:wrap}.layout-row[data-v-f50833b6],.tree-card[data-v-f50833b6],.tree-col[data-v-f50833b6]{display:flex}.tree-card[data-v-f50833b6]{border-radius:8px;flex-direction:column;width:100%}.tree-card[data-v-f50833b6] .ant-card-head{min-height:44px;padding:0 16px}.tree-card[data-v-f50833b6] .ant-card-head .ant-card-head-title{font-size:14px;font-weight:600;padding:12px 0}.tree-card[data-v-f50833b6] .ant-card-body{flex:1;overflow-y:auto;padding:12px 16px}.tree-card[data-v-f50833b6] .ant-tree{background:transparent}.content-header[data-v-f50833b6]{align-items:baseline;display:flex;gap:8px}.content-title[data-v-f50833b6]{color:#262626;font-size:16px;font-weight:600}.content-subtitle[data-v-f50833b6]{color:#8c8c8c;font-size:13px}.metric-card[data-v-f50833b6]{border-radius:8px;overflow:hidden;transition:all .3s ease}.metric-card[data-v-f50833b6]:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.metric-card[data-v-f50833b6] .ant-card-body{padding:16px}.metric-card .metric-content[data-v-f50833b6]{align-items:center;display:flex;gap:12px}.metric-card .metric-icon[data-v-f50833b6]{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.metric-card .metric-info[data-v-f50833b6]{flex:1}.metric-card .metric-label[data-v-f50833b6]{color:#262626;font-size:13px;margin-bottom:2px}.metric-card--in .metric-icon[data-v-f50833b6]{background:#f6ffed;color:#52c41a}.metric-card--out .metric-icon[data-v-f50833b6]{background:#fff1f0;color:#ff4d4f}.metric-card--yin .metric-icon[data-v-f50833b6]{background:#e6f4ff;color:#1677ff}.metric-card--yout .metric-icon[data-v-f50833b6]{background:#fff7e6;color:#fa8c16}.chart-row[data-v-f50833b6]{display:flex;flex-wrap:wrap}.chart-row[data-v-f50833b6]>.ant-col{display:flex}.chart-card[data-v-f50833b6]{border-radius:8px;transition:all .3s ease}.chart-card--full[data-v-f50833b6]{display:flex;flex-direction:column;width:100%}.chart-card--full[data-v-f50833b6] .ant-card-body{flex:1}.chart-card[data-v-f50833b6]:hover{box-shadow:0 2px 12px #0000000d}.chart-card[data-v-f50833b6] .ant-card-head{min-height:44px;padding:0 16px}.chart-card[data-v-f50833b6] .ant-card-head .ant-card-head-title{font-size:14px;font-weight:600;padding:12px 0}.chart-card[data-v-f50833b6] .ant-card-body{padding:12px 16px 16px}.chart-card .info-icon[data-v-f50833b6]{color:#8c8c8c;cursor:help;font-size:14px}.chart-card .info-icon[data-v-f50833b6]:hover{color:#1677ff}.chart-card .chart-container[data-v-f50833b6]{height:280px}.analysis-card[data-v-f50833b6] .ant-card-body{display:flex;flex-direction:column;padding:0}.analysis-list[data-v-f50833b6]{display:grid;flex:1;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0;gap:0}.analysis-item[data-v-f50833b6]{align-items:center;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:center;padding:12px 8px;text-align:center}.analysis-item[data-v-f50833b6]:nth-child(2n){border-right:none}.analysis-item[data-v-f50833b6]:nth-child(n+3){border-bottom:none}.analysis-item__header[data-v-f50833b6]{align-items:center;display:flex;gap:4px;margin-bottom:8px}.analysis-item__icon[data-v-f50833b6]{font-size:14px}.analysis-item__icon--orange[data-v-f50833b6]{color:#fa8c16}.analysis-item__icon--red[data-v-f50833b6]{color:#ff4d4f}.analysis-item__icon--green[data-v-f50833b6]{color:#52c41a}.analysis-item__icon--blue[data-v-f50833b6]{color:#1677ff}.analysis-item__icon--purple[data-v-f50833b6]{color:#722ed1}.analysis-item__title[data-v-f50833b6]{color:#8c8c8c;font-size:12px;font-weight:500}.analysis-item__body[data-v-f50833b6]{align-items:center;display:flex;flex-direction:column;gap:2px}.analysis-item__value[data-v-f50833b6]{color:#262626;font-size:18px;font-weight:700;line-height:1.2}.analysis-item__value--muted[data-v-f50833b6]{color:#bfbfbf;font-size:13px;font-weight:400}.analysis-item__desc[data-v-f50833b6]{color:#8c8c8c;font-size:11px}.analysis-item__bar[data-v-f50833b6]{background:#f5f5f5;border-radius:2px;height:4px;margin:4px 0 2px;overflow:hidden;width:80%}.analysis-item__bar-fill[data-v-f50833b6]{background:linear-gradient(90deg,#52c41a,#95de64);border-radius:2px;height:100%;transition:width .6s ease}html.dark .content-title[data-v-f50833b6]{color:#ffffffd9}html.dark .content-subtitle[data-v-f50833b6]{color:#ffffff73}html.dark .metric-card .metric-label[data-v-f50833b6]{color:#ffffffa6}html.dark .analysis-item[data-v-f50833b6]{border-color:#ffffff14}html.dark .analysis-item__title[data-v-f50833b6]{color:#ffffff73}html.dark .analysis-item__value[data-v-f50833b6]{color:#ffffffd9}html.dark .analysis-item__desc[data-v-f50833b6]{color:#ffffff59}html.dark .analysis-item__bar[data-v-f50833b6]{background:#ffffff14}
|