/* ============================================================
   RU Market Custom Design — 俄罗斯市场定制设计
   深海军蓝 + 琥珀金 · PT Sans 本土字体 · 高信息密度
   ============================================================ */

/* ---------- PT Sans 本地字体（西里尔字符优化） ---------- */
@font-face {
  font-family: 'PT Sans';
  src: url('/template/techserver_ru/fonts/pt-sans-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Sans';
  src: url('/template/techserver_ru/fonts/pt-sans-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---------- 配色系统：深海军蓝 + 琥珀金 ---------- */
:root {
  --primary: #0A1F44;
  --primary-dark: #061433;
  --primary-light: #E8EDF7;
  --primary-gradient: linear-gradient(135deg, #0A1F44 0%, #14305F 100%);
  --secondary: #14305F;
  --accent: #F5A623;
  --accent-dark: #D98E0B;
  --accent-gradient: linear-gradient(135deg, #F5A623 0%, #D98E0B 100%);
  --shadow-blue: 0 4px 20px rgba(10,31,68,0.15);
  --font-family: 'PT Sans', -apple-system, 'Segoe UI', Arial, sans-serif;
}

/* ---------- 全局字体应用 ---------- */
body, button, input, select, textarea {
  font-family: var(--font-family);
}

/* 俄文长单词排版优化：导航和按钮防止挤压 */
.nav-list > li > a {
  padding: 6px 9px !important;
  font-size: 0.85rem !important;
  letter-spacing: 0;
}
@media (min-width: 1440px) {
  .nav-list > li > a {
    padding: 6px 12px !important;
    font-size: 0.9rem !important;
  }
}

/* ---------- 琥珀金强调元素 ---------- */
/* 主按钮改琥珀金渐变 —— 东欧市场的高信任色 */
.btn-primary,
.btn--primary {
  background: var(--accent-gradient) !important;
  color: #0A1F44 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(245,166,35,0.35) !important;
}
.btn-primary:hover,
.btn--primary:hover {
  box-shadow: 0 6px 20px rgba(245,166,35,0.5) !important;
  transform: translateY(-2px);
}

/* 次按钮保持深蓝描边 */
.btn-outline,
.btn--secondary {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.btn-outline:hover,
.btn--secondary:hover {
  background: var(--primary) !important;
  color: #fff !important;
}

/* 链接强调色 */
a { color: var(--secondary); }
a:hover { color: var(--accent-dark); }

/* ---------- Hero 区域：深蓝底 + 金色数字 ---------- */
.hero {
  background: linear-gradient(160deg, #06122B 0%, #0A1F44 45%, #14305F 100%) !important;
}
.hero::before {
  background: linear-gradient(135deg, rgba(6,18,43,0.85) 0%, rgba(10,31,68,0.6) 50%, rgba(6,18,43,0.85) 100%) !important;
}

/* Hero 统计数字：放大加粗 + 琥珀金（俄罗斯买家吃"数字信任"） */
.hero-stat .stat-number,
.hero-stats .stat-number,
.stat-number {
  color: var(--accent) !important;
  font-weight: 700 !important;
  font-size: 2.6rem !important;
  text-shadow: 0 2px 12px rgba(245,166,35,0.3);
}
.hero-stat .stat-label,
.hero-stats .stat-label,
.stat-label {
  color: rgba(255,255,255,0.75) !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.03em;
}

/* Hero 顶部徽章/标签 */
.hero-badge,
.hero-tag {
  background: rgba(245,166,35,0.15) !important;
  border: 1px solid rgba(245,166,35,0.4) !important;
  color: var(--accent) !important;
}

/* ---------- 卡片与区块 ---------- */
.card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 28px rgba(10,31,68,0.14), 0 0 0 1px rgba(245,166,35,0.25) !important;
}

/* 区块标题下划线改金色 */
.section-title::after,
.section-head h2::after,
h2.section-title::after {
  background: var(--accent-gradient) !important;
}

/* 产品卡片参数直显区（俄式高信息密度） */
.product-specs {
  background: var(--bg-light);
  border-top: 1px solid var(--border-light);
  padding: 10px 14px;
  font-size: 0.82rem;
  color: var(--text-body);
  line-height: 1.7;
}
.product-specs .spec-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.product-specs .spec-key { color: var(--text-light); flex-shrink: 0; }
.product-specs .spec-val { font-weight: 700; color: var(--primary); text-align: right; }

/* 现货徽章改金色（俄罗斯客户最怕"付款无货"，现货要醒目） */
.stock-badge,
.badge-stock {
  background: var(--accent-gradient) !important;
  color: #0A1F44 !important;
  font-weight: 700 !important;
}

/* ---------- 规格对比表（俄式采购最爱） ---------- */
.spec-compare-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow);
  font-size: 0.92rem;
}
.spec-compare-table th {
  background: var(--primary);
  color: #fff;
  padding: 14px 16px;
  text-align: left;
  font-weight: 700;
}
.spec-compare-table th:first-child { border-radius: 0; }
.spec-compare-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-light);
  color: var(--text-body);
}
.spec-compare-table tr:hover td { background: #FBF6EC; }
.spec-compare-table td:first-child {
  font-weight: 700;
  color: var(--primary);
}
.spec-compare-table .spec-highlight {
  color: var(--accent-dark);
  font-weight: 700;
}

/* ---------- 联系方式区块（Telegram/WhatsApp） ---------- */
.contact-channels {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.contact-channel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none;
  transition: var(--transition);
  border: 2px solid transparent;
}
.contact-channel svg { flex-shrink: 0; }
.contact-channel.telegram {
  background: #2AABEE;
  color: #fff;
}
.contact-channel.telegram:hover { background: #1d96d6; transform: translateY(-2px); }
.contact-channel.whatsapp {
  background: #25D366;
  color: #fff;
}
.contact-channel.whatsapp:hover { background: #1eb856; transform: translateY(-2px); }
.contact-channel.phone {
  background: var(--primary);
  color: #fff;
}
.contact-channel.phone:hover { background: var(--secondary); transform: translateY(-2px); }
.contact-channel.email {
  background: #fff;
  color: var(--primary);
  border-color: var(--border);
}
.contact-channel.email:hover { border-color: var(--accent); transform: translateY(-2px); }

/* ---------- 页脚 ---------- */
.footer {
  background: #06122B !important;
}
.footer h4 { color: var(--accent) !important; }
.footer a:hover { color: var(--accent) !important; }

/* ---------- 表单焦点色 ---------- */
input:focus, select:focus, textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(245,166,35,0.15) !important;
}

/* 表单必填星号 */
.form-required { color: var(--accent-dark); }

/* ---------- 面包屑/分页 ---------- */
.pagination .active,
.page-item.active a {
  background: var(--primary) !important;
}

/* ---------- 移动端微调 ---------- */
@media (max-width: 768px) {
  .stat-number { font-size: 2rem !important; }
  .contact-channels { flex-direction: column; }
  .contact-channel { justify-content: center; }
  .spec-compare-table { font-size: 0.8rem; }
  .spec-compare-table th, .spec-compare-table td { padding: 8px 10px; }
}