.al-muted{color:#7a7a7a}
.al-req{color:#c0392b}
.al-product{margin:1.25rem 0;padding:1rem;border:1px solid #e5e5e5;border-radius:4px}
.al-product-title{font-size:1.05rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.al-tracklist{margin:.5rem 0 0;padding-left:1.25rem}
.al-track{padding:.5rem 0;border-bottom:1px solid #f0f0f0}
.al-track:last-child{border-bottom:0}
.al-track-head{display:flex;justify-content:space-between;gap:1rem}
.al-track-title{font-weight:600}
.al-track-desc{margin:.25rem 0;font-size:.9em}
.al-audio{width:100%;max-width:640px;margin-top:.35rem;display:block}
.al-preview{margin-top:.25rem}
.al-badge{display:inline-block;font-size:.75em;background:#2fb5d2;color:#fff;border-radius:3px;padding:0 .4em}
.al-lecture{margin-bottom:1.25rem}
.al-lecture-head{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}
.al-cover{width:80px;height:80px;object-fit:cover;border-radius:4px;flex:none}
.al-status-ok{color:#2e7d32}
.al-status-bad{color:#c0392b}
.al-status-wait{color:#b26a00}
.al-payment-info .al-account{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem;margin:.5rem 0}
.al-payment-info .al-account dt{font-weight:normal;color:#7a7a7a}
.al-payment-info .al-account dd{margin:0;word-break:break-all}
.al-payment-form{margin-top:.75rem}
.al-payments .al-payment{margin-bottom:1rem}
@media (max-width:575px){.al-lecture-head{align-items:flex-start}.al-cover{width:56px;height:56px}}