.sc-article-manage{position:relative;margin-left:auto;flex:none}.sc-article-manage-trigger{list-style:none;display:flex;align-items:center;gap:5px;border:1px solid var(--sc-line);border-radius:10px;padding:7px 10px;cursor:pointer;font-size:13px;color:var(--sc-muted);transition:background .15s,color .15s}.sc-article-manage-trigger::-webkit-details-marker{display:none}.sc-article-manage-trigger:hover,.sc-article-manage[open] .sc-article-manage-trigger{background:var(--sc-soft);color:var(--sc-green)}.sc-article-manage-panel{position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:9px;border:1px solid var(--sc-line);border-radius:12px;box-shadow:0 12px 35px #0002;background:var(--sc-card);z-index:30}.sc-article-manage:not([open])>.sc-article-manage-panel{display:none}.sc-article-manage-panel>strong{display:block;padding:6px 9px 9px;font-size:12px;color:var(--sc-muted)}.sc-article-manage-panel>a{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:8px;font-size:14px;transition:background .15s,color .15s}.sc-article-manage-panel>a:hover{background:var(--sc-soft)}.sc-article-manage-panel>a.sc-article-danger{color:#c65656}.sc-comment-dock,.sc-comment-sheet-heading,.sc-comment-shade{display:none}.sc-comment-section,.sc-comment-section .comt-main,.sc-comment-section .comt-box,.sc-comment-section .comment-header name{min-width:0}.sc-comment-section .comment-content{overflow-wrap:anywhere;word-break:break-word}.sc-comment-section .comment-content img{max-width:100%;height:auto}.sc-comment-section .comment-content pre{max-width:100%;overflow:auto;white-space:pre-wrap}.sc-comment-section #postcomments .comment-filter{flex-wrap:wrap;gap:8px}.sc-comment-section .comt-ctrl .comt-tips-left{display:flex;flex-wrap:wrap;gap:4px}.sc-comment-section .comt-ctrl .comt-tips-right{max-width:100%}.sc-comment-section #postcomments .sc-replies-more{border:0;background:none;color:var(--sc-green);font:inherit;font-size:13px;padding:9px 0;margin-left:58px;cursor:pointer;transition:color .15s,background .15s}.sc-comment-section #postcomments .sc-replies-more:hover{color:var(--sc-ink)}.sc-comment-section #postcomments .comment[hidden]{display:none!important}
@media(max-width:700px){
 .sc-comment-section #comments>.main-bg{min-width:0;max-width:100%;padding:16px}.sc-comment-section #postcomments .comment-header{flex-wrap:wrap}.sc-comment-section #postcomments .comt-meta{overflow-wrap:anywhere}.sc-comments-enhanced [fixed-input="#respond"]{display:none!important}.sc-comments-enhanced #respond:not(.sc-comment-sheet){display:none!important}.sc-comment-section #postcomments .sc-replies-more{margin-left:0}.sc-comment-section #comments .comt-ctrl .but{padding:7px 9px}.sc-comment-section #postcomments .children .children{margin-left:0;padding-left:8px}.sc-comment-dock:not([hidden]){display:block;position:fixed;z-index:1040;bottom:0;left:0;right:0;width:100%;padding:15px 20px calc(15px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--sc-line);background:var(--sc-card);box-shadow:0 -4px 20px #00000008;color:var(--sc-muted);font:inherit;text-align:left;font-size:15px;transition:color .15s,background .15s}.sc-comment-dock:hover{color:var(--sc-green);background:var(--sc-soft)}.sc-comment-section{padding-bottom:75px}.sc-comment-shade:not([hidden]){display:block;position:fixed;inset:0;background:#17231db3;z-index:1058;touch-action:none}.sc-comment-sheet-open .sc-workspace{animation:none!important;transform:none!important}.sc-comment-sheet-open .sc-comment-section,.sc-comment-sheet-open #comments,.sc-comment-sheet-open #comments>.main-bg{overflow:visible!important}.sc-comment-section #respond.sc-comment-sheet{display:block!important;position:fixed!important;z-index:1059!important;left:0!important;right:0!important;top:auto!important;bottom:var(--sc-comment-bottom,0px)!important;width:100%!important;max-width:100%!important;max-height:var(--sc-comment-height,85dvh)!important;overflow:auto!important;overscroll-behavior:contain;margin:0!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;border:1px solid var(--sc-line);border-radius:20px 20px 0 0;background:var(--sc-card)!important;box-shadow:0 -12px 45px #0002;visibility:visible!important;transition:none!important}.sc-comment-sheet>.fixed-body{display:none!important}.sc-comment-sheet .sc-comment-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.sc-comment-sheet-heading strong{font-size:17px}.sc-comment-sheet-heading button{width:36px;height:36px;border:0;border-radius:50%;font-size:26px;background:var(--sc-bg);color:var(--sc-muted);transition:background .15s,color .15s}.sc-comment-sheet-heading button:hover{background:var(--sc-soft);color:var(--sc-green)}.sc-comment-sheet #commentform{position:static!important;transform:none!important;width:100%!important;max-height:none!important;padding:0!important;box-shadow:none!important;margin:0!important}.sc-comment-sheet #commentform>.flex{display:block!important}.sc-comment-sheet .comt-title{display:none!important}.sc-comment-sheet .comt-box{width:100%;min-width:0}.sc-comment-sheet #comment{width:100%;min-width:0;box-sizing:border-box;font-size:16px!important}.sc-comment-sheet .comt-tips-right{float:none!important;display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.sc-comment-sheet .comt-tips-left{clear:both}.sc-comment-sheet .dropdown-menu{max-width:calc(100vw - 40px)!important}.sc-comment-sheet .dropup{position:static!important}.sc-comment-sheet .comt-ctrl{position:relative}.sc-comment-sheet .input-expand{max-width:100%}.sc-comment-sheet .action-text{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.sc-article-manage-trigger,.sc-article-manage-panel>a,.sc-comment-dock,.sc-comment-sheet-heading button,.sc-replies-more{transition:none!important}}
/* Neutralize the legacy mobile-fixed off-screen transform after WAAPI finishes.
   Keep transform non-important so entry/exit keyframes can still animate it. */
@media(max-width:700px){.song-community .sc-comment-section #comments #respond.sc-comment-sheet{transform:translateY(0)}}
/* A named view-transition surface creates its own stacking context. Release it
   while the original in-place form is a dialog so the body scrim sits below it. */
@media(max-width:700px){body.song-community.sc-comment-sheet-open>.sc-workspace{view-transition-name:none!important;isolation:auto}}
@media(max-width:700px){
 body.song-community .sc-comment-section #respond.sc-comment-sheet{max-height:min(var(--sc-comment-height,85dvh),var(--sc-comment-available-height,calc(100dvh - 18px)))!important;padding-top:14px!important}
 .sc-comment-sheet .sc-comment-sheet-heading{min-height:32px;margin-bottom:12px;gap:10px}
 .sc-comment-sheet-heading strong{font-size:16px;line-height:24px}
 .sc-comment-sheet .sc-comment-sheet-heading button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-width:32px;padding:0;border-radius:8px;font-size:24px;line-height:1}
 .sc-comment-sheet .comt-ctrl{display:flex;flex-direction:column;gap:8px}
 .sc-comment-sheet .comt-tips{order:1}
 .sc-comment-sheet .comt-tips-left{order:2;clear:none}
 .sc-comment-sheet .comt-tips-right{order:3;float:none!important;margin:0;min-height:36px}
}