/* 宠梦工坊 · 大众共创公示页增量样式 (CC-COCREATE 20260919A)
   复用 pd.css 暗色变量 · 零内联（CSP 最严） */
.cc-lines { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cc-line {
  background: var(--card2);
  border: 1px solid var(--line);
  border-radius: 14px; padding: 16px 14px;
}
.cc-line-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.cc-line-head b { font-size: 16px; color: var(--txt); }
.cc-line p { font-size: 13px; color: var(--sub); line-height: 1.7; }
.cc-vote {
  flex: 0 0 auto; font-size: 12px; padding: 3px 10px;
  border-radius: 999px; border: 1px solid var(--line); color: var(--sub);
}
.cc-vote-hot { border-color: var(--acc); color: var(--acc); }

.cc-table-wrap { overflow-x: auto; border-radius: 14px; border: 1px solid var(--line); }
.cc-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 560px; background: var(--card2); color: var(--txt); }
.cc-table th, .cc-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); }
.cc-table th { background: var(--card); font-size: 13px; white-space: nowrap; color: var(--acc2); }
.cc-table td:nth-child(2) { white-space: nowrap; font-weight: 700; color: var(--acc); }
.cc-table td:nth-child(3) { color: var(--sub); }
.cc-table tr:last-child td { border-bottom: none; }

.cc-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.cc-step { background: var(--card2); border: 1px solid var(--line); border-radius: 14px; padding: 14px 12px; }
.cc-step b { display: block; font-size: 14px; margin-bottom: 6px; color: var(--acc2); }
.cc-step p { font-size: 12px; color: var(--sub); line-height: 1.7; }

@media (max-width: 640px) {
  .cc-lines { grid-template-columns: 1fr; }
  .cc-steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .cc-steps { grid-template-columns: 1fr; }
}