* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-size: 12px; background-color: #f0f0f0; font-family: "Microsoft YaHei", "宋体", Verdana, Arial; color: #666; line-height: 1.5; padding: 20px 0; }
img { max-width: 100%; height: auto; }
a { color: #333; text-decoration: none; transition: all 0.3s ease; }
a:visited { color: #666; }
a:hover { color: #0066cc; text-decoration: underline; }

/* 容器样式 */
.container { max-width: 760px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.1); overflow: hidden; }

/* 头部样式 */
.header { display: flex; align-items: center; padding: 15px 20px; }
.logo { flex: 0 0 180px; }
.top_text { flex: 1; height: 30px; background-color: #D7F6DB; line-height: 30px; font-size: 14px; font-weight: bold; padding-left: 15px; border-radius: 4px; }

/* 主要内容区 */
.main-content { display: flex; padding: 20px; gap: 30px; }
.download-info { flex: 1; padding-right: 30px; border-right: 1px solid #f0f0f0; }
.info-title { margin-top: 8px; font-size: 14px; color: #444; }
.song-title { margin-top: 12px; font-size: 16px; font-family: "宋体"; font-weight: bold; color: #666; line-height: 25px; }
.download-meta { margin: 25px 0 15px; color: #999; }
.meta-note { margin-left: 8px; }
.download-area { margin: 20px 0; }
.downp { width: 200px; }
.downp a { display: flex; align-items: center; justify-content: center; width: 186px; height: 59px; margin-bottom: 10px; padding: 0 12px; font-size: 20px; font-weight: bold; letter-spacing: 2px; color: #40515E; background: linear-gradient(180deg, #FDFDFB 0%, #F1F2EC 100%); border: 1px solid #CFCFCF; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9); text-shadow: 0 1px 0 rgba(255,255,255,0.8); }

/* 绿色下箭头（内联 SVG，无背景色块，清晰不发虚） */
.downp a::before { content: ""; flex: 0 0 auto; width: 28px; height: 28px; margin-right: 8px; margin-top: 3px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231EAE0A' d='M10 2h4v8.2h4.4L12 19.5 5.6 10.2H10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; }

.downp a:hover,
.downp a:visited { color: #40515E; text-decoration: none; }
.downp a:hover { border-color: #B0B0B0; background: linear-gradient(180deg, #FFFFFF 0%, #F5F7EF 100%); transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.9); }
.downp a:active { transform: translateY(1px); background: linear-gradient(180deg, #F1F2EC 0%, #FDFDFB 100%); box-shadow: inset 0 1px 3px rgba(0,0,0,0.10); }

/* 小图标垂直对齐 */
.icon { vertical-align: middle; margin-right: 4px; }
.download-tip { font-size: 13px; margin-top: 10px; }
.text-danger { color: #ff0000; }
.repeat-note { color: #3C6EEC; margin: 20px 0; padding-left: 5px; }

/* 帮助区域 */
.help-section { flex: 0 0 220px; }
.help-title { font-size: 14px; color: #444; margin-bottom: 15px; font-weight: bold; }
.help-list { list-style: none; font-size: 12px; line-height: 25px; }
.help-list li { margin-bottom: 10px; position: relative; padding-left: 15px; }
.help-list li:before { content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #999; border-radius: 50%; }

/* 页脚样式 */
.footer { padding: 20px; text-align: center; font-family: Verdana; font-size: 11px; color: #999; border-top: 1px solid #f0f0f0; margin-top: 20px; }

/* ========== 以下为手机端适配（≤ 640px），不影响电脑端 ========== */
@media screen and (max-width: 640px) {
    body { padding: 0; font-size: 12px; }
    .container { border-radius: 0; box-shadow: none; }
    /* 头部：logo 缩小，防止挤压 */
    .header { padding: 12px 15px; gap: 10px; }
    .logo { flex: 0 0 110px; max-width: 110px; }
    .top_text { font-size: 13px; height: 28px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    /* 主内容：左右分栏改上下堆叠，帮助区挪到下方 */
    .main-content { flex-direction: column; padding: 15px; gap: 0; }
    .download-info { padding-right: 0; border-right: none; }
    .song-title { font-size: 14px; line-height: 24px; word-break: break-all; }
    .download-meta { margin: 16px 0 10px; }
    .meta-note { display: block; margin-left: 0; margin-top: 4px; }
    /* 下载按钮：居中放大，方便手指点击 */
    .downp { width: 100%; max-width: 280px; margin: 0 auto; }
    .downp a { width: 100%; height: 54px; font-size: 18px; letter-spacing: 1px; margin-bottom: 12px; }
    .downp a::before { width: 24px; height: 24px; margin-right: 6px; margin-top: 3px; }
    .download-tip { font-size: 13px; text-align: center; }
    .repeat-note { font-size: 13px; margin: 15px 0 5px; }
    /* 帮助区域：移到下方，加分隔线 */
    .help-section { flex: none; border-top: 1px solid #f0f0f0; padding-top: 15px; margin-top: 15px; }
    .help-title { margin-bottom: 10px; }
    .help-list { font-size: 13px; line-height: 22px; }
    .footer { padding: 15px 10px; font-size: 11px; }
}
/* ========== 超小屏（≤ 360px，老式小屏手机）========== */
@media screen and (max-width: 360px) {
    .logo { flex: 0 0 90px; max-width: 90px; }
}