:root {
  --zhi: #fdf6dc;
  --mo: #2b2a1f;
  --mo-qian: #5c5945;
  --gu: #3a5bd9;
  --gu-shen: #2b47b8;
  --xian: #e6d9a8;
  --ci: #fffbea;
  --yuan-da: 6px;
  --yuan-xiao: 3px;
  --la: Rockwell, "Roboto Slab", "Courier New", serif;
  --song: "Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;
  --hei: "PingFang SC", "Microsoft YaHei", sans-serif;
  --kuan: 1180px;
}

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

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

body {
  margin: 0;
  background: var(--zhi);
  color: var(--mo);
  font-family: var(--hei);
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

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

a { color: var(--gu); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--gu-shen); text-decoration-thickness: 2px; }

:focus-visible { outline: 3px solid var(--gu); outline-offset: 2px; border-radius: var(--yuan-xiao); }

h1, h2, h3 { font-family: var(--song); font-weight: 700; line-height: 1.3; color: var(--mo); }

code { font-family: var(--la); font-size: .95em; background: var(--ci); border: 1px solid var(--xian); border-radius: var(--yuan-xiao); padding: 0 .3em; }

.uz-tiaoguo {
  position: absolute; left: 8px; top: -60px;
  background: var(--mo); color: var(--zhi); padding: 10px 14px; border-radius: var(--yuan-xiao); z-index: 9;
}
.uz-tiaoguo:focus { top: 8px; }

.uz-kantou { border-top: 6px solid var(--mo); border-bottom: 1px solid var(--mo); background: var(--zhi); }
.uz-kantou::after { content: ""; display: block; height: 3px; border-bottom: 1px solid var(--mo); }
.uz-kantou-nei {
  max-width: var(--kuan); margin: 0 auto; padding: 10px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.uz-wm { display: inline-flex; align-items: center; color: var(--mo); text-decoration: none; min-height: 44px; }
.uz-wm:hover { color: var(--mo); }
.uz-wm-svg { display: block; width: 124px; height: 32px; }
.uz-lanmu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.uz-lanmu a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px;
  color: var(--mo); text-decoration: none; font-size: 15px; border-bottom: 3px solid transparent;
}
.uz-lanmu a:hover { border-bottom-color: var(--xian); color: var(--mo); }
.uz-lanmu a[aria-current="page"] { border-bottom-color: var(--gu); }

.uz-zhuti { max-width: var(--kuan); margin: 0 auto; padding: 0 24px 64px; }

.uz-kanming { padding: 40px 0 28px; border-bottom: 1px solid var(--mo); }
.uz-kanming-lan { margin: 0 0 12px; font-size: 14px; color: var(--mo-qian); }
.uz-kanming-lan::before { content: ""; display: inline-block; width: 28px; height: 3px; background: var(--gu); vertical-align: middle; margin-right: 10px; }
.uz-kanming h1 { font-size: 64px; line-height: 1.12; margin: 0; letter-spacing: -.01em; max-width: 17em; }
.uz-kanming-yu { margin: 16px 0 0; font-size: 18px; max-width: 40em; color: var(--mo-qian); }

.uz-sanlan {
  display: grid; grid-template-columns: 1.55fr 1.15fr .9fr; gap: 0;
  border-bottom: 1px solid var(--mo); margin-bottom: 48px;
}
.uz-sanlan > * { padding: 24px 28px; }
.uz-sanlan > * + * { border-left: 1px solid var(--xian); }
.uz-sanlan > :first-child { padding-left: 0; }
.uz-sanlan > :last-child { padding-right: 0; }

.uz-tuijian-biao, .uz-maka-biao { margin: 0 0 8px; font-size: 14px; color: var(--mo-qian); }
.uz-tuijian-ti { font-size: 28px; margin: 0 0 12px; }
.uz-tuijian-ti a { color: var(--mo); text-decoration: none; background-image: linear-gradient(var(--xian), var(--xian)); background-size: 100% 8px; background-position: 0 92%; background-repeat: no-repeat; }
.uz-tuijian-ti a:hover { color: var(--gu); }
.uz-tuijian-yu { margin: 0 0 16px; }
.uz-tuijian-qu { margin: 0; }

.uz-anniu-xian, .uz-anniu-shi {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px;
  border-radius: var(--yuan-da); font-weight: 600; text-decoration: none; font-size: 15px;
}
.uz-anniu-xian { border: 2px solid var(--mo); color: var(--mo); background: transparent; }
.uz-anniu-xian:hover { background: var(--mo); color: var(--zhi); }
.uz-anniu-shi { background: var(--mo); color: var(--zhi); border: 2px solid var(--mo); }
.uz-anniu-shi:hover { background: var(--gu-shen); border-color: var(--gu-shen); color: #fff; }

.uz-maka { background: var(--gu); color: var(--zhi); }
.uz-sanlan > .uz-maka { padding: 24px 24px 20px; border-left: 0; border-radius: 0; }
.uz-maka .uz-maka-biao { color: #dfe5fb; }
.uz-maka-hang, .uz-duima-hang { display: flex; align-items: stretch; gap: 8px; margin: 0 0 12px; flex-wrap: wrap; }
.uz-maka-ma, .uz-duima-ma {
  font-family: var(--la); font-weight: 700; font-size: 34px; line-height: 1; letter-spacing: .04em;
  background: var(--zhi); color: var(--mo); border: 0; border-radius: var(--yuan-xiao); padding: 10px 14px;
  display: inline-flex; align-items: center;
}
.uz-fuzhi {
  min-height: 44px; min-width: 76px; padding: 0 16px; border-radius: var(--yuan-xiao);
  font: 600 15px/1 var(--hei); cursor: pointer;
  background: var(--mo); color: var(--zhi); border: 2px solid var(--mo);
}
.uz-fuzhi:hover { background: #000; }
.uz-fuzhi.uz-fuzhi-hao { background: var(--zhi); color: var(--mo); }
.uz-maka .uz-fuzhi:focus-visible { outline-color: var(--zhi); }
.uz-maka-li { margin: 0 0 10px; font-size: 17px; font-weight: 600; }
.uz-maka-qu { margin: 0 0 6px; }
.uz-maka-pi { margin: 0 0 8px; font-size: 13px; }
.uz-maka-zhu { margin: 0; font-size: 13px; line-height: 1.6; color: #e8ecfb; }
.uz-maka a { color: var(--zhi); }
.uz-maka .uz-anniu-shi { background: var(--zhi); color: var(--mo); border-color: var(--zhi); }

.uz-duizhang-ti { font-size: 20px; margin: 0 0 10px; }
.uz-duizhang-dan { margin: 0; padding: 0; list-style: none; counter-reset: dz; font-size: 15px; line-height: 1.65; }
.uz-duizhang-dan li { counter-increment: dz; position: relative; padding: 8px 0 8px 34px; border-top: 1px dashed var(--xian); }
.uz-duizhang-dan li:first-child { border-top: 0; }
.uz-duizhang-dan li::before {
  content: counter(dz); position: absolute; left: 0; top: 9px;
  width: 22px; height: 22px; border: 1.5px solid var(--mo); border-radius: var(--yuan-xiao);
  font: 700 13px/19px var(--la); text-align: center;
}

.uz-shouye-wen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; }
.uz-shouye-wen > section { padding: 4px 0 24px; border-top: 3px double var(--mo); }
.uz-shouye-wen > section.uz-kua { grid-column: 1 / -1; }
.uz-shouye-wen h2 { font-size: 26px; margin: 16px 0 8px; }
.uz-shouye-wen p, .uz-shouye-wen li { max-width: 38em; }
.uz-shouye-wen ul { padding-left: 1.2em; }

.uz-shouye-lie { border-top: 3px double var(--mo); margin-top: 16px; }
.uz-shouye-lie h2 { font-size: 26px; margin: 16px 0 8px; }
.uz-shouye-lie-geng { margin: 8px 0 0; }

.uz-wz-list { list-style: none; margin: 0; padding: 0; }
.uz-wz-tiao { padding: 18px 0; border-bottom: 1px solid var(--xian); }
.uz-wz-tiao-ti { font-family: var(--song); font-weight: 700; font-size: 22px; color: var(--mo); text-decoration: none; }
.uz-wz-tiao-ti:hover { color: var(--gu); text-decoration: underline; }
.uz-wz-tiao-yao { margin: 6px 0 4px; max-width: 42em; }
.uz-wz-tiao-ri { margin: 0; font-size: 14px; color: var(--mo-qian); }

.uz-mianbao { font-size: 14px; color: var(--mo-qian); padding: 6px 0 0; }
.uz-mianbao a { color: var(--mo-qian); display: inline-block; min-height: 44px; padding: 12px 2px; box-sizing: border-box; }
.uz-mianbao span[aria-hidden] { margin: 0 6px; color: var(--xian); }

.uz-lb-tou { border-bottom: 1px solid var(--mo); padding-bottom: 20px; margin-bottom: 8px; }
.uz-lb-tou h1 { font-size: 48px; margin: 12px 0 12px; }
.uz-lb-yu { max-width: 40em; }
.uz-lb-gong { font-size: 14px; color: var(--mo-qian); margin: 16px 0 0; }
.uz-lb-tong { font-size: 14px; color: var(--mo-qian); }
.uz-fanye { display: flex; gap: 16px; align-items: center; margin-top: 24px; }
.uz-fanye a { min-height: 44px; display: inline-flex; align-items: center; }
.uz-lei-zong { list-style: none; padding: 0; }
.uz-lei-zong li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--xian); padding: 10px 0; }

.uz-wz-tou { border-bottom: 1px solid var(--mo); padding: 8px 0 20px; }
.uz-wz-tou h1 { font-size: 48px; line-height: 1.18; margin: 12px 0 14px; max-width: 22em; }
.uz-wz-shu { margin: 0; font-size: 14px; color: var(--mo-qian); }
.uz-wz-shu-jg { display: inline-block; width: 1px; height: 12px; background: var(--mo-qian); margin: 0 12px; vertical-align: middle; }

.uz-wz-ti { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 48px; padding-top: 32px; }
.uz-buzhou { position: sticky; top: 16px; align-self: start; max-height: calc(100vh - 32px); overflow: auto; padding-right: 8px; }
.uz-buzhou-ti { margin: 0 0 8px; font-family: var(--song); font-weight: 700; font-size: 17px; list-style: none; cursor: default; }
.uz-buzhou-ti::-webkit-details-marker { display: none; }
.uz-buzhou nav ol { list-style: none; margin: 0; padding: 0; counter-reset: bz; }
.uz-buzhou nav li { counter-increment: bz; border-top: 1px solid var(--xian); }
.uz-buzhou nav a {
  display: grid; grid-template-columns: 30px 1fr; gap: 6px; padding: 9px 0; min-height: 44px;
  color: var(--mo); text-decoration: none; font-size: 14px; line-height: 1.5;
}
.uz-buzhou nav a::before { content: counter(bz, decimal-leading-zero); font: 700 14px/1.5 var(--la); color: var(--gu); }
.uz-buzhou nav a:hover { color: var(--gu); }

.uz-wz-zw { max-width: 38em; font-size: 17px; counter-reset: zj; }
.uz-wz-zw > p, .uz-wz-zw li { line-height: 1.9; }
.uz-wz-zw h2 { font-size: 30px; margin: 56px 0 14px; padding-top: 14px; border-top: 3px double var(--mo); counter-increment: zj; scroll-margin-top: 16px; }
.uz-wz-zw h2::before { content: counter(zj, decimal-leading-zero); display: block; font: 700 15px/1.4 var(--la); color: var(--gu); margin-bottom: 4px; }
.uz-wz-zw .uz-buwen h2::before { content: none; }
.uz-wz-zw h3 { font-size: 21px; margin: 32px 0 8px; }
.uz-wz-zw ol, .uz-wz-zw ul { padding-left: 1.4em; }
.uz-wz-zw li + li { margin-top: 6px; }
.uz-wz-zw blockquote { margin: 20px 0; padding: 12px 18px; background: var(--ci); border-left: 4px solid var(--mo); border-radius: 0 var(--yuan-xiao) var(--yuan-xiao) 0; }
.uz-wz-zw blockquote p { margin: 0; }
.uz-wz-zw .uz-tixing { margin: 20px 0; padding: 12px 16px; border: 1px solid var(--mo); border-radius: var(--yuan-xiao); background: var(--ci); font-size: 15px; }

.uz-fengmian, .uz-jietu { margin: 24px 0 28px; }
.uz-fengmian img, .uz-jietu img { display: block; border: 1px solid var(--mo); border-radius: var(--yuan-xiao); background: var(--ci); }
.uz-fengmian { margin-top: 0; }
.uz-fengmian figcaption, .uz-jietu figcaption { font-size: 14px; color: var(--mo-qian); margin-top: 8px; line-height: 1.6; padding-left: 12px; border-left: 3px solid var(--gu); }
.uz-jietu img { margin: 0 auto; }

.uz-biao-gun { overflow-x: auto; margin: 20px 0; border: 1px solid var(--mo); border-radius: var(--yuan-xiao); background: var(--ci); }
.uz-biao-gun table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 15px; }
.uz-biao-gun th, .uz-biao-gun td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--xian); }
.uz-biao-gun th { font-family: var(--song); background: var(--zhi); border-bottom: 2px solid var(--mo); }
.uz-biao-gun tr:last-child td { border-bottom: 0; }

.uz-duima {
  margin: 28px 0; padding: 22px 22px 16px; background: var(--gu); color: var(--zhi); border-radius: var(--yuan-da);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 24px;
}
.uz-duima p { margin: 0; }
.uz-duima-biao { font-size: 14px; color: #dfe5fb; margin-bottom: 8px !important; }
.uz-duima-li { font-weight: 600; font-size: 16px; line-height: 1.6; margin-top: 4px !important; }
.uz-duima-you { display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.uz-duima .uz-anniu-shi { background: var(--zhi); color: var(--mo); border-color: var(--zhi); align-self: flex-start; }
.uz-duima .uz-anniu-shi:hover { background: #fff; color: var(--mo); }
.uz-duima .uz-anniu-shi:focus-visible, .uz-duima .uz-fuzhi:focus-visible { outline-color: var(--zhi); }
.uz-duima-pi { font-size: 13px; line-height: 1.65; }
.uz-duima-zhu { grid-column: 1 / -1; font-size: 13px; line-height: 1.6; color: #e8ecfb; border-top: 1px solid rgba(253, 246, 220, .35); padding-top: 10px; margin-top: 10px !important; }

.uz-buwen { margin-top: 56px; }
.uz-buwen-tiao { border-top: 1px solid var(--xian); padding: 4px 0 8px; }
.uz-buwen-tiao h3 { font-size: 19px; margin: 16px 0 6px; }
.uz-buwen-tiao p { margin: 0 0 8px; }

.uz-quchu { margin-top: 56px; border-top: 1px solid var(--mo); padding-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.uz-quchu ul { list-style: none; margin: 0; padding: 0; }
.uz-quchu-lei ul { display: flex; flex-wrap: wrap; gap: 8px; }
.uz-quchu-lei li span, .uz-quchu-lei li a { display: inline-block; padding: 4px 10px; border: 1px solid var(--xian); border-radius: var(--yuan-xiao); font-size: 14px; background: var(--ci); }
.uz-quchu-lu li a { display: inline-flex; min-height: 44px; align-items: center; }
.uz-quchu-biao { margin: 0 0 8px; font-family: var(--song); font-weight: 700; }

.uz-zw-ye-tou { border-bottom: 1px solid var(--mo); padding-bottom: 16px; }
.uz-zw-ye-tou h1 { font-size: 44px; margin: 12px 0 8px; }
.uz-zw-ye-ri { margin: 0; font-size: 14px; color: var(--mo-qian); }
.uz-zw-ye-wen { max-width: 38em; font-size: 17px; padding-top: 12px; }
.uz-zw-ye-wen h2 { font-size: 24px; margin: 36px 0 8px; }
.uz-zw-ye-lin { margin-top: 40px; border-top: 3px double var(--mo); padding-top: 12px; }
.uz-zw-ye-lin ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; }
.uz-zw-ye-lin a { display: inline-flex; min-height: 44px; align-items: center; }

.uz-sou h1, .uz-mei h1 { font-size: 44px; margin: 28px 0 8px; }
.uz-sou-shuo { max-width: 38em; }
.uz-sou-biao label { display: block; font-weight: 600; margin: 12px 0 6px; }
.uz-sou-hang { display: flex; gap: 8px; max-width: 560px; }
.uz-sou-hang input {
  flex: 1; min-width: 0; min-height: 48px; padding: 0 12px; font: 16px var(--hei);
  border: 2px solid var(--mo); border-radius: var(--yuan-xiao); background: var(--ci); color: var(--mo);
}
.uz-sou-hang button {
  min-height: 48px; padding: 0 20px; border-radius: var(--yuan-xiao); border: 2px solid var(--mo);
  background: var(--mo); color: var(--zhi); font: 600 16px var(--hei); cursor: pointer;
}
.uz-sou-zt { color: var(--mo-qian); }
.uz-sou-jg { padding-left: 1.2em; }
.uz-sou-jg li { padding: 8px 0; border-bottom: 1px solid var(--xian); }
.uz-sou-jg p { margin: 2px 0 0; font-size: 15px; }
.uz-mei-hao { font: 700 96px/1 var(--la); color: var(--gu); margin: 40px 0 0; }
.uz-mei li a { display: inline-flex; min-height: 44px; align-items: center; }

.uz-kanwei { border-top: 6px solid var(--mo); background: var(--ci); margin-top: 24px; }
.uz-kanwei-nei {
  max-width: var(--kuan); margin: 0 auto; padding: 28px 24px 36px;
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px 48px; font-size: 14px; line-height: 1.75;
}
.uz-kanwei-shuo p { margin: 8px 0 0; max-width: 36em; }
.uz-kanwei-zhan { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; align-content: start; }
.uz-kanwei-zhan a { display: inline-flex; min-height: 44px; align-items: center; color: var(--mo); }
.uz-kanwei-rss, .uz-kanwei-ban { grid-column: 1 / -1; margin: 0; }
.uz-kanwei-ban { color: var(--mo-qian); font-family: var(--la); }

@media (max-width: 960px) {
  .uz-sanlan { grid-template-columns: 1fr 1fr; }
  .uz-sanlan > .uz-duizhang { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--xian); padding-left: 0; }
  .uz-wz-ti { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .uz-buzhou { position: static; max-height: none; border: 1px solid var(--mo); border-radius: var(--yuan-xiao); background: var(--ci); padding: 0 14px; margin-bottom: 24px; }
  .uz-buzhou-ti { margin: 0; min-height: 48px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
  .uz-buzhou-ti::after { content: "展开"; font: 400 14px var(--hei); color: var(--gu); }
  .uz-buzhou-zhe[open] .uz-buzhou-ti::after { content: "收起"; }
  .uz-buzhou-zhe[open] { padding-bottom: 8px; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  .uz-kantou-nei { padding: 6px 16px; gap: 8px; }
  .uz-wm-svg { width: 100px; height: 26px; }
  .uz-lanmu a { padding: 0 9px; font-size: 15px; }
  .uz-zhuti { padding: 0 16px 48px; }
  .uz-kanming { padding: 16px 0 14px; }
  .uz-kanming-lan { display: none; }
  .uz-kanming h1 { font-size: 36px; line-height: 1.18; }
  .uz-kanming-yu { font-size: 15px; margin-top: 8px; line-height: 1.6; }
  .uz-sanlan { grid-template-columns: minmax(0, 1fr); margin-bottom: 32px; }
  .uz-sanlan > * { padding: 14px 0; }
  .uz-sanlan > * + * { border-left: 0; border-top: 1px solid var(--xian); }
  .uz-sanlan > .uz-maka { order: -1; padding: 14px 14px 12px; margin-top: 14px; border-radius: var(--yuan-da); }
  .uz-maka-ma, .uz-duima-ma { font-size: 28px; padding: 8px 12px; }
  .uz-maka-li { font-size: 15px; margin-bottom: 6px; line-height: 1.6; }
  .uz-maka-hang { margin-bottom: 8px; }
  .uz-maka-zhu { font-size: 13px; line-height: 1.5; }
  .uz-tuijian { padding-top: 12px !important; }
  .uz-tuijian-biao { margin-bottom: 2px; }
  .uz-tuijian-ti { font-size: 21px; margin-bottom: 6px; }
  .uz-tuijian-yu { display: none; }
  .uz-shouye-wen { grid-template-columns: minmax(0, 1fr); }
  .uz-lb-tou h1, .uz-wz-tou h1 { font-size: 30px; }
  .uz-zw-ye-tou h1, .uz-sou h1, .uz-mei h1 { font-size: 30px; }
  .uz-wz-zw, .uz-zw-ye-wen { font-size: 16px; }
  .uz-wz-zw h2 { font-size: 24px; margin-top: 44px; }
  .uz-wz-zw h3 { font-size: 19px; }
  .uz-duima { grid-template-columns: minmax(0, 1fr); padding: 18px 16px 14px; }
  .uz-quchu { grid-template-columns: minmax(0, 1fr); }
  .uz-kanwei-nei { grid-template-columns: minmax(0, 1fr); padding: 24px 16px 32px; }
}

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