:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#242424;background:#fff}*{box-sizing:border-box}body{margin:0;background:#fff}.page{width:min(100%,720px);min-height:100svh;margin:auto;padding:26px 32px 34px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.brand{width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.brand img{width:100%;height:100%;object-fit:contain;display:block}.intro{margin-top:32px;font-size:30px;font-weight:800;letter-spacing:.12em}.art{width:min(100%,450px);height:390px;display:flex;align-items:center;justify-content:center;margin:12px auto 0}.art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.08))}.title{font-size:50px;line-height:1.2;font-weight:900;letter-spacing:.1em;margin:4px 0 8px;text-align:center}.subtitle{font-size:28px;font-weight:800;letter-spacing:.12em;margin:0 0 28px}.player{width:min(100%,520px);display:flex;flex-direction:column;align-items:center;gap:18px}.play{width:78px;height:78px;border-radius:50%;border:4px solid #292929;background:#fff;cursor:pointer;display:grid;place-items:center;transition:.18s ease;box-shadow:0 2px 0 rgba(0,0,0,.05)}.play:hover{transform:scale(1.05);background:#f7f7f7}.play svg{width:38px;height:38px;fill:#292929}.track{width:100%;height:14px;border-radius:99px;background:#dedede;overflow:hidden;cursor:pointer}.fill{height:100%;width:0;background:#343434;border-radius:inherit}.time{width:100%;display:flex;justify-content:space-between;color:#777;font-size:13px;margin-top:-10px}.footer{margin-top:auto;padding-top:44px;font-size:22px;font-weight:800;letter-spacing:.08em}.back{margin-top:18px;color:#777;text-decoration:none;font-size:14px}.qr-wrap{text-align:center;margin:20px auto 0}.qr-wrap img{width:130px;height:130px}.qr-wrap p{margin:8px 0;color:#777;font-size:12px}.home{padding:36px 26px}.home h1{text-align:center;margin:28px 0 8px;font-size:30px}.home .lead{text-align:center;color:#777;margin:0 0 28px}.grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid #e6e6e6;border-radius:18px;padding:14px;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(0,0,0,.05)}.card img{width:100%;height:180px;object-fit:contain}.card h2{font-size:20px;margin:8px 0 10px}.card small{color:#777}@media(max-width:500px){.page{padding-left:22px;padding-right:22px}.intro{font-size:27px}.art{height:330px}.title{font-size:42px}.subtitle{font-size:24px}.footer{font-size:19px}.grid{gap:12px}.card{padding:10px}.card img{height:145px}.card h2{font-size:17px}}