*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.d3-chart-ljfh{font-family:Microsoft YaHei,Arial,sans-serif;background:-webkit-linear-gradient(315deg,#ff4757,#ff3742);background:linear-gradient(135deg,#ff4757,#ff3742);height:100%;color:#fff}.header{padding:20px;text-align:left}.title-section h1{font-size:28px;font-weight:700;margin-bottom:8px;color:#fff}.subtitle{font-size:14px;color:hsla(0,0%,100%,.8)}.dashboard{background:#fff;margin:16px;border-radius:8px;padding:0;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08)}.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;padding:0 24px}.tab{padding:16px 24px;cursor:pointer;color:#666;border-bottom:3px solid transparent;font-size:15px}.tab.active{color:#ff4757;border-bottom-color:#ff4757;font-weight:700}.chart-section{padding:24px 32px}.legend-top{margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.legend-item,.legend-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend-item{gap:8px}.legend-line{width:20px;height:3px;border-radius:2px}.legend-text{color:#333;font-size:14px}.compare-btn{background:#ff4757;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;margin-left:auto}.compare-btn:hover:not(:disabled){background:#ff3742}.compare-btn:disabled{background:#ccc;cursor:not-allowed}.chart-container{position:relative;width:100%;margin:16px 0}.year-watermark{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:120px;font-weight:700;color:hsla(0,0%,78.4%,.3);z-index:1;pointer-events:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-shadow:0 0 20px hsla(0,0%,78.4%,.1)}.progress-indicator{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.9);padding:12px 16px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10;min-width:120px}.progress-text{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;text-align:center}.progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:-webkit-gradient(linear,left top,right top,from(#ff4757),to(#ff3742));background:-webkit-linear-gradient(left,#ff4757,#ff3742);background:linear-gradient(90deg,#ff4757,#ff3742);border-radius:2px;-webkit-transition:width .1s ease-out;transition:width .1s ease-out}.controls-bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:24px}.controls-bottom,.play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.play-btn{width:50px;height:50px;border-radius:50%;background:#ff4757;border:none;color:#fff;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px}.play-btn:hover:not(:disabled){background:#ff3742}.play-btn:disabled{background:#ccc;cursor:not-allowed}.year-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.year-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:8px 12px;-webkit-transition:color .2s ease;transition:color .2s ease}.year-btn:hover:not(:disabled){color:#ff4757}.year-btn:disabled{color:#ccc;cursor:not-allowed}.line{fill:none;stroke-width:3px}svg{border-radius:8px;z-index:2;position:relative}