:root{--paper:#e9e6df;--paper-2:#dedad1;--face:#f7f5f0;--ink:#161616;--ink-2:#3f3d39;--ink-3:#5e5b55;--ink-4:#c4bfb4;--vermilion:#d9432b;--indigo:#22386b;--gold:#e4a427;--sumi:#161616;--green:#2f7d62;--pink:#e88aa0;--miss:.26;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-latin:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--max:78rem;--gutter:max(1rem, 3.5vw);--ease-out:cubic-bezier(.16, 1, .3, 1);--keybar-h:4.5rem}@media (width<=879px){:root{--keybar-h:7.5rem}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;accent-color:var(--indigo);caret-color:var(--vermilion);scrollbar-color:var(--ink-3) var(--paper-2);text-rendering:optimizelegibility;font-size:16px;line-height:1.55}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);min-height:100dvh;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--vermilion);outline-offset:3px}.num{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:inherit;text-decoration:none}h1,h2,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}.container{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--face);z-index:20;padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.masthead__inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;padding-block:1.25rem .5rem;display:flex}.masthead__meta{color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.brand{align-items:baseline;gap:.55rem;display:inline-flex}.brand__latin{font-family:var(--font-latin);letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1}.brand__zh{letter-spacing:.2em;font-size:1rem;font-weight:700}.site-main{outline:none;flex:1}.colophon{background:var(--indigo);color:var(--face);margin-top:clamp(5rem,10vw,8rem);font-size:.875rem}.colophon__inner{gap:.75rem var(--col-gap,1.5rem);grid-template-columns:repeat(12,1fr);padding-block:2.5rem 3rem;display:grid}.colophon__inner>p{color:color-mix(in srgb, var(--face) 82%, var(--indigo));grid-column:span 4}@media (width<=719px){.colophon__inner>p{grid-column:1/-1}}.colophon__brand{letter-spacing:.2em;align-items:baseline;gap:.55rem;font-weight:700;display:flex}.colophon__brand .brand__latin{letter-spacing:-.03em;color:var(--face)}.colophon :focus-visible{outline-color:var(--gold)}.emblem{fill:var(--z);transition:fill .3s var(--ease-out);flex:none;display:block}.photo{background:var(--paper-2);display:block;overflow:hidden}.photo__img{object-fit:cover;object-position:56% 50%;width:100%;height:100%;display:block}.motion .hero__photo{animation:unveil 1.6s var(--ease-out) both}.motion .hero__photo .photo__img{animation:drift 2.4s var(--ease-out) both}@keyframes unveil{0%{clip-path:inset(100% 0 0)}}@keyframes drift{0%{transform:scale(1.08)}}.hero{padding-block:clamp(1.5rem,4vw,3rem) clamp(2.5rem,5vw,4rem)}.hero__grid{grid-template-columns:repeat(12,1fr);align-items:end;column-gap:1.5rem;display:grid}.hero__photo{--bleed:max(var(--gutter), (100vw - var(--max)) / 2);aspect-ratio:4/5;max-height:min(76vh,44rem);width:calc(100% + var(--bleed));margin-left:calc(-1 * var(--bleed));grid-area:1/1/auto/span 6}.hero__whisper{writing-mode:vertical-rl;color:var(--ink-3);letter-spacing:.4em;grid-area:1/7;place-self:end start;padding-bottom:.5rem;font-size:.75rem;font-weight:500}.hero__body{grid-area:1/8/auto/-1;gap:1.25rem;padding-bottom:.5rem;display:grid}.hero__title{letter-spacing:.02em;text-wrap:balance;font-size:clamp(2.75rem,6.4vw,5.5rem);font-weight:900;line-height:1.04}.hero__title .num{letter-spacing:-.04em;color:var(--vermilion);font-weight:800}.hero__lede{max-width:30em;color:var(--ink-2);text-wrap:pretty;font-size:1.0625rem;line-height:1.7}@media (width<=879px){.hero__grid{row-gap:2rem}.hero__photo{aspect-ratio:4/3;max-height:none;margin-inline:calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter));grid-area:1/1/auto/-1}.hero__whisper{display:none}.hero__body{grid-area:2/1/auto/-1}}.index{grid-template-columns:repeat(3,1fr);gap:.25rem 1.5rem;margin-top:1rem;display:grid}@media (width<=479px){.index{grid-template-columns:repeat(2,1fr)}}.index__item{transition:opacity .3s var(--ease-out);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;padding-block:.6rem;display:grid}.index__item.is-empty{opacity:var(--miss)}.index__emblem{width:2.75rem;height:2.75rem;transition:transform .5s var(--ease-out);grid-row:span 2}.index__name{letter-spacing:.06em;font-size:1.125rem;font-weight:700;line-height:1.3}.index__count{color:var(--ink-3);font-size:.875rem;font-weight:600;line-height:1.2}.index__item:hover .index__emblem,.index__item:focus-visible .index__emblem{transform:translateY(-4px)}.index__item:hover .index__name{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.keybar-sentinel{height:1px;margin-bottom:-1px}.keybar{z-index:10;background:var(--paper);position:sticky;top:0}.keybar:after{content:"";background:var(--ink);height:4px;position:absolute;inset:auto 0 0}.keybar__inner{align-items:center;gap:.75rem 1.5rem;padding-block:.75rem .85rem;display:flex}.keybar .keys{transition:opacity .35s var(--ease-out), transform .35s var(--ease-out)}.keybar:not(.is-stuck) .keys{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-.4rem)}.keybar:not(.is-stuck) .keys:focus-within{opacity:1;visibility:visible;transform:none}@media (width<=879px){.keybar:not(.is-stuck) .keys{display:none}.keybar__inner{flex-direction:column;align-items:stretch;gap:.4rem}.keybar .search,.keybar .keys{flex:none}}.search{background:var(--face);min-width:0;height:2.75rem;transition:background-color .2s var(--ease-out);flex:0 21rem;align-items:center;gap:.6rem;padding-inline:.85rem;display:flex}.search:focus-within{box-shadow:inset 0 -3px 0 var(--vermilion);background:#fff}.search__icon{width:1.15rem;height:1.15rem;color:var(--ink-2);flex:none}.search__input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;font-weight:500}.search__input::placeholder{color:var(--ink-3);opacity:1}.search__input::-webkit-search-cancel-button{cursor:pointer}.search__count{font-weight:700}.search__key{background:var(--paper-2);width:1.4rem;height:1.4rem;color:var(--ink-2);font-family:var(--font-latin);place-items:center;font-size:.75rem;font-weight:700;display:grid}@media (hover:none){.search__key{display:none}}.keys{scrollbar-width:none;flex:1;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.keys::-webkit-scrollbar{display:none}.key{white-space:nowrap;height:2.75rem;transition:background-color .25s var(--ease-out), color .25s var(--ease-out), opacity .25s var(--ease-out);flex:none;align-items:center;gap:.5rem;padding-inline:.7rem .8rem;font-weight:700;display:inline-flex}.key__emblem{width:1rem;height:1rem}.key__count{color:var(--ink-3);font-size:.875rem;font-weight:600}.key:hover{background:var(--paper-2)}.key.is-current{background:var(--ink);color:var(--face)}.key.is-current .key__count{color:var(--ink-4)}.key.is-empty{opacity:.45}.key.is-empty .emblem{fill:var(--ink-4)}.sections{padding-top:.5rem}.noresult{margin-top:3rem;font-size:1.125rem;font-weight:500}.noresult b{color:var(--vermilion)}.group{scroll-margin-top:calc(var(--keybar-h) + 1.5rem);transition:opacity .3s var(--ease-out);grid-template-columns:repeat(12,1fr);column-gap:1.5rem;margin-top:clamp(4rem,8vw,6.5rem);display:grid}.group.is-empty{opacity:var(--miss)}.group.is-empty .emblem{fill:var(--ink-4)}.group__head{top:calc(var(--keybar-h) + 2rem);grid-column:1/span 4;align-self:start;justify-items:start;gap:.4rem;display:grid;position:sticky}.group__emblem{width:clamp(4.5rem,9vw,7.5rem);height:clamp(4.5rem,9vw,7.5rem);margin-bottom:1rem}.group__name{letter-spacing:.06em;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.group__count{color:var(--ink-3);font-weight:500}.group__count b{color:var(--ink);font-weight:700}@media (width<=879px){.group__head{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;column-gap:1rem;margin-bottom:1rem;position:static}.group__emblem{grid-row:span 2;width:3.5rem;height:3.5rem;margin-bottom:0}}.links{grid-column:5/-1;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));column-gap:2rem;display:grid}.links li{transition:opacity .25s var(--ease-out)}.links li.is-miss{opacity:var(--miss)}@media (width<=879px){.links{grid-column:1/-1}}.link{grid-template-columns:.625rem 1fr;align-content:start;gap:.2rem .85rem;height:100%;padding-block:.85rem;display:grid}.link__mark{background:var(--z);transform-origin:0;width:.625rem;height:.625rem;transition:transform .4s var(--ease-out);grid-row:span 2;margin-top:.5em}.link__title{overflow-wrap:anywhere;text-underline-offset:5px;transition:text-decoration-color .2s var(--ease-out);font-weight:500;line-height:1.5;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:2px}.link__domain{color:var(--ink-3);overflow-wrap:anywhere;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.link__ext{flex:none;width:.85rem;height:.85rem}.link__note{color:var(--ink-2);grid-column:2;font-size:.875rem}.link:hover .link__mark,.link:focus-visible .link__mark{transform:scaleX(2.4)}.link:hover .link__title,.link:focus-visible .link__title{-webkit-text-decoration-color:var(--z);text-decoration-color:var(--z)}.notfound{grid-template-columns:repeat(12,1fr);align-items:center;gap:2rem 1.5rem;padding-block:clamp(2rem,6vw,4rem);display:grid}.notfound__photo{aspect-ratio:4/5;grid-column:1/span 5}.notfound__body{grid-column:7/-1;justify-items:start;gap:.75rem;display:grid}.notfound__code{letter-spacing:-.04em;color:var(--vermilion);font-size:clamp(4.5rem,12vw,6rem);font-weight:800;line-height:1}.notfound__text{font-size:1.125rem;font-weight:500}.notfound__home{background:var(--ink);color:var(--face);transition:background-color .2s var(--ease-out);margin-top:.75rem;padding:.75rem 1.25rem;font-weight:700}.notfound__home:hover{background:var(--indigo)}@media (width<=719px){.notfound__photo{aspect-ratio:3/2;grid-column:1/-1}.notfound__body{grid-column:1/-1}}