:root{--accent: #534ab7;--accent-soft: #eeedfe;--bg: #f6f1e7;--surface: #ffffff;--text: #2c2c2a;--muted: #6b6b66;--border: #e7e3d8;--radius: 12px;--max: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url(/bg-ancient.png);background-size:cover;background-position:center 38%;background-attachment:fixed;background-repeat:no-repeat;opacity:.22;pointer-events:none}.container{max-width:var(--max);margin:0 auto;padding:0 24px}a{color:var(--accent)}.site-header{position:sticky;top:0;z-index:10;background:#ffffffd9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-weight:600;font-size:17px;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:22px}.nav-links a{color:var(--muted);text-decoration:none;font-size:15px}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.hero{padding:64px 0 48px}.hero h1{font-size:34px;margin:0 0 12px;letter-spacing:-.5px}.hero-sub{font-size:18px;color:var(--muted);margin:0}.home-section{margin-bottom:56px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:22px;margin:0}.more{text-decoration:none;font-size:14px}.page-title{font-size:28px;margin:40px 0 24px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.song-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.song-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.song-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--accent-soft)}.song-card-body{padding:14px 16px}.song-card-body h3{margin:0 0 6px;font-size:16px}.meta{color:var(--muted);font-size:13px}.song-desc{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-list{list-style:none;padding:0;margin:0}.article-list li{border-bottom:1px solid var(--border)}.article-list a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 4px;text-decoration:none;color:inherit}.article-list a:hover .article-title{color:var(--accent)}.article-title{font-size:17px;font-weight:500}.back{text-decoration:none;font-size:14px}.song-detail h1,.article-detail h1{font-size:30px;margin:12px 0 6px}.excerpt{color:var(--muted);font-size:17px}.description{color:var(--muted)}.song-layout{display:grid;grid-template-columns:320px 1fr;gap:36px;margin-top:20px;align-items:start}.song-left{position:sticky;top:80px}.song-cover-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1;background:var(--accent-soft);box-shadow:0 4px 20px #0000001a}.song-cover{width:100%;height:100%;object-fit:cover;display:block}.song-cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .3s ease}.song-cover-wrap:hover .song-cover-overlay{background:#00000026}.play-btn{width:64px;height:64px;border-radius:50%;border:none;background:#534ab7e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(4px)}.song-cover-wrap:hover .play-btn,.play-btn.visible{opacity:1;transform:scale(1)}.play-btn:hover{background:var(--accent)}.song-info{margin-top:16px}.song-info h1{font-size:22px;margin:0 0 4px;line-height:1.3}.song-info .meta{font-size:13px}.player-wrap{margin-top:14px;border-radius:var(--radius);overflow:hidden;background:#000}.player-wrap video{width:100%;display:block}.player-wrap.audio-mode{background:transparent}.player-wrap .song-audio{width:100%}.song-right{min-height:400px}.song-right--narrow{min-height:auto}.sync-lyrics{height:calc(100vh - 180px);max-height:600px;min-height:400px;overflow-y:auto;padding:80px 20px;scroll-behavior:smooth;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 85%,transparent 100%)}.lyric-line{margin:8px 0;padding:8px 14px;font-size:15px;line-height:1.8;color:var(--muted);text-align:center;transition:color .3s ease,font-size .3s ease,transform .3s ease,opacity .3s ease;opacity:.45;border-radius:8px;cursor:pointer}.lyric-line:hover{background:var(--accent-soft);opacity:.8}.lyric-line.active{color:var(--accent);font-size:19px;font-weight:600;opacity:1;transform:scale(1.03)}.lyric-line.past{opacity:.3}.sync-lyrics::-webkit-scrollbar{width:4px}.sync-lyrics::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.song-body{margin-top:40px}.prose{margin-top:24px}.prose h2{font-size:22px;margin:32px 0 12px}.prose p{margin:14px 0}.prose ul{padding-left:22px}.prose li{margin:6px 0}.site-footer{margin-top:80px;padding:28px 0;border-top:1px solid var(--border);color:var(--muted);font-size:14px}@media (max-width: 768px){.song-layout{grid-template-columns:1fr;gap:20px}.song-left{position:static;display:flex;flex-direction:column;align-items:center;text-align:center}.song-cover-wrap{width:200px}.song-info{text-align:center}.sync-lyrics{height:360px;min-height:360px}}@media (max-width: 600px){.hero{padding:40px 0 32px}.hero h1{font-size:26px}.nav-links{gap:16px}.article-list a{flex-direction:column;gap:4px}}