.trend-log-page[data-v-3298ad7a]{display:flex;flex-direction:column;height:100vh;padding:0;background:#f5f5f5;overflow:hidden}.chart-wrapper[data-v-3298ad7a]{flex:1;padding:5px 8px 8px;background:#f5f5f5;overflow:hidden}.chart-wrapper[data-v-3298ad7a] .trendlog-chart-component{height:100%;background:#ffffff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.loading-wrapper[data-v-3298ad7a]{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.loading-content[data-v-3298ad7a]{text-align:center;padding:40px;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner[data-v-3298ad7a]{width:40px;height:40px;margin:0 auto 16px;border:4px solid #f3f3f3;border-top:4px solid #659dc5;border-radius:50%;animation:spin-3298ad7a 1s linear infinite}@keyframes spin-3298ad7a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p[data-v-3298ad7a]{margin:0;color:#666;font-size:14px}.error-wrapper[data-v-3298ad7a]{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.error-content[data-v-3298ad7a]{text-align:center;padding:40px;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px}.error-content h3[data-v-3298ad7a]{margin:0 0 16px;color:#ff4d4f;font-size:18px}.error-content p[data-v-3298ad7a]{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.no-data-wrapper[data-v-3298ad7a]{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.no-data-content[data-v-3298ad7a]{text-align:center;padding:40px;background:#ffffff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px}.no-data-content h3[data-v-3298ad7a]{margin:0 0 16px;color:#8c8c8c;font-size:18px}.no-data-content p[data-v-3298ad7a]{margin:0 0 24px;color:#666;font-size:14px;line-height:1.5}.retry-button[data-v-3298ad7a]{background:#659dc5;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button[data-v-3298ad7a]:hover{background:#5a8db0}.retry-button[data-v-3298ad7a]:active{transform:translateY(1px)}.data-source-indicator[data-v-3298ad7a]{position:absolute;top:10px;right:10px;z-index:10}.source-badge[data-v-3298ad7a]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;box-shadow:0 2px 4px #0000001a}.source-badge.realtime[data-v-3298ad7a]{background:linear-gradient(45deg,#4CAF50,#45a049)}.source-badge.historical[data-v-3298ad7a]{background:linear-gradient(45deg,#2196F3,#1976D2)}@media (max-width: 768px){.chart-wrapper[data-v-3298ad7a]{padding:8px}.data-source-indicator[data-v-3298ad7a]{top:5px;right:5px}.source-badge[data-v-3298ad7a]{font-size:11px;padding:3px 8px}}@media (max-width: 480px){.chart-wrapper[data-v-3298ad7a]{padding:4px}}
