/* =========================================================
   V1.3.1 修正
   1. 恢复顶部 LOGO 为原文本风格
   2. 恢复底部展示结构
   3. 修复售后中心 select 下拉白底文字不可见
   4. 统一 page-hero 与视频中心 / 售后中心风格
   ========================================================= */

/* LOGO 恢复为纯文本展示，不再强制加圆点 */
.logo.xm-logo-text {
  color: #2ee8ff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  letter-spacing: .2px;
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.logo.xm-logo-text::before,
.logo.xm-logo-text span::before {
  display: none !important;
  content: none !important;
}

/* 导航尽量保持 V1.2.0 前旧视觉，不压缩内容 */
.nav-wrap {
  min-height: 64px;
}

.nav-menu a {
  font-size: 15px;
  font-weight: 800;
}

/* 底部恢复为左右两栏简洁结构 */
.site-footer {
  border-top: 1px solid rgba(255,255,255,.08);
  background: #050812;
}

.footer-inner.xm-footer-restore {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 92px;
  color: rgba(190,215,245,.82);
  font-size: 15px;
}

.footer-inner.xm-footer-restore > div:last-child {
  text-align: right;
  color: rgba(150,190,238,.86);
}

/* page-hero 统一为视频中心 / 售后中心风格 */
.page-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 48px !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(46,232,255,.16), transparent 30%),
    radial-gradient(circle at 18% 26%, rgba(255,90,0,.065), transparent 28%),
    linear-gradient(180deg, #07101f 0%, #050812 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 46px 46px;
  opacity: .6;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.page-hero .container {
  position: relative;
  z-index: 2;
}

.page-hero h1 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.page-hero p {
  max-width: 860px;
  margin: 0 !important;
  color: rgba(215,229,248,.84) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

/* 兼容旧页面可能使用的 title 区块类名 */
.page-title,
.page-banner,
.inner-hero,
.category-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 48px !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(46,232,255,.16), transparent 30%),
    radial-gradient(circle at 18% 26%, rgba(255,90,0,.065), transparent 28%),
    linear-gradient(180deg, #07101f 0%, #050812 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.page-title h1,
.page-banner h1,
.inner-hero h1,
.category-hero h1 {
  color: #fff !important;
  font-size: 48px !important;
  font-weight: 950 !important;
}

/* 售后中心 select 修复：下拉菜单白底时文字必须可见 */
.after-sales-form select {
  color: #eaf3ff !important;
  background-color: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.12) !important;
}

.after-sales-form select option,
.after-sales-form option {
  color: #111827 !important;
  background: #ffffff !important;
}

/* 输入框提示色 */
.after-sales-form input::placeholder,
.after-sales-form textarea::placeholder {
  color: rgba(236,243,255,.42);
}

/* 图片上传 input 在深色背景下更清晰 */
.after-sales-form input[type="file"] {
  color: rgba(236,243,255,.80);
}

/* 后台图片异常提示不撑破 */
.img-grid div {
  word-break: break-all;
  line-height: 1.5;
}

/* 移动端修正 */
@media(max-width: 900px) {
  .logo.xm-logo-text {
    font-size: 18px !important;
    max-width: calc(100vw - 90px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .footer-inner.xm-footer-restore {
    flex-direction: column;
    align-items: flex-start !important;
    min-height: auto;
    padding: 28px 0;
  }

  .footer-inner.xm-footer-restore > div:last-child {
    text-align: left;
  }

  .page-hero,
  .page-title,
  .page-banner,
  .inner-hero,
  .category-hero {
    padding: 50px 0 34px !important;
  }

  .page-hero h1,
  .page-title h1,
  .page-banner h1,
  .inner-hero h1,
  .category-hero h1 {
    font-size: 36px !important;
  }

  .page-hero p {
    font-size: 15px !important;
  }
}