* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif; background:#f5f5f5; color:#333; }
a { text-decoration:none; color:#333; }
header { background:#ffffff; border-bottom:1px solid #eee; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:10; }
.logo { font-size:20px; font-weight:bold; }
nav a { margin-left:15px; padding:6px 10px; border-radius:4px; }
nav a.active, nav a:hover { background:#007bff; color:#fff; }
main { max-width:900px; margin:20px auto; padding:0 15px; }
.hero { background:#fff; padding:30px 20px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.05); text-align:left; }
.hero h1 { font-size:28px; margin-bottom:15px; }
.hero p { margin-bottom:20px; }
.btn { display:inline-block; padding:10px 18px; background:#007bff; color:#fff; border-radius:4px; }
.section { margin-top:30px; background:#fff; padding:20px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
footer { text-align:center; padding:20px 10px; color:#777; font-size:12px; margin-top:40px; }
.music-list { margin-top:20px; }
.music-item { background:#fff; padding:15px; border-radius:8px; margin-bottom:15px; box-shadow:0 1px 4px rgba(0,0,0,0.05); }
.music-item h3 { margin-bottom:8px; }
.music-item audio { width:100%; margin-top:6px; }
.note { margin-top:20px; font-size:13px; color:#666; }
ul { margin:10px 0 0 20px; }