/* ============================================================================
 * fsdcq-clone 前台补充样式（public/assets/site.css）
 * 职责：仅补充原站 CSS 未覆盖、而克隆站必需的少量样式：
 *   1) 通用补充：空数据提示 / 搜索关键词高亮 / 返回顶部按钮
 *   2) 开区页表格式列表（今日新区 / 仿盛大新服 / 已开新服，原站为空白页）
 *   3) 联系我们留言表单
 *   4) 开区页分页兜底（素材页分页使用原站 /theme/2020/css/base.css 的 .list_page 样式）
 *   5) 素材详情下载信息块 / 空数据提示
 * 注意：不重写、不覆盖原站 style.css / base.css 的既有类名规则；
 *       素材页模板在 body 内引入 /theme/2020/css/base.css，保持原站视觉优先。
 * ========================================================================== */

/* ---------- 1. 通用补充 ---------- */
.empty-tip {
  text-align: center;
  color: #999;
  font-size: 14px;
  padding: 30px 0;
}
/* 素材列表中的空提示不应沿用 base.css 的 .pro_list li 浮动宽度 */
.pro_list li.empty-tip {
  float: none;
  width: auto;
  margin: 0;
  padding: 40px 0;
  text-align: center;
  border: none;
}
.search-summary {
  margin: 20px 30px 0 20px;
  font-size: 14px;
  color: #666;
  line-height: 28px;
}
.search-summary b {
  color: #e93030;
}
.search-hit {
  color: #e93030;
  font-weight: bold;
}

/* 返回顶部按钮（由 /assets/site.js 动态创建） */
.back-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  z-index: 999;
  display: none;
  width: 44px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  background: #e93030;
  border-radius: 4px;
  opacity: .85;
  cursor: pointer;
  text-decoration: none;
}
.back-top:hover {
  opacity: 1;
}

/* ---------- 2. 开区页表格式列表 ---------- */
.opening-main {
  display: block;
  padding-bottom: 10px;
}
.opening-main .main-zw {
  padding: 0 20px 10px;
  border-top: none;
}
.opening-main .title {
  margin-top: 15px;
}
.opening-desc {
  color: #999;
  font-size: 13px;
  line-height: 24px;
  margin: 0 0 15px 18px;
}
.opening-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  margin-bottom: 10px;
}
.opening-table th {
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  background: #e93030;
  border-right: 1px solid #f37777;
}
.opening-table th:last-child {
  border-right: none;
}
.opening-table td {
  height: 46px;
  line-height: 22px;
  padding: 8px 6px;
  text-align: center;
  color: #666;
  border-bottom: 1px dashed #e5e5e5;
  word-break: break-all;
}
.opening-table tbody tr:hover td {
  background: #fff7f7;
}
.opening-table .col-time { width: 16%; }
.opening-table .col-name { width: 22%; }
.opening-table .col-version { width: 14%; }
.opening-table .col-line { width: 9%; }
.opening-table .col-site { width: 12%; }
.opening-table .col-qq { width: 13%; }
.opening-table .col-status { width: 14%; }
.opening-table .otime .opening-date {
  color: #333;
}
.opening-table .otime .opening-clock {
  color: #e93030;
}
.opening-table .sname {
  color: #333;
  font-weight: bold;
}
.opening-table .site a {
  color: #e93030;
}
.opening-table .site a:hover {
  text-decoration: underline;
}
.opening-table .status-badge {
  display: inline-block;
  min-width: 58px;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 20px;
  color: #e93030;
  background: #fdeaea;
}
/* 已开区（红）/ 未开区（蓝）/ 已结束（灰） */
.opening-table .status-badge.status-open {
  color: #e93030;
  background: #fdeaea;
}
.opening-table .status-badge.status-wait {
  color: #1f6feb;
  background: #e8f1ff;
}
.opening-table .status-badge.status-closed {
  color: #999;
  background: #f0f0f0;
}
.opening-table .opening-empty {
  height: 120px;
  color: #999;
  font-size: 14px;
}

/* ---------- 3. 联系我们：正文 + 留言表单 ---------- */
.contact-main {
  padding-bottom: 30px;
}
.contact-content {
  color: #666;
  font-size: 15px;
}
.contact-content p {
  line-height: 34px;
}
.tip {
  padding: 10px 15px;
  margin-bottom: 18px;
  font-size: 14px;
  border-radius: 3px;
}
.tip-success {
  color: #2e7d32;
  background: #edf7ee;
  border: 1px solid #c8e6c9;
}
.tip-error {
  color: #c62828;
  background: #fdecea;
  border: 1px solid #f5c6c2;
}
.contact-form {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px dashed #dcdcdc;
}
.contact-form h2 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 18px;
}
.contact-form p {
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px;
  line-height: 36px;
}
.contact-form label {
  width: 96px;
  flex: 0 0 96px;
  color: #666;
  font-size: 14px;
  text-indent: 0;
}
.contact-form input[type="text"] {
  flex: 1;
  max-width: 520px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #ddd;
  outline: none;
  font-size: 14px;
  color: #333;
  background: #fff;
}
.contact-form textarea {
  flex: 1;
  max-width: 720px;
  padding: 8px 10px;
  border: 1px solid #ddd;
  outline: none;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  background: #fff;
  resize: vertical;
}
.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
  border-color: #e93030;
}
.contact-form .contact-submit {
  padding-left: 96px;
}
.contact-form button {
  width: 130px;
  height: 38px;
  line-height: 38px;
  border: 0;
  border-radius: 3px;
  background: #e93030;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}
.contact-form button:hover {
  background: #d42020;
}

/* ---------- 4. 开区页分页兜底（仅 .opening-main 内生效，素材页走 base.css） ---------- */
.opening-main .list_page.page_group {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.opening-main .list_page.page_group ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.opening-main .list_page.page_group li {
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
  margin-right: 8px;
  margin-bottom: 6px;
  border: 1px solid #d2d2d2;
  background: #f6f6f6;
  font-size: 13px;
}
.opening-main .list_page.page_group li a {
  color: #666;
}
.opening-main .list_page.page_group li.active {
  border-color: #e93030;
  background: #e93030;
}
.opening-main .list_page.page_group li.active a {
  color: #fff;
}

/* ---------- 5. 素材详情页补充（下载信息 / 返回列表，原站 base.css 无此部分） ---------- */
.material-download {
  margin-top: 20px;
  padding: 12px 15px;
  background: #fff8f8;
  border: 1px dashed #f0b4b4;
  line-height: 26px;
}
.material-download p {
  margin: 4px 0;
}
.extract-code {
  color: #e93030;
  font-weight: bold;
}
.artshow .content img {
  max-width: 100%;
  height: auto;
}
.artshow-back {
  margin-top: 18px;
  text-align: right;
}
.artshow-back a {
  color: #999;
  font-size: 13px;
}
.artshow-back a:hover {
  color: #e93030;
}