.content-area{position:relative;border:1px solid #e8e8ea;background:#f5f5f6;border-radius:20px;padding:24px;min-height:calc(100vh - 120px);overflow:hidden;}.content-area::before{content:"";position:absolute;left:-40px;top:250px;width:120px;height:140px;background:repeating-linear-gradient( to bottom,rgba(129,97,255,0.25) 0px,rgba(129,97,255,0.25) 2px,transparent 2px,transparent 7px );transform:rotate(25deg);pointer-events:none;}.section-label{position:absolute;top:15px;left:24px;transform:translateY(-50%);background:#f5f5f6;border:1px solid #e8e8ea;border-bottom:none;border-radius:12px 12px 0 0;padding:14px 20px 12px;font-size:20px;font-weight:500;color:#111827;}.cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 22px;margin-top:18px;}.music-card{background:#f8f8f8;border:1px solid #e5e7eb;border-radius:22px;padding:18px 18px 16px;position:relative;transition:0.25s ease;min-height:240px;}.music-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.06);}.cover-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;margin-bottom:16px;background:#ededed;}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;}.locked .cover-wrap::after{content:"";position:absolute;inset:0;background:rgba(76,85,108,0.35);}.lock-icon{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:2;}.locked .lock-icon{display:flex;}.lock-circle{width:108px;height:108px;border-radius:50%;background:rgba(191,197,209,0.45);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;}.lock-circle i{font-size:42px;color:#7c8495;}.badge{position:absolute;top:-8px;right:-8px;width:36px;height:36px;background:#ff160f;color:white;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:700;z-index:5;}.card-title{font-size:18px;line-height:1.25;font-weight:500;color:#111827;margin-bottom:16px;min-height:46px;}.card-bottom{display:flex;justify-content:space-between;align-items:center;}.song-count{font-size:14px;color:#374151;}.play-btn{width:31px;height:31px;border-radius:50%;border:1px solid #a1a1aa;background:transparent;color:#555;cursor:pointer;display:grid;place-items:center;transition:0.2s ease;font-size:12px;}.play-btn:hover{background:#6d59ef;color:#fff;border-color:#6d59ef;}.feedback-btn{position:fixed;right:0;top:280px;border:none;background:#f26a21;color:#fff;padding:14px 10px;border-radius:12px 0 0 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;}.feedback-btn i{transform:rotate(180deg);}@media (max-width:520px){.content-area{padding:18px;}.section-label{font-size:18px;}}