/* ============================================================
   style.css — 全站统一样式
   收敛 header.php（顶部导航+公告栏）与 footer.php（底部版权+Tab导航）
   的全局样式，供全站前台页面统一引用。
   ============================================================ */

/* ---------- header.php 顶部导航 + 公告栏 ---------- */
/* 顶部整体固定置顶 */
.top-header-wrap {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
/* 手机端顶部加高放大字体 */
.title-bar {
  background-color: #40a6f7;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  gap: 12px;
}
.header-logo {
  height: 44px;
  width: auto;
  display: block;
}
.title-text {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  line-height: 1;
  font-weight: bold !important;
}
.notice-bar {
  background-color: #ff0000;
  width: 100%;
  overflow: hidden;
}
.scroll-box {
  width: 100%;
  white-space: nowrap;
  padding: 8px 0;
  line-height: 1.1;
}
.scroll-content {
  display: inline-block;
  animation: scrollLeft 5s linear infinite;
}
.scroll-content span {
  color: #fff233;
  font-size: 18px;
}
/* 无缝滚动动画 */
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* PC电脑端大屏 窄顶部样式 */
@media screen and (min-width: 768px) {
  .title-bar {
    padding: 9px 0;
  }
  .header-logo {
    height: 32px;
  }
  .title-text {
    font-size: 24px;
    line-height: 1;
  }
  .scroll-box {
    padding: 5px 0;
  }
  .scroll-content span {
    font-size: 16px;
  }
}
/* 主体顶部留白（手机适配加高顶部，避开固定头部） */
body {
  padding-top: 102px;
}
@media screen and (min-width: 768px) {
  body {
    padding-top: 90px;
  }
}

/* ---------- footer.php 底部版权 + Tab导航 ---------- */
.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  display: flex;
  border-top: 1px solid #ddd;
  z-index: 99;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 8px 0;
  color: #666;
  text-decoration: none;
}
.tab-item.active {
  color: #40a0f5;
}
.tab-item .tab-icon {
  font-size: 24px;
  margin-bottom: 4px;
}
.tab-sos {
  margin-top: -24px;
}
.tab-sos .circle {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #e6b020;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.13);
}
/* 手机端/电脑端底部留白适配，避开悬浮tab */
@media (max-width: 768px) {
  body {
    padding-bottom: 90px !important;
  }
}
@media (min-width: 768px) {
  body {
    padding-bottom: 90px !important;
  }
}

/* ===== 前台文件选择框统一样式 ===== */
.file-upload-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.file-input-hide{display:none !important;}
.file-name-text{color:#6b7280;font-size:14px;}
.file-btn{display:inline-block;padding:8px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s;}
.file-btn:hover{border-color:#2563eb;color:#2563eb;}
@media(max-width:768px){.file-upload-wrap{flex-direction:column;align-items:flex-start;}}