/* =============================================================
   Midnight · 评论区皮肤（覆盖 comment.css）
   ============================================================= */

.nc-comments { width: 100%; }

.nc-comment-box {
    background: var(--md-bg-3);
    border: 1px solid var(--md-line);
    border-radius: var(--md-r-sm);
    padding: 18px 20px 16px;
    box-shadow: none;
}
.nc-comment-title {
    color: var(--md-text);
    font: 600 16px/1.3 var(--md-serif);
    padding-left: 12px;
}
.nc-comment-title::before {
    width: 3px;
    height: 15px;
    border-radius: 2px;
    background: var(--md-gold);
}
.nc-comment-tip { color: var(--md-dim); font-size: 11.5px; }

.nc-comment-textarea {
    background: var(--md-bg-2);
    border-color: var(--md-line);
    border-radius: 10px;
    color: var(--md-text);
    font-size: 13.5px;
}
.nc-comment-textarea:focus {
    border-color: var(--md-line-gold);
    background: var(--md-bg-3);
    box-shadow: 0 0 0 3px rgba(226, 178, 109, .08);
}
.nc-comment-textarea::placeholder { color: var(--md-dim); }

.nc-emoji-trigger {
    height: 34px;
    padding: 0 13px;
    border-color: var(--md-line);
    border-radius: 999px;
    color: var(--md-muted);
    font-size: 12.5px;
}
.nc-emoji-trigger:hover { border-color: var(--md-line-gold); color: var(--md-gold); background: var(--md-gold-soft); }

.nc-comment-send {
    height: 36px;
    padding: 0 20px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--md-gold-2), var(--md-gold));
    color: #1a1206;
    font-size: 12.5px;
    font-weight: 700;
}
.nc-comment-send:hover { filter: brightness(1.05); }

.nc-comment-list { margin-top: 16px; }
.nc-comment-item, .nc-comment-list > li {
    padding: 15px 0;
    border-top: 1px dashed var(--md-line);
}
.nc-comment-list > li:first-child { border-top: 0; }

.nc-emoji-panel {
    background: var(--md-panel-2);
    border: 1px solid var(--md-line);
    border-radius: 12px;
    box-shadow: var(--md-shadow-sm);
}
.nc-emoji-tabs a { color: var(--md-muted); }
.nc-emoji-tabs a.on, .nc-emoji-tabs a.active { color: var(--md-gold); border-color: var(--md-gold); }

.nc-comments .pagination { margin-top: 18px; }