/* ============ 操作按钮 ============ */
/* 简评输入行 */
.comment-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  margin-bottom: 4px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
  border-left: 3px solid var(--text-mute);
  transition: border-color 0.2s;
}
.comment-row:focus-within {
  border-left-color: var(--text-light);
  background: rgba(255, 255, 255, 0.06);
}
.mode-wu .comment-row { border-left-color: var(--wu-gold); }
.mode-wu .comment-row:focus-within { border-left-color: var(--wu-red); }
.mode-wen .comment-row { border-left-color: var(--wen-silver); }
.mode-wen .comment-row:focus-within { border-left-color: var(--wen-cyan); }

.comment-label {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 14px;
  letter-spacing: 3px;
  color: var(--text-mute);
  min-width: 32px;
}
.mode-wu .comment-label { color: var(--wu-gold); font-family: 'Bebas Neue', 'WuCN', sans-serif; }
.mode-wen .comment-label { color: var(--wen-silver); font-family: 'Cinzel', 'WenCN', serif; }

.comment-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-light);
  font-size: 14px;
  font-family: inherit;
  padding: 4px 0;
}
.comment-input::placeholder {
  color: var(--text-mute);
  opacity: 0.6;
}

.comment-counter {
  font-family: 'Bebas Neue', monospace;
  font-size: 11px;
  color: var(--text-mute);
  letter-spacing: 1px;
  white-space: nowrap;
  min-width: 50px;
  text-align: right;
}
.comment-counter.near-limit { color: var(--wu-gold); }
.comment-counter.at-limit { color: var(--wu-red); }

.actions { display: flex; gap: 10px; }
.btn {
  flex: 1;
  padding: 14px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 3px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.7);
  color: var(--text-light);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-shadow: 1px 1px 0 #000;
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.2); }

.mode-wu .btn { clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%); }
.mode-wu .btn.primary {
  background: var(--wu-red);
  border: none;
  box-shadow: 4px 4px 0 var(--wu-black);
  animation: wuPulse 2s infinite;
}
@keyframes wuPulse {
  0%, 100% { box-shadow: 4px 4px 0 var(--wu-black), 0 0 0 rgba(230, 0, 18, 0); }
  50% { box-shadow: 4px 4px 0 var(--wu-black), 0 0 30px rgba(230, 0, 18, 0.6); }
}

.mode-wen .btn { border-radius: 24px; }
.mode-wen .btn.primary {
  background: linear-gradient(135deg, var(--wen-blue), var(--wen-blue-dark));
  border: 1px solid var(--wen-silver);
  box-shadow: 0 0 30px rgba(30, 144, 255, 0.4);
  animation: wenBreath 3s infinite;
}
@keyframes wenBreath {
  0%, 100% { box-shadow: 0 0 30px rgba(30, 144, 255, 0.4); }
  50% { box-shadow: 0 0 50px rgba(30, 144, 255, 0.8); }
}