#collectionTrendPlot{width:100%;min-width:0;max-width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
.collection-trend-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.collection-trend-svg{display:block;max-width:none;overflow:hidden;font-family:inherit}
.collection-gridline{stroke:#e8eef5;stroke-width:1;stroke-dasharray:3 4}
.collection-axis-label{fill:#94a3b8;font-size:12px;font-variant-numeric:tabular-nums}
.collection-target{stroke:#10b981;stroke-width:1.5;stroke-dasharray:6 5;pointer-events:none}
.collection-target-label{fill:#059669;font-size:12px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:4px;pointer-events:none}
.collection-trend-period{cursor:pointer;outline:none}
.collection-hit{fill:transparent;pointer-events:all}
.collection-trend-line{fill:none;stroke:#3b82f6;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.collection-trend-area{fill:url(#collectionTrendArea);pointer-events:none}
.collection-point{fill:#fff;stroke:#3b82f6;stroke-width:2;pointer-events:none}
.collection-point-halo{fill:#3b82f6;opacity:0;pointer-events:none}
.collection-focus-guide{stroke:#93b5ee;stroke-width:1;stroke-dasharray:4 4;opacity:0;pointer-events:none}
.collection-trend-period.is-warning .collection-point{stroke:#f59e0b}
.collection-trend-period.is-warning .collection-point-halo{fill:#f59e0b}
.collection-trend-period:hover .collection-point-halo,.collection-trend-period:focus-visible .collection-point-halo{opacity:.18}
.collection-trend-period:hover .collection-focus-guide,.collection-trend-period:focus-visible .collection-focus-guide{opacity:1}
.collection-trend-period:hover .collection-point,.collection-trend-period:focus-visible .collection-point{stroke-width:3}
.collection-value{fill:#475569;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}
.collection-trend-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 0;border:1px solid #edf1f7;border-radius:8px;background:#f8faff}
.collection-trend-stats>div{padding:0 15px;border-right:1px solid #e6ebf3;display:flex;flex-direction:column;gap:4px}
.collection-trend-stats>div:last-child{border:0}
.collection-trend-stats span{font-size:13px;color:#6b7b91}
.collection-trend-stats strong{font-size:26px;font-weight:650;color:#2563eb;line-height:1.2;font-variant-numeric:tabular-nums}
.collection-trend-stats strong small{font-size:13px;font-weight:500;margin-left:2px}
.collection-trend-insight{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:14px;color:#8592a6;font-size:13px}
#collectionTrendPlot{flex:1;display:flex;align-items:center}
#collectionTrendCard .legend>span:before{background:#3b82f6}
#collectionTrendCard .legend>.green:before{background:#10b981}
#collectionTrendHint{margin:0;color:#94a3b8;font-size:12px;line-height:1.7}
.collection-trend-empty{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#94a3b8;font-size:14px;background:#fafcff;border-radius:6px}
@media(max-width:760px){.collection-trend-stats>div{padding:0 10px}.collection-trend-stats strong{font-size:24px}.collection-trend-insight{font-size:12px}.collection-trend-empty{min-height:190px;padding:16px}#collectionTrendHint{font-size:12px}}