/* 容器：深色玻璃拟态风格 */
.container {
    /* 使用 Color 5 作为卡片背景，但为了更有质感，建议如果 Color 5 (#334155) 太亮，
       可以使用 Color 7 (#0F172A) 混合一点 Color 5，或者直接用 Color 5 */
    background-color: var(--theme-palette-color-5); 
    
    /* 边框：Color 5 (UI lines) 或 Color 1 (Primary) 的微弱辉光 */
    border: 1px solid var(--theme-palette-color-5);
    border-top: 1px solid rgba(139, 92, 246, 0.4); /* 顶部用 Color 1 做高光，营造立体感 */

    /* 阴影：深邃的黑色投影，增加悬浮感 */
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);

    padding: 50px 40px;
    margin: 40px auto;
    max-width: 600px;
    border-radius: 16px; /* 更圆润的角 */
    text-align: center;

    /* 字体设置 */
    font-family: 'Inter', sans-serif;
    color: var(--theme-palette-color-3); /* Color 3: Base text */
    
    /* 细微的背景模糊（如果背景有图片时效果极佳） */
    backdrop-filter: blur(10px);
}

/* 主标题：科技感与力量感 */
.title {
    font-family: 'Space Grotesk', sans-serif; /* 强调使用品牌标题字体 */
    font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 30px;
    
    /* Color 4: Headings (纯白) */
    color: var(--theme-palette-color-4);
    
    text-transform: uppercase;
    letter-spacing: 1.5px;
    
    /* 文字发光效果，使用 Color 1 */
    text-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
}

/* 章节标题 (Verse/Chorus) */
.verse-title, .chorus-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 15px;
    
    /* Color 1: Primary Brand Color */
    color: var(--theme-palette-color-1);
    
    text-transform: uppercase;
    letter-spacing: 3px;
    
    /* 装饰线 */
    display: inline-block;
    border-bottom: 1px solid var(--theme-palette-color-2); /* Color 2: Hover color */
    padding-bottom: 4px;
}

/* 通用歌词样式 */
.lyrics {
    font-size: 1.15em;
    line-height: 1.7;
    margin-bottom: 6px;
    
    /* Color 3: Base Text (云雾灰) */
    color: var(--theme-palette-color-3);
    
    font-weight: 400;
    transition: color 0.3s ease;
}

/* 鼠标悬停在歌词上时，微微点亮 (交互感) */
.lyrics:hover {
    color: var(--theme-palette-color-2); /* Color 2: Hover color */
}

/* 副歌 (Chorus) 特殊样式 - 对应 HTML 中的 class="chorus-line" */
.lyrics.chorus-line {
    /* Color 4: Pure White (更亮，突出副歌) */
    color: var(--theme-palette-color-4);
    
    font-weight: 500;
    font-style: italic;
}

/* 品牌名高亮 */
.lyrics strong {
    color: var(--theme-palette-color-1);
    font-weight: 700;
}