/* ==========================================================================
   普优 PUYOU · 二级页面主题（覆盖 NAIDI 白底橙色模板）
   加载位置：在 </head> 之前引入，晚于 common.css 与页面内联 <style>，
            因此同等优先级下本文件生效。
   想还原：删掉本文件、或去掉页面里的 <link> 即可。
   ========================================================================== */

:root {
  --py-bg: #0a1628;
  --py-bg2: #0f1d34;
  --py-card: #162544;
  --py-card2: #1a2d4a;
  --py-accent: #0ea5e9;
  --py-accent-l: #38bdf8;
  --py-cta: #f59e0b;
  --py-cta-h: #fbbf24;
  --py-text: #f1f5f9;
  --py-text2: #94a3b8;
  --py-text3: #64748b;
  --py-line: #1e3a5f;
  --py-line2: #2a4a6f;
  --py-h: 'Arial Black', 'Microsoft YaHei', sans-serif;
  --py-b: 'Segoe UI', 'Microsoft YaHei', system-ui, sans-serif;
  --py-r: 14px;
}

/* ---------- 基础 ---------- */
html { color-scheme: dark; }
body {
  background: var(--py-bg) !important;
  color: var(--py-text) !important;
  font-family: var(--py-b) !important;
  line-height: 1.7;
}
h1, h2, h3, h4, .title, .content-text h3 { font-family: var(--py-h); color: var(--py-text) !important; }
p, span, li, div { border-color: var(--py-line); }
a { color: var(--py-accent-l); }
::selection { background: rgba(14, 165, 233, 0.35); color: #fff; }

/* ---------- 顶部导航 ---------- */
.headcontent {
  background: rgba(10, 22, 40, 0.92) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--py-line) !important;
  height: 68px !important;
}
.head-center { max-width: 1280px; }
/* 隐藏 NAIDI 橙色 logo，换成 PUYOU 文字标 */
.head-logo { display: none !important; }
.head-logo-link { position: relative; display: flex; align-items: center; }
.head-logo-link::after {
  content: 'PUYOU';
  font-family: var(--py-h);
  font-size: 22px;
  letter-spacing: 0.08em;
  color: var(--py-text);
  line-height: 1;
}
.head-logo-link::before {
  content: '';
  width: 34px; height: 34px;
  margin-right: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--py-accent-l), var(--py-accent) 62%, #075985);
  box-shadow: 0 0 0 6px rgba(14, 165, 233, 0.12);
  flex: none;
}
.nav-link { color: var(--py-text2) !important; }
.nav-link:hover, .nav-link.active { color: var(--py-accent-l) !important; }
.nav-link.active::after { background: var(--py-accent) !important; }
.mobile-service-hotline, .service-hotline { color: var(--py-text2) !important; }
.mobile-service-hotline b, .service-hotline b { color: var(--py-cta) !important; }
.mobile-menu-btn .menu-icon,
.mobile-menu-btn .menu-icon::before,
.mobile-menu-btn .menu-icon::after { background: var(--py-text) !important; }
.mobile-nav { background: var(--py-bg2) !important; border-bottom: 1px solid var(--py-line); }
.mobile-nav-link { color: var(--py-text2) !important; }
.mobile-nav-link.active { color: var(--py-accent-l) !important; }

/* ---------- 首屏 banner（原来是蓝天玻璃楼照片，改成深色渐变） ---------- */
.minibanner {
  background: radial-gradient(700px 320px at 15% 0%, rgba(14, 165, 233, 0.22), transparent 70%),
              radial-gradient(500px 260px at 85% 10%, rgba(245, 158, 11, 0.14), transparent 72%),
              var(--py-bg) !important;
  border-bottom: 1px solid var(--py-line);
  margin-top: 68px;
}
.minibanner * { color: var(--py-text) !important; }
.minibanner h1, .minibanner .title { color: var(--py-text) !important; }
.minibanner img { display: none !important; }

/* ---------- 内容区 ---------- */
.center, .center_content, .page-center { background: transparent !important; color: var(--py-text) !important; }
.center_content { max-width: 1280px; }

/* 分类标签（原来橙色胶囊） */
.btn_list span,
.btn_list a,
.video-tag,
.news-tag,
.tag {
  background: var(--py-card) !important;
  color: var(--py-text2) !important;
  border: 1px solid var(--py-line) !important;
  border-radius: 999px !important;
  transition: 0.18s !important;
}
.btn_list span:hover,
.btn_list a:hover { border-color: var(--py-accent) !important; color: var(--py-accent-l) !important; }
.btn_list span.active,
.btn_list a.active,
.btn_list .active {
  background: var(--py-accent) !important;
  border-color: var(--py-accent) !important;
  color: #fff !important;
}

/* 列表 / 卡片 */
.new_list, .content-list { background: transparent !important; }
.new_list > *, .content-list > *,
.content-item,
.news-item-card,
.video-item-card,
.contact-card,
.r1, .r2, .left, .right,
.top, .info {
  background: var(--py-card) !important;
  border: 1px solid var(--py-line) !important;
  border-radius: var(--py-r) !important;
  color: var(--py-text) !important;
}
.new_list > *:hover, .content-item:hover { border-color: var(--py-accent) !important; }
.content-item:nth-child(even), .content-item.right { background: var(--py-card2) !important; }
.content-text h3, .content-text h4 { color: var(--py-text) !important; }
.content-text p, .content-text div, .info p, .top p { color: var(--py-text2) !important; }

/* 图片 */
.content-image img, .new_list img, .video-item-card img {
  border-radius: calc(var(--py-r) - 2px) !important;
  background: var(--py-bg2) !important;
}

/* 加载态 / 空态 */
.loading-state { color: var(--py-text3) !important; background: transparent !important; }
.spinner { border-color: var(--py-line) !important; border-top-color: var(--py-accent) !important; }
.loading-state div:last-child { color: var(--py-text3) !important; }

/* ---------- 联系我们页 ---------- */
.page-center { background: transparent !important; }
.contact-row { background: var(--py-card) !important; border: 1px solid var(--py-line) !important; border-radius: var(--py-r) !important; }
.contact-icon { background: rgba(14, 165, 233, 0.14) !important; color: var(--py-accent-l) !important; border: 1px solid rgba(14, 165, 233, 0.3) !important; }
.contact-row, .contact-row * { color: var(--py-text2) !important; }
.contact-row b, .contact-row strong { color: var(--py-text) !important; }
input, textarea, select {
  background: var(--py-bg2) !important;
  border: 1px solid var(--py-line2) !important;
  color: var(--py-text) !important;
  border-radius: 10px !important;
}
input::placeholder, textarea::placeholder { color: var(--py-text3) !important; }
input:focus, textarea:focus { border-color: var(--py-accent) !important; outline: none; }
/* 提交按钮（原来是橙色） */
button, .btn, .submit-btn, .btn-submit {
  background: linear-gradient(135deg, var(--py-cta), var(--py-cta-h)) !important;
  color: #10202f !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
}

/* ---------- 视频弹窗 ---------- */
.video-modal { background: rgba(4, 10, 20, 0.92) !important; }
.modal-close { color: var(--py-text) !important; }

/* ---------- 分页 ---------- */
.pagination *, .page-item, .pager * {
  background: var(--py-card) !important;
  color: var(--py-text2) !important;
  border: 1px solid var(--py-line) !important;
}
.pagination .active, .page-item.active, .pager .active {
  background: var(--py-accent) !important;
  color: #fff !important;
  border-color: var(--py-accent) !important;
}

/* ---------- 页脚（如果有） ---------- */
footer, .footer { background: var(--py-bg2) !important; border-top: 1px solid var(--py-line); color: var(--py-text2) !important; }
footer *, .footer * { color: var(--py-text2) !important; }
footer a:hover, .footer a:hover { color: var(--py-accent-l) !important; }

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #24303f; border-radius: 8px; border: 2px solid var(--py-bg); }

/* 修正：banner 标题烤在图片中，改为压暗而不是隐藏 */
.minibanner { background: var(--py-bg) !important; }
.minibanner img { display: block !important; opacity: 1 !important; filter: brightness(0.45) saturate(0.85) !important; }