src/pages/Forum/promotion-part/Promotion.css

/* 资源海报 */
.resource-poster {
  width: 80px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
}

/* 文本信息 */
.resource-info div,
.slide div {
  margin-bottom: 6px;
}

/* 激励徽章 */
.incentive-badge {
  background-color: #17a2b8;
  color: #d13c3c;
  padding: 2px 8px;
  margin-right: 6px;
  font-size: 12px;
  border-radius: 12px;
}

/* 空状态 */
.empty-state {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.dialog {
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  width: 80%;
  max-width: 90%;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.form-item {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.form-item label {
  font-weight: bold;
  margin-bottom: 4px;
}
.form-item input, .form-item textarea {
  padding: 6px 8px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.dialog-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.dialog-buttons button {
  padding: 6px 16px;
  cursor: pointer;
}


/* 冷门资源模态框样式 */
.cold-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 228, 230, 0.3); /* 清透粉半透明背景 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.cold-dialog {
  background-color: #F8F8F0; /* 米白色背景 */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(255, 192, 203, 0.3); /* 粉调阴影 */
  max-width: 800px;
  width: 100%;
}

.cold-dialog-title {
  color: #FF6B81; /* 亮粉标题 */
  text-align: center;
  margin-bottom: 15px;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  background: none;
  border: none;
  cursor: pointer;
  color: #FF4E50; /* 深粉关闭按钮 */
}

.cold-table-container {
  overflow-x: auto; /* 长表格横向滚动 */
}

.cold-torrent-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: white; /* 表格白色背景 */
}

.cold-torrent-table th,
.cold-torrent-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #FFE4E6; /* 清透粉分隔线 */
}

.cold-torrent-table th {
  background-color: #FFF0F5; /* 淡粉表头背景 */
  color: #FF69B4; /* 粉紫表头文字 */
  font-weight: 500;
}

.cold-torrent-table tr:hover {
  background-color: #FFF5EB; /* 米白悬停效果 */
}

.empty-state {
  text-align: center;
  padding: 20px;
  color: #666;
}

/* 适配小屏幕 */
@media (max-width: 600px) {
  .cold-dialog {
    margin: 20px;
    max-width: calc(100% - 40px);
  }
}

.cold-btn.small {
  font-size: 0.9em;
  padding: 5px 10px;
  margin-top: 5px;
}

.torrent-table-container {
  margin-top: 10px;
  max-height: 300px;
  overflow-y: auto;
}

.torrent-selection-table {
  width: 100%;
  border-collapse: collapse;
}

.torrent-selection-table th,
.torrent-selection-table td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  text-align: left;
}

.torrent-selection-table th {
  background-color: #f5f5f5;
}

.detail-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.detail-dialog {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  overflow-y: auto;
}

.detail-content {
  margin-top: 20px;
}

.detail-item {
  margin-bottom: 15px;
  display: flex;
}

.detail-label {
  font-weight: bold;
  min-width: 120px;
}

.detail-value {
  flex: 1;
}

.torrent-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.torrent-link {
  background: none;
  border: none;
  color: #0066cc;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font-size: inherit;
}

.torrent-link:hover,
.torrent-link:focus {
  text-decoration: none;
  outline: none;
  color: #004499;
}

.torrent-detail-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200; /* 确保在促销详情对话框之上 */
}

.torrent-detail-dialog {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 700px;
  max-height: 85vh;
  overflow-y: auto;
}

.torrent-detail-content {
  margin-top: 20px;
}

.torrent-detail-item {
  margin-bottom: 15px;
  display: flex;
}

.torrent-detail-label {
  font-weight: bold;
  min-width: 120px;
}

.torrent-detail-value {
  flex: 1;
}

.description {
  white-space: pre-wrap;
}

.torrent-cover-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.torrent-cover {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.status-badge {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.9em;
  color: white;
}

.status-badge.hot {
  background-color: #e53935;
}

.status-badge.cold {
  background-color: #1e88e5;
}

.status-badge.normal {
  background-color: #757575;
}

.download-link {
  color: #0066cc;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.download-link:hover {
  text-decoration: underline;
}