/* 592xiazai 手游专区 - 评论组件样式（配合 comment.js） */
.zc {
  --zc-bg: #fff;
  --zc-card: #fbf8f2;
  --zc-txt: #2b2217;
  --zc-sub: #8a7a63;
  --zc-line: #f0e7d8;
  --zc-gold: #ff7a00;
  --zc-input: #fff;
  max-width: 860px;
  margin: 0 auto;
  padding: 26px 20px 30px;
  border-top: 1px solid var(--zc-line);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--zc-txt);
}
.zc[data-theme="dark"] {
  --zc-bg: #1c110c;
  --zc-card: #241510;
  --zc-txt: #f3e6d0;
  --zc-sub: #b99f82;
  --zc-line: rgba(242, 193, 78, .22);
  --zc-gold: #f2c14e;
  --zc-input: #2d1a12;
}
.zc * { box-sizing: border-box; }
.zc-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px; }
.zc-head h3 { font-size: 20px; letter-spacing: 2px; margin: 0; color: var(--zc-gold); }
.zc-stat { font-size: 13px; color: var(--zc-sub); }

.zc-item { background: var(--zc-card); border: 1px solid var(--zc-line); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; }
.zc-item-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.zc-nick { font-weight: 700; font-size: 14.5px; }
.zc-stars-view { color: var(--zc-gold); font-size: 14px; letter-spacing: 2px; }
.zc-time { margin-left: auto; font-size: 12px; color: var(--zc-sub); }
.zc-content { margin-top: 8px; line-height: 1.65; font-size: 14.5px; white-space: pre-wrap; word-break: break-all; }
.zc-reply { margin-top: 8px; background: rgba(255, 122, 0, .08); border-radius: 8px; padding: 8px 12px; font-size: 13.5px; color: var(--zc-sub); }
.zc-reply b { color: var(--zc-gold); }
.zc-more { text-align: center; margin: 6px 0 20px; }
.zc-more button { border: 1px solid var(--zc-line); background: var(--zc-card); color: var(--zc-sub); border-radius: 999px; padding: 8px 22px; font-size: 13px; cursor: pointer; }
.zc-more button:hover { color: var(--zc-gold); }

.zc-form { background: var(--zc-card); border: 1px solid var(--zc-line); border-radius: 14px; padding: 16px; }
.zc-form input[type=text], .zc-form textarea {
  width: 100%; border: 1px solid var(--zc-line); background: var(--zc-input); color: var(--zc-txt);
  border-radius: 9px; padding: 10px 12px; font-size: 14px; font-family: inherit; outline: none;
}
.zc-form textarea { resize: vertical; }
.zc-form input:focus, .zc-form textarea:focus { border-color: var(--zc-gold); }
.zc-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }

.zc-stars { display: flex; align-items: center; gap: 4px; margin-bottom: 10px; cursor: pointer; user-select: none; }
.zc-stars span { font-size: 24px; color: var(--zc-line); transition: color .12s; }
.zc-stars span:hover, .zc-stars span.on { color: var(--zc-gold); }
.zc-score-txt { font-style: normal; font-size: 12.5px; color: var(--zc-sub); margin-left: 8px; }

.zc-cap { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.zc-cap-img { height: 38px; border: 1px solid var(--zc-line); border-radius: 8px; cursor: pointer; background: #fff; }
.zc-cap input { max-width: 120px; }

.zc-form-foot { display: flex; align-items: center; gap: 14px; }
.zc-submit { background: var(--zc-gold); color: #fff; border: 0; border-radius: 9px; padding: 10px 26px; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.zc-submit:disabled { opacity: .6; cursor: not-allowed; }
.zc-tip { font-size: 13px; color: var(--zc-sub); }
@media (max-width: 560px) {
  .zc { padding: 20px 4px 26px; }
  .zc-head h3 { font-size: 18px; }
  .zc-form-foot { flex-direction: column; align-items: stretch; }
  .zc-submit { width: 100%; }
}