.traffic-dashboard-container{background-color:#f9fafb;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative}.traffic-dashboard-container::-webkit-scrollbar{width:6px}.traffic-dashboard-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.traffic-dashboard-container .fixed-top-bar{position:sticky;top:0;z-index:1000;width:100%;max-width:100vw;height:40px;background:#e6f7ff;border-bottom:1px solid #bae7ff;display:flex;align-items:center;overflow:hidden;padding:0 24px;font-size:13px;color:#333;box-sizing:border-box}.traffic-dashboard-container .fixed-top-bar .marquee-wrapper{flex:1;overflow:hidden;position:relative;height:100%;min-width:0}.traffic-dashboard-container .fixed-top-bar .marquee-content{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;white-space:nowrap;animation:marquee 45s linear infinite}.traffic-dashboard-container .fixed-top-bar .marquee-content:hover{animation-play-state:paused}.traffic-dashboard-container .fixed-top-bar .marquee-content span{margin-right:30px}.traffic-dashboard-container .fixed-top-bar .marquee-content .highlight{color:#ff4d4f;font-weight:700}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.traffic-dashboard-container .dashboard-content{padding:24px}.traffic-dashboard-container .dashboard-content .header-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.traffic-dashboard-container .dashboard-content .header-filter .left-section{display:flex;align-items:center;gap:16px}.traffic-dashboard-container .dashboard-content .header-filter .left-section .title-box{display:flex;align-items:center;gap:8px}.traffic-dashboard-container .dashboard-content .header-filter .left-section .title-box .icon{font-size:24px;color:#1890ff}.traffic-dashboard-container .dashboard-content .header-filter .left-section .title-box h1{font-size:24px;font-weight:700;margin:0;color:#262626}.traffic-dashboard-container .dashboard-content .header-filter .left-section .filter-box{display:flex;gap:8px}.traffic-dashboard-container .dashboard-content .header-filter .left-section .filter-box .ui-select{width:160px}.traffic-dashboard-container .dashboard-content .header-filter .update-time{color:#999;font-size:16px}.traffic-dashboard-container .dashboard-content .common-card{border-radius:12px;height:100%;box-shadow:0 2px 8px rgba(0,0,0,.05);width:100%;max-width:100%}.traffic-dashboard-container .dashboard-content .top-stats-card{margin-bottom:24px}.traffic-dashboard-container .dashboard-content .top-stats-card .ui-card__body{padding:32px 24px}.traffic-dashboard-container .dashboard-content .top-stats-card .stat-value{font-size:40px;font-weight:700;color:#000;line-height:1.2}.traffic-dashboard-container .dashboard-content .top-stats-card .stat-label{display:flex;justify-content:center;align-items:center;font-size:14px;color:#666;margin-top:8px}.traffic-dashboard-container .dashboard-content .top-stats-card .stat-label .icon{margin-right:6px}.traffic-dashboard-container .dashboard-content .metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.traffic-dashboard-container .dashboard-content .metric-grid .ui-card__body{padding:20px;text-align:center;position:relative;overflow:visible}.traffic-dashboard-container .dashboard-content .metric-grid .metric-title{color:#666;font-size:14px;margin-bottom:8px}.traffic-dashboard-container .dashboard-content .metric-grid .metric-value{font-size:24px;font-weight:700;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traffic-dashboard-container .dashboard-content .popular-tag{position:absolute;top:-10px;right:-10px;background-color:#ff4d4f;color:#fff;padding:4px 12px;border-radius:20px;font-weight:700;font-size:12px;display:flex;align-items:center;box-shadow:0 2px 6px rgba(255,77,79,.5);z-index:10;white-space:nowrap}.traffic-dashboard-container .dashboard-content .popular-tag .icon{margin-right:4px}.traffic-dashboard-container .dashboard-content .styled-title{display:flex;align-items:center;font-size:16px;font-weight:600;color:#4080ff}.traffic-dashboard-container .dashboard-content .styled-title .bar{width:4px;height:16px;background-color:#1890ff;margin-right:10px;border-radius:2px}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item:last-child{border-bottom:none}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item .info{display:flex;align-items:center}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item .info .icon{margin-right:12px;font-size:18px}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item .info .name{color:#666;font-size:14px}.traffic-dashboard-container .dashboard-content .account-scale-list .list-item .val{font-weight:700;font-size:16px}.traffic-dashboard-container .dashboard-content .chart-total{position:absolute;top:0;right:0;font-size:24px;font-weight:700;color:#333}.traffic-dashboard-container .dashboard-content .user-activity-info{font-size:13px;line-height:2}.traffic-dashboard-container .dashboard-content .user-activity-info .item{display:flex;align-items:center}.traffic-dashboard-container .dashboard-content .user-activity-info .dot{margin-right:8px}.traffic-dashboard-container .dashboard-content .user-activity-info .wow{margin-top:8px;color:#999;font-size:12px}.traffic-dashboard-container .dashboard-content .user-activity-info .up{color:#52c41a}.traffic-dashboard-container .dashboard-content .progress-section{padding:20px 10px}.traffic-dashboard-container .dashboard-content .progress-section .row{margin-bottom:24px}.traffic-dashboard-container .dashboard-content .progress-section .row:last-child{margin-bottom:0}.traffic-dashboard-container .dashboard-content .progress-section .row .label-row{display:flex;justify-content:space-between;margin-bottom:8px}.traffic-dashboard-container .dashboard-content .progress-section .row .label-row .bold{font-weight:700}.traffic-dashboard-container .dashboard-content .progress-section .row .label-row .percent{margin-right:8px}.traffic-dashboard-container .dashboard-content .load-more-container{text-align:center;margin-top:16px;height:40px;display:flex;align-items:center;justify-content:center}.traffic-dashboard-container .dashboard-content .load-more-container .loading-text{color:#1890ff}.traffic-dashboard-container .dashboard-content .load-more-container .more-text{color:#999;font-size:13px}.traffic-dashboard-container .dashboard-content .load-more-container .no-more-text{color:#ccc;font-size:13px}.traffic-dashboard-container .dashboard-content .load-more-container .upgrade-text{color:#1890ff;font-size:13px;font-weight:700;cursor:pointer}.chart-row{gap:24px;margin-bottom:24px}.chart-row,.top-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.top-stats-grid{gap:16px;text-align:center}.account-scale-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;height:100%;align-items:center}.account-scale-chart{position:relative;height:100%}