/* =====================================================================
 * The Brain Bug Files · 人类漏洞档案 —— 站点样式
 * 视觉基调：机密档案室 / 解密简报 —— 墨黑纸白、黄铜强调、红章点睛、
 * 涂黑条（hover 显影）隐喻「真相藏在日常里，极少有人停下来看」。
 * ===================================================================== */

:root {
  --ink: #08090d;
  --ink2: #0c0e14;
  --panel: #10131b;
  --panel2: #141824;
  --paper: #ece7da;
  --paper-dim: #a29d8e;
  --brass: #c9a96a;
  --brass-strong: #e0c084;
  --brass-dim: rgba(201, 169, 106, .13);
  --red: #b3543c;
  --red-dim: rgba(179, 84, 60, .12);
  --teal: #6fbfa8;
  --teal-dim: rgba(111, 191, 168, .12);
  --line: rgba(236, 231, 218, .13);
  --line-soft: rgba(236, 231, 218, .08);
  --radius: 10px;
  --serif: Georgia, "Times New Roman", "Songti SC", "Noto Serif SC", "SimSun", serif;
  --sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scrollbar-width: dark; }
body {
  font-family: var(--sans);
  background: var(--ink);
  color: var(--paper);
  line-height: 1.8;
  position: relative;
}
/* 纸感颗粒 + 暗角：让黑不是纯黑，是档案室的暗 */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(1200px 700px at 50% -10%, rgba(201, 169, 106, .05), transparent 60%),
    radial-gradient(1400px 900px at 50% 115%, rgba(0, 0, 0, .5), transparent 55%),
    repeating-linear-gradient(0deg, transparent 0 2px, rgba(255, 255, 255, .0035) 2px 3px);
}
body > * { position: relative; z-index: 1; }

a { color: var(--brass); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 600; }
::selection { background: rgba(201, 169, 106, .35); color: #fff; }

/* ============ 涂黑条：真相的隐喻（hover/点按显影） ============ */
.redact {
  display: inline; padding: 0 7px; border-radius: 2px; cursor: help;
  background: #1d1d1f; color: transparent;
  text-shadow: none; transition: background .45s ease, color .45s ease;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.redact:hover, .redact:focus, .redact.revealed { background: rgba(201, 169, 106, .16); color: var(--paper); }
[data-lang="en"] .redact { font-style: normal; }

/* ============ 印章 ============ */
.stamp {
  display: inline-block; font-family: var(--serif); font-size: 12.5px; font-weight: 600;
  letter-spacing: .28em; text-transform: uppercase; text-indent: .28em;
  padding: 4px 13px; border: 1.5px solid currentColor; border-radius: 4px;
  transform: rotate(-2.5deg);
  white-space: nowrap;
}
.stamp-brass { color: var(--brass); background: var(--brass-dim); }
.stamp-green { color: var(--teal); background: var(--teal-dim); }
.stamp-red { color: var(--red); background: var(--red-dim); }

/* ============ 档案元数据行（打字机微字号） ============ */
.file-meta {
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--paper-dim); opacity: .85;
}
.file-meta .sep { margin: 0 8px; opacity: .5; }

/* ============ 顶栏 ============ */
nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(8, 9, 13, .92); backdrop-filter: blur(9px);
  border-bottom: 1px solid var(--line);
  padding: 13px 0;
}
nav .container { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.logo { display: flex; align-items: baseline; gap: 10px; }
.logo .en { font-family: var(--mono); font-size: 11px; letter-spacing: .32em; color: var(--brass); }
.logo .zh { font-family: var(--serif); font-weight: 700; font-size: 17px; letter-spacing: .14em; color: var(--paper); }
nav .links { display: flex; align-items: center; flex-wrap: wrap; }
nav .links > a { margin-left: 18px; color: var(--paper-dim); font-size: 14px; }
nav .links > a:hover { color: var(--paper); text-decoration: none; }
.lang-pill { display: flex; border: 1px solid var(--line); border-radius: 999px; overflow: hidden; margin-left: 14px; }
.lang-pill button {
  font: inherit; font-size: 11.5px; padding: 3px 11px; background: transparent;
  border: none; color: var(--paper-dim); cursor: pointer; letter-spacing: .08em;
}
.lang-pill button[aria-pressed="true"] { background: var(--brass-dim); color: var(--brass-strong); }

/* ============ Hero ============ */
.hero {
  text-align: center; padding: 96px 0 64px; position: relative;
  background-image:
    linear-gradient(180deg, rgba(8,9,13,.46), rgba(8,9,13,.62) 55%, rgba(8,9,13,.94) 92%, var(--ink)),
    url('img/hero-bg.jpg?v=20261112e');
  background-size: cover, cover;
  background-position: center, center 32%;
  background-attachment: scroll, fixed;   /* 照片层钉在视口：滚动时不动，内容滑过 */
  border-bottom: 1px solid var(--line);
}
.hero .series-line {
  font-family: var(--mono); font-size: 12px; letter-spacing: .42em; text-indent: .42em;
  color: var(--brass); display: block; margin-bottom: 20px;
}
.hero .series-line::before { content: "— "; opacity: .5; }
.hero .series-line::after { content: " —"; opacity: .5; }
.hero h1 { font-size: 47px; letter-spacing: .14em; text-indent: .14em; margin-bottom: 20px; }
.hero .lead { font-size: 17px; color: var(--paper-dim); max-width: 640px; margin: 0 auto 16px; }
.hero .intel { font-size: 14.5px; color: var(--paper); max-width: 640px; margin: 0 auto 14px; }
.hero .eyes { font-family: var(--mono); font-size: 10.5px; letter-spacing: .3em; color: var(--paper-dim); opacity: .7; }
.hero .headphone { font-size: 13px; color: var(--paper-dim); margin-top: 12px; }
.hero .hero-actions { margin-top: 32px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ============ 按钮（黄铜制式） ============ */
.btn {
  display: inline-block; padding: 11px 26px; border-radius: var(--radius);
  font-size: 14.5px; font-weight: 600; cursor: pointer; border: 1px solid transparent;
  font-family: var(--sans); letter-spacing: .06em; transition: all .15s ease; text-align: center;
}
.btn-primary { background: var(--brass); color: #171204; }
.btn-primary:hover { background: var(--brass-strong); text-decoration: none; }
.btn-outline { background: transparent; color: var(--brass); border-color: rgba(201, 169, 106, .5); }
.btn-outline:hover { background: var(--brass-dim); text-decoration: none; }
.btn-ghost { background: transparent; color: var(--paper-dim); border-color: var(--line); }
.btn-ghost:hover { color: var(--paper); }
.btn:disabled { opacity: .4; cursor: not-allowed; }
.btn-sm { padding: 7px 16px; font-size: 13px; }

/* ============ 区块标题（两侧短划） ============ */
section { padding: 58px 0; }
.section-title { text-align: center; font-size: 26px; letter-spacing: .22em; text-indent: .22em; margin-bottom: 10px; }
.section-title::before, .section-title::after { content: "—"; color: var(--brass); opacity: .45; margin: 0 14px; }
.section-sub { text-align: center; color: var(--paper-dim); font-size: 13.5px; margin-bottom: 38px; font-family: var(--mono); letter-spacing: .1em; }

/* ============ 档案卡片（卷宗） ============ */
.file-no-big {
  font-family: var(--mono); font-size: 14px; font-weight: 700;
  letter-spacing: .22em; color: var(--brass-strong); white-space: nowrap;
}
.shelf { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; }
.dossier {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 26px 26px 22px; position: relative; display: flex; flex-direction: column; gap: 11px;
  transition: border-color .2s ease, transform .2s ease;
}
/* 裁切角标：右上 + 左下 */
.dossier::before, .dossier::after {
  content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none;
  border-color: rgba(201, 169, 106, .5); border-style: solid;
}
.dossier::before { top: -1px; right: -1px; border-width: 1.5px 1.5px 0 0; border-radius: 0 var(--radius) 0 0; }
.dossier::after { bottom: -1px; left: -1px; border-width: 0 0 1.5px 1.5px; border-radius: 0 0 0 var(--radius); }
.dossier:hover { border-color: rgba(201, 169, 106, .45); transform: translateY(-2px); }
.dossier .dossier-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dossier h3 { font-size: 21px; letter-spacing: .08em; }
.dossier .topic { font-family: var(--mono); font-size: 11px; letter-spacing: .2em; color: var(--paper-dim); text-transform: uppercase; }
.dossier .desc { color: var(--paper-dim); font-size: 14px; flex: 1; }
.dossier .status-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; flex-wrap: wrap; }
.dossier.wip { opacity: .55; filter: saturate(.6); }
.dossier.wip .stamp { border-style: dashed; }
.dossier .status-row .btn { min-width: 134px; text-align: center; white-space: nowrap; }
.dossier .status-actions { display: flex; gap: 8px; margin-left: auto; flex-wrap: nowrap; }

/* ============ 关于/伦理 ============ */
.about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.about-card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; }
.about-card h3 { font-size: 16.5px; margin-bottom: 10px; color: var(--brass); }
.about-card p { color: var(--paper-dim); font-size: 14px; }
.ethics { border-left: 3px solid var(--red); padding: 18px 24px; background: var(--panel); border-radius: 0 var(--radius) var(--radius) 0; margin-top: 24px; }
.ethics h3 { font-size: 15.5px; color: var(--red); margin-bottom: 8px; letter-spacing: .12em; }
.ethics p { font-size: 13.5px; color: var(--paper-dim); }
.ethics b { color: var(--paper); }

/* ============ 定价 ============ */
.pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; align-items: stretch; }
.price-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 30px 26px; text-align: center; display: flex; flex-direction: column; gap: 12px; position: relative;
}
.price-card.featured { border-color: rgba(201, 169, 106, .55); box-shadow: 0 10px 40px rgba(0, 0, 0, .45); }
.price-card .badge {
  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  background: var(--brass); color: #171204; font-size: 11.5px; font-weight: 700;
  padding: 3px 14px; border-radius: 999px; letter-spacing: .2em; text-indent: .2em;
}
.price-card h3 { font-size: 17px; letter-spacing: .06em; }
.price-card .price { font-family: var(--serif); font-size: 34px; font-weight: 700; }
.price-card .price small { font-size: 13px; color: var(--paper-dim); font-weight: 400; }
.price-card ul { list-style: none; text-align: left; margin: 6px 0 14px; flex: 1; }
.price-card ul li { padding: 5px 0; font-size: 13.5px; color: var(--paper-dim); }
.price-card ul li::before { content: "— "; color: var(--brass); }

/* ============ FAQ ============ */
.faq { max-width: 720px; margin: 0 auto; }
.faq details { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 15px 20px; margin-bottom: 11px; }
.faq summary { font-weight: 600; cursor: pointer; font-size: 14.5px; }
.faq details p { margin-top: 9px; color: var(--paper-dim); font-size: 13.5px; }

/* ============ 页脚 ============ */
footer { border-top: 1px solid var(--line); padding: 26px 0; margin-top: 40px; }
footer .container { display: flex; flex-direction: column; align-items: center; gap: 7px; }
footer .foot-links { display: flex; flex-wrap: wrap; justify-content: center; }
footer .foot-links a { color: var(--paper-dim); margin: 0 9px; font-size: 13px; }
footer .mor { font-size: 11.5px; color: var(--paper-dim); opacity: .75; font-family: var(--mono); letter-spacing: .05em; }
footer .copyright { font-size: 12.5px; color: var(--paper-dim); }

/* ============ 阅读页 ============ */
body.reader { overflow: hidden; }
.reader-bar {
  height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 16px; background: rgba(8, 9, 13, .97); border-bottom: 1px solid var(--line);
  position: relative; z-index: 40;
  transition: margin-top .25s ease;
}
.reader-bar .back { color: var(--paper-dim); font-size: 13.5px; white-space: nowrap; }
.reader-bar .back:hover { color: var(--brass); text-decoration: none; }
.reader-title { font-family: var(--serif); font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: .06em; }
.reader-title .reader-no { font-family: var(--mono); font-size: 10.5px; color: var(--brass); margin-right: 9px; letter-spacing: .2em; }
.reader-title .reader-sub { color: var(--paper-dim); font-size: 11px; margin-left: 8px; font-family: var(--mono); letter-spacing: .14em; }
.reader-meta { display: flex; gap: 8px; align-items: center; white-space: nowrap; }
.chip { font-size: 11.5px; font-family: var(--mono); padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); color: var(--paper-dim); }
.chip-free { background: var(--teal-dim); color: var(--teal); border-color: transparent; }
.chip-trial { background: var(--red-dim); color: #d98a75; border-color: transparent; }
.chip-unlocked { background: var(--teal-dim); color: var(--teal); border-color: transparent; }
body.immersive .reader-bar { margin-top: -53px; }
.archive-frame { display: block; width: 100%; height: calc(100vh - 52px); border: 0; background: #0a0d12; transition: height .25s ease; }
body.immersive .archive-frame { height: 100vh; }
#btn-immersive { background: transparent; border: 1px solid var(--line); color: var(--paper-dim); }
#btn-immersive:hover { border-color: var(--brass); color: var(--brass); }

/* 退出胶囊（沉浸式） */
.exit-pill {
  position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%);
  z-index: 200; display: none; align-items: center; gap: 8px;
  background: rgba(8, 9, 13, .85); color: var(--paper); border: 1px solid var(--line);
  border-radius: 999px; padding: 9px 18px; font-size: 13px; cursor: pointer;
  opacity: 0; transition: opacity .4s ease; backdrop-filter: blur(8px);
  font-family: var(--sans);
}
.exit-pill.show { display: flex; opacity: 1; }
.exit-pill .kbd { font-family: var(--mono); font-size: 10.5px; border: 1px solid var(--line); border-radius: 4px; padding: 1px 6px; color: var(--paper-dim); }

/* ============ 付费墙 ============ */
.paywall {
  position: fixed; inset: 0; z-index: 100; display: none;
  background: rgba(5, 6, 9, .9); backdrop-filter: blur(8px);
  align-items: center; justify-content: center; padding: 20px;
}
.paywall.show { display: flex; }

/* ---- 白雾墙：出现在九十九盏灯页面——灯阵以上清晰，从红灯处开始往下越雾越浓
   （z-30 阅读栏之下，付费卡 z-100 之上） ---- */
.paywall-fog {
  position: fixed; inset: 0; z-index: 30; overflow: hidden;
  opacity: 0; pointer-events: none;
  transition: opacity 1.1s ease;
}
.paywall-fog.on { opacity: 1; pointer-events: auto; }
/* 强白雾层：灯阵以下整片模糊 */
.paywall-fog .fog-blur {
  position: absolute; inset: -2px;
  backdrop-filter: blur(14px) saturate(.72); -webkit-backdrop-filter: blur(14px) saturate(.72);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 38%, rgba(0,0,0,.5) 52%, #000 64%);
          mask-image: linear-gradient(180deg, transparent 0%, transparent 38%, rgba(0,0,0,.5) 52%, #000 64%);
}
/* 过渡带轻雾层：38%→64% 之间形成"逐渐看不清"的连续梯度 */
.paywall-fog .fog-blur-mid {
  position: absolute; inset: -2px;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 36%, rgba(0,0,0,.65) 48%, transparent 70%);
          mask-image: linear-gradient(180deg, transparent 0%, transparent 36%, rgba(0,0,0,.65) 48%, transparent 70%);
}
/* 白雾色层：顶部近无，往下越雾越浓 */
.paywall-fog .fog-mist {
  position: absolute; inset: -12%; opacity: 0;
  background: linear-gradient(180deg,
    rgba(170,180,196,.08) 0%, rgba(160,172,190,.20) 38%,
    rgba(150,163,182,.40) 56%, rgba(138,152,173,.60) 76%, rgba(126,140,162,.78) 100%);
  animation: fogDrift 16s ease-in-out infinite alternate;
  transition: opacity 1.1s ease;
}
.paywall-fog.on .fog-mist { opacity: .92; }
@keyframes fogDrift {
  from { transform: translate3d(-1.5%, 0.8%, 0) scale(1); }
  to   { transform: translate3d(1.5%, -1.2%, 0) scale(1.06); }
}
.fog-cta {
  position: absolute; left: 50%; top: 68%; transform: translate(-50%, -50%);
  text-align: center; z-index: 2; opacity: 0;
  transition: opacity .8s ease .45s;
}
.paywall-fog.on .fog-cta { opacity: 1; }
.fog-cta .btn { min-width: 264px; }
.fog-key {
  margin-top: 14px; background: none; border: 0; cursor: pointer;
  color: rgba(20,24,30,.8); font-size: 12.5px; font-family: var(--mono);
  text-decoration: underline; text-underline-offset: 3px;
}
.fog-key:hover { color: rgba(20,24,30,.98); }
.fog-note {
  margin-top: 12px; color: rgba(20,24,30,.66);
  font-size: 11px; font-family: var(--mono); letter-spacing: .12em;
}
@media (prefers-reduced-motion: reduce) {
  .paywall-fog .fog-mist { animation: none; }
  .paywall-fog, .paywall-fog .fog-cta { transition-duration: .4s; transition-delay: 0s; }
}
}
}
}
.paywall-card {
  max-width: 490px; width: 100%; background: var(--panel);
  border: 1px solid rgba(179, 84, 60, .55); border-radius: 14px;
  padding: 34px 32px 28px; text-align: center; position: relative;
  box-shadow: 0 18px 70px rgba(0, 0, 0, .65);
}
.paywall-card::before, .paywall-card::after {
  content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none;
  border-color: rgba(179, 84, 60, .6); border-style: solid;
}
.paywall-card::before { top: -1px; right: -1px; border-width: 1.5px 1.5px 0 0; border-radius: 0 14px 0 0; }
.paywall-card::after { bottom: -1px; left: -1px; border-width: 0 0 1.5px 1.5px; border-radius: 0 0 0 14px; }
.paywall-card .seal {
  width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 50%;
  border: 2px solid var(--red); color: var(--red);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--serif); font-size: 20px; font-weight: 700;
  background: var(--red-dim);
}
.paywall-card h2 { font-size: 22px; margin-bottom: 6px; letter-spacing: .1em; }
.paywall-card .pw-sub { color: var(--paper-dim); font-size: 13.5px; margin-bottom: 16px; }
.paywall-card .pw-progress { font-size: 12.5px; color: var(--brass); font-family: var(--mono); margin-bottom: 20px; letter-spacing: .04em; }
.paywall-card .pw-buy-area { margin-bottom: 16px; }
.paywall-card .pw-or { font-size: 11px; color: var(--paper-dim); margin: 14px 0 10px; letter-spacing: .3em; text-indent: .3em; }
.paywall-card .pw-activate { display: flex; gap: 8px; }
.paywall-card .pw-activate input {
  flex: 1; padding: 10px 13px; border: 1px solid var(--line); border-radius: 8px;
  background: #0b0e15; color: var(--paper); font-family: var(--mono); font-size: 13px;
}
.paywall-card .pw-activate input:focus { outline: 2px solid rgba(201, 169, 106, .4); }
.paywall-status { margin-top: 14px; font-size: 13px; display: none; text-align: left; }
.paywall-status.ok { display: block; color: var(--teal); }
.paywall-status.err { display: block; color: #d98a75; }
.paywall-status.info { display: block; color: var(--brass); }
.paywall-card .pw-foot { margin-top: 16px; font-size: 12px; color: var(--paper-dim); }
.paywall-card .pw-foot a { color: var(--paper-dim); text-decoration: underline; }

/* ============ 表单页（激活/找回） ============ */
.form-card {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 32px; max-width: 520px; margin: 0 auto;
}
.form-card label { display: block; font-size: 14px; font-weight: 600; margin: 16px 0 6px; }
.form-card input, .form-card select {
  width: 100%; padding: 11px 14px; border: 1px solid var(--line); border-radius: 8px;
  font-size: 15px; background: #0b0e15; color: var(--paper);
}
.form-card input:focus, .form-card select:focus { outline: 2px solid rgba(201, 169, 106, .4); }
.form-status { margin-top: 18px; padding: 12px 16px; border-radius: 8px; font-size: 14px; display: none; }
.form-status.ok { display: block; background: var(--teal-dim); color: var(--teal); }
.form-status.err { display: block; background: var(--red-dim); color: #d98a75; }
.form-status.info { display: block; background: var(--brass-dim); color: var(--brass-strong); }
.form-card .sub-links { margin-top: 20px; font-size: 13px; color: var(--paper-dim); text-align: center; }
.page-head { text-align: center; padding: 46px 0 8px; }

/* ============ 法务页 ============ */
.legal-wrap { max-width: 780px; margin: 0 auto; }
.legal-wrap h2 { text-align: left; margin-bottom: 6px; }
.legal-updated { color: var(--paper-dim); font-size: 13.5px; margin-bottom: 22px; }
.legal-en {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 18px 22px; margin-bottom: 28px; font-size: 13.5px; color: var(--paper-dim);
}
.legal-en h3 { color: var(--brass); font-size: 14px; margin-bottom: 8px; }
.legal-zh h3 { margin: 26px 0 8px; font-size: 17px; color: var(--brass); }
.legal-zh p, .legal-zh li { font-size: 14.5px; color: var(--paper); margin-bottom: 6px; }
.legal-zh ul { margin: 6px 0 12px 22px; }
.legal-zh table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 10px 0; }
.legal-zh th, .legal-zh td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; color: var(--paper-dim); }
.legal-zh th { color: var(--paper); background: var(--panel2); }

/* ============ 提示条 ============ */
.toast { display: none; margin: 0 auto 8px; max-width: 720px; padding: 13px 18px; border-radius: var(--radius); font-size: 14px; }
.toast.ok { display: block; background: var(--teal-dim); color: var(--teal); border: 1px solid rgba(111, 191, 168, .3); }

/* ============ 响应式 ============ */
@media (max-width: 640px) {
  .hero h1 { font-size: 32px; }
  .reader-title .reader-sub { display: none; }
  .chip-headphone { display: none; }
  nav .links > a { margin-left: 12px; font-size: 13px; }
}