.comment-section-wrap{background:#fff;padding:20px;margin-bottom:20px}.comment-section-wrap h2{font-size:16px;font-weight:600;margin-bottom:16px;border-bottom:1px solid #f0f0f0;padding-bottom:10px;color:#333}.comment-section-wrap .comment{margin-top:20px}.comment-section-wrap .comm-tip{margin:0 0 12px;padding:8px 12px;border-radius:4px;font-size:14px;line-height:1.5}.comment-section-wrap .comm-tip-ok{background:#f0fff4;color:#2d7a4f;border:1px solid #b2dfdb}.comment-section-wrap .comm-tip-err{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.commInput{position:relative;padding-bottom:0}.commInput.commInput-tip{display:flex;align-items:center;justify-content:center;height:60px;background:#fafafa;border:1px dashed #e2e2e2;border-radius:4px;margin-bottom:16px}.commInput.commInput-tip p{margin:0;font-size:14px;color:#999}.commInput.commInput-tip p a{color:#df2f30;font-weight:500}.commInput.commInput-tip p a:hover{text-decoration:underline}.commInput textarea{display:block;padding:10px;border:1px solid #e2e2e2;width:100%;height:92px;line-height:20px;font-size:14px;font-family:Microsoft Yahei;outline:none;margin-bottom:10px;resize:none;box-sizing:border-box}.comm-note{display:flex;justify-content:space-between;align-items:center;height:36px;width:100%}.comm-note span{font-size:12px;color:#999}.comm-note em{color:#e86565}.comm-note .btn_submit{padding:0 20px;height:34px;font-size:14px;line-height:34px;text-align:center;color:#fff;background:#df2f30;border-radius:3px;border:none;cursor:pointer;white-space:nowrap}.comment-list .comment-item{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.comment-list .comment-item:last-child{border-bottom:none}.comment-item .comment-user{width:44px;padding-right:12px;flex-shrink:0}.comment-item .comment-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.comment-item .comment-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-item .comment-info{flex:1;min-width:0}.comment-item .comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-item .comment-name{font-size:13px;font-weight:600;color:#555}.comment-item .comment-time{font-size:12px;color:#bbb}.comment-item .comment-content{font-size:14px;color:#333;line-height:1.6;word-break:break-all;margin-bottom:6px}.comment-item .comment-content .comment-text{display:block}.comment-item .comment-content.comment-content-collapsed{position:relative;max-height:4.8em;overflow:hidden}.comment-item .comment-content.comment-content-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.8em;background:linear-gradient(transparent,#fff);pointer-events:none}.comment-item .comment-expand-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#aaa;text-decoration:none;padding:3px 0;margin-top:1px}.comment-item .comment-expand-btn:hover{color:#337ab7}.comment-item .comment-footer{display:flex;align-items:center;gap:16px}.comment-item .comment-addon{display:flex;align-items:center;gap:12px}.comment-item .comment-addon a{font-size:12px;color:#999;text-decoration:none}.comment-item .comment-addon a i{color:#bbb;font-size:12px}.comment-item .comment-addon a:hover{color:#666}.comment-item .comment-addon a:hover i{color:#d20000}.comment-pending-tip{font-size:11px;color:#f59e0b}.reply-input-wrap{margin-top:8px;padding:8px 10px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:4px}.reply-input-wrap .reply-textarea{display:block;width:100%;height:60px;padding:6px;border:1px solid #e2e2e2;font-size:13px;font-family:Microsoft Yahei;outline:none;resize:none;box-sizing:border-box;border-radius:3px}.reply-input-wrap .reply-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.reply-input-wrap .reply-remain-tip{font-size:12px;color:#999}.reply-input-wrap .reply-remain-tip em{color:#e86565}.reply-input-wrap .btn_submit_sm{width:70px;height:26px;font-size:12px;line-height:24px;text-align:center;background:#df2f30;border-radius:2px;color:#fff;border:none;cursor:pointer}.reply-section{margin-top:8px}.reply-toggle-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#999;text-decoration:none;padding:4px 12px;margin-top:2px}.reply-toggle-btn i{transition:transform .2s}.reply-toggle-btn.expanded i{transform:rotate(180deg)}.reply-toggle-btn:hover{color:#337ab7}.reply-toggle-btn .reply-rest-hint{font-size:11px;color:#bbb;margin-left:2px}.reply-list{margin-top:8px;background:#f8f8f8;border-radius:4px;overflow:hidden}.reply-list .reply-item{padding:8px 12px;border-bottom:1px solid #f0f0f0}.reply-list .reply-item:last-child{border-bottom:none}.reply-item .reply-item-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.reply-item .reply-name{font-weight:600;font-size:12px;color:#555}.reply-item .reply-to-label{font-size:11px;color:#999}.reply-item .reply-to-label em{color:#337ab7;font-style:normal}.reply-item .reply-item-content{font-size:13px;color:#333;line-height:1.6;word-break:break-all;margin-bottom:2px}.reply-item .reply-item-content.reply-content-collapsed{position:relative;max-height:3.2em;overflow:hidden}.reply-item .reply-item-content.reply-content-collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.4em;background:linear-gradient(transparent,#f8f8f8);pointer-events:none}.reply-item .reply-expand-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#aaa;text-decoration:none;padding:3px 0;margin-top:1px}.reply-item .reply-expand-btn:hover{color:#337ab7}.reply-item .reply-item-footer{display:flex;align-items:center;gap:10px}.reply-item .reply-time{font-size:11px;color:#bbb}.reply-item .reply-to-reply-btn{font-size:11px;color:#999;text-decoration:none}.reply-item .reply-to-reply-btn:hover{color:#d20000}.reply-item .reply-thumb{font-size:11px;color:#bbb;text-decoration:none;transition:opacity .2s}.reply-item .reply-thumb i{font-size:10px}.reply-item .reply-thumb:hover{color:#999}.comment-load-more{text-align:center;padding:16px 0 8px}.comment-load-more .btn-load-more{display:inline-block;padding:8px 24px;font-size:14px;color:#666;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:4px;cursor:pointer;transition:all .2s}.comment-load-more .btn-load-more:hover{background:#eee;color:#333}.comment-load-more .btn-load-more:disabled{opacity:.6;cursor:not-allowed}.comment-load-end{text-align:center;padding:12px 0;font-size:13px;color:#bbb}.comment-empty{text-align:center;padding:20px 0;color:#999;font-size:14px}.comment-pagination{margin-top:20px;padding:15px 0;border-top:1px solid #f0f0f0}.comment-pagination nav{display:flex;justify-content:center}.comment-pagination .pagination{display:flex;list-style:none;margin:0;padding:0;gap:5px}.comment-pagination .pagination .page-item .page-link{display:block;padding:8px 14px;font-size:14px;color:#666;background:#fff;border:1px solid #e2e2e2;border-radius:4px;text-decoration:none;transition:all .2s}.comment-pagination .pagination .page-item .page-link:hover{color:#d20000;border-color:#d20000;background:#fff5f5}.comment-pagination .pagination .page-item.active .page-link{color:#fff;background:#d20000;border-color:#d20000;cursor:default}.comment-pagination .pagination .page-item.disabled .page-link{color:#ccc;background:#f5f5f5;border-color:#e2e2e2;cursor:not-allowed}