.song-comments{margin:26px 0 0;border:1px solid #ffffff1f;border-radius:16px;background:linear-gradient(145deg,#22212b,#191a23 58%);overflow:hidden}
.song-comments-header{padding:31px 34px;display:flex;align-items:end;justify-content:space-between;gap:20px;background:radial-gradient(circle at 88% 5%,#e9a38129,transparent 40%);border-bottom:1px solid #ffffff16}
.song-comments-header h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.7px;line-height:1.1;margin:10px 0}
.song-comments-header p{color:#b8adb5;font-size:13px;margin:0}
.song-comments-count{flex:none;color:#e9a381;border:1px solid #e9a38166;background:#e9a38113;padding:9px 13px;border-radius:99px;font-size:11px;font-weight:900}
.song-comment-compose{display:flex;gap:18px;margin:28px 34px;padding:21px;border:1px solid #ffffff1c;border-radius:12px;background:#101119a8;align-items:start}
.comment-avatar{width:45px;height:45px;flex:none;border-radius:50%;object-fit:cover;border:2px solid #e9a3818a;font-size:22px}
.song-comment-compose form{flex:1;min-width:0}.song-comment-compose label{display:block;color:#f6e8e2;font-weight:800;font-size:13px;margin-bottom:10px}
.song-comment-compose textarea,.comment-edit textarea{display:block;width:100%;resize:vertical;min-height:82px;padding:14px;border:1px solid #ffffff2c;border-radius:8px;color:#f8f1ee;background:#22232d;font:inherit;font-size:13px;line-height:1.6}
.song-comment-compose textarea:focus,.comment-edit textarea:focus{outline:2px solid #e9a381;outline-offset:2px}
.comment-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.comment-compose-bottom small{color:#9c98a3;font-size:11px;line-height:1.5}.comment-error{color:#ffafa5;font-size:12px;min-height:1em;margin:7px 0 0}
.comment-signin{flex:1}.comment-signin strong{font-size:18px}.comment-signin p{font-size:12px;color:#aaa5af;margin:7px 0 16px}.comment-signin .btn{min-height:38px}
.song-comment-list{padding:0 34px}.comment-loading{color:#aaa5af;padding:15px 0 28px;font-size:12px}
.song-comment{display:flex;gap:16px;padding:23px 2px;border-top:1px solid #ffffff15}.song-comment:first-child{border-top:0}
.comment-content{flex:1;min-width:0}.comment-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.comment-author{padding:0;background:none;border:0;color:#f5ede9;font-size:14px;font-weight:900}.comment-author:hover{color:#e9a381}.comment-byline time{color:#8e8b97;font-size:10px}.comment-text{color:#d8d2d6;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;margin:11px 0 9px}.comment-actions{display:flex;gap:16px}.comment-actions button,.comment-edit button,.comment-empty button{padding:0;border:0;background:none;color:#dfab95;font-size:11px;font-weight:800}.comment-actions button:hover,.comment-edit button:hover{text-decoration:underline}.comment-edit{display:grid;gap:11px;margin-top:10px}.comment-edit-actions{display:flex;gap:14px}.comment-empty{text-align:center;padding:42px 20px;color:#a9a4af}.comment-empty span{display:block;font-size:29px;color:#e9a381;margin-bottom:9px}.comment-empty strong{display:block;color:#f6eee9;font-size:17px}.comment-empty p{font-size:12px;line-height:1.6;margin:8px 0 0}.song-comments>#comment-more{display:flex;margin:12px auto 30px}.comment-report-reason{display:grid;gap:8px;color:#e4d9d5;font-size:12px;font-weight:800;margin:20px 0}.comment-report-reason select{background:#171820;color:#fff;border:1px solid #ffffff30;border-radius:6px;padding:11px}
@media(max-width:650px){.song-comments-header{padding:23px;align-items:start;flex-direction:column}.song-comment-compose{margin:20px;padding:15px;gap:12px}.song-comment-list{padding:0 20px}.comment-avatar{width:37px;height:37px}.comment-compose-bottom{align-items:start;flex-direction:column}.comment-compose-bottom .btn{width:100%}}