@layer legacy {
/* 平台统计采用独立分组面板；图表使用同一主题主色，类别以金色深浅及文字区分。 */
.home-statistics {
  margin-top: 18px; padding: 16px; border-radius: 20px; background: var(--diagram-surface);
  --category-collectibles: var(--accent);
  --category-books: var(--accent-hover);
  --category-images: var(--accent);
  --category-music: var(--warning);
  --category-movies: var(--border);
  --category-other: var(--muted);
}
.statistics-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.statistics-heading h2 { font-size: 17px; letter-spacing: -.4px; }
.statistics-heading > span { color: var(--muted); font-size: 10px; flex-shrink: 0; }
.statistics-total { padding: 19px 2px 17px; }
.statistics-label { display: block; font-size: 12px; color: var(--muted); }
.statistics-number { display: flex; align-items: baseline; gap: 9px; margin-top: 3px; }
.statistics-number strong { font-size: 40px; line-height: 1.2; font-weight: 650; letter-spacing: -1.7px; }
.statistics-number > span { color: var(--muted); font-size: 12px; }
.statistics-increase {
  display: inline-block; margin-top: 9px; padding: 4px 8px; border-radius: 6px;
  background: var(--selected-surface); color: var(--accent-dark); font-size: 10px;
}
.statistics-panel { padding: 14px 12px; border-radius: 14px; background: var(--surface); }
.statistics-panel + .statistics-panel { margin-top: 10px; }
.statistics-panel-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.statistics-panel-heading h3 { font-size: 13px; font-weight: 600; }
.statistics-panel-heading > span { font-size: 10px; color: var(--muted); }
.asset-trend-chart { display: block; width: 100%; height: auto; margin-top: 10px; overflow: visible; }
.trend-grid { stroke: var(--soft-line); stroke-width: 1; stroke-dasharray: 3 5; }
.trend-axis { fill: var(--muted); font-size: 12px; font-family: inherit; }
.trend-curve { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.trend-current-guide { stroke: var(--accent-soft); stroke-width: 1; stroke-dasharray: 2 4; }
.trend-current-halo { fill: var(--selected-surface); }
.trend-current-dot { fill: var(--accent); stroke: var(--surface); stroke-width: 1.5; }
.composition-overview { display: flex; align-items: center; justify-content: center; gap: 25px; padding: 14px 0; }
.composition-ring { width: 120px; height: 120px; position: relative; flex-shrink: 0; }
.composition-ring svg { display: block; width: 100%; height: 100%; }
.composition-segment { fill: none; stroke: var(--category-color); stroke-width: 15; }
.composition-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.composition-center strong { font-size: 26px; font-weight: 600; line-height: 1.2; }
.composition-center span { font-size: 10px; color: var(--muted); margin-top: 3px; }
.composition-highlight { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.composition-highlight > span { font-size: 10px; color: var(--muted); }
.composition-highlight > strong { font-size: 14px; margin-top: 4px; overflow-wrap: anywhere; }
.composition-highlight > b { color: var(--accent-dark); font-size: 24px; font-weight: 600; margin-top: 3px; }
.composition-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; list-style: none; padding: 0; margin: 0; }
.composition-legend li { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 11px; }
.composition-legend i { width: 6px; height: 6px; border-radius: 2px; background: var(--category-color); flex-shrink: 0; }
.composition-legend li > span { color: var(--muted); overflow-wrap: anywhere; }
.composition-legend li > strong { margin-left: auto; font-weight: 500; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.category-collectibles { --category-color: var(--category-collectibles); }
.category-books { --category-color: var(--category-books); }
.category-images { --category-color: var(--category-images); }
.category-music { --category-color: var(--category-music); }
.category-movies { --category-color: var(--category-movies); }
.category-other { --category-color: var(--category-other); }
@media (max-width: 374px) {
  .home-statistics { padding: 14px; }
  .statistics-panel { padding: 12px 10px; }
  .statistics-number strong { font-size: 36px; }
  .composition-ring { width: 104px; height: 104px; }
  .composition-overview { gap: 16px; }
  .composition-legend { gap: 10px 12px; }
  .composition-legend li { font-size: 10px; }
  .trend-axis { font-size: 13px; }
}

}