.cap-wrapper{display:flex;align-items:center;gap:10px;max-width:100%;font-family:monospace,sans-serif;margin-bottom:20px}.cap-container{display:flex;align-items:stretch;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;height:30px;flex-grow:1;overflow:hidden}.cap-controls-left,.cap-controls-right{display:flex;align-items:center;background-color:#333;color:#fff;padding:0 10px}.cap-controls-left{border-right:1px solid #444}.cap-controls-right{border-left:1px solid #444}.cap-volume-btn,.cap-play-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;height:100%}.cap-volume-btn:hover,.cap-play-btn:hover{color:#ddd}.cap-volume-slider-container{width:50px;margin-left:5px;display:flex;align-items:center}.cap-volume-slider{width:100%;height:4px;-webkit-appearance:none;background:#666;outline:none;border-radius:2px}.cap-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:12px;background:#fff;cursor:pointer}.cap-track-info{flex-grow:1;display:flex;align-items:center;padding:0 10px;overflow:hidden;background:linear-gradient(to bottom,#fff 0%,#eee 100%);color:#333;font-size:12px;position:relative;cursor:pointer}.cap-title-marquee{white-space:nowrap;overflow:hidden;position:relative;width:100%}.cap-title-marquee span{display:inline-block;padding-left:100%;animation:cap-marquee 15s linear infinite}@keyframes cap-marquee{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}.cap-time{font-size:12px;margin-right:10px}.cap-download-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#ddd;color:#555;border-radius:50%;text-decoration:none;transition:background-color 0.2s,color 0.2s}.cap-download-btn:hover{background-color:#ccc;color:#333}