:root {
  --jp-paper: #ecebf3;
  --jp-ink: #1f1d2b;
  --jp-ink-soft: #3a3848;
  --jp-copper: #b87333;
  --jp-copper-ink: #8a5222;
  --jp-copper-wash: #f3e6d9;
  --jp-steel: #6c7a89;
  --jp-steel-ink: #4f5a66;
  --jp-line: #d4d2e0;
  --jp-surf: #f8f7fb;
  --jp-r: 2px;
  --jp-r-sm: 1px;
  --jp-latin: "Californian FB", "Goudy Old Style", "Palatino Linotype", serif;
  --jp-cjk: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  --jp-wide: 1160px;
  --jp-read: 38em;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--jp-paper);
  color: var(--jp-ink);
  font-family: var(--jp-cjk);
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: break-word;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--jp-copper-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--jp-ink); }

:focus-visible { outline: 3px solid var(--jp-copper-ink); outline-offset: 2px; }

.jp-num { font-family: var(--jp-latin); font-variant-numeric: lining-nums; }

.jp-skip {
  position: absolute; left: 12px; top: -60px; z-index: 10;
  background: var(--jp-ink); color: var(--jp-paper);
  padding: 10px 16px; min-height: 44px; border-radius: var(--jp-r);
}
.jp-skip:focus { top: 8px; color: var(--jp-paper); }

/* 页头 */
.jp-top { border-bottom: 1px solid var(--jp-line); background: var(--jp-surf); }
.jp-top-in {
  max-width: var(--jp-wide); margin: 0 auto; padding: 8px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.jp-brand { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.jp-mark { display: block; width: 132px; height: 36px; }
.jp-dao ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.jp-dao a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px;
  color: var(--jp-ink); text-decoration: none; font-size: 15px;
  border-bottom: 2px solid transparent;
}
.jp-dao a:hover { border-bottom-color: var(--jp-steel); }
.jp-dao a[aria-current="page"] { border-bottom-color: var(--jp-copper); }

.jp-main { display: block; }

/* 标题 */
.jp-h1 {
  font-size: 49px; line-height: 1.22; font-weight: 700; letter-spacing: 0;
  margin: 0 0 18px; line-break: strict;
}
.jp-nb { display: inline-block; }

/* 首页首屏 */
.jp-shou {
  max-width: var(--jp-wide); margin: 0 auto; padding: 40px 24px 36px;
  display: grid; gap: 22px 40px;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-areas:
    "wen  pan"
    "jian ma";
  align-items: start;
}
.jp-shou-wen { grid-area: wen; }
.jp-shou-ma { grid-area: ma; }
.jp-jian { grid-area: jian; }
.jp-shou-pan { grid-area: pan; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; }
.jp-shou-lede { font-size: 18px; line-height: 1.75; color: var(--jp-ink-soft); margin: 0; max-width: 32em; }

/* 保险箱转盘（纯装饰） */
.jp-pan {
  --jp-d: 220px;
  position: relative; width: var(--jp-d); height: var(--jp-d); flex: none;
  margin-top: 16px;
}
.jp-pan-zhen {
  position: absolute; left: 50%; top: -16px; transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 9px solid transparent; border-right: 9px solid transparent;
  border-top: 16px solid var(--jp-copper);
  z-index: 2;
}
.jp-pan-mian {
  position: absolute; inset: 0; border-radius: 50%;
  background:
    radial-gradient(circle closest-side, var(--jp-surf) 0 70%, transparent 70.5%),
    repeating-conic-gradient(from -0.9deg, var(--jp-ink) 0 1.8deg, transparent 1.8deg 36deg),
    radial-gradient(circle closest-side, var(--jp-surf) 0 85%, transparent 85.5%),
    repeating-conic-gradient(from -0.25deg, var(--jp-steel) 0 0.5deg, transparent 0.5deg 3.6deg),
    var(--jp-surf);
  border: 3px solid var(--jp-ink);
  box-shadow: inset 0 0 0 7px var(--jp-surf), inset 0 0 0 8px var(--jp-line), 0 1px 0 var(--jp-line);
  transform: rotate(-14deg);
}
.jp-pan-n {
  position: absolute; left: 50%; top: 50%;
  font-family: var(--jp-latin); font-size: 15px; line-height: 1; color: var(--jp-ink);
  transform: translate(-50%, -50%) rotate(var(--jp-a, 0deg)) translateY(-66px) rotate(calc(var(--jp-a, 0deg) * -1));
}
.jp-pan-n:nth-child(2) { --jp-a: 36deg; }
.jp-pan-n:nth-child(3) { --jp-a: 72deg; }
.jp-pan-n:nth-child(4) { --jp-a: 108deg; }
.jp-pan-n:nth-child(5) { --jp-a: 144deg; }
.jp-pan-n:nth-child(6) { --jp-a: 180deg; }
.jp-pan-n:nth-child(7) { --jp-a: 216deg; }
.jp-pan-n:nth-child(8) { --jp-a: 252deg; }
.jp-pan-n:nth-child(9) { --jp-a: 288deg; }
.jp-pan-n:nth-child(10) { --jp-a: 324deg; }
.jp-pan-zhou {
  position: absolute; left: 50%; top: 50%; width: 34%; height: 34%;
  transform: translate(-50%, -50%); border-radius: 50%;
  background: var(--jp-ink);
  box-shadow: inset 0 0 0 7px var(--jp-ink), inset 0 0 0 9px var(--jp-copper);
}

/* 规则卡 */
.jp-gui {
  background: var(--jp-surf); border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-copper);
  border-radius: var(--jp-r); padding: 14px 16px; min-width: 0;
}
.jp-gui-tou { margin: 0 0 6px; font-weight: 700; font-size: 15px; }
.jp-gui-li { margin: 0; padding: 0 0 0 1.3em; font-size: 15px; line-height: 1.9; }
.jp-gui-li b { font-size: 19px; color: var(--jp-copper-ink); }
.jp-gui-zhu { margin: 8px 0 0; font-size: 13px; color: var(--jp-steel-ink); line-height: 1.6; }

/* 码卡 */
.jp-ma {
  background: var(--jp-surf); border: 1px solid var(--jp-ink); border-radius: var(--jp-r);
  padding: 16px 18px; position: relative;
}
.jp-ma::before {
  content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 4px; background: var(--jp-copper);
}
.jp-ma-tou { margin: 0 0 6px; font-size: 14px; color: var(--jp-steel-ink); }
.jp-ma-hang { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.jp-ma-zi {
  font-family: var(--jp-latin); font-size: 30px; line-height: 1.2; font-weight: 700;
  color: var(--jp-ink); background: transparent; padding: 0; user-select: all;
}
.jp-ma-fuzhi {
  min-height: 44px; min-width: 76px; padding: 0 18px;
  font: inherit; font-size: 15px; cursor: pointer;
  background: var(--jp-ink); color: var(--jp-paper);
  border: 1px solid var(--jp-ink); border-radius: var(--jp-r-sm);
}
.jp-ma-fuzhi:hover { background: var(--jp-ink-soft); }
.jp-ma-fuzhi[data-jp-done] { background: var(--jp-copper-ink); border-color: var(--jp-copper-ink); }
.jp-ma-shuo { margin: 10px 0 0; font-size: 14px; line-height: 1.7; color: var(--jp-ink-soft); }
.jp-ma-qu { margin: 14px 0 0; }
.jp-qu {
  display: inline-flex; align-items: center; min-height: 46px; padding: 0 20px;
  background: var(--jp-copper-ink); color: #fff; text-decoration: none; font-weight: 700;
  border-radius: var(--jp-r-sm);
}
.jp-qu:hover { background: var(--jp-ink); color: #fff; }
.jp-ma-pi { margin: 10px 0 0; font-size: 13px; line-height: 1.7; color: var(--jp-steel-ink); }
.jp-ma-wen { margin: 26px 0; max-width: var(--jp-read); }
.jp-ma code.jp-ma-zi { font-family: var(--jp-latin); font-size: 30px; border: 0; background: transparent; padding: 0; }

/* 首屏推荐 */
.jp-jian { border-top: 1px solid var(--jp-ink); padding-top: 12px; max-width: 34em; }
.jp-jian-tou { margin: 0 0 4px; font-size: 14px; color: var(--jp-copper-ink); font-weight: 700; }
.jp-jian-ti { margin: 0 0 6px; font-size: 21px; line-height: 1.45; font-weight: 700; }
.jp-jian-ti a { color: var(--jp-ink); text-decoration-color: var(--jp-copper); text-decoration-thickness: 2px; }
.jp-jian-shuo { margin: 0; font-size: 15px; color: var(--jp-ink-soft); }

/* 首页下半 */
.jp-shou-xia {
  border-top: 1px solid var(--jp-line);
  max-width: var(--jp-wide); margin: 0 auto; padding: 18px 24px 48px;
  display: grid; grid-template-columns: minmax(0, var(--jp-read)) minmax(0, 1fr); column-gap: 64px; row-gap: 0;
  align-items: start;
}
.jp-shou-xia > h2, .jp-shou-mulu h2 {
  font-size: 22px; line-height: 1.4; margin: 26px 0 10px; line-break: strict;
  padding-left: 12px; border-left: 3px solid var(--jp-steel);
}
.jp-shou-xia > h2, .jp-shou-xia > ul, .jp-shou-xia > p { grid-column: 1; }
.jp-shou-xia > ul, .jp-shou-xia > p { margin: 0 0 12px; }
.jp-shou-xia > ul { padding-left: 1.2em; }
.jp-shou-xia > ul li { margin-bottom: 8px; }
.jp-shou-mulu {
  grid-column: 2; grid-row: 1 / span 12; position: sticky; top: 20px;
  margin-top: 26px; padding: 4px 20px 16px; background: var(--jp-surf);
  border: 1px solid var(--jp-line); border-top: 3px solid var(--jp-ink); border-radius: var(--jp-r);
}
.jp-shou-mulu h2 { margin-top: 14px; }
.jp-shou-gengduo { font-size: 15px; color: var(--jp-steel-ink); margin: 12px 0 0; }

/* 文章列表 */
.jp-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--jp-line); max-width: 46em; }
.jp-list-x { padding: 16px 0; border-bottom: 1px solid var(--jp-line); }
.jp-list-a { font-size: 19px; font-weight: 700; color: var(--jp-ink); line-height: 1.5; display: inline-block; padding: 6px 0; }
.jp-list-zhai { margin: 4px 0; color: var(--jp-ink-soft); font-size: 15px; }
.jp-list-ri { margin: 0; color: var(--jp-steel-ink); font-size: 13px; }

.jp-lie { max-width: var(--jp-wide); margin: 0 auto; padding: 18px 24px 56px; }
.jp-lie-tou { max-width: var(--jp-read); margin-bottom: 18px; }
.jp-h1-lie { font-size: 38px; }
.jp-lie-ye { display: inline-block; margin-left: 12px; font-size: 18px; color: var(--jp-steel-ink); font-weight: 400; }
.jp-lie-dao p { margin: 0 0 10px; }
.jp-lie-shu { color: var(--jp-steel-ink); font-size: 14px; margin: 0; }
.jp-lie-tong { color: var(--jp-steel-ink); font-size: 14px; }
.jp-fanye { display: flex; gap: 18px; align-items: center; margin-top: 22px; }
.jp-fanye a { display: inline-flex; align-items: center; min-height: 44px; }

/* 面包屑 */
.jp-xie ol { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; color: var(--jp-steel-ink); }
.jp-xie li { display: inline-flex; align-items: center; min-width: 0; }
.jp-xie li + li::before { content: "/"; margin: 0 10px; color: var(--jp-steel); }
.jp-xie a { display: inline-flex; align-items: center; min-height: 44px; color: var(--jp-steel-ink); }
.jp-xie span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 22em; }

/* 文章 */
.jp-wen { max-width: var(--jp-wide); margin: 0 auto; padding: 18px 24px 56px; }
.jp-wen-tou { max-width: 46em; }
.jp-h1-wen { font-size: 42px; }
.jp-h1-wu { font-size: 36px; }
.jp-wen-xin { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 0 0 22px; font-size: 14px; color: var(--jp-steel-ink); }
.jp-wen-xin a { color: var(--jp-steel-ink); }
.jp-fm { margin: 0 0 26px; max-width: 46em; }
.jp-fm img { border: 1px solid var(--jp-line); border-radius: var(--jp-r); }
.jp-fm figcaption, .jp-tu figcaption { font-size: 13px; color: var(--jp-steel-ink); margin-top: 8px; line-height: 1.6; }

.jp-mulu {
  max-width: var(--jp-read); margin: 0 0 30px; padding: 14px 18px;
  border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-ink); background: var(--jp-surf);
  border-radius: var(--jp-r);
}
.jp-mulu-tou { margin: 0 0 6px; font-weight: 700; font-size: 15px; }
.jp-mulu-li ol { margin: 0; padding-left: 1.6em; font-size: 15px; }
.jp-mulu-li li { padding: 0; }
.jp-mulu-li a { display: block; padding: 7px 0; line-height: 1.6; color: var(--jp-ink); text-decoration-color: var(--jp-line); }
.jp-mulu-li a:hover { text-decoration-color: var(--jp-copper); }

.jp-zheng, .jp-wenda, .jp-wen-wei { max-width: var(--jp-read); }
.jp-zheng > p, .jp-zheng li { font-size: 17px; }
.jp-zheng p { margin: 0 0 1.05em; }
.jp-zheng h2, .jp-wenda h2 {
  font-size: 27px; line-height: 1.4; margin: 2.1em 0 0.7em; line-break: strict;
  padding-top: 14px; border-top: 1px solid var(--jp-ink);
}
.jp-zheng h3 { font-size: 20px; line-height: 1.5; margin: 1.6em 0 0.5em; }
.jp-zheng ol, .jp-zheng ul { padding-left: 1.4em; margin: 0 0 1.1em; }
.jp-zheng li { margin-bottom: 0.45em; }
.jp-zheng li::marker { color: var(--jp-copper-ink); font-family: var(--jp-latin); }
.jp-zheng code {
  font-family: Consolas, "Courier New", monospace; font-size: 0.86em;
  background: var(--jp-surf); border: 1px solid var(--jp-line); border-radius: var(--jp-r-sm); padding: 1px 5px;
  overflow-wrap: anywhere;
}
.jp-zheng blockquote {
  margin: 1.3em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--jp-copper); color: var(--jp-ink-soft);
}
.jp-zheng .jp-ding {
  background: var(--jp-surf); border: 1px solid var(--jp-line); padding: 14px 18px; border-radius: var(--jp-r);
}
.jp-zheng .jp-yi { font-size: 15px; color: var(--jp-steel-ink); }

.jp-tu { margin: 1.4em 0 1.6em; }
.jp-tu img { border: 1px solid var(--jp-ink); border-radius: var(--jp-r-sm); background: var(--jp-ink); }

/* 表格：铜色细框 */
.jp-biao-wai { margin: 1.4em 0 1.6em; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.jp-biao { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 15px; background: var(--jp-surf); }
.jp-biao th, .jp-biao td { border: 1px solid var(--jp-line); padding: 9px 12px; text-align: left; vertical-align: top; line-height: 1.65; }
.jp-biao th { background: var(--jp-paper); font-weight: 700; }
.jp-biao-tong .jp-biao { border: 1px solid var(--jp-copper); }
.jp-biao-tong .jp-biao th, .jp-biao-tong .jp-biao td { border-color: var(--jp-copper); }
.jp-biao-tong .jp-biao th { background: var(--jp-copper-wash); }
.jp-biao-tong .jp-biao td:nth-child(3), .jp-biao-tong .jp-biao th:nth-child(3) { white-space: nowrap; }
.jp-al-center { text-align: center; }
.jp-al-right { text-align: right; }

/* 问答 */
.jp-wenda-q { font-size: 18px; margin: 1.4em 0 0.4em; line-height: 1.55; }
.jp-wenda-a { margin: 0; font-size: 16px; color: var(--jp-ink-soft); }

/* 文末去处 */
.jp-wen-wei { margin-top: 40px; padding-top: 16px; border-top: 3px double var(--jp-line); }
.jp-biaoqian { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 14px; }
.jp-biaoqian-tou { color: var(--jp-steel-ink); }
.jp-biaoqian-x { border: 1px solid var(--jp-line); border-radius: var(--jp-r-sm); padding: 2px 10px; background: var(--jp-surf); }
.jp-qu-li { list-style: none; margin: 0; padding: 0; }
.jp-qu-li a { display: inline-flex; align-items: center; min-height: 44px; }

/* 站务页 */
.jp-wu .jp-zheng h2 { font-size: 22px; }

/* 搜索 */
.jp-sou-biao { max-width: var(--jp-read); margin: 18px 0; }
.jp-sou-ming { display: block; font-size: 14px; color: var(--jp-steel-ink); margin-bottom: 6px; }
.jp-sou-hang { display: flex; gap: 8px; }
.jp-sou-ci {
  flex: 1; min-width: 0; min-height: 46px; padding: 0 12px; font: inherit; font-size: 16px;
  border: 1px solid var(--jp-ink); border-radius: var(--jp-r-sm); background: #fff; color: var(--jp-ink);
}
.jp-sou-an {
  min-height: 46px; padding: 0 18px; font: inherit; font-size: 15px; cursor: pointer;
  background: var(--jp-ink); color: var(--jp-paper); border: 1px solid var(--jp-ink); border-radius: var(--jp-r-sm);
}
.jp-sou-zhuang { color: var(--jp-steel-ink); font-size: 14px; max-width: var(--jp-read); }
.jp-sou-jieguo { list-style: none; padding: 0; margin: 0; max-width: var(--jp-read); }
.jp-sou-jieguo li { padding: 12px 0; border-bottom: 1px solid var(--jp-line); }
.jp-sou-jieguo a { font-weight: 700; display: inline-block; padding: 4px 0; }
.jp-sou-jieguo p { margin: 4px 0 0; font-size: 14px; color: var(--jp-ink-soft); }

.jp-cuo { min-height: 50vh; }

/* 页脚 */
.jp-foot { background: var(--jp-ink); color: #d9d7e6; margin-top: 24px; }
.jp-foot-in {
  max-width: var(--jp-wide); margin: 0 auto; padding: 30px 24px 26px;
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 10px 48px;
}
.jp-foot .jp-mark text { fill: #f1eff8; }
.jp-foot .jp-mark rect, .jp-foot .jp-mark circle:last-of-type { fill: #f1eff8; }
.jp-foot-say { font-size: 14px; line-height: 1.75; margin: 8px 0 0; max-width: 32em; }
.jp-foot a { color: #f0c79f; }
.jp-foot a:hover { color: #fff; }
.jp-foot-dao ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.jp-foot-dao a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.jp-foot-rss, .jp-foot-c { grid-column: 1 / -1; margin: 0; font-size: 14px; }
.jp-foot-rss a { display: inline-flex; align-items: center; min-height: 44px; }
.jp-foot-c { color: #a9a7b8; font-family: var(--jp-latin); }

/* 宽屏：目录放到右侧 */
@media (min-width: 1120px) {
  .jp-wen:not(.jp-wu):not(.jp-sou):not(.jp-cuo) {
    display: grid; grid-template-columns: minmax(0, var(--jp-read)) minmax(0, 1fr); column-gap: 64px; align-items: start;
  }
  .jp-wen > .jp-xie, .jp-wen > .jp-wen-tou { grid-column: 1 / -1; }
  .jp-wen > .jp-fm, .jp-wen > .jp-zheng, .jp-wen > .jp-wenda, .jp-wen > .jp-wen-wei { grid-column: 1; }
  .jp-wen > .jp-mulu { grid-column: 2; grid-row: 3 / span 4; position: sticky; top: 20px; max-width: 22em; margin: 0; }
}

/* 窄屏 */
@media (max-width: 900px) {
  .jp-shou { grid-template-columns: minmax(0, 1fr); grid-template-areas: "wen" "ma" "jian" "pan"; gap: 18px; padding-top: 22px; }
  .jp-shou-xia { grid-template-columns: minmax(0, 1fr); }
  .jp-shou-mulu { grid-column: 1; grid-row: auto; position: static; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  .jp-top-in { padding: 4px 16px; gap: 6px; }
  .jp-mark { width: 104px; height: 29px; }
  .jp-dao a { padding: 0 8px; font-size: 15px; }
  .jp-h1 { font-size: 30px; line-height: 1.3; margin-bottom: 10px; }
  .jp-h1-lie, .jp-h1-wen, .jp-h1-wu { font-size: 27px; }
  .jp-shou { padding: 16px 16px 26px; gap: 14px; }
  .jp-shou-lede { font-size: 15px; line-height: 1.7; }
  .jp-ma { padding: 12px 14px; }
  .jp-ma-zi { font-size: 26px; }
  .jp-ma-shuo { margin-top: 6px; font-size: 13.5px; }
  .jp-jian { padding-top: 10px; }
  .jp-jian-ti { font-size: 17px; margin-bottom: 4px; }
  .jp-jian-shuo { font-size: 14px; }
  .jp-shou-pan { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .jp-pan { --jp-d: 200px; }
  .jp-pan-n { font-size: 14px; transform: translate(-50%, -50%) rotate(var(--jp-a, 0deg)) translateY(-60px) rotate(calc(var(--jp-a, 0deg) * -1)); }
  .jp-shou-xia, .jp-lie, .jp-wen { padding-left: 16px; padding-right: 16px; }
  .jp-zheng > p, .jp-zheng li { font-size: 16px; }
  .jp-zheng h2, .jp-wenda h2 { font-size: 22px; }
  .jp-foot-in { grid-template-columns: minmax(0, 1fr); padding: 24px 16px; }
  .jp-xie span { max-width: 13em; }
}

/* 标题断行与触摸区 */
.jp-h1, .jp-zheng h2, .jp-wenda h2, .jp-shou-xia h2, .jp-wenda-q, .jp-list-a { text-wrap: balance; }
.jp-ma-shuo, .jp-ma-pi, .jp-shou-lede, .jp-gui-zhu { text-wrap: pretty; }
.jp-dao a, .jp-xie a { min-width: 44px; justify-content: center; }
.jp-xie li { white-space: nowrap; }
.jp-foot-say a, .jp-wen-xin a, .jp-shou-gengduo a, .jp-ma-pi a {
  display: inline-block; min-width: 44px; min-height: 44px; line-height: 44px; text-align: center;
}
.jp-mulu-li a { display: flex; align-items: center; min-height: 44px; padding: 4px 0; box-sizing: border-box; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}