/* ───共通─── */
body{
  padding-top:56px;
  font-family:'Noto Sans JP',sans-serif;
  background:#000;                /* 深色基调更显科技 */
  color:#eee;
}
a{color:#0ff;text-decoration:none}
a:hover{color:#0cc}

.navbar-brand{color:#0ff!important;font-weight:700}
.navbar{backdrop-filter:blur(6px)} /* 毛玻璃导航条 */

.text-primary{color:#0ff!important}

/* ───按钮─── */
.btn-primary{
  background:#0ff;border-color:#0ff;color:#000;
  position:relative;overflow:hidden;z-index:1;
}
.btn-primary::before{                 /* 霓虹扫描 */
  content:"";position:absolute;inset:0;
  background:linear-gradient(130deg,transparent 40%,rgba(0,0,0,.25),transparent 60%);
  transform:translateX(-100%);transition:.7s ease;
}
.btn-primary:hover::before{transform:translateX(100%)}
.btn-primary:hover{box-shadow:0 0 10px #0ff}

/* ───Hero─── */
.hero{
  min-height:calc(100vh - 56px);
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:#000;                       /* 作为 base */
  position:relative;overflow:hidden;
}
.hero::before{                           /* 动态渐变云层 */
  content:"";position:absolute;inset:0;
  background:linear-gradient(60deg,#00ffff, #0066ff,#000044,#0066ff,#00ffff);
  background-size:400% 400%;
  animation:gradientShift 16s linear infinite;
  opacity:.18;
}
@keyframes gradientShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.hero h1{
  color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.8);
  animation:neonPulse 3s ease-in-out infinite alternate;
}
@keyframes neonPulse{
  to{text-shadow:0 0 40px rgba(0,255,255,1)}
}

/* ───淡入动画（滚动揭示）─── */
.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.2,.8,.4,1)}
.reveal.show{opacity:1;transform:none}

/* ───卡片悬浮─── */
.card-hover{transition:transform .35s ease,box-shadow .35s}
.card-hover:hover{
  transform:translateY(-12px) scale(1.02);
  box-shadow:0 8px 25px rgba(0,255,255,.2);
}

/* ───服务区块小图标统一尺寸─── */
.bi{vertical-align:-.125em}

/* ───页眉灰条─── */
.page-header{background:#111;border-bottom:3px solid #0ff;color:#fff}

/* ───表格─── */
.table{color:#fff;background:rgba(255,255,255,.02)}
.table th{width:30%;color:#0ff;font-weight:400}

/* ───页脚─── */
footer{background:#000;color:#666;font-size:.875rem}