/* Opt-in PC comic comments. No WAP or legacy book selectors. */
.pc-comments{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1e293b;overflow:visible!important}
.pc-comments *{box-sizing:border-box}
.pc-comments [hidden]{display:none!important}
.pc-comments button,.pc-comments textarea{font:inherit}
.pc-comments button{cursor:pointer;border:0;background:none;transition:background .18s,color .18s,transform .18s}
.pc-comments button:disabled{opacity:.5;cursor:default;transform:none}
.pc-comments :focus-visible{outline:2px solid #8fc7f4;outline-offset:3px}
.pc-comment-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 24px;gap:16px}
.pc-comment-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:650;margin:0}
.pc-comment-total{display:inline-block;margin-left:8px;font-size:13px;font-weight:500;color:#5681a8;vertical-align:middle;letter-spacing:0}
.pc-comment-heading>span{color:#94a3b8;font-size:12px}
.pc-comments .pc-avatar{display:block;width:42px;height:42px;border-radius:50%;border:1px solid #e8eef5;object-fit:cover;background:#edf4fb;flex-shrink:0}
.pc-composer{position:relative;display:flex;gap:14px;padding:20px;margin:0 0 12px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;transition:box-shadow .2s,border-color .2s}
.pc-composer:focus-within{border-color:#b3d9f5;box-shadow:0 8px 30px rgba(7,135,232,.08)}
.pc-composer-main{flex:1;min-width:0}
.pc-self-name{font-size:13px;font-weight:600;line-height:22px;color:#526780;margin-bottom:3px}
.pc-editor-label{display:block;color:#8c9bab;font-size:12px;line-height:1.5;margin-bottom:8px}
.pc-comments .pc-editor{display:block;resize:vertical;width:100%;min-height:92px;max-height:320px;padding:10px 0;border:0;border-radius:0;outline:none;background:#fff;color:#1e293b;font-size:15px;line-height:1.65}
.pc-comments .pc-editor{overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.pc-editor:empty::before{content:attr(data-placeholder);color:#b0bac7;pointer-events:none}
.pc-comments .pc-editor .pc-editor-face{display:inline-block;width:30px;height:30px;max-width:none;margin:0 2px;vertical-align:middle;object-fit:contain;user-select:all}
.pc-editor[aria-disabled="true"]{opacity:.65;cursor:wait}
.pc-composer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #f1f5f9;padding-top:12px;margin-top:8px}
.pc-composer-tools,.pc-composer-send{display:flex;align-items:center;gap:14px}
.pc-comments .pc-face-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;color:#6d8198;border-radius:8px;font-size:19px}
.pc-face-toggle span{font-size:12px}
.pc-face-toggle:hover{background:#edf6ff;transform:scale(1.03)}
.pc-spoiler-toggle{display:flex;align-items:center;gap:6px;color:#8492a5;font-size:12px;cursor:pointer}
.pc-spoiler-check{accent-color:#1686d8}
.pc-counter{font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}
.pc-counter.is-over{color:#d54b60}
.pc-comments .pc-submit{padding:10px 24px;border-radius:10px;background:linear-gradient(120deg,#12a3ec,#0878e4);box-shadow:0 5px 14px #0787e81c;color:#fff;font-size:14px;font-weight:600;min-height:40px}
.pc-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0787e82b}
.pc-face-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;max-height:220px;overflow:auto;padding:12px;background:#fff;border:1px solid #e9eff6;border-radius:12px;box-shadow:0 10px 24px #1e293b0c;margin-top:12px}
.pc-comments .pc-face{padding:5px;border-radius:6px;min-height:40px}
.pc-face:hover{background:#edf6ff}
.pc-face img{width:32px;height:32px;object-fit:contain}
.pc-form-status{margin:8px 0 0;font-size:12px;line-height:1.6;color:#74869b;white-space:pre-wrap}
.pc-form-status:empty{display:none}
.pc-list-status{font-size:13px;color:#8b99ab;text-align:center;line-height:1.7;padding:16px 0}
.pc-list-status:empty{display:none}
.pc-thread{display:flex;gap:16px;margin:0;padding:28px 0;border-bottom:1px solid #f1f5f9}
.pc-thread:last-child{border-bottom:0}
.pc-thread-main{flex:1;min-width:0}
.pc-author-line{display:flex;align-items:center;gap:8px;min-height:24px}
.pc-author{font-size:14px;font-weight:600;color:#334963;line-height:1.7}
.pc-vip{font-size:10px;font-weight:500;line-height:18px;border-radius:5px;padding:0 5px;background:#f8f0dd;color:#a77d32}
.pc-comment-body{margin:8px 0 10px;color:#1e293b;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.pc-comment-body img{display:inline-block;vertical-align:middle;max-width:64px;max-height:64px;object-fit:contain}
.pc-thread-actions,.pc-reply-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px;font-size:12px;color:#94a3b8}
.pc-thread-actions time,.pc-reply-actions time{font-size:12px;margin-right:8px;color:#98a5b5;font-variant-numeric:tabular-nums}
.pc-comments .pc-like,.pc-comments .pc-reply-open{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border-radius:999px;color:#8391a4;font-size:12px}
.pc-like i{font-size:15px;transition:transform .2s}
.pc-like:hover,.pc-reply-open:hover{background:rgba(7,135,232,.08);color:#0787e8}
.pc-like:hover i{transform:translateY(-1px)}
.pc-comments .pc-like.is-liked{color:#087bd0;background:#edf6ff}
.pc-like.is-liked i:before{content:"";display:block;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 10h4v12H2zM8 10l5-8h1a3 3 0 0 1 3 3l-1 5h4a2 2 0 0 1 2 2l-2 8a3 3 0 0 1-3 2H8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 10h4v12H2zM8 10l5-8h1a3 3 0 0 1 3 3l-1 5h4a2 2 0 0 1 2 2l-2 8a3 3 0 0 1-3 2H8z'/%3E%3C/svg%3E") center/contain no-repeat}
.pc-like-pop i{animation:pc-like-pop .26s ease-out}
@keyframes pc-like-pop{50%{transform:scale(1.15)}100%{transform:scale(1)}}
.pc-reply-island{margin-top:12px;padding:6px 16px;border:0;border-radius:12px;background:#f8fafc}
.pc-reply{display:flex;gap:9px;padding:12px 0;border:0;background:transparent;border-radius:0}
.pc-comments .pc-reply .pc-avatar{width:24px;height:24px;margin-top:1px}
.pc-reply-main{flex:1;min-width:0}
.pc-reply-copy{font-size:14px;line-height:1.65;color:#536982;overflow-wrap:anywhere}
.pc-reply-copy .pc-author{font-size:13px}
.pc-reply-copy .pc-comment-body{display:inline;margin:0;font-size:14px;line-height:1.65}
.pc-reply-to{font-size:12px;color:#788b9e}
.pc-reply-actions{margin-top:4px;opacity:.55;transition:opacity .2s}
.pc-reply:hover .pc-reply-actions,.pc-reply:focus-within .pc-reply-actions{opacity:1}
.pc-comments .pc-replies-toggle{display:block;padding:10px 0;font-size:12px;color:#3286bf;min-height:36px}
.pc-comments .pc-replies-more{display:block;margin:8px 0;padding:8px 14px;min-height:36px;border-radius:999px;background:#eaf4fd;color:#147ac2;font-size:12px}
.pc-comments .pc-replies-more:hover{background:#dceefd}
.pc-reply-limit{font-size:11px;color:#94a3b8;margin:0 0 10px}
.pc-reply-composer{margin:14px 0 0;padding:16px}
.pc-reply-composer .pc-editor{min-height:70px}
.pc-comments .pc-reply-cancel{font-size:12px;color:#8b99a9;padding:8px}
.pc-spoiler{display:inline-block;vertical-align:top;max-width:100%;background:#f3f7fb;border-radius:8px;padding:6px 10px;white-space:normal}
.pc-spoiler summary{cursor:pointer;color:#64839e;font-size:12px;line-height:24px}
.pc-spoiler>div{white-space:pre-wrap;padding-top:6px}
.pc-just-saved{animation:pc-reply-saved 2s ease-out}
@keyframes pc-reply-saved{0%,30%{background:#e5f2ff}100%{background:transparent}}
.pc-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding-top:20px;font-size:13px;color:#8393a5}
.pc-pagination button,.pc-comments .pc-retry{padding:8px 14px;background:#f1f7fc;color:#4085b6;border-radius:8px}
@media(hover:none){.pc-reply-actions{opacity:1}}
@media(prefers-reduced-motion:reduce){.pc-comments *{animation:none!important;transition:none!important}}