.reader-site .comments{border-top:1px solid var(--line);margin-top:20px;padding:26px 0 32px}.reader-site .comments-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.reader-site .comments-heading h2{margin:0;font-size:20px}.reader-site .comments-heading h2 span{color:var(--muted);font-size:14px;font-weight:400}.reader-site .comments-heading a{color:var(--accent);font-size:13px}.reader-site .comments-empty{color:#78828e;background:#f7f9fc;border-radius:4px;padding:18px 20px;font-size:14px}.reader-site .comments-list{margin:0;padding:0;list-style:none}.reader-site .comment-item{border-bottom:1px solid var(--line);gap:12px;padding:20px 0;display:flex}.reader-site .comment-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;display:grid}.reader-site .comment-main{flex:1;min-width:0}.reader-site .comment-meta{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.reader-site .comment-meta strong{overflow-wrap:anywhere;font-size:14px}.reader-site .comment-meta time{color:var(--muted);font-size:12px}.reader-site .comment-text{color:#4d5865;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.85}.reader-site .comment-reply{background:#f6f9fd;border-left:2px solid #a7c8e9;border-radius:3px;margin-top:14px;padding:12px 14px}.reader-site .comment-owner{color:var(--accent)}.reader-site .comments-more{margin-top:20px}.reader-site .comment-form{margin-top:28px}.reader-site .comment-form h3{margin:0 0 8px;font-size:17px}.reader-site .comment-guidance{color:var(--muted);margin:0 0 20px;font-size:12px}.reader-site .comment-form label{margin:16px 0 7px;font-size:13px;display:block}.reader-site .comment-form label span{color:#bb4f42}.reader-site .comment-form input,.reader-site .comment-form textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe4e9;border-radius:4px;padding:10px 12px;line-height:1.7;display:block}.reader-site .comment-form input[name=nickname]{max-width:320px}.reader-site .comment-form textarea{resize:vertical;min-height:140px}.reader-site .comment-submit-row{justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.reader-site .comment-submit-row span{color:var(--muted);font-size:12px}.reader-site .comments button:disabled{opacity:.55;cursor:not-allowed}.reader-site .comment-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reader-site .comments-error{color:#a1372a;margin-top:14px;font-size:13px}.reader-site .comments-error button{color:var(--accent);background:#fff;border:1px solid #e0e5eb;border-radius:4px;margin-left:8px;padding:5px 8px}.reader-site .comment-success{color:#267243;background:#f1f8f3;border-radius:4px;padding:12px 14px;font-size:13px}@media (max-width:600px){.reader-site .comments{padding-top:22px}.reader-site .comment-form input,.reader-site .comment-form textarea{font-size:16px}.reader-site .comment-avatar{width:30px;height:30px}.reader-site .comment-item{gap:9px}}