@charset "UTF-8";.page{padding-bottom:100px}@media (max-width: 768px){.page{padding-bottom:80px}}.vol__player{position:fixed;width:100%;height:100px;background:linear-gradient(to bottom,#fff,#f8f9fa);box-shadow:0 -2px 10px #0000001a;bottom:0;left:0;z-index:1000;border-top:1px solid #e0e0e0;overflow:visible}.vol__player .vol__player__content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;gap:2rem;max-width:1400px;margin:0 auto;height:100%}.vol__player .vol__player__info{display:flex;align-items:center;gap:1rem;flex:0 0 300px}.vol__player .vol__player__info .vol__player__cover-wrapper{position:relative;width:64px;height:64px;flex-shrink:0;overflow:hidden;border-radius:10px;box-shadow:0 4px 12px #00000026;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.vol__player .vol__player__info .vol__player__cover-wrapper:hover{box-shadow:0 8px 28px #c4373759;transform:scale(1.08) rotate(-2deg)}.vol__player .vol__player__info .vol__player__cover-wrapper:hover .vol__player__cover{transform:scale(1.15) rotate(2deg);filter:saturate(1.2)}.vol__player .vol__player__info .vol__player__cover{width:100%;height:100%;border-radius:10px;object-fit:cover;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.vol__player .vol__player__info .vol__player__cover-wrapper:hover .vol__player__cover{animation:none}.vol__player .vol__player__info .vol__player__cover-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background-color:#c43737;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1;padding:0}.vol__player .vol__player__info .vol__player__cover-play .vol__player__cover-play-icon{width:24px;height:24px;display:block}.vol__player .vol__player__info .vol__player__cover-play:hover{background-color:#a72f2f;transform:translate(-50%,-50%) scale(1.1)}.vol__player .vol__player__info .vol__player__cover-wrapper:hover .vol__player__cover-play{opacity:1;visibility:visible}.vol__player .vol__player__info .vol__player__details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;flex:1;min-width:0}.vol__player .vol__player__info .vol__player__details .vol__player__title{font-weight:600;font-size:1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vol__player .vol__player__info .vol__player__details .vol__player__artist{font-size:.875rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vol__player .vol__player__info .vol__player__details .vol__player__status{font-size:.8rem;color:#888;display:flex;align-items:center;gap:.25rem;min-height:1.2rem;line-height:1.2rem}.vol__player .vol__player__info .vol__player__details .vol__player__status.vol__player__status--loading:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #c43737;border-top-color:transparent;border-radius:50%;animation:spinner .8s linear infinite}.vol__player .vol__player__info .vol__player__details .vol__player__status.vol__player__status--error{color:#d32f2f}@keyframes spinner{to{transform:rotate(360deg)}}.vol__player .vol__player__controls{flex:1;display:flex;align-items:center;gap:1.5rem}.vol__player .vol__player__controls .vol__player__buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.vol__player .vol__player__controls .vol__player__btn{background:none;border:none;font-size:1.25rem;padding:.5rem;cursor:pointer;color:#555;transition:all .2s ease;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.vol__player .vol__player__controls .vol__player__btn .vol__player__btn-icon{display:block;pointer-events:none}.vol__player .vol__player__controls .vol__player__btn:hover{background-color:#f0f0f0;color:#c43737}.vol__player .vol__player__controls .vol__player__btn--play{background-color:#c43737;color:#fff;width:48px;height:48px;padding:0}.vol__player .vol__player__controls .vol__player__btn--play .vol__player__btn-svg{width:40px;height:40px}.vol__player .vol__player__controls .vol__player__btn--play:hover{background-color:#a72f2f;color:#fff}.vol__player .vol__player__controls .vol__player__progress{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.vol__player .vol__player__controls .vol__player__time{font-size:.8rem;color:#888;min-width:40px;text-align:center}.vol__player .vol__player__controls .vol__player__bar{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#e0e0e0;cursor:pointer;outline:none}.vol__player .vol__player__controls .vol__player__bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#333;cursor:pointer;transition:all .2s ease}.vol__player .vol__player__controls .vol__player__bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.vol__player .vol__player__controls .vol__player__bar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#333;cursor:pointer;border:none;transition:all .2s ease}.vol__player .vol__player__controls .vol__player__bar::-moz-range-thumb:hover{transform:scale(1.2)}.vol__player .vol__player__volume{flex-shrink:0;position:relative;z-index:10}.vol__player .vol__player__volume .vol__player__btn--volume{position:relative;width:40px;height:40px;padding:0;overflow:visible;z-index:10;background:none!important}.vol__player .vol__player__volume .vol__player__btn--volume:hover{background-color:transparent!important}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-icon{display:block;pointer-events:none}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-slider{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) rotate(-90deg);transform-origin:center;-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:#e0e0e0;cursor:pointer;outline:none;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:20}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#c43737;cursor:pointer;transition:all .2s ease}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c43737;cursor:pointer;border:none;transition:all .2s ease}.vol__player .vol__player__volume .vol__player__btn--volume:hover .vol__player__volume-slider{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 768px){.vol__player{height:80px}.vol__player .vol__player__content{padding:.75rem 1rem;gap:1rem}.vol__player .vol__player__info{flex:0 0 140px}.vol__player .vol__player__info .vol__player__cover-wrapper{width:48px;height:48px}.vol__player .vol__player__info .vol__player__cover-play{width:28px;height:28px}.vol__player .vol__player__info .vol__player__cover-play .vol__player__cover-play-icon{width:20px;height:20px}.vol__player .vol__player__info .vol__player__title{font-size:.8rem}.vol__player .vol__player__info .vol__player__artist{font-size:.7rem}.vol__player .vol__player__controls{gap:.75rem}.vol__player .vol__player__buttons{gap:.25rem}.vol__player .vol__player__btn{width:36px;height:36px;font-size:1rem;padding:.4rem}.vol__player .vol__player__btn--play{width:40px;height:40px;font-size:1.25rem}.vol__player .vol__player__time{font-size:.7rem;min-width:32px}.vol__player .vol__player__volume .vol__player__btn--volume{width:36px;height:36px}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-icon{display:block}.vol__player .vol__player__volume .vol__player__btn--volume .vol__player__volume-slider{width:60px}}.vol__article{padding-top:1.3rem;font-size:1rem;padding-bottom:1.3rem}.vol__article .vol__metadata{margin-bottom:.6rem;opacity:.7;font-size:.875rem}.vol__article .vol__title{font-size:1.5rem}.vol__article .vol__tag{border-radius:1rem;padding-left:1rem;padding-right:1rem;margin-left:1rem}.vol__cover{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .6s ease;cursor:pointer}.vol__cover:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #00000026}.vol__cover:hover .vol__cover__img{transform:scale(1.08);filter:saturate(1.2)}.vol__cover .vol__play-btn{cursor:pointer;position:absolute;bottom:0;left:0;fill:#c43737;transform-origin:center;opacity:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));z-index:3}.vol__cover .vol__cover__img{width:100%;border-radius:12px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:block}.vol__author{font-size:.875rem}.vol__playlist{margin:0}.vol__playlist .vol__playlist__song{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;outline:none;position:relative}.vol__playlist .vol__playlist__song:hover{background:linear-gradient(90deg,#c4373714,#c4373708);border-left:3px solid #c43737}.vol__playlist .vol__playlist__song:focus-visible{background-color:#c4373714;outline:2px solid #c43737;outline-offset:-2px}.vol__playlist .vol__playlist__song.vol__playlist__song--playing{background:linear-gradient(90deg,#c4373726,#c437370d);border-left:3px solid #c43737;position:relative}.vol__playlist .vol__playlist__song.vol__playlist__song--playing:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#c43737;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}.vol__playlist .vol__playlist__song.vol__playlist__song--playing:before{content:"♪";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:#fff;font-size:.9rem;z-index:1;animation:music-note 1s ease-in-out infinite}.vol__playlist .vol__playlist__song.vol__playlist__song--playing .vol__playlist__song__cover{animation:rotate-pulse 3s ease-in-out infinite}.vol__playlist .vol__playlist__song__cover-wrapper{flex-shrink:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.vol__playlist .vol__playlist__song__cover{display:block;border-radius:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.vol__playlist .vol__playlist__song__info{font-size:.875rem;margin-left:1rem;transition:transform .3s ease}.vol__playlist .vol__playlist__song__title{transition:color .3s ease}@keyframes music-note{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-60%) scale(1.2);opacity:.8}}@keyframes pulse-ring{0%{box-shadow:0 0 #c43737b3}50%{box-shadow:0 0 0 10px #c4373700}to{box-shadow:0 0 #c4373700}}@keyframes rotate-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}.recommended-vol .recommended-vol__link{transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.recommended-vol .recommended-vol__link:hover{transform:translate(2px);padding-left:2px}.recommended-vol .recommended-vol__link:hover .recommended-vol__cover{transform:scale(1.12) rotate(-3deg);box-shadow:0 8px 24px #0003;filter:saturate(1.2)}.recommended-vol .recommended-vol__link:hover .recommended-vol__title{color:#c43737;transform:translate(4px)}.recommended-vol .recommended-vol__link:hover .recommended-vol__likes{transform:translate(4px)}.recommended-vol .recommended-vol__cover-wrapper{flex-shrink:0;overflow:hidden;border-radius:10px;margin-right:1rem;position:relative;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.recommended-vol .recommended-vol__cover{display:block;border-radius:10px;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000001a}.recommended-vol .recommended-vol__info{display:flex;flex-direction:column;gap:.25rem}.recommended-vol .recommended-vol__title{font-size:.9rem;font-weight:500;line-height:1.3;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.recommended-vol .recommended-vol__likes{font-size:.8rem;color:#666;font-weight:400;transition:all .3s ease}.recommended-vol .recommended-vol__link:hover .recommended-vol__likes{color:#c43737}.recommended-vol+.recommended-vol{margin-top:2rem}.recommended-list{background-color:#f8f9fa;padding-top:1.5rem;padding-bottom:1.5rem;border-radius:12px;border:1px solid #e0e0e0}