/* crt.css — 站点外壳
 *
 * 配色与 gem-quest 同源（深黑底 + 柔绿字 + 琥珀强调）：
 * 黑面板、暗绿双线框、闪烁光标。
 *
 * 2026-09-07：按用户要求去掉扫描线遮罩（body::before）和整屏闪烁
 * （body 的 crt-flicker 动画）。光标 .blink 是文字光标，不属于
 * "屏幕闪烁"，保留。
 *
 * 只放"外壳"层，不碰各工具页自己的组件样式 —— 配色已经通过
 * :root 变量扩散过去了，这里补的是原站独有的质感。
 *
 * ⚠ 顺序要求：必须在各页自己的 main.css / home.css 之后加载，
 *   否则 .page-head 等选择器会被后加载的同权重规则盖掉。
 */

/* ===== 闪烁光标 ===== */
@keyframes crt-blink { 50% { opacity: 0; } }
.blink {
  animation: crt-blink 1s step-start infinite;
  color: var(--ink);
}

/* ===== 双线绿框容器 =====
   原站是 .container 单一容器；这里套到各页已有的面板/卡片上。 */
.page-head,
.grid,
.card,
main > .box,
.page-foot {
  border-color: var(--line);
}

/* 页头：双线下边框 + 站点 logo 画布 */
.page-head {
  border-bottom: 2px dashed var(--line);
  padding-bottom: 0.8rem;
}

/* logo 画布：浮左，方框，跟原站 header canvas 一致 */
.site-logo {
  float: left;
  margin-right: 10px;
  border: 1px solid var(--line);
  display: block;
  background: #000;
  image-rendering: pixelated;
}

/* 页头文字跟着 logo 走，清除浮动避免塌陷 */
.page-head::after {
  content: "";
  display: block;
  clear: both;
}

/* 页脚：虚线上边框，绿字 */
.page-foot {
  border-top: 2px dashed var(--line);
  background: transparent;
  color: var(--ink-soft);
}

/* ===== 卡片/面板：黑底 + 双线绿框 ===== */
.card,
.box {
  border: 3px double var(--line);
  background: #000;
}
.box:hover {
  background: #11161d;
  border-color: var(--accent);
}
.box-empty {
  border: 2px dashed var(--ink-soft);
  background: transparent;
}
.box-empty:hover {
  background: transparent;
  border-color: var(--ink-soft);
}

/* 标题黄、链接青，贴合原站 */
.box h2,
.page-head h1 {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

a { color: var(--link); }
a:hover { color: var(--accent); }
/* 卡片整体是 <a>，hover 时不要整块刷底色 */
a.box:hover { background: #11161d; color: var(--ink); }

/* ===== 减少动态效果：只剩光标动画可关 ===== */
@media (prefers-reduced-motion: reduce) {
  .blink { animation: none; }
}