/* ============================================================
   base.css — 基础变量、重置、排版、链接、滚动动画
   汉江师范学院保卫部（处）官网
   ============================================================ */
:root {
  --navy-dark: #103A66;
  --navy: #1A4F8B;
  --blue: #015293;
  --blue-light: #2E6DB5;
  --blue-pale: #ebf5fc;
  --blue-soft: #F4F7FB;
  --ink: #2D3748;
  --ink-soft: #5A6B80;
  --line: #e4e4e4;
  --white: #fff;
  --link-hover: #0a2a66;          /* 超链接 hover 深蓝 */
  --radius: 6px;
  --shadow: 0 2px 8px rgba(16, 42, 74, 0.08);
  --shadow-lg: 0 6px 18px rgba(16, 42, 74, 0.14);
  --header-h: 74px;
  --topbar-h: 36px;
  --font: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; }

/* 字号适中：基准 16px，行高舒适 */
body {
  font-family: var(--font);
  font-size: 1rem;                /* 1rem = 16px */
  color: var(--ink);
  background: #fff;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* 超链接：默认继承文字色，划过统一变深蓝（要求 5） */
a { color: inherit; text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--link-hover); }

ul { list-style: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 深色背景区域（头部/页脚）的链接划过保持可读，不套用深蓝 */
.site-header a:hover,
.footer a:hover { color: #fff; }

/* ============ 滚动滑入动画 ============ */
.reveal { opacity: 0; transition: opacity .85s ease, transform .85s ease; }
.reveal-left { transform: translateX(-70px); }
.reveal-right { transform: translateX(70px); }
.reveal-up { transform: translateY(46px); }
.reveal.in { opacity: 1; transform: none; }
.reveal.d1 { transition-delay: .12s; }
.reveal.d2 { transition-delay: .24s; }
.reveal.d3 { transition-delay: .36s; }