/* Shared discussion layout for voice and resource details; native comments remain authoritative. */
#sc-discussion { --sc-comment-bg:#20242b; --sc-comment-line:#363d48; scroll-margin-top:28px; }
#sc-discussion > h2 { color:#edeef1; font-size:22px; font-weight:550; margin:0 0 24px; }
#sc-discussion #comments { margin:0; background:transparent; border:0; box-shadow:none; }
#sc-discussion #comments > .box-body.notop { display:none; }
#sc-discussion #comments > .no_webshot { padding:0; margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
#sc-discussion #respond, #sc-discussion #respond.show { position:static; display:block; width:100%; max-height:none; padding:0; margin:0; overflow:visible; transform:none; transition:none; background:transparent; border:0; box-shadow:none; z-index:auto; }
#sc-discussion .virtual-input[fixed-input], #sc-discussion #respond > .fixed-body { display:none; }
#sc-discussion #commentform > .flex { display:block; }
#sc-discussion #commentform .comt-title { display:flex; align-items:center; gap:10px; width:auto; margin:0 0 14px; text-align:left; }
#sc-discussion #commentform .comt-avatar { margin:0; }
#sc-discussion #commentform .comt-avatar .avatar { width:28px; height:28px; }
#sc-discussion #commentform .comt-title p { color:#aab2bf; font-size:12px; margin:0; max-width:calc(100% - 40px); }
#sc-discussion #commentform .comt-title p img { width:15px; height:15px; }
#sc-discussion #commentform.sc-comment-guest .comt-title { display:none; }
#sc-discussion #commentform .comt-box { width:100%; padding:0; margin:0; background:transparent; }
#sc-discussion #comment { display:block; box-sizing:border-box; width:100%; min-height:112px; max-width:100%; padding:15px 17px; margin:0; resize:vertical; background:var(--sc-comment-bg); border:1px solid var(--sc-comment-line); border-radius:6px; color:#e4e8ee; font:13px/1.85 "Segoe UI","Microsoft YaHei",sans-serif; box-shadow:none; }
#sc-discussion #comment::placeholder { color:#8893a3; }
#sc-discussion #comment:focus { border-color:#8fa8d2; outline:0; box-shadow:0 0 0 2px #a7bde614; }
#sc-discussion .comt-ctrl { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; min-height:48px; }
#sc-discussion .comt-tips-right { order:2; display:flex; align-items:center; gap:12px; float:none; margin-left:auto; }
#sc-discussion .comt-tips-left { order:1; display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
#sc-discussion .comt-tips:empty { display:none; }
#sc-discussion #submit { min-height:36px; min-width:104px; padding:8px 17px; border:0; border-radius:5px; background:#a7bde6; color:#172238; font-size:12px; font-weight:500; box-shadow:none; }
#sc-discussion #submit:hover { background:#bdd0ed; }
#sc-discussion #submit:disabled { opacity:.6; cursor:wait; }
#sc-discussion #cancel-comment-reply-link { padding:7px 0; color:#a7b5ca; background:transparent; font-size:12px; }
#sc-discussion .comt-tips-left > .but { padding:6px 8px; color:#a4afbe; background:transparent; border:0; }
#sc-discussion #comment-user-info { display:block; width:100%; margin-top:16px; }
#sc-discussion #comment-user-info > a { display:none; }
#sc-discussion #comment-user-info .dropdown-menu { display:block; visibility:visible; opacity:1; pointer-events:auto; position:static; float:none; width:100%!important; min-width:0; padding:0; margin:0; background:transparent; border:0; box-shadow:none; transform:none; transition:none; }
#sc-discussion #comment-user-info .dropdown-menu::before, #sc-discussion #comment-user-info .dropdown-menu::after { display:none; }
#sc-discussion #comment-user-info .dropdown-menu > .mb20 { margin:0; }
#sc-discussion #comment-user-info .dropdown-menu > div > p { display:none; }
#sc-discussion #comment-user-info ul { display:flex; flex-wrap:wrap; gap:14px; list-style:none; padding:0; margin:0; }
#sc-discussion #comment-user-info .line-form { flex:1 1 180px; margin:0; padding:0; }
#sc-discussion #comment-user-info label { display:block; margin:0 0 7px; color:#a2adbd; font-size:11px; font-weight:400; }
#sc-discussion #comment-user-info input { position:static; width:100%; height:38px; padding:8px 11px; border:1px solid var(--sc-comment-line); border-radius:5px; color:#e4e8ee; background:var(--sc-comment-bg); font-size:13px; line-height:1.5; }
#sc-discussion #comment-user-info :is(.scale-placeholder,.line-form-line,.abs-right) { display:none; }
#sc-discussion .comment-signarea { padding:20px 0; margin:0; text-align:left; background:transparent; border:0; }
#sc-discussion .comment-signarea h3 { margin:0 0 16px; font-size:14px; text-align:left; }
#sc-discussion .comment-signarea p { margin:0; }
#sc-discussion .comment-signarea .signin-loader { background:#a7bde6; color:#172238; font-size:12px; padding:8px 20px; }
#sc-discussion .comment-signarea .signup-loader { background:transparent; color:#b7c7df; font-size:12px; }
#sc-discussion #postcomments { margin-top:24px; }
#sc-discussion .commentlist { margin:0; padding:0; }
#sc-discussion .comment-null { padding:22px 0!important; margin:0; border-top:1px solid var(--sc-comment-line); text-align:left; }
#sc-discussion .comment-null > img { display:none; }
#sc-discussion .comment-null > p { justify-content:flex-start; margin:0!important; color:#8793a4; font-size:12px; }
#sc-discussion .comment-null .separator::before, #sc-discussion .comment-null .separator::after { display:none; }
#sc-discussion .comment-filter { margin:0 0 8px; padding:0 0 12px; border-bottom:1px solid var(--sc-comment-line); font-size:12px; }
#sc-discussion .comment-filter .comment-order-box { display:flex; gap:18px; margin:0; }
#sc-discussion .comment-filter li { padding:0; margin:0; }
#sc-discussion .comment-filter li::before { display:none; }
#sc-discussion .comment-filter a { font-size:12px; color:#8e9aab; }
#sc-discussion .comment-filter .active a { color:#e0e6f0; }
#sc-discussion .comment-filter .btn-only-author { padding:0; background:transparent; }
#sc-discussion #postcomments .comment > .list-inline { margin:0; padding:20px 0; }
#sc-discussion #postcomments .commentlist > .comment > .list-inline .author-box { align-items:center; }
#sc-discussion #postcomments .avatar-img { --this-size:32px; margin-right:11px; }
#sc-discussion #postcomments .comment-header { margin:0 0 12px; font-size:13px; }
#sc-discussion #postcomments .comment-header name > a { font-weight:500; color:#d6dce6; }
#sc-discussion #postcomments .comment-content { font-size:13px; line-height:1.85; color:#bac3d0; }
#sc-discussion #postcomments .comment-content img:not(.smilie-icon) { max-width:min(100%,260px); }
#sc-discussion #postcomments .commentlist > .comment > .list-inline .comment-footer { margin:0 0 0 43px; }
#sc-discussion #postcomments .comt-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; margin-top:12px; color:#8490a1; font-size:11px; }
#sc-discussion #postcomments .comt-meta > span:not(:empty) { margin:0; }
#sc-discussion #postcomments .children { background:transparent; border-left:1px solid #38404c; border-radius:0; padding-left:18px; margin:0 0 8px 43px; }
#sc-discussion #postcomments .children .children { margin-left:14px; padding-left:14px; }
#sc-discussion #postcomments .children .avatar-img { --this-size:26px; }
#sc-discussion #postcomments #respond { padding:15px 0 22px; }
#sc-discussion #postcomments #respond .comt-title { display:none; }
#sc-discussion .action-text:not(:empty) { color:#b7c7df; font-size:12px; margin-bottom:12px; }
#sc-discussion :is(button,a,input):focus-visible { outline-color:#a7bde6; }
@media(max-width:760px) {
  #sc-discussion > h2 { font-size:20px; margin-bottom:20px; }
  #sc-discussion #comment { min-height:122px; padding:13px; font-size:14px; }
  #sc-discussion #comment-user-info ul { gap:12px; }
  #sc-discussion #comment-user-info .line-form { flex-basis:100%; }
  #sc-discussion #postcomments .children { margin-left:12px; padding-left:12px; }
  #sc-discussion #postcomments .children .children { margin-left:0; }
  #sc-discussion #postcomments .commentlist > .comment > .list-inline .comment-footer { margin-left:0; }
  #sc-discussion #postcomments .comment-content { font-size:13px; }
}
