.input-note{font-size:13px;color:#666;margin-bottom:15px}
.slider-group{margin-bottom:12px}
.slider-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:bold}
.slider-val{color:#3592e2;font-size:16px;min-width:20px;text-align:center}
input[type="range"]{width:100%;-webkit-appearance:none;height:6px;border-radius:3px;background:#ddd;outline:none}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#3592e2;cursor:pointer}
.radar-wrap{display:flex;justify-content:center;margin:20px 0}
#radarChart{max-width:100%;height:auto}
.top-area{background:#f8f9fa;border-radius:6px;padding:12px 16px;margin-bottom:10px;border-left:4px solid #3592e2}
.top-area .rank{font-size:20px;font-weight:bold;color:#3592e2;margin-right:10px}
.top-area .name{font-size:16px;font-weight:bold}
.top-area .score{font-size:13px;color:#666;margin-top:4px}
.top-area:nth-child(2){border-left-color:#F78015}
.top-area:nth-child(3){border-left-color:#888}