/* 靛蓝杂志栏 + 柠檬按钮 */
:root {
  --indigo: #3730a3;
  --indigo-2: #1e1b4b;
  --lime: #84cc16;
  --ink: #1c1917;
  --paper: #fafaf6;
  --mid: #57534e;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Georgia, "Songti SC", "SimSun", serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.9;
  font-size: 17px;
}
a { color: var(--indigo); }
.head {
  background: var(--indigo-2);
  color: #eef2ff;
  padding: 16px 0;
}
.head-box {
  width: min(720px, calc(100% - 28px));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.word { font-size: 26px; letter-spacing: 0.16em; }
.ask-nav a {
  color: #c7d2fe;
  text-decoration: none;
  margin-left: 14px;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 13px;
}
.ask-nav a.current { color: var(--lime); }
.cover {
  background: var(--indigo);
  color: #fff;
  padding: 52px 0 44px;
}
.cover-box { width: min(720px, calc(100% - 28px)); margin: 0 auto; }
.cover h1 { font-size: 30px; line-height: 1.4; margin-bottom: 14px; }
.cover p { color: #ddd6fe; font-size: 16px; }
.lime-btn, .ghost-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  text-decoration: none;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  margin: 18px 8px 0 0;
}
.lime-btn { background: var(--lime); color: #1a2e05; font-weight: 700; }
.ghost-btn { border: 1px solid #c4b5fd; color: #fff; }
.mag {
  width: min(720px, calc(100% - 28px));
  margin: 36px auto 48px;
}
.q-block {
  margin: 0 0 34px;
  padding: 0 0 8px;
}
.q-block h2 {
  font-size: 22px;
  color: var(--indigo);
  margin-bottom: 10px;
  padding-left: 14px;
  border-left: 6px solid var(--lime);
}
.q-block p + p { margin-top: 10px; }
.pull {
  font-size: 18px;
  color: var(--indigo-2);
  border-top: 1px solid #d6d3d1;
  border-bottom: 1px solid #d6d3d1;
  padding: 12px 4px;
  margin: 16px 0;
}
.ask-faq article { margin-bottom: 18px; }
.ask-faq h3 {
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 16px;
  margin-bottom: 6px;
}
.colophon {
  background: var(--indigo-2);
  color: #c7d2fe;
  padding: 26px 16px 36px;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 13px;
}
.colophon .box { width: min(720px, calc(100% - 28px)); margin: 0 auto; }
.colophon .safe { color: var(--lime); }
.colophon a { color: var(--lime); }
svg.q { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 640px) {
  .head-box { flex-direction: column; gap: 8px; }
}