/* Custom styles for 星途智科 static mirror */
html { scroll-behavior: smooth; background-color: #f8fafc; }
body { background-color: transparent; position: relative; }
body.bg-slate-50 { background-color: transparent; }

/* 全站底纹：极淡的「点阵」纹理，取代原先的深色网格线。
   为什么要换：深色 1px 线在浅色底上会形成明显灰痕（实测与底色亮度差约 38），
   叠加 bg-slate-100 区块后视觉更重。改用 1px 的「点」——点与点之间是空气，
   远看是若有若无的肌理，近看才发现规律，不会压住内容。
   层级：z-index 抬到内容之上，否则会被各页不透明的 bg-white / bg-slate-100 遮住；
   pointer-events:none 不挡点击。深色页脚上浅色点不可见，不影响页脚。 */
body::before {
  content: ''; position: fixed; inset: 0; z-index: 5; pointer-events: none;
  background-image: radial-gradient(rgba(15,23,42,0.03) 0.5px, transparent 0.5px);
  background-size: 28px 28px;
}

/* 首屏品牌氛围：顶部青色带 + 两侧角落光。绝对定位随页面滚走，只覆盖第一屏，向下渐隐 */
body::after {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 100vh; height: 100svh;
  z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(to bottom, rgba(6,182,212,0.10) 0%, rgba(6,182,212,0.03) 30%, rgba(6,182,212,0) 65%),
    radial-gradient(circle at 8% 0%, rgba(6,182,212,0.13), transparent 38%),
    radial-gradient(circle at 92% 6%, rgba(59,130,246,0.10), transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 40%, rgba(0,0,0,0) 100%);
}

.animate-glow-pulse {
  animation: glow-pulse 4s ease-in-out infinite;
}
@keyframes glow-pulse {
  0%, 100% { opacity: 0.15; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(1.05); }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  animation: reveal-in 0.7s ease-out forwards;
}
@keyframes reveal-in {
  to { opacity: 1; transform: translateY(0); }
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth mobile menu */
#mobile-menu { transition: all 0.2s ease-in-out; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Form select arrow fix */
select { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.75rem center; background-repeat: no-repeat; background-size: 1.25em; padding-right: 2.5rem; }