.content-comments{margin-top:40px;padding:26px 28px;border:1px solid var(--book-line,#dfe4d9);border-radius:8px;background:var(--book-panel,#fffdf8);color:var(--book-ink,#293c34);scroll-margin-top:90px;min-width:0}
.content-comments [hidden]{display:none!important}
.content-comments-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:16px}
.content-comments-heading h2{font:600 23px/1.5 Georgia,'Songti SC',SimSun,serif;margin:0}
.content-comments-heading>span,.content-comments-status{font-size:12px;line-height:1.8;color:var(--book-muted,#6d786d)}
.content-comments-status{margin:0 0 14px;overflow-wrap:anywhere}
.content-comments-item{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--book-line,#e6e9df)}
.content-comments-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.content-comments-copy{flex:1;min-width:0}
.content-comments-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px;font-size:13px;line-height:1.8}
.content-comments-meta>a{color:var(--book-accent,#456758);overflow-wrap:anywhere}
.content-comments-meta time{font-size:11px;color:var(--book-muted,#7c867a)}
.content-comments-body{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9}
.content-comments-item-actions{display:flex;gap:16px}
.content-comments-item-actions button{border:0;background:transparent;padding:5px 0;color:var(--book-accent,#456758);font-size:12px;cursor:pointer;min-height:32px}
.content-comments-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px 0;font-size:12px}
.content-comments button{font-family:inherit;cursor:pointer}
.content-comments-pagination button,.content-comments-retry{min-height:40px;border:1px solid var(--book-line,#dfe4d9);border-radius:4px;background:var(--book-panel,#fffdf8);color:var(--book-accent,#456758);padding:7px 13px;font-size:12px}
.content-comments button:disabled{opacity:.5;cursor:default}
.content-comments-login{margin:22px 0 0;padding:18px 0 2px;color:var(--book-muted,#71806f);font-size:13px;line-height:1.8}
.content-comments-login a{color:var(--book-accent,#456758);margin-left:8px}
.content-comments-form{margin-top:24px}
.content-comments-form label{display:block;font-size:14px;margin-bottom:10px}
.content-comments-form textarea{display:block;width:100%;min-height:100px;max-height:360px;resize:vertical;border:1px solid var(--book-line,#d6dfd1);border-radius:6px;padding:12px 14px;background:var(--book-paper,#fafbf7);color:inherit;font-family:inherit;font-size:14px;line-height:1.8;box-sizing:border-box}
.content-comments-form textarea::placeholder{color:var(--book-muted,#7c867a)}
.content-comments-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.content-comments-submit>span{font-size:11px;color:var(--book-muted,#7c867a)}
.content-comments-submit>button{flex-shrink:0;min-height:44px;border:0;border-radius:4px;padding:10px 20px;background:#456758;color:#fff;font-size:13px}
.content-comments-submit>button:hover{background:#365343}
.content-comments a:focus-visible,.content-comments button:focus-visible,.content-comments textarea:focus-visible{outline:2px solid var(--book-accent,#456758);outline-offset:3px}
@media(max-width:600px){.content-comments{padding:20px 16px;margin-top:28px}.content-comments-heading h2{font-size:21px}.content-comments-item{gap:10px}.content-comments-avatar{width:34px;height:34px}.content-comments-submit{align-items:flex-start}.content-comments-submit>span{max-width:155px;line-height:1.8}.content-comments-pagination{gap:12px}.content-comments-login a{display:inline-block;margin-left:0;margin-right:8px}.content-comments-form textarea{font-size:16px}}
