/* 全局样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #FFFFFF;
    font-family: 'Hahmlet', sans-serif;
    overflow-y: auto; /* 确保 body 有主滚动条 */
    overflow-x: hidden;
}

/* 全局图片悬停效果 */
img:not(.nav-logo-img):not(.search-icon):not(.arrow-icon) {
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

img:not(.nav-logo-img):not(.search-icon):not(.arrow-icon):hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* 主容器 - Article page 框架 */
.article-page {
    width: 1700px;
    min-height: 4000px; /* 根据内容调整高度：Footer(3730) + Footer高度(238.47) + 导航栏和间距(约32) = 约4000px */
    background-color: #FFFFFF;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: visible; /* 确保 article-page 不创建滚动条 */
}

/* ==================== 顶部导航栏 ==================== */
.top-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 1701px;
    height: 80px;
    background-color: #680000;
    box-shadow: 0px 5.3125px 5.3125px 0px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.nav-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 20px;
}

.nav-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.nav-left > a:first-of-type {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.nav-logo-img {
    width: 48.4px;
    height: 46.04px;
    object-fit: contain;
    display: block;
}

.nav-home {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.708332061767578px;
    line-height: 1.4479999819048701em;
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 10px;
    cursor: pointer;
    transition: color 0.3s;
    padding: 8px 12px;
    border-radius: 4px;
}

.nav-home:hover {
    color: #FFDA72;
    background-color: rgba(255, 218, 114, 0.1);
}

.nav-home.nav-active {
    color: #FFDA72;
}

.nav-center {
    display: flex;
    gap: 40px;
    align-items: center;
}

.nav-link {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.708332061767578px;
    line-height: 1.4479999819048701em;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s;
    padding: 8px 12px;
    border-radius: 4px;
}

.nav-link:hover {
    color: #FFDA72;
    background-color: rgba(255, 218, 114, 0.1);
}

.nav-link.nav-active {
    color: #FFDA72;
}


.nav-right {
    display: flex;
    align-items: center;
}

.search-box {
    width: 502.92px;
    height: 36.6px;
    border: 2.2135415077209473px solid #C1C1C1;
    border-radius: 885.4166870117188px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    background-color: transparent;
}

.search-icon {
    width: 29px;
    height: 29px;
    object-fit: contain;
    object-fit: contain;
}

/* ==================== 左侧固定音乐播放器 ==================== */
.music-player {
    position: fixed;
    left: 139px;
    top: 41px;
    width: 279.79px;
    height: 674.69px;
    z-index: 100;
    background-color: #F3F3F3;
    border-radius: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    overflow-y: auto; /* 音乐播放器有自己的滚动条 */
    overflow-x: hidden;
}

.player-container {
    width: 100%;
    min-height: 100%;
    position: relative;
    padding-bottom: 20px;
    overflow: visible; /* 确保容器本身不创建滚动条，只有 .music-player 有 */
}

.player-album-cover {
    position: absolute;
    left: 8px;
    top: 75px;
    width: 263.85px;
    height: 263.85px;
    border-radius: 20px 20px 0px 0px;
    object-fit: cover;
}

.player-logo {
    position: absolute;
    left: 93px;
    top: 347px;
    width: 94px;
    height: 28px;
    object-fit: contain;
    opacity: 0.5;
    z-index: 10;
}

.player-info {
    position: absolute;
    left: 7.97px;
    top: 339.11px;
    width: 263.85px;
    min-height: 311.67px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0px 0px 20px 20px;
    background-color: rgba(197, 197, 197, 0);
    padding: 20px;
}

.player-band-name {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4479999542236328em;
    color: #000000;
    margin-bottom: 5px;
    text-align: center;
}

.player-album-title {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4479999542236328em;
    color: #000000;
    margin-bottom: 15px;
    text-align: center;
}

.player-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
}

.control-btn {
    width: 22px;
    height: 22px;
    object-fit: contain;
    cursor: pointer;
    transition: opacity 0.3s;
}

.control-btn:hover {
    opacity: 0.7;
}

.control-btn.play-btn {
    width: 34px;
    height: 34px;
}

.control-btn.prev-btn {
    width: 19px;
    height: 19px;
}

.player-tracks {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.player-track {
    width: 239.06px;
    height: 48.7px;
    background-color: #D9D9D9;
    border-radius: 8.854166984558105px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.player-track.active {
    background-color: #5D5945;
}

.track-name {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 200;
    font-size: 10px;
    line-height: 1.4479999542236328em;
    color: #000000;
}

/* ==================== 主内容区域 ==================== */
.main-content {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-top: 112px;
    padding-left: 419px; /* 为左侧音乐播放器留出空间 */
    padding-right: 330px;
    overflow: visible; /* 确保主内容区域不创建滚动条 */
}

/* ==================== 文章内容区域 ==================== */
.article-content-section {
    position: relative;
    width: 951px;
    min-height: 4000px; /* 根据内容调整高度：标题(180) + 专辑封面(800) + 文字说明(1000) + 主标题图片(1800) + 正文(2750) + Listen(2830) + 照片(3650) + See more(3730) + Footer(3968.47) = 约4000px */
    padding: 0;
    overflow: visible; /* 确保文章内容区域不创建滚动条 */
}

/* 文章标题区域容器 - 根据图片：在顶部显示 */
.article-title-section {
    position: absolute;
    left: 119.53px;
    top: 0px;
    width: 600px;
    height: 139px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
}

/* 文章标题左侧区域 */
.article-title-left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* 文章标题 - 根据 Figma: The Barons – Le Château */
.article-title {
    position: relative;
    left: 0;
    top: 0;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 35.41666793823242px;
    line-height: 1.4479999336511973em;
    color: #000000;
    width: 247.92px;
    height: 51.36px;
    margin: 0 0 0 0;
    padding: 0;
}

/* 文章副标题 - Le Château */
.article-subtitle {
    position: relative;
    left: 0;
    top: 0;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 35.41666793823242px;
    line-height: 1.4479999336511973em;
    color: #000000;
    width: 247.92px;
    height: 51.36px;
    margin: 0;
    padding: 0;
}

/* 作者信息 - 根据 Figma: By David Holland on November 19, 2025 */
/* left: 119.53px, top: 113.33px */
.article-author {
    position: relative;
    left: 0;
    top: 0;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #B28200;
    width: 358.59px;
    height: 25.68px;
    margin: 0;
    padding: 0;
}

.author-link {
    color: #B28200;
    text-decoration: underline;
    cursor: pointer;
}

.author-link:hover {
    color: #D4A850;
}

/* 主专辑封面图片 - 根据图片：在标题下方居中显示 */
.article-main-album-cover {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 180px; /* 在标题区域下方，标题区域约139px高，留40px间距 */
    width: 600px;
    max-width: 90%;
    height: auto;
    z-index: 1;
}

.article-main-album-cover img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 专辑封面下方的文字说明 */
.album-cover-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 800px; /* 在专辑封面下方，封面约600px高，留20px间距 */
    width: 600px;
    max-width: 90%;
    text-align: center;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px; /* 增加行间距，使文字更清晰 */
}

.album-text-line {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.6em;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: center;
}

.listen-link-red {
    color: #FF0000; /* 红色 */
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
}

.listen-link-red:hover {
    text-decoration: underline;
    color: #CC0000;
}

/* 主标题图片 - 根据图片：在专辑封面文字下方居中，包含标题文本和中央图形 */
.article-main-title-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1000px; /* 在专辑封面文字下方，文字区域约180px高，留20px间距 */
    width: 600px;
    max-width: 90%;
    height: auto;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-main-title-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 文章正文第一部分 - 根据图片：在主标题图片下方，居中对齐 */
.article-body {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1800px; /* 在主标题图片下方，主标题图片在1000px，高度约700px（包含所有文本和图形），底部在1700px，留100px间距 */
    width: 600px;
    max-width: 90%;
    text-align: justify;
}

.article-body p {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.6em;
    color: #000000;
    margin-bottom: 20px;
}

.article-body strong {
    font-weight: 700;
}

/* Listen 部分 - 根据图片：在文章正文之后居中 */
.article-listen {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2750px; /* 在文章正文下方，正文在1800px，高度约900px，底部在2700px，留50px间距 */
    width: 600px;
    max-width: 90%;
    text-align: center;
}

.article-listen p {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.6em;
    color: #000000;
    margin: 0;
    padding: 0;
}

.article-listen .listen-link {
    color: #B60052; /* 粉色链接 */
    text-decoration: none;
    font-weight: 700;
}

.article-listen .listen-link:hover {
    text-decoration: underline;
}

/* 乐队照片 - 根据图片：在"Listen"之后居中，确保完全显示 */
.article-band-photo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2830px; /* 在"Listen"下方，约80px间距 */
    width: 600px;
    max-width: 90%;
    height: auto;
}

.article-band-photo img {
    width: 100%;
    height: auto;
    max-height: none; /* 移除最大高度限制，让图片自然高度显示 */
    object-fit: contain; /* 确保图片完全显示，不被裁剪 */
    display: block;
}

/* 文章正文第二部分 - 根据 Figma */
/* left: 178.85px, top: 3597.45px, width: 614.48px, height: 650.78px */
.article-body-2 {
    position: absolute;
    left: 178.85px;
    top: 3597.45px;
    width: 614.48px;
    height: 650.78px;
}

.article-body-2 p {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 20px;
}

/* 第三张图片 - 根据 Figma: image 7 */
/* left: 178.85px, top: 4261.51px, width: 599.43px, height: 599.43px */
.article-image-3 {
    position: absolute;
    left: 178.85px;
    top: 4261.51px;
    width: 599.43px;
    height: 599.43px;
}

.article-image-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 第四张图片 - 根据 Figma: image 8 */
/* left: 191.25px, top: 5594.95px, width: 589.69px, height: 889.84px */
.article-image-4 {
    position: absolute;
    left: 191.25px;
    top: 5594.95px;
    width: 589.69px;
    height: 889.84px;
    /* 底部位置：5594.95 + 889.84 = 6484.79px，需要在下方留出间距 */
}

.article-image-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 图片来源 - 根据 Figma: Photo credit: Kellan DeGarmo */
/* left: 246.15px, top: 3523.07px, width: 488.75px, height: 94.74px */
.article-credit {
    position: absolute;
    left: 246.15px;
    top: 3523.07px;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    text-align: center;
    color: #000000;
    width: 488.75px;
    height: 94.74px;
}

/* Connect 部分 - 根据 Figma: CONNECT WITH THE BARONS */
/* left: 231.09px, top: 6542.34px, width: 488.75px, height: 25.68px */
.article-connect {
    position: absolute;
    left: 231.09px;
    top: 6542.34px;
    width: 488.75px;
    min-height: 100px; /* 增加高度以容纳标题和链接 */
}

.article-connect .connect-title {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 10px;
}

.article-connect .connect-links {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #1A0069;
    width: 508.23px;
    height: 56.67px;
}

/* Press Contacts - 根据 Figma: PRESS CONTACTS */
/* left: 231.09px, top: 6637.97px, width: 488.75px, height: 25.68px */
.article-press {
    position: absolute;
    left: 231.09px;
    top: 6637.97px;
    width: 488.75px;
    min-height: 100px; /* 增加高度以容纳标题和联系方式 */
}

.article-press .press-title {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 10px;
}

.article-press .press-contact {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    width: 488.75px;
    height: auto;
    min-height: 25.68px;
}

/* You will also like 部分 - 根据 Figma */
/* left: 82.34px, top: 6773.44px, width: 306.35px, height: 102.71px */
/* About The Barons 在 6515px，高度约 415px，所以底部在 6930px，需要在下方留出间距 */
.you-will-also-like {
    position: absolute;
    left: 82.34px;
    top: 6960px; /* 调整位置，确保在 About The Barons(6930px底部)之后，留出30px间距 */
    width: 749.06px;
    min-height: 500px; /* 调整高度：标题(51.36) + 第一行卡片(146.98 + 20) + 第二行卡片(146.98 + 20) + 间距 ≈ 500px */
    /* 底部位置：6960 + 500 = 7460px */
}

.you-will-also-like .section-title {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 35.41666793823242px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 30px;
    width: 306.35px;
    height: 51.36px;
}

.recommendation-cards {
    position: absolute;
    left: 0;
    top: 70px; /* 标题高度 + 间距：51.36 + 20 = 约70px */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 749.06px;
}

.rec-card {
    position: relative;
    width: 374.53px;
    height: 146.98px;
    background-color: #D9D9D9;
    display: flex;
    align-items: center;
    overflow: hidden; /* 防止内容溢出 */
}

.rec-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 192.14px;
    height: 146.98px;
    object-fit: cover;
    z-index: 1; /* 图片在背景层 */
    flex-shrink: 0; /* 防止图片被压缩 */
}

.rec-title {
    position: absolute;
    left: 192.14px; /* 文字从图片右侧开始 */
    top: 0;
    right: 0; /* 确保文字不超出卡片右边缘 */
    height: 146.98px; /* 与卡片高度一致 */
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    padding: 26px 15px; /* 上下内边距实现垂直居中：(146.98 - 94.74) / 2 ≈ 26px */
    display: -webkit-box; /* 使用 webkit-box 以支持 line-clamp */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 最多显示3行 */
    z-index: 2; /* 确保文字在图片上方 */
    box-sizing: border-box;
    overflow-wrap: break-word; /* 允许文字换行 */
    word-wrap: break-word;
    overflow: hidden; /* 防止文字溢出 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    max-width: 182.39px; /* 最大宽度：374.53 - 192.14 = 182.39px，减去 padding 15*2 = 30，实际文字宽度约152px */
}

.rec-card-featured {
    position: absolute;
    left: 0;
    top: 330px; /* 调整位置，在第一行卡片下方：70(标题下方) + 146.98(第一行第一个卡片) + 20(gap) + 146.98(第一行第二个卡片) + 20(gap) + 约26(间距) = 约330px */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 749.06px;
}

.rec-featured-image {
    width: 100%;
    height: 146.98px;
    object-fit: cover;
    display: block;
    border-radius: 4px; /* 添加圆角，提升视觉效果 */
}

/* 按钮区域 - 根据图片：在标题右侧 */
.article-buttons {
    position: relative;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row; /* 水平排列 */
    gap: 20px;
    align-items: flex-start;
    flex-shrink: 0; /* 防止按钮被压缩 */
    z-index: 10; /* 确保按钮在顶层 */
}

.collect-button,
.comment-button {
    width: 138.13px;
    height: 31.88px;
    border-radius: 17.70833396911621px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 14.166666984558105px;
    line-height: 1.4479998992919945em;
    color: #FFFFFF; /* 改为白色，与图片描述一致 */
    cursor: pointer;
    transition: background-color 0.3s;
}

.collect-button {
    background-color: #1A0069;
}

.collect-button:hover {
    background-color: #2A0089;
}

.comment-button {
    background-color: #B60052; /* 深粉色 */
}

.comment-button:hover {
    background-color: #C60062;
}

/* About The Barons - 根据 Figma */
/* left: 178.85px, top: 5179.69px, width: 614.48px, height: 415.26px */
/* 第四张图片底部在 6484.79px，所以 About 应该在 6500px 之后 */
.about-section {
    position: absolute;
    left: 178.85px;
    top: 6515px; /* 调整位置，在第四张图片(6484.79px底部)之后，留出30px间距，在 You will also like 之前 */
    width: 614.48px;
    min-height: 415.26px;
}

.about-title {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 700;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 20px;
}

.about-section p {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 17.70833396911621px;
    line-height: 1.4479999336511973em;
    color: #000000;
    margin-bottom: 20px;
}

/* See more 按钮区域 - 根据图片：在红色条带中，乐队照片下方居中，不留空隙 */
.see-more-section {
    position: absolute;
    left: 0;
    right: 0;
    top: 3650px; /* 在乐队照片下方，照片在2830px，给图片足够空间（约820px高度），不留间距，直接紧贴 */
    width: 100%;
    height: 80px;
    background-color: #680000; /* 红色条带背景 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    margin: 0;
    padding: 0;
}

.see-more-button {
    width: 215px;
    height: 55px;
    background-color: transparent; /* 透明背景，因为父元素已有红色背景 */
    border: 1px solid #FFFFFF; /* 白色边框 */
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    cursor: pointer;
    transition: opacity 0.3s;
}

.see-more-button:hover {
    opacity: 0.8;
}

.see-more-button span {
    font-family: 'Hahmlet', sans-serif;
    font-weight: 400;
    font-size: 21.262420654296875px;
    line-height: 1.4479999878000995em;
    color: #FFFFFF;
}

.arrow-icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* 将箭头图标改为白色 */
}

/* ==================== 页脚 ==================== */
.footer-section {
    position: absolute;
    left: 0;
    top: 3730px; /* 紧贴在See more下方，不留空隙：See more在3650px，高度80px，底部在3730px，直接紧贴 */
    width: 1700px;
    height: 238.47px;
    background-color: #680000;
    display: flex;
    justify-content: space-between;
    padding: 94.44445037841797px 236.11px 0;
    border-top: 1.1805557012557983px solid rgba(255, 255, 255, 0.15);
    margin: 0;
}

.footer-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.footer-logo {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 28.33333396911621px;
    line-height: 1.200000107709097em;
    letter-spacing: -1.9999999999999998%;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.footer-nav {
    display: flex;
    gap: 113.33333587646484px;
}

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 9.444445610046387px;
    width: 153.47px;
}

.footer-column-header {
    padding-bottom: 18.888891220092773px;
}

.footer-column-header .header-text {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18.888891220092773px;
    line-height: 1.4500000454397706em;
    letter-spacing: -0.5%;
    color: #FFFFFF;
}

.footer-link {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18.888891220092773px;
    line-height: 1.4500000454397706em;
    letter-spacing: -0.5%;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.3s;
}

.footer-link:hover {
    color: #FFDA72;
}