.vio_breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--vio-muted-2);font-size:12px}
.vio_breadcrumb a{color:var(--vio-muted)}
.vio_breadcrumb a:hover{color:var(--vio-purple-light)}
.vio_breadcrumb_sep{color:var(--vio-muted-2)}
.vio_breadcrumb_current{color:var(--vio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.vio_single{display:flex;flex-direction:column;gap:18px}
.vio_single_hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;padding:18px;background:var(--vio-surface);border:1px solid var(--vio-line);border-radius:var(--vio-radius-lg);align-items:center}
.vio_single_cover{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--vio-radius);overflow:hidden;isolation:isolate;background:var(--vio-surface-2);border:1px solid var(--vio-line-2)}
.vio_single_cover img{width:100%;height:100%}
.vio_single_cover_play{position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#0b0b0f8c;border:1px solid #ffffff40;backdrop-filter:blur(4px);cursor:pointer;transition:.25s ease}
.vio_single_cover_play svg{width:24px;height:24px;fill:currentColor;margin-inline-start:3px}
.vio_single_cover_play:hover{background:var(--vio-grad-purple);border-color:var(--vio-purple);transform:scale(1.06)}
.vio_single_info{min-width:0;display:flex;flex-direction:column;gap:14px}
.vio_single_title{font-size:22px;line-height:1.7;color:var(--vio-white)}
.vio_single_excerpt{color:var(--vio-muted);font-size:13px;line-height:2}
.vio_box{background:var(--vio-surface);border:1px solid var(--vio-line);border-radius:var(--vio-radius);padding:18px;display:flex;flex-direction:column;gap:14px}
.vio_box_header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--vio-line)}
.vio_box_header h2{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--vio-white)}
.vio_box_header h2 svg{width:19px;height:19px;flex:0 0 19px;fill:var(--vio-purple-light)}
.vio_download_grid{display:flex;flex-direction:column;gap:10px}
.vio_download_row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--vio-radius-sm);background:var(--vio-surface-2);border:1px solid var(--vio-line);transition:.2s ease}
.vio_download_row:hover{border-color:var(--vio-purple)}
.vio_download_row_info{display:flex;flex-direction:column;gap:3px;min-width:0}
.vio_download_row_label{font-size:13.5px;color:var(--vio-text)}
.vio_download_row_sub{font-size:11.5px;color:var(--vio-muted-2)}
.vio_download_row_actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vio_btn_sm{height:36px;padding:0 14px;font-size:12.5px;width:170px}
.vio_btn_sm svg{width:14px;height:14px}
.vio_tracklist{display:flex;flex-direction:column;gap:6px}
.vio_track_item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--vio-radius-sm);background:var(--vio-surface-2);border:1px solid var(--vio-line);transition:.2s ease;cursor:pointer}
.vio_track_item:hover{border-color:var(--vio-purple);background:var(--vio-purple-soft)}
.vio_track_item.vio_track_playing{border-color:var(--vio-purple);background:var(--vio-purple-soft)}
.vio_track_num{width:22px;flex:0 0 22px;text-align:center;font-size:12px;color:var(--vio-muted-2);direction:ltr}
.vio_track_item.vio_track_playing .vio_track_num{color:var(--vio-purple-light)}
.vio_track_play{width:70px;height:35px;flex:0 0 40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--vio-text);background:var(--vio-surface);border:2px solid var(--vio-line-2);cursor:pointer;transition:.2s ease}
.vio_track_play svg{width:14px;height:14px;fill:currentColor}
.vio_track_item:hover .vio_track_play,.vio_track_item.vio_track_playing .vio_track_play{color:#fff;background:var(--vio-grad-purple);border-color:var(--vio-purple)}
.vio_track_name{flex:1;min-width:0;font-size:13px;color:var(--vio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vio_track_item.vio_track_playing .vio_track_name{color:var(--vio-purple-light)}
.vio_track_links{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.vio_link_sm{height:28px;padding:0 10px;font-size:11px}
.vio_mv_player{width:100%;border-radius:var(--vio-radius-sm);overflow:hidden;background:#000;border:1px solid var(--vio-line-2)}
.vio_mv_video{width:100%;max-height:520px;display:block;background:#000}
.vio_lyrics_toggle{height:34px;padding:0 14px;border-radius:10px;color:var(--vio-muted);background:var(--vio-surface-2);border:1px solid var(--vio-line);font-size:12px;cursor:pointer;transition:.2s ease}
.vio_lyrics_toggle:hover{color:var(--vio-purple-light);border-color:var(--vio-purple)}
.vio_lyrics_box{position:relative;max-height:220px;overflow:hidden;color:var(--vio-muted);font-size:13.5px;line-height:2.3;text-align:center;transition:max-height .4s ease}
.vio_lyrics_box::after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(180deg,transparent,var(--vio-surface) 92%);pointer-events:none;transition:opacity .3s ease}
.vio_lyrics_box.vio_lyrics_open{max-height:2000px}
.vio_lyrics_box.vio_lyrics_open::after{opacity:0}
.vio_lyrics_box p{margin-bottom:5px}
.vio_lyrics_box p:last-child{margin-bottom:0}
.vio_related_list{display:flex;flex-direction:column;padding:8px 8px 12px;gap:2px}
.vio_related_item{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px}
.vio_related_item:hover{background:var(--vio-purple-soft)}
.vio_related_cover{width:48px;height:48px;flex:0 0 48px;border-radius:12px;overflow:hidden;background:var(--vio-surface-2);border:1px solid var(--vio-line-2)}
.vio_related_cover img{width:100%;height:100%}
.vio_related_meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.vio_related_title{font-size:13px;color:var(--vio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vio_related_item:hover .vio_related_title{color:var(--vio-purple-light)}
.vio_related_artist{font-size:11px;color:var(--vio-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vio_comments_box{gap:18px}
.vio_comments_list{display:flex;flex-direction:column;gap:16px}
.vio_comment{display:flex;gap:12px;align-items:flex-start}
.vio_comment_avatar{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--vio-grad-purple);font-size:15px}
.vio_comment_body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--vio-line)}
.vio_comment:last-child .vio_comment_body{border-bottom:none;padding-bottom:0}
.vio_comment_head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vio_comment_name{font-size:13.5px;color:var(--vio-white)}
.vio_comment_date{font-size:11px;color:var(--vio-muted-2)}
.vio_comment_text{font-size:13px;color:var(--vio-muted);line-height:2}
.vio_comment_reply{align-self:flex-start;font-size:11.5px;color:var(--vio-muted);cursor:pointer;padding:4px 0}
.vio_comment_reply:hover{color:var(--vio-purple-light)}
.vio_comment_form{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--vio-line)}
.vio_comment_form h3{font-size:15px;color:var(--vio-white)}
.vio_comment_form_row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vio_comment_form input,.vio_comment_form textarea{width:100%;padding:12px 14px;color:var(--vio-text);font-size:13px;background:var(--vio-surface-2);border:1px solid var(--vio-line);border-radius:12px;resize:vertical}
.vio_comment_form input::placeholder,.vio_comment_form textarea::placeholder{color:var(--vio-muted-2)}
.vio_comment_form input:focus,.vio_comment_form textarea:focus{border-color:var(--vio-purple)}
.vio_comment_form .vio_btn{align-self:flex-start}
@media (max-width:768px) {
.vio_single_hero{grid-template-columns:1fr}
.vio_single_cover{max-width:260px;margin-inline:auto}
.vio_single_title{font-size:19px;text-align:center}
.vio_single_excerpt{text-align:center}
.vio_post_actions{justify-content:center}
.vio_comment_form_row{grid-template-columns:1fr}
}
@media (max-width:640px) {
.vio_download_row{flex-direction:column;align-items:stretch}
.vio_download_row_actions{width:100%}
.vio_download_row_actions .vio_btn{flex:1;justify-content:center}
.vio_track_item{flex-wrap:wrap}
.vio_track_name{order:3;flex:1 1 100%;white-space:normal}
.vio_track_links{order:2;margin-inline-start:auto}
}
.vio_play_trigger{position:relative;transition:all .22s ease}
.vio_play_trigger .vio_btn_text{display:inline-flex;align-items:center;gap:6px}
.vio_play_trigger.is-playing{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;box-shadow:0 12px 28px #7c3aed3d}
.vio_play_trigger.is-playing svg{transform:scale(1.02)}
.vio_play_trigger[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed}
.vio_download_row{transition:all .22s ease}
.vio_download_row:has(.vio_play_trigger.is-playing){border-color:#7c3aed47;box-shadow:0 14px 34px #7c3aed1f}
.vio_track_item.vio_track_playing{border-color:#7c3aed4d;background:linear-gradient(180deg,#7c3aed1a,#7c3aed0a)}
.vio_track_play.is-playing,.vio_track_item.vio_track_playing .vio_track_play{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;box-shadow:0 10px 24px #7c3aed3d}
.vio_track_item.vio_track_playing .vio_track_title{color:#4c1d95}
.vio_track_item.vio_track_playing .vio_track_artist{color:#6d28d9}
.vio_side_block_header h2 a{color:#824ced}
.vio_share_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vio_share_item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:var(--vio-radius-sm);background:var(--vio-surface-2);border:1px solid var(--vio-line);color:var(--vio-muted);font-size:11.5px;cursor:pointer;transition:.2s ease}
.vio_share_item svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor;transition:.2s ease}
.vio_share_item:hover{transform:translateY(-2px);border-color:var(--vio-purple);color:var(--vio-white);background:var(--vio-purple-soft)}
.vio_share_telegram:hover{color:#34aadf;border-color:#34aadf;background:#34aadf1f}
.vio_share_whatsapp:hover{color:#25d366;border-color:#25d366;background:#25d3661f}
.vio_share_twitter:hover{color:#1d9bf0;border-color:#1d9bf0;background:#1d9bf01f}
.vio_share_instagram:hover{color:#e1306c;border-color:#e1306c;background:#e1306c1f}
.vio_share_copy:hover{color:var(--vio-purple-light)}
@media (max-width: 640px) {
.vio_share_grid{grid-template-columns:repeat(3,1fr)}
}
.vio_lyrics_toggle{height:34px;padding:0 14px;border-radius:10px;color:var(--vio-muted);background:var(--vio-surface-2);border:1px solid var(--vio-line);font-size:12px;cursor:pointer;transition:.2s ease}
.vio_lyrics_toggle:hover{color:var(--vio-purple-light);border-color:var(--vio-purple)}
.vio_lyrics_box{position:relative;max-height:220px;overflow:hidden;color:var(--vio-muted);font-size:13.5px;line-height:2.3;text-align:center;transition:max-height .4s ease}
.vio_lyrics_box::after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(180deg,transparent,var(--vio-surface) 92%);pointer-events:none;transition:opacity .3s ease}
.vio_lyrics_box.vio_lyrics_open{max-height:2000px}
.vio_lyrics_box.vio_lyrics_open::after{opacity:0}
.vio_lyrics_box p{margin-bottom:5px}
.vio_lyrics_box p:last-child{margin-bottom:0}
.vio_related_list{display:flex;flex-direction:column;padding:8px 8px 12px;gap:2px}
.vio_related_item{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px}
.vio_related_item:hover{background:var(--vio-purple-soft)}
.vio_related_cover{width:48px;height:48px;flex:0 0 48px;border-radius:12px;overflow:hidden;background:var(--vio-surface-2);border:1px solid var(--vio-line-2)}
.vio_related_cover img{width:100%;height:100%}
.vio_related_meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.vio_related_title{font-size:13px;color:var(--vio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vio_related_item:hover .vio_related_title{color:var(--vio-purple-light)}
.vio_related_artist{font-size:11px;color:var(--vio-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vio_related_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vio_related_card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:var(--vio-radius-sm);background:var(--vio-surface-2);border:1px solid var(--vio-line);transition:.2s ease}
.vio_related_card:hover{border-color:var(--vio-purple);background:var(--vio-purple-soft);transform:translateY(-2px)}
.vio_related_card_cover{display:block;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--vio-surface);border:1px solid var(--vio-line-2)}
.vio_related_card_cover img{width:100%;height:100%}
.vio_related_card_meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.vio_related_card_title{font-size:13px;color:var(--vio-text);overflow:hidden;text-overflow:ellipsis}
.vio_related_card:hover .vio_related_card_title{color:var(--vio-purple-light)}
.vio_related_card_artist{font-size:11px;color:var(--vio-muted-2);overflow:hidden;text-overflow:ellipsis}
@media (max-width: 640px) {
.vio_related_grid{grid-template-columns:repeat(2,1fr)}
}
.vio_related_box_title_link{color:inherit;text-decoration:none}
.vio_related_box_title_link:hover{opacity:.85}