/* 评论区块样式(自 live-block.css 抽取,直播/视频共用;2026-09-12) */
.lc{margin-top:30px;background:var(--card);border-radius:0;box-shadow:var(--shadow);padding:22px 24px}
.lc-bar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.lc-tt{font-size:17px;font-weight:700;color:var(--ink);padding-left:11px;position:relative}
.lc-tt::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:linear-gradient(180deg,#ff4757,#2563eb)}
.lc-hint{font-size:12px;color:var(--text-3)}
.lc-tip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-radius:0;background:linear-gradient(120deg,#eef3ff,#fdf0f3);border:1px dashed #b9c8f0;font-size:13.5px;color:#33415c;margin-bottom:14px}
.lc-tip-lk{color:#fff;background:linear-gradient(90deg,#3b82f6,#2563eb);padding:5px 16px;border-radius:999px;font-size:12.5px;font-weight:600}
.lc-tip-lk:hover{color:#fff;opacity:.92}
.lc-write{margin-bottom:16px}
.lc-write textarea{width:100%;border:1px solid #dde3ec;border-radius:0;padding:11px 13px;font-size:14px;line-height:1.7;resize:vertical;font-family:inherit;background:#fafbfd;transition:all .2s;box-sizing:border-box}
.lc-write textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.12)}
.lc-write-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}
.lc-count{font-size:12px;color:var(--text-3)}
.lc-submit{border:0;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:13.5px;font-weight:600;padding:8px 22px;border-radius:8px;cursor:pointer;transition:opacity .15s}
.lc-submit:hover{opacity:.9}
.lc-list{display:flex;flex-direction:column}
.lc-it{display:flex;gap:11px;padding:13px 2px;border-bottom:1px solid #f0f2f6}
.lc-it:last-child{border-bottom:0}
.lc-av,.lc-av-fb{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover}
.lc-av-fb{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:15px;font-weight:700}
.lc-bd{flex:1;min-width:0}
.lc-meta{display:flex;align-items:center;gap:8px;font-size:13px}
.lc-meta b{color:#233043;font-weight:600}
.lc-lv{font-style:normal;font-size:10.5px;color:#fff;background:linear-gradient(90deg,#f59e0b,#f97316);padding:1px 7px;border-radius:999px}
.lc-meta time{color:var(--text-3);font-size:12px}
.lc-ct{margin-top:5px;font-size:14.5px;line-height:1.75;color:#2b3648;word-break:break-word}
.lc-ops{margin-top:6px}
.lc-like{border:1px solid #e2e6ee;background:#fff;border-radius:999px;font-size:12px;color:#5a6780;padding:3px 12px;cursor:pointer;transition:all .15s}
.lc-like:hover{border-color:#ff8fa0;color:#ff4757}
.lc-like.on{background:linear-gradient(90deg,#ff4757,#ff6b81);border-color:transparent;color:#fff}
.lc-more{display:block;margin:16px auto 0;padding:7px 26px;border-radius:999px;border:1px solid #d5dbe5;background:#fff;color:#55617a;font-size:13px;cursor:pointer}
.lc-more:hover{border-color:var(--brand);color:var(--brand)}
.lc-empty{padding:30px 0 16px;text-align:center;color:var(--text-3);font-size:13.5px}

.lc-off{margin-bottom:16px;padding:34px 20px;border-radius:0;text-align:center;background:linear-gradient(180deg,#fbfcfe,#f3f5f9);border:1.5px dashed #dfe4ec}
.lc-off-ic{width:58px;height:58px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef1f6;color:#9aa4b2;box-shadow:inset 0 0 0 1px #e2e7ef}
.lc-off-ic svg{width:26px;height:26px}
.lc-off-tt{font-size:16px;font-weight:700;color:#5b6472;letter-spacing:1px}
.lc-off-sub{margin-top:7px;font-size:12.5px;color:#a2abb9;line-height:1.7}
.lc-off-sub::after{content:"🔒";margin-left:6px;font-size:11px;opacity:.85;vertical-align:1px}
@media (max-width:768px){.lc-off{padding:26px 16px}.lc-off-tt{font-size:15px}}