.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-elevated);padding:var(--space-4) 0}.cookie-banner__inner{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.cookie-banner__inner>svg{color:var(--accent);flex-shrink:0}.cookie-banner__text{flex:1 1 320px;margin:0;font-size:.9rem;line-height:1.6;color:var(--fg-2)}.cookie-banner__link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cookie-banner__actions{display:flex;gap:var(--space-3);flex-shrink:0}.cookie-btn{font:inherit;font-size:.9rem;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease}.cookie-btn--primary{background:var(--accent);color:#fff}.cookie-btn--primary:hover{background:var(--accent-hover)}.cookie-btn--ghost{background:transparent;color:var(--fg);border-color:var(--border)}.cookie-btn--ghost:hover{background:var(--surface-hover)}@media (max-width: 600px){.cookie-banner__actions{width:100%}.cookie-btn{flex:1}}:root{--bg: #FAFBFB;--surface: #FFFFFF;--surface-sunken: #F1F3F3;--surface-hover: #F6F7F7;--fg: #191D1F;--fg-2: #363C40;--muted: #6B7478;--meta: #5E676B;--border: #DFE3E4;--border-soft: #EDEFEF;--accent: #A8322A;--accent-hover: #8E2A23;--accent-active: #7A241E;--accent-soft: #FBEFED;--success: #2F6B4F;--warn: #8A5A34;--danger: #8E1F1F;--info: #35566B;--cat-mythology: #33487A;--cat-historical: #35566B;--cat-folklore: #8A5A34;--cat-fables: #4A6B4F;--cat-poets: #6B6A32;--cat-heritage: #8C3A4A;--cat-modern: #1F6F78;--cat-regional: #9E5825;--font-display: "Source Serif 4", "Noto Serif SC", Georgia, serif;--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-display: clamp(42px, 5.6vw, 72px);--weight-read: 400;--weight-emphasize: 510;--weight-announce: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-flat: none;--shadow-ring: 0 0 0 1px var(--border);--shadow-raised: 0 1px 2px rgba(16, 23, 28, .04), 0 4px 12px rgba(16, 23, 28, .06);--shadow-elevated: 0 8px 24px rgba(16, 23, 28, .08);--focus-ring: 0 0 0 3px rgba(168, 50, 42, .3);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--lh-zh: 1.9;--lh-en: 1.7;--lh-display: 1.1;--ls-zh-title: 0;--ls-en-title: -.02em;--ls-en-caps: .06em;--measure-zh: 36em;--measure-en: 68ch}:lang(zh){--text-md: 15px;--text-lg: 17px;--text-xl: 19px;--text-2xl: 22px;--text-3xl: 30px;--text-display: clamp(38px, 5vw, 64px)}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);font-size:var(--text-base);line-height:var(--lh-en);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:lang(zh) body{line-height:var(--lh-zh);line-break:strict;word-break:normal}.display,h1,h2,h3,.title{font-family:var(--font-display);line-height:var(--lh-display)}:lang(en) .title,:lang(en) h1,:lang(en) h2{letter-spacing:var(--ls-en-title)}:lang(zh) .title,:lang(zh) h1,:lang(zh) h2{letter-spacing:var(--ls-zh-title)}:lang(en) .prose{max-width:var(--measure-en)}:lang(zh) .prose{max-width:var(--measure-zh)}.mono,.era,time,.stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.story-card__title{min-height:calc(var(--text-2xl) * var(--lh-en) * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--ls-en-caps);text-transform:uppercase;color:var(--fg-2)}.cat-tag:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--cat-color, var(--accent))}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}.container{width:100%;max-width:1080px;margin-inline:auto;padding-inline:var(--space-6)}.section{padding-block:var(--space-11)}.section--tight{padding-block:var(--space-9)}@media (max-width: 1023px){.section{padding-block:var(--space-9)}}@media (max-width: 767px){.container{padding-inline:var(--space-4)}.section,.section--tight{padding-block:var(--space-8)}}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section__title{font-size:var(--text-2xl);font-weight:var(--weight-announce);color:var(--fg)}.section__sub{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.section__more{display:inline-flex;align-items:center;gap:var(--space-1);flex:none;font-size:var(--text-sm);color:var(--accent);padding:var(--space-2);margin-right:calc(var(--space-2) * -1);border-radius:var(--radius-sm);transition:background-color var(--motion-fast) var(--ease-standard)}.section__more:hover{background:var(--surface-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:var(--weight-emphasize);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:active{background:var(--accent-active)}.btn--secondary{border:1px solid var(--border);color:var(--accent);background:var(--surface)}.btn--secondary:hover{background:var(--surface-hover)}.btn--ghost{color:var(--fg);background:var(--surface-sunken)}.btn--ghost:hover{background:var(--surface-hover)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);color:var(--fg-2);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.icon-btn:hover{background:var(--surface-hover);color:var(--fg)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-sm);color:var(--fg-2);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.chip:hover{background:var(--surface-hover)}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--cat-color, var(--accent))}.badge-new{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-en-caps);color:var(--accent);background:var(--accent-soft);padding:2px var(--space-2);border-radius:var(--radius-sm)}.clamp-1,.clamp-2,.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--meta)}.meta-row__item{display:inline-flex;align-items:center;gap:var(--space-1)}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--ls-en-caps);text-transform:uppercase;color:var(--meta)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:calc(var(--space-4) * -4);z-index:60;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:top var(--motion-fast) var(--ease-standard)}.skip-link:focus{top:var(--space-4)}.site-header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);height:64px}.brand{display:inline-flex;align-items:center;gap:var(--space-3);flex:none}.brand__seal{width:28px;height:28px;flex:none}.brand__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-announce);color:var(--fg)}.brand__alt{font-size:var(--text-xs);color:var(--muted)}@media (max-width: 767px){.brand__alt{display:none}}.site-nav{display:flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.site-nav__link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--fg-2);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.site-nav__link:hover{background:var(--surface-hover);color:var(--fg)}.site-header__end{display:flex;align-items:center;gap:var(--space-2);flex:none}@media (max-width: 1023px){.site-nav{display:none}.site-header__end{margin-inline-start:auto}}.lang-switch{display:inline-flex;align-items:center;gap:var(--space-2)}.lang-switch__group{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken)}.lang-switch__option{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--fg-2);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.lang-switch__option[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-ring)}.lang-switch--block,.lang-switch--block .lang-switch__group{width:100%}.lang-switch--block .lang-switch__option{flex:1;min-height:44px}.lang-switch--segmented,.lang-switch--compact{display:none}@media (min-width: 1024px){.lang-switch--segmented{display:inline-flex}}@media (min-width: 768px) and (max-width: 1023px){.lang-switch--compact{display:inline-flex}}.nav-toggle{display:none}@media (max-width: 767px){.nav-toggle{display:inline-flex}}.drawer{position:fixed;inset:0;z-index:50;background:#00000073}.drawer__panel{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-4) var(--space-6);display:grid;gap:var(--space-2)}.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.drawer__link{display:flex;align-items:center;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-md)}.drawer__link:hover{background:var(--surface-hover)}.ticker{height:44px;display:flex;align-items:center;gap:var(--space-3);background:var(--surface-sunken);border-bottom:1px solid var(--border-soft);overflow:hidden}.ticker__label{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;font-size:var(--text-xs);letter-spacing:var(--ls-en-caps);text-transform:uppercase;color:var(--meta)}.ticker__viewport{flex:1;min-width:0;overflow:hidden}.ticker__item{font-size:var(--text-sm);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ticker-in .4s var(--ease-standard)}@keyframes ticker-in{0%{opacity:0}to{opacity:1}}.ticker__dots{display:inline-flex;gap:var(--space-1);flex:none}.ticker__dot{width:6px;height:6px;padding:0;border-radius:var(--radius-pill);background:var(--border)}.ticker__dot[aria-current=true]{background:var(--accent)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-4);font-size:var(--text-sm);color:var(--muted)}.breadcrumb__link{color:var(--meta);padding:var(--space-1);border-radius:var(--radius-sm)}.breadcrumb__link:hover{color:var(--accent)}.breadcrumb__current{color:var(--fg-2);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb__sep{color:var(--border);display:inline-flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding-block:var(--space-9) var(--space-6);margin-top:var(--space-11)}.site-footer__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}@media (max-width: 1023px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 479px){.site-footer__grid{grid-template-columns:minmax(0,1fr)}}.site-footer__title{font-size:var(--text-xs);letter-spacing:var(--ls-en-caps);text-transform:uppercase;color:var(--meta);margin-bottom:var(--space-3)}.site-footer__list{display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-2)}.site-footer__list a:hover{color:var(--accent)}.site-footer__note{font-size:var(--text-sm);color:var(--muted);line-height:1.7}.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border-soft);font-size:var(--text-xs);color:var(--muted)}.site-footer__bottom-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.privacy-updated{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--muted)}.privacy-body{max-width:64ch;margin-top:var(--space-7)}.privacy-section{margin-bottom:var(--space-7)}.privacy-section__title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3);color:var(--fg)}.privacy-section p{margin:0 0 var(--space-2);line-height:1.8;color:var(--fg-2)}.notfound-page{padding-top:var(--space-10);padding-bottom:var(--space-10)}.notfound-page .feedback-back{display:inline-block;margin-top:var(--space-5);color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.cover{position:relative;display:block;width:100%;background:var(--surface-sunken);overflow:hidden;border-radius:var(--radius-sm)}.cover--4-5{aspect-ratio:4 / 5}.cover--16-9{aspect-ratio:16 / 9}.cover__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-standard)}.cover__img--ready{opacity:1}.cover__fallback{position:absolute;inset:0;display:grid;place-items:center;gap:var(--space-2);color:var(--cat-color, var(--meta));background:var(--surface-sunken)}.cover__fallback span{font-size:var(--text-xs);color:var(--muted)}.figure{margin-block:var(--space-6)}.figure__caption{margin-top:var(--space-2);font-size:var(--text-xs);line-height:1.6;color:var(--meta)}.figure__caption a{color:var(--accent)}.figure__caption a:hover{text-decoration:underline}.story-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);height:100%;transition:border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.story-card:hover{border-color:var(--cat-color, var(--border));box-shadow:var(--shadow-raised)}.story-card:hover .cover__img--ready{transform:scale(1.02)}.story-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.story-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-emphasize);line-height:1.45;letter-spacing:0;color:var(--fg);min-height:calc(18px * 1.45 * 2);-webkit-line-clamp:2}:lang(en) .story-card__title{letter-spacing:var(--ls-en-title)}.story-card__summary{font-size:var(--text-sm);line-height:1.6;color:var(--fg-2);min-height:41.6px}.story-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto}.story-card--compact .cover{display:none}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}@media (max-width: 1023px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.story-grid{grid-template-columns:minmax(0,1fr)}}.hero{display:grid;grid-template-columns:58fr 42fr;gap:var(--space-10);align-items:center;min-height:480px;padding-block:var(--space-10)}@media (max-width: 1023px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-8);min-height:0;padding-block:var(--space-8)}}.hero__title{margin-block:var(--space-4) var(--space-4);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-announce);color:var(--fg)}.hero__lede{font-size:var(--text-md);line-height:1.75;color:var(--fg-2);max-width:46ch}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero__also{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-soft);display:grid;gap:var(--space-2)}.hero__also-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-2);min-height:32px}.hero__also-item:hover{color:var(--accent)}.hero__collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.hero__collage-item:nth-child(1){grid-row:span 2}.hero__collage-item:nth-child(2){margin-top:var(--space-6)}@media (max-width: 639px){.hero__collage-item:nth-child(3){display:none}}.hero__quick{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-9)}.rail{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-3);scrollbar-width:thin}.rail>*{flex:0 0 clamp(240px,28vw,288px);scroll-snap-align:start}.rail__controls{display:inline-flex;gap:var(--space-1)}@media (max-width: 767px){.rail__controls{display:none}}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}@media (max-width: 1023px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.cat-grid{grid-template-columns:minmax(0,1fr)}}.cat-card{display:grid;gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.cat-card:hover{border-color:var(--cat-color);background:var(--surface-hover)}.cat-card__icon{color:var(--cat-color)}.cat-card__zh{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-emphasize);color:var(--fg)}.cat-card__en{font-size:var(--text-sm);color:var(--muted)}.cat-card__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--meta)}.timeline{border-top:1px solid var(--border);padding-top:var(--space-6)}.timeline__rail{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-4)}.timeline__node{flex:none;display:grid;gap:var(--space-2);justify-items:start;min-width:148px;padding:var(--space-3);border-radius:var(--radius-sm);text-align:start;transition:background-color var(--motion-fast) var(--ease-standard)}.timeline__node:hover{background:var(--surface-hover)}.timeline__marker{display:flex;align-items:center;gap:var(--space-2);width:100%}.timeline__dot{width:10px;height:10px;flex:none;border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface)}.timeline__line{height:1px;flex:1;background:var(--border)}.timeline__node[aria-pressed=true] .timeline__dot{border-color:var(--accent);background:var(--accent)}.timeline__name{font-family:var(--font-display);font-size:var(--text-md);color:var(--fg)}.timeline__era{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--meta)}.timeline__panel{display:grid;gap:var(--space-3);padding:var(--space-5);background:var(--surface-sunken);border-radius:var(--radius-md)}.timeline__note{font-size:var(--text-sm);color:var(--fg-2)}.timeline__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@media (max-width: 639px){.timeline__links{grid-template-columns:minmax(0,1fr)}}.timeline__link{display:flex;align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-sm);color:var(--fg-2)}.timeline__link:hover{color:var(--accent)}.latest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-8);border-top:1px solid var(--border)}@media (max-width: 767px){.latest{grid-template-columns:minmax(0,1fr)}}.latest__row{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--border-soft);min-height:56px}.latest__date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--meta);flex:none}.latest__title{flex:1;min-width:0;font-size:var(--text-sm);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest__row:hover .latest__title{color:var(--accent)}.latest__meta{flex:none;font-size:var(--text-xs);color:var(--muted)}@media (max-width: 479px){.latest__meta{display:none}}.about{display:grid;gap:var(--space-4)}.about p{font-size:var(--text-md);color:var(--fg-2)}:lang(zh) .about p{line-height:var(--lh-zh)}:lang(en) .about p{line-height:var(--lh-en)}.page-hero{display:grid;gap:var(--space-4);padding-block:var(--space-9) var(--space-7);border-bottom:1px solid var(--border-soft)}.page-hero__top{display:flex;align-items:center;gap:var(--space-3);color:var(--cat-color, var(--accent))}.page-hero__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-announce);color:var(--fg)}.page-hero__en{font-size:var(--text-md);color:var(--muted)}.page-hero__blurb{font-size:var(--text-md);color:var(--fg-2);max-width:var(--measure-en)}:lang(zh) .page-hero__blurb{max-width:var(--measure-zh);line-height:var(--lh-zh)}.page-hero__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--meta)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-block:var(--space-6)}.filter-bar__label{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-end:var(--space-2);font-size:var(--text-sm);color:var(--meta)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-6);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-2)}.notice__icon{color:var(--meta);flex:none;margin-top:2px}.notice__title{font-size:var(--text-md);font-weight:var(--weight-emphasize);color:var(--fg)}.notice__body{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--fg-2)}.state-block{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-11) var(--space-6);text-align:center;color:var(--meta)}.state-block__title{font-size:var(--text-lg);color:var(--fg)}.state-block__body{font-size:var(--text-sm);color:var(--muted);max-width:48ch}.state-block__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.skeleton{background:var(--surface-sunken);border-radius:var(--radius-sm)}.skeleton--title{height:20px;width:80%}.skeleton--line{height:12px;width:100%}.article{padding-bottom:var(--space-9)}.article__header{display:grid;gap:var(--space-4);padding-block:var(--space-6) var(--space-7)}.article__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-announce);color:var(--fg)}.article__standfirst{font-size:var(--text-lg);color:var(--fg-2);max-width:var(--measure-en)}:lang(zh) .article__standfirst{max-width:var(--measure-zh);line-height:var(--lh-zh)}.article__body{display:grid;gap:var(--space-5);max-width:var(--measure-en);font-family:var(--font-display);font-size:var(--text-md);color:var(--fg)}:lang(zh) .article__body{max-width:var(--measure-zh)}.article__body p{line-height:var(--lh-en)}:lang(zh) .article__body p{line-height:var(--lh-zh)}.article__h2{margin-top:var(--space-6);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-announce);color:var(--fg)}.article__quote{margin:var(--space-2) 0;padding-inline-start:var(--space-4);border-inline-start:2px solid var(--accent);font-style:italic;color:var(--fg-2)}.article__quote p{font-size:var(--text-md)}.article__cite{display:block;margin-top:var(--space-2);font-style:normal;font-family:var(--font-body);font-size:var(--text-xs);color:var(--meta)}.article__foot{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-soft)}.feedback-page{padding-top:var(--space-4);padding-bottom:var(--space-6)}.feedback-form{max-width:36rem;margin-top:var(--space-5);display:grid;gap:var(--space-4)}.feedback-field{display:grid;gap:var(--space-2)}.feedback-field label{font-weight:600;color:var(--fg)}.feedback-field input,.feedback-field textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--fg);font:inherit;line-height:1.7}.feedback-field textarea{resize:vertical}.feedback-field input:focus,.feedback-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.feedback-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;font:inherit;font-weight:600;cursor:pointer;transition:filter .15s ease}.feedback-submit:hover:not(:disabled){filter:brightness(1.06)}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-note,.feedback-privacy{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:.875rem;line-height:1.7}.feedback-note{color:var(--fg)}.feedback-privacy{color:var(--muted)}.feedback-state{display:flex;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-5);padding:var(--space-4);background:var(--surface-sunken);border:1px solid var(--border);border-radius:12px;color:var(--accent)}.feedback-state__title{margin:0 0 var(--space-1);color:var(--fg)}.feedback-state__body{margin:0;color:var(--muted);line-height:1.7}.feedback-back{display:inline-block;margin-top:var(--space-3);color:var(--accent);font-weight:600}