.song-page{padding:var(--v-unit-6) var(--v-unit-4);background:linear-gradient(180deg,rgba(var(--v-color-primary-rgb),.05) 0%,transparent 100%);@media (max-width: 768px){padding:var(--v-unit-4) var(--v-unit-2)}}.song-page__title{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--v-color-text-high);text-align:center;margin:0 0 var(--v-unit-8) 0;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;line-height:1.2}.song-page__layout{display:grid;grid-template-columns:1fr 380px;gap:var(--v-unit-8);@media (max-width: 1024px){grid-template-columns:1fr;gap:var(--v-unit-6)}}.song-page__main{display:flex;flex-direction:column;gap:var(--v-unit-6)}.song-page__video-container{width:100%;aspect-ratio:16/9;border-radius:var(--v-radius-xl);overflow:hidden;box-shadow:0 20px 60px #0000004d,0 0 0 4px rgba(var(--v-color-primary-rgb),.2);border:4px solid var(--v-color-primary);background:#000;animation:videoAppear .6s ease-out;@keyframes videoAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.song-page__video{width:100%;height:100%}.song-page__karaoke{background:#fff;border:3px solid var(--v-color-primary);border-radius:var(--v-radius-xl);padding:var(--v-unit-6);box-shadow:0 8px 32px #0000001f;overflow:hidden;@media (max-width: 768px){padding:var(--v-unit-4)}}.song-page__karaoke-title{font-size:var(--v-font-size-xl);font-weight:700;color:var(--v-color-primary);margin:0 0 var(--v-unit-4) 0;text-align:center}.song-page__karaoke-content{max-width:65ch;margin:0 auto;max-height:400px;overflow-y:auto;padding:var(--v-unit-2);@media (max-width: 768px){max-height:300px}&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:var(--v-color-background-soft);border-radius:var(--v-radius-sm)}&::-webkit-scrollbar-thumb{background:var(--v-color-primary);border-radius:var(--v-radius-sm);&:hover{background:var(--v-color-accent-primary)}}}.song-page__karaoke-line{font-size:clamp(18px,2.5vw,20px);line-height:1.6;color:var(--v-color-text-medium);padding:var(--v-unit-3) var(--v-unit-4);margin-bottom:var(--v-unit-2);border-radius:var(--v-radius-lg);transition:all .3s ease;opacity:.4;text-align:center;white-space:pre-line;font-weight:400;cursor:pointer;&:hover{opacity:.6;transform:scale(1.02)}@media (max-width: 768px){font-size:16px;padding:var(--v-unit-2) var(--v-unit-3)}}.song-page__karaoke-line--active{opacity:1;font-size:clamp(22px,3vw,26px);font-weight:700;color:var(--v-color-primary);background:linear-gradient(135deg,rgba(var(--v-color-primary-rgb),.1),rgba(var(--v-color-accent-primary-rgb),.1));border:2px solid var(--v-color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--v-color-primary-rgb),.25);animation:karaoke-highlight .3s ease-out;@media (max-width: 768px){font-size:18px;transform:translateY(-1px)}}@keyframes karaoke-highlight{0%{transform:translateY(0) scale(.98);opacity:.4}50%{transform:translateY(-3px) scale(1.01)}to{transform:translateY(-2px) scale(1);opacity:1}}.song-page__controls-section{display:flex;justify-content:center;gap:var(--v-unit-4);flex-wrap:wrap}.song-page__control{display:flex;align-items:center;gap:var(--v-unit-2);padding:var(--v-unit-3) var(--v-unit-6);background:#fff;border:3px solid var(--v-color-primary);border-radius:var(--v-radius-xl);font-size:var(--v-font-size-md);font-weight:700;color:var(--v-color-primary);cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 12px rgba(var(--v-color-primary-rgb),.2);svg{width:24px;height:24px;fill:currentColor;stroke:currentColor}&:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(var(--v-color-primary-rgb),.4);background:rgba(var(--v-color-primary-rgb),.1)}&:active{transform:translateY(-2px) scale(1.02)}&.active{background:linear-gradient(135deg,var(--v-color-primary),var(--v-color-accent-primary));color:#fff;border-color:var(--v-color-accent-primary);animation:pulse 2s ease-in-out infinite;@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--v-color-primary-rgb),.7)}50%{box-shadow:0 0 0 10px rgba(var(--v-color-primary-rgb),0)}}}}.song-page__story-card{background:#fff;border-radius:var(--v-radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000001f;border:3px solid var(--v-color-primary);transition:all .3s ease;&:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(var(--v-color-primary-rgb),.3)}}.song-page__story-link{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--v-unit-4);padding:var(--v-unit-4);text-decoration:none;color:inherit;@media (max-width: 768px){grid-template-columns:100px 1fr auto;gap:var(--v-unit-3)}}.song-page__story-image{width:120px;height:120px;border-radius:var(--v-radius-lg);overflow:hidden;box-shadow:var(--v-shadow-md);@media (max-width: 768px){width:100px;height:100px}img{width:100%;height:100%;object-fit:cover}}.song-page__story-info{display:flex;flex-direction:column;gap:var(--v-unit-2)}.song-page__story-label{font-size:var(--v-font-size-sm);font-weight:600;color:var(--v-color-primary);text-transform:uppercase;letter-spacing:1px}.song-page__story-title{font-size:var(--v-font-size-xl);font-weight:700;color:var(--v-color-text-high);margin:0}.song-page__story-arrow{width:32px;height:32px;fill:var(--v-color-primary);flex-shrink:0}.song-page__lyrics{background-color:var(--v-color-surface-high);padding:var(--v-unit-4) var(--v-unit-6);border-radius:var(--v-radius-lg);box-shadow:var(--v-shadow-md);border:1px solid var(--v-color-primary);margin-top:var(--v-unit-4)}.song-page__lyrics-title{font-size:var(--v-font-size-xl);font-weight:700;color:var(--v-color-primary);margin:0 0 var(--v-unit-4) 0;text-align:center}.song-page__lyrics-content{max-width:65ch;margin:0 auto;line-height:1.6;color:var(--v-color-text-high);font-size:clamp(18px,3vw,20px);text-align:center;white-space:pre-line;font-weight:400}.song-page__playlist{background:var(--v-color-surface-high);border-radius:var(--v-radius-lg);padding:var(--v-unit-4);box-shadow:var(--v-shadow-md);height:fit-content;position:sticky;top:var(--v-unit-8);@media (max-width: 1024px){position:static}}.song-page__playlist-title{margin-bottom:var(--v-unit-4);padding-bottom:var(--v-unit-3);border-bottom:2px solid var(--v-color-primary)}.song-page__playlist-items{display:flex;flex-direction:column;gap:var(--v-unit-2);max-height:600px;overflow-y:auto;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:var(--v-color-background-soft);border-radius:var(--v-radius-sm)}&::-webkit-scrollbar-thumb{background:var(--v-color-primary);border-radius:var(--v-radius-sm);&:hover{background:var(--v-color-accent-primary)}}}.song-page__playlist-item{display:grid;grid-template-columns:30px 60px 1fr;gap:var(--v-unit-3);padding:var(--v-unit-2);border-radius:var(--v-radius-md);cursor:pointer;transition:all .2s ease;align-items:center;&:hover{background:var(--v-color-background-soft);transform:translate(4px)}}.song-page__playlist-item--active{background:linear-gradient(135deg,var(--v-color-primary) 0%,var(--v-color-accent-primary) 100%);.song-page__playlist-number,.v-text{color:#fff}&:hover{transform:translate(4px);opacity:.9}}.song-page__playlist-item--playing{.song-page__playlist-number svg{color:#fff}}.song-page__playlist-number{display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--v-color-text-medium);font-size:var(--v-font-size-sm);svg{width:20px;height:20px;color:var(--v-color-primary)}}.song-page__playlist-cover{width:60px;height:60px;border-radius:var(--v-radius-sm);overflow:hidden;box-shadow:var(--v-shadow-sm);img{width:100%;height:100%;object-fit:cover}}.song-page__playlist-info{display:flex;flex-direction:column;gap:var(--v-unit-1);min-width:0;.v-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media print{.song-page__playlist,.song-page__controls,.song-page__player{display:none}}