@import url('https://cdn.jsdelivr.net/npm/misans@5.0.0/lib/Normal/MiSansVF.min.css');

/* 参考网站的构图与层级用于原生网页；照片纸面与玻璃导航是自有 CSS 表现。 */
:root {
  color-scheme: light;
  --paper: #fefefe;
  --surface: #f5f5f7;
  --surface-hover: #eeeef0;
  --ink: #242426;
  --muted: #656569;
  --line: #e5e5e8;
  --accent: #303034;
  --radius: 16px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --panel-shadow: 0 2px 4px rgb(48 48 52 / 3%), 0 18px 45px -24px rgb(48 48 52 / 18%);
  --paper-shadow: 0 2px 3px rgb(48 48 52 / 7%), 0 12px 22px -10px rgb(48 48 52 / 18%), 0 35px 50px -25px rgb(48 48 52 / 26%);
  /* 层级只用于粘性导航、通知和键盘跳转；dialog 使用浏览器顶层。 */
  --layer-nav: 2;
  --layer-notice: 3;
  --layer-skip: 4;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 380 15px/1.7 "MiSans VF", "PingFang SC", "DengXian", "Microsoft YaHei", sans-serif; font-synthesis: none; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .46; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { text-wrap: balance; }
h2 { font-size: 38px; line-height: 1.3; font-weight: 520; letter-spacing: -.035em; }
h3 { font-size: 20px; line-height: 1.45; font-weight: 490; letter-spacing: -.015em; }
a { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
small, .muted { color: var(--muted); }
small { font-size: 12px; line-height: 1.6; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.shell { min-height: 100dvh; display: flex; flex-direction: column; }
main { width: min(100%, 1408px); margin: 0 auto; padding: 52px 64px 72px; flex: 1; }
main:focus { outline: none; }