.comment-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-top:3rem;padding:20px;box-shadow:0 4px 20px #0000000d}.comment-title{border-bottom:2px solid var(--border-color);color:var(--text-main);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.comment-form{background:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:var(--text-main);margin-bottom:8px;font-weight:700;display:block}.author-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-main);border-radius:8px;padding:10px;font-size:.9rem}.comment-textarea{border:1px solid var(--border-color);resize:vertical;background:var(--bg-card);width:100%;min-height:80px;color:var(--text-main);border-radius:8px;padding:15px;font-size:1rem}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;border-radius:25px;padding:10px 25px;font-weight:700;transition:transform .2s}.submit-button:hover{transform:scale(1.05)}.comment-list{flex-direction:column;gap:15px;margin-bottom:2rem;display:flex}.comment-item{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}[data-theme=dark] .comment-item{background:#252525}.comment-header{color:var(--text-sub);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.comment-number{color:var(--primary);font-weight:700}.comment-author{color:var(--text-main);font-weight:700}.comment-content{color:var(--text-main);white-space:pre-wrap;font-size:1rem;line-height:1.6}.no-comments{text-align:center;color:var(--text-sub);padding:2rem 0}