:root{font-family:Arial,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:20px;background-color:#f5f5f5}#app{max-width:1200px;margin:0 auto}.dashboard-controls{display:flex;flex-wrap:wrap;gap:20px;background-color:#fff;border-radius:4px;padding:15px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;align-items:center}.stats-table th.active{background-color:#e8f4fc;color:#1e88e5;font-weight:700}#ranking-metric{font-weight:700;color:#1e88e5}.dashboard{display:flex;flex-direction:column;gap:20px}.stats-table-container{background-color:#fff;border-radius:4px;padding:15px;box-shadow:0 1px 3px #0000001a}.stats-table-container h3{margin-bottom:15px;font-size:16px;font-weight:700;color:#333}.stats-table-wrapper{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;text-align:center}.stats-table th{padding:10px;background-color:#f0f0f0;border:1px solid #e0e0e0;font-weight:700;color:#666;font-size:13px}.stats-table td{padding:10px;border:1px solid #e0e0e0;color:#333;font-size:13px}.stats-table tr:nth-child(2n){background-color:#fafafa}.green{color:#00b359}.charts-container{display:flex;flex-direction:column;gap:20px}.chart-item{background-color:#fff;border-radius:4px;padding:15px;box-shadow:0 1px 3px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.chart-header h3{font-size:16px;font-weight:700;color:#333}.chart-action{color:#999;font-size:18px;cursor:pointer}.chart-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px;align-items:center}.time-range{display:flex;gap:5px}.time-range button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.time-range button.active{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.time-range button:hover{background-color:#f0f0f0}.time-range button.active:hover{background-color:#1976d2}.metric-tabs{display:flex;gap:5px}.metric-tabs button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.metric-tabs button.active{background-color:#fff;color:#1e88e5;border-color:#1e88e5;border-bottom:2px solid #1e88e5}.metric-tabs button.dropdown{padding:6px 8px}.metric-tabs button:hover{background-color:#f0f0f0}.comparison{display:flex;gap:15px;align-items:center;color:#666;font-size:13px}.comparison label{display:flex;gap:5px;align-items:center;cursor:pointer}.language-switch{display:flex;gap:5px;margin-left:auto}.language-switch button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .2s}.language-switch button.active{background-color:#1e88e5;color:#fff;border-color:#1e88e5}.language-switch button:hover{background-color:#f0f0f0}.language-switch button.active:hover{background-color:#1976d2}.map-container{width:100%}.map-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #e0e0e0}.map-tabs button{padding:8px 16px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;margin-right:20px;transition:all .2s}.map-tabs button.active{color:#1e88e5;border-bottom-color:#1e88e5;font-weight:700}.map-content{display:flex;gap:20px;height:400px}.map-left{flex:1;background-color:#fafafa;border-radius:4px;overflow:hidden}.map-right{width:300px;background-color:#fafafa;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.map-right-header{display:flex;justify-content:space-between;padding:10px 15px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;font-weight:700;color:#666;font-size:13px}.map-right-header span:nth-child(1){min-width:80px;text-align:left}.map-right-header span:nth-child(2){min-width:120px;text-align:right}.map-right-header span:nth-child(3){min-width:50px;text-align:right}.map-ranking{flex:1;overflow-y:auto;padding:10px 0}.ranking-item{display:flex;justify-content:space-between;padding:10px 15px;font-size:13px;color:#333;transition:background-color .2s}.ranking-item:hover{background-color:#e8f4fc}.ranking-item .province{min-width:80px;text-align:left}.ranking-item .pv{min-width:120px;text-align:right;font-weight:700}.ranking-item .percentage{min-width:50px;text-align:right;color:#888}.chart{width:100%;height:400px;background-color:#fafafa;border-radius:4px}@media (max-width: 1024px){.map-content{flex-direction:column;height:auto}.map-right{width:100%;height:300px}.chart{height:400px}}@media (max-width: 768px){.chart-controls{flex-direction:column;align-items:flex-start}.chart{height:300px}.map-right{height:250px}}