html,body{max-width:100%;overflow-x:hidden}.analysis-page{width:100%;max-width:1180px;min-width:0;overflow-x:hidden;box-sizing:border-box}.trend-chart-card{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;contain:inline-size}.trend-chart-frame{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden}.trend-y-axis{position:absolute;z-index:5;top:0;left:0;width:54px;background:#fff;border-right:1px solid #bdc8da;box-sizing:border-box;pointer-events:none}.trend-y-axis span{position:absolute;right:8px;transform:translateY(-50%);color:#71819a;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.trend-chart-scroll{position:relative;z-index:1;display:block;width:100%;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab;user-select:none}.trend-chart-scroll.dragging{cursor:grabbing}.trend-chart-scroll::-webkit-scrollbar{display:none}.trend-swipe-hint{display:block;margin:8px 0 2px;color:#8190a7;font-size:12px;font-weight:700}.trend-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 4px;color:#66758b;font-size:13px;font-weight:700}.trend-legend span{display:inline-flex;align-items:center;gap:5px}.trend-legend i{display:block;width:8px;height:8px;border-radius:50%;background:#eb5757}.trend-legend .track-0 i{background:#eb5757}.trend-legend .track-1 i{background:#f2994a}.trend-legend .track-2 i{background:#16a085}.trend-legend .track-3 i{background:#2f80ed}.trend-legend .track-4 i{background:#9b51e0}.trend-legend .track-5 i{background:#b7791f}.trend-legend .track-6 i{background:#0f9dc2}.trend-legend .track-7 i{background:#d53f8c}.trend-line-chart{position:absolute;top:6px;left:0;display:block;max-width:none;min-width:0;height:auto;margin:0}.trend-line-chart .grid{stroke:#e8edf5;stroke-width:1}.trend-line-chart .axis{stroke:#bdc8da;stroke-width:1.2}.trend-line-chart .axis-text{fill:#71819a;font-size:10px;font-weight:700}.trend-line-chart .x-axis-text{font-size:10px}.trend-line-chart .line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.68}.trend-line-chart .point{stroke:#fff;stroke-width:2}.trend-line-chart .line.track-0{stroke:#eb5757}.trend-line-chart .point.track-0{fill:#eb5757}.trend-line-chart .line.track-1{stroke:#f2994a}.trend-line-chart .point.track-1{fill:#f2994a}.trend-line-chart .line.track-2{stroke:#16a085}.trend-line-chart .point.track-2{fill:#16a085}.trend-line-chart .line.track-3{stroke:#2f80ed}.trend-line-chart .point.track-3{fill:#2f80ed}.trend-line-chart .line.track-4{stroke:#9b51e0}.trend-line-chart .point.track-4{fill:#9b51e0}.trend-line-chart .line.track-5{stroke:#b7791f}.trend-line-chart .point.track-5{fill:#b7791f}.trend-line-chart .line.track-6{stroke:#0f9dc2}.trend-line-chart .point.track-6{fill:#0f9dc2}.trend-line-chart .line.track-7{stroke:#d53f8c}.trend-line-chart .point.track-7{fill:#d53f8c}@media(max-width:760px){.trend-chart-card{padding:18px}.trend-legend{font-size:12px;gap:6px 10px}.trend-swipe-hint{font-size:11px}.trend-y-axis{width:46px}.trend-y-axis span{right:7px;font-size:10px}.trend-line-chart .axis-text{font-size:10px}.trend-line-chart .x-axis-text{font-size:10px}.trend-line-chart .line{stroke-width:2.4}.trend-line-chart .point{stroke-width:2.4}}
