diff --git a/src/lib/components/admin/AnalyticsPanel.svelte b/src/lib/components/admin/AnalyticsPanel.svelte index 65b2cf9..78e4085 100644 --- a/src/lib/components/admin/AnalyticsPanel.svelte +++ b/src/lib/components/admin/AnalyticsPanel.svelte @@ -667,8 +667,9 @@ display: grid; grid-template-columns: 7fr 3fr; /* 增加图表宽度,缩小右侧网格 */ gap: 0; - border: 2px solid var(--text-color, #000); - background: transparent; + border: 1px solid var(--text-color, #000); + background: var(--bg-color, #ffffff); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); } @media (max-width: 900px) { @@ -693,13 +694,13 @@ .core-metrics { display: grid; grid-template-columns: 1fr 1fr; - border-left: 2px solid var(--text-color, #000); + border-left: 1px solid var(--text-color, #000); } @media (max-width: 900px) { .core-metrics { border-left: none; - border-top: 2px solid var(--text-color, #000); + border-top: 1px solid var(--text-color, #000); } } @@ -717,12 +718,12 @@ /* 为 2x2 网格绘制内部边框 */ .metric-item:nth-child(1), .metric-item:nth-child(2) { - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } .metric-item:nth-child(1), .metric-item:nth-child(3) { - border-right: 2px solid var(--text-color, #000); + border-right: 1px solid var(--text-color, #000); } @media (max-width: 600px) { @@ -736,7 +737,7 @@ .metric-item:nth-child(1), .metric-item:nth-child(2), .metric-item:nth-child(3) { - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } } @@ -775,15 +776,16 @@ } .quota-container { - border: 2px solid var(--text-color, #000); - background: transparent; + border: 1px solid var(--text-color, #000); + background: var(--bg-color, #ffffff); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); display: grid; grid-template-columns: repeat(3, 1fr); } .quota-item { padding: 24px 20px; - border-right: 2px solid var(--text-color, #000); + border-right: 1px solid var(--text-color, #000); } .quota-item:last-child { border-right: none; @@ -795,7 +797,7 @@ } .quota-item { border-right: none; - border-bottom: 2px solid var(--text-color, #000); + border-bottom: 1px solid var(--text-color, #000); } .quota-item:last-child { border-bottom: none;