/* 正门三页(简体 /、繁体 /zh-hant/、英文 /en/)共用这一份。
   只有一张纸(#f5f0e8,与《遇》、诗话同色),不做深色——liang 2026-09-21 定。
   字体用系统衬线,按页面语言换字形在前的那一组;日后若切汇文小子集,只改这三行 --serif。 */
:root {
  --paper: #f5f0e8; --ink: #2b2723; --ink-soft: #6b6358; --ink-faint: #a89f91; --zhu: #8a2a1c;
  --serif: "Songti SC", "Noto Serif CJK SC", "Noto Serif SC", "SimSun", serif;
}
:root:lang(zh-Hant) { --serif: "Songti TC", "Noto Serif CJK TC", "Noto Serif TC", "PMingLiU", serif; }
:root:lang(en) { --serif: Georgia, "Iowan Old Style", "Times New Roman", "Songti TC", "Noto Serif CJK TC", serif; }

* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--serif); line-height: 1.8;
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 2rem 1.5rem;
}
.wrap { max-width: 26rem; width: 100%; }
h1 { font-size: 1.6rem; letter-spacing: .12em; font-weight: 500; margin: 0 0 3.8rem; }
.works { margin: 0 0 3.8rem; display: flex; flex-direction: column; gap: 2.4rem; }
.work { display: block; text-decoration: none; color: inherit; }
.name { font-size: 1.15rem; letter-spacing: .1em; font-weight: 500; }
.name .roman { font-size: .84rem; letter-spacing: .04em; color: var(--ink-soft); font-weight: 400; margin-left: .6em; }
a.work:hover .name, a.work:focus-visible .name { color: var(--zhu); }
a.work:focus-visible { outline: 1px dotted var(--ink-faint); outline-offset: .5rem; }
.sub { font-size: .84rem; color: var(--ink-soft); margin-top: .25rem; }
/* 域名单占一行放在说明下面,不与名字并排——并排在 360 宽的手机上会把说明与域名都挤成两行 */
.at { font-size: .78rem; color: var(--ink-faint); letter-spacing: .05em; margin-top: .4rem; }
.foot { font-size: .78rem; color: var(--ink-faint); }
.foot a { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--ink-faint); }
.langs { margin-top: 1.6rem; display: flex; gap: 1.4em; }
.langs [aria-current] { color: var(--ink-soft); }