:root{--paper-0: #f2e8d2;--paper-1: #e9dcbe;--paper-2: #dfd0ac;--paper-3: #cdba93;--ink: #33251a;--ink-2: #5d4933;--ink-3: #85704f;--rule: #bda98a;--rule-soft: #d3c2a3;--seal: #9c2f16;--seal-deep: #7a2410;--gold: #a8792c;--verdigris: #4c6b5b;--shadow-sm: 0 1px 2px rgba(74, 56, 34, .16);--shadow-md: 0 8px 26px -14px rgba(64, 46, 26, .6);--shadow-lg: 0 28px 60px -32px rgba(56, 40, 22, .75);--sidebar-w: 310px;--detail-w: 392px;--topbar-h: 62px;--font-zh: "Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;--font-en: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-display: "Cinzel", "Noto Serif SC", Georgia, serif;--ease: cubic-bezier(.22, .8, .28, 1);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23g)' opacity='0.42'/%3E%3C/svg%3E");--stain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008' numOctaves='5' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.5' intercept='-0.08'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='700' height='700' filter='url(%23s)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-zh);color:var(--ink);background:var(--paper-1);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}body[data-lang=en]{font-family:var(--font-en)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--grain),var(--stain),radial-gradient(130% 110% at 50% 40%,var(--paper-0) 0%,var(--paper-1) 42%,var(--paper-2) 78%,#c3ae88 100%);background-size:260px 260px,700px 700px,cover;background-blend-mode:multiply,multiply,normal;opacity:1}body:after{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 160px 40px #5d442242,inset 0 0 40px #5d44222e}.skip-link{position:absolute;left:-9999px;top:0;z-index:60;padding:10px 16px;background:var(--paper-0);color:var(--ink);border:1px solid var(--rule)}.skip-link:focus{left:12px;top:12px}#app{position:relative;z-index:1;height:100dvh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--detail-w);grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"top top top" "side stage detail"}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--rule);box-shadow:0 1px #fffcf08c;position:relative}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-seal{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:var(--seal);color:#f7ecd6;font-family:var(--font-zh);font-weight:700;font-size:19px;line-height:1;box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffeed24d;transform:rotate(-2deg)}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-text strong{font-family:var(--font-display);font-size:17px;letter-spacing:.04em;font-weight:600;white-space:nowrap}.brand-text small{font-size:11.5px;color:var(--ink-3);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-tools{margin-left:auto;display:flex;align-items:center;gap:12px}.search-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:9px;width:15px;height:15px;color:var(--ink-3);pointer-events:none}#search{width:216px;padding:7px 10px 7px 29px;font:inherit;font-size:13.5px;color:var(--ink);background:#fffaec80;border:1px solid var(--rule);border-radius:3px;outline:none;transition:border-color .2s,background .2s,width .24s var(--ease)}#search::placeholder{color:var(--ink-3)}#search:focus{border-color:var(--seal);background:#fffcf4db}#search::-webkit-search-cancel-button{-webkit-appearance:none;height:13px;width:13px;background:var(--ink-3);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer}.lang-toggle{display:flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden;background:#fffaec66}.lang-toggle button{appearance:none;border:0;background:transparent;font:inherit;font-size:12.5px;letter-spacing:.03em;color:var(--ink-2);padding:6px 11px;cursor:pointer;transition:background .18s,color .18s}.lang-toggle button+button{border-left:1px solid var(--rule)}.lang-toggle button[aria-pressed=true]{background:var(--seal);color:#f7ecd6}.lang-toggle button:not([aria-pressed=true]):hover{background:#9c2f161a}.icon-btn{appearance:none;border:1px solid var(--rule);background:#fffaec73;border-radius:3px;width:36px;height:34px;display:grid;place-items:center;cursor:pointer;flex:none;padding:0}.bars,.bars:before,.bars:after{display:block;width:15px;height:1.6px;background:var(--ink-2);transition:transform .22s var(--ease),opacity .16s}.bars:before,.bars:after{content:"";position:absolute}.bars:before{transform:translateY(-5px)}.bars:after{transform:translateY(5px)}.icon-btn{position:relative}.icon-btn[aria-expanded=true] .bars{background:transparent}.icon-btn[aria-expanded=true] .bars:before{transform:rotate(45deg)}.icon-btn[aria-expanded=true] .bars:after{transform:rotate(-45deg)}.only-compact{display:none}.sidebar{grid-area:side;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--rule);box-shadow:1px 0 #fffcf080}.sidebar-head{padding:13px 14px 11px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:9px}.reset-btn{appearance:none;width:100%;display:flex;align-items:center;gap:9px;padding:8px 11px;font:inherit;font-size:13.5px;color:var(--ink);background:#fffaec73;border:1px solid var(--rule);border-radius:3px;cursor:pointer;text-align:left;transition:background .18s,border-color .18s}.reset-btn:hover{background:#fffcf4db;border-color:var(--gold)}.reset-btn.is-on{border-color:var(--seal);background:#9c2f1614}.reset-glyph{color:var(--seal);font-size:12px}.reset-btn em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.filter-row{display:flex;gap:6px}.chip{appearance:none;flex:1;font:inherit;font-size:11.5px;padding:4px 6px;border:1px solid var(--rule-soft);border-radius:20px;background:transparent;color:var(--ink-3);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .18s}.chip:hover{border-color:var(--rule);color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--ink-2);border-color:var(--ink-2);color:var(--paper-0)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 14px}.cat{border-bottom:1px solid var(--rule-soft)}.cat:last-child{border-bottom:0}.cat-head{appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;font:inherit;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--ink);transition:background .16s}.cat-head:hover{background:#9c2f160f}.cat-head .glyph{flex:none;width:24px;height:24px;display:grid;place-items:center;font-size:14px;color:var(--ink-2);border:1px solid var(--rule-soft);border-radius:2px;background:#fffaec66;transition:all .18s}.cat.is-active .cat-head .glyph{color:#f7ecd6;background:var(--seal);border-color:var(--seal-deep)}.cat-head .label{flex:1;min-width:0;font-size:14px;letter-spacing:.01em}.cat-head .n{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.cat-head .caret{width:9px;height:9px;border-right:1.4px solid var(--ink-3);border-bottom:1.4px solid var(--ink-3);transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s var(--ease);flex:none}.cat[data-open=true] .cat-head .caret{transform:rotate(225deg) translate(-2px,-2px)}.cat-items{display:none;padding:0 0 8px}.cat[data-open=true] .cat-items{display:block}.item{appearance:none;width:100%;display:block;padding:7px 14px 7px 40px;font:inherit;text-align:left;background:transparent;border:0;border-left:2px solid transparent;cursor:pointer;color:var(--ink-2);transition:background .14s,border-color .14s,color .14s}.item:hover{background:#a8792c1f;color:var(--ink)}.item.is-selected{background:#9c2f161a;border-left-color:var(--seal);color:var(--ink)}.item .nm{font-size:13.5px;line-height:1.35;display:block}.item.is-selected .nm{font-weight:600}.item .sub{display:block;font-size:11px;color:var(--ink-3);line-height:1.3;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-note{padding:26px 18px;text-align:center;color:var(--ink-3);font-size:13px;line-height:1.6}.sidebar-foot{border-top:1px solid var(--rule-soft);padding:9px 14px 11px}.sidebar-foot p{margin:0;font-size:10.5px;line-height:1.55;color:var(--ink-3)}.stage{grid-area:stage;position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none}.globe-mount{position:absolute;inset:0}.globe-mount canvas{display:block;outline:none}.globe-frame{position:absolute;inset:16px;pointer-events:none}.corner{position:absolute;width:26px;height:26px;border:1px solid var(--rule);opacity:.85}.corner.tl{top:0;left:0;border-right:0;border-bottom:0}.corner.tr{top:0;right:0;border-left:0;border-bottom:0}.corner.bl{bottom:0;left:0;border-right:0;border-top:0}.corner.br{bottom:0;right:0;border-left:0;border-top:0}.compass{position:absolute;left:22px;bottom:20px;width:62px;height:62px;opacity:.5;pointer-events:none}.compass svg{width:100%;height:100%}.compass circle{fill:none;stroke:var(--ink-3);stroke-width:1.4}.compass circle.thin{stroke-width:.7;stroke-dasharray:2 4}.compass .needle-n{fill:var(--seal)}.compass .needle-s{fill:var(--ink-3)}.compass .cardinal{fill:var(--ink-2);font-size:11px;font-family:var(--font-display);text-anchor:middle;dominant-baseline:hanging}.globe-chip{position:absolute;right:18px;top:18px;appearance:none;font:inherit;font-size:11.5px;letter-spacing:.02em;padding:5px 11px;color:var(--ink-2);background:#f7eed8b3;border:1px solid var(--rule);border-radius:20px;cursor:pointer;backdrop-filter:blur(3px);transition:all .18s}.globe-chip:hover{border-color:var(--gold);color:var(--ink)}.globe-tip{position:absolute;left:50%;bottom:22px;transform:translate(-50%) translateY(6px);max-width:min(420px,86%);padding:7px 14px;font-size:12.5px;line-height:1.45;text-align:center;color:var(--ink);background:#f7eed8ed;border:1px solid var(--rule);border-radius:3px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s var(--ease)}.globe-tip.is-on{opacity:1;transform:translate(-50%) translateY(0)}.globe-tip b{color:var(--seal);font-weight:600}.globe-hint{position:absolute;left:50%;top:22px;transform:translate(-50%);font-size:11.5px;color:var(--ink-3);letter-spacing:.03em;pointer-events:none;transition:opacity .4s;text-align:center;padding:0 16px}.globe-hint.is-off{opacity:0}.detail{grid-area:detail;min-height:0;border-left:1px solid var(--rule);box-shadow:-1px 0 #fffcf080;display:flex;flex-direction:column}.detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 42px}.intro h1{font-family:var(--font-display);font-size:25px;line-height:1.25;margin:2px 0 4px;letter-spacing:.02em}.intro .intro-sub{font-size:13px;color:var(--ink-3);margin:0 0 18px;letter-spacing:.02em}.intro p{font-size:13.5px;line-height:1.85;color:var(--ink-2);margin:0 0 14px}.intro .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft);margin:20px 0}.intro .stats div{background:#fffaec80;padding:12px 8px;text-align:center}.intro .stats b{display:block;font-family:var(--font-display);font-size:24px;color:var(--seal);line-height:1.1}.intro .stats span{font-size:10.5px;color:var(--ink-3);letter-spacing:.04em}.legend{margin-top:22px;border-top:1px solid var(--rule-soft);padding-top:14px}.legend h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-weight:600}.legend ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.legend li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)}.legend .sw{width:13px;height:13px;border-radius:2px;flex:none;border:1px solid rgba(60,42,24,.25)}.card-kicker{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px}.card-kicker .dot{width:5px;height:5px;border-radius:50%;background:var(--seal)}.card h2{font-family:var(--font-display);font-size:23px;line-height:1.25;margin:0 0 3px;letter-spacing:.01em}body[data-lang=zh] .card h2{font-family:var(--font-zh);font-weight:700}.card .native{font-size:13px;color:var(--ink-3);margin:0 0 14px;letter-spacing:.04em}.card .summary{font-size:14.5px;line-height:1.7;color:var(--ink);padding:13px 15px;margin:0 0 18px;background:#fffaec8c;border-left:2px solid var(--seal);border-radius:0 3px 3px 0}.meta{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 18px;font-size:12.5px;line-height:1.55}.meta dt{color:var(--ink-3);white-space:nowrap;letter-spacing:.04em}.meta dd{margin:0;color:var(--ink-2)}.heat{display:inline-flex;gap:3px;vertical-align:-1px}.heat i{width:16px;height:4px;border-radius:1px;background:var(--rule-soft);display:block}.heat i.on{background:var(--seal)}.status-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;border:1px solid currentColor;letter-spacing:.03em}.status-living{color:var(--seal)}.status-revival{color:var(--gold)}.status-historical{color:var(--verdigris)}.card .body{font-size:13.5px;line-height:1.95;color:var(--ink-2);margin:0 0 18px;text-align:justify;hyphens:auto}body[data-lang=zh] .card .body{text-indent:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tag{font-size:11.5px;padding:3px 9px;border:1px solid var(--rule-soft);border-radius:20px;color:var(--ink-3);background:#fffaec66}.places{border-top:1px solid var(--rule-soft);padding-top:14px}.places h3,.related h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-weight:600}.places .country-list{display:flex;flex-wrap:wrap;gap:5px}.country-pill{appearance:none;font:inherit;font-size:11.5px;padding:3px 9px;border:1px solid var(--rule-soft);border-radius:3px;background:#fffaec73;color:var(--ink-2);cursor:pointer;transition:all .16s}.country-pill:hover{border-color:var(--seal);color:var(--seal)}.related{border-top:1px solid var(--rule-soft);margin-top:18px;padding-top:14px}.related-list{display:flex;flex-direction:column;gap:2px}.related-item{appearance:none;font:inherit;text-align:left;border:0;background:transparent;padding:6px 8px;margin:0 -8px;border-radius:3px;cursor:pointer;font-size:12.5px;color:var(--ink-2);display:flex;align-items:baseline;gap:8px;transition:background .15s,color .15s}.related-item:hover{background:#a8792c24;color:var(--ink)}.related-item .r-region{margin-left:auto;font-size:10.5px;color:var(--ink-3);white-space:nowrap}.detail-close,.sheet-grab{display:none}.sidebar-scroll::-webkit-scrollbar,.detail-scroll::-webkit-scrollbar{width:9px}.sidebar-scroll::-webkit-scrollbar-thumb,.detail-scroll::-webkit-scrollbar-thumb{background:var(--rule);border-radius:9px;border:3px solid transparent;background-clip:content-box}.sidebar-scroll::-webkit-scrollbar-track,.detail-scroll::-webkit-scrollbar-track{background:transparent}.scrim{position:fixed;inset:0;z-index:8;background:#3a2a1857;backdrop-filter:blur(1.5px);opacity:0;transition:opacity .24s}.scrim.is-on{opacity:1}:focus-visible{outline:2px solid var(--seal);outline-offset:2px}@media (max-width: 1180px){:root{--detail-w: 340px;--sidebar-w: 278px}#search{width:168px}}@media (max-width: 1000px){:root{--detail-w: 320px}#app{grid-template-columns:minmax(0,1fr) var(--detail-w);grid-template-areas:"top top" "stage detail"}.only-compact{display:grid}.sidebar{position:fixed;z-index:9;top:var(--topbar-h);left:0;bottom:0;width:min(320px,84vw);background-image:var(--grain),linear-gradient(var(--paper-1),var(--paper-2));background-size:260px 260px,cover;background-blend-mode:multiply,normal;box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .3s var(--ease)}.sidebar.is-open{transform:none}.brand-text small{display:none}}@media (max-width: 720px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(0,1fr);grid-template-areas:"top" "stage"}.topbar{padding:0 12px;gap:10px}.brand-seal{width:30px;height:30px;font-size:17px}.brand-text strong{font-size:15px}.topbar-tools{gap:8px}#search{width:34px;padding-left:29px;padding-right:4px}#search:focus{width:min(50vw,190px)}.lang-toggle button{padding:6px 8px;font-size:12px}.compass{width:46px;height:46px;left:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.globe-frame{inset:10px}.globe-chip{right:12px;top:12px}.globe-hint{top:14px;font-size:11px}.globe-tip{bottom:16px;font-size:12px}#app.sheet-open .stage{height:calc(100dvh - var(--topbar-h) - 64dvh)}#app.sheet-open .compass,#app.sheet-open .globe-hint,#app.sheet-open .globe-tip{opacity:0}.detail{position:fixed;z-index:10;left:0;right:0;bottom:0;height:64dvh;border-left:0;border-top:1px solid var(--rule);border-radius:14px 14px 0 0;background-image:var(--grain),linear-gradient(var(--paper-0),var(--paper-1));background-size:260px 260px,cover;background-blend-mode:multiply,normal;box-shadow:var(--shadow-lg);transform:translateY(101%);transition:transform .32s var(--ease)}.detail.is-open{transform:none}.detail.is-tall{height:93dvh}.sheet-grab{display:block;position:absolute;top:0;left:0;right:0;height:22px;appearance:none;border:0;background:transparent;cursor:pointer;padding:0;z-index:2}.grab-bar{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:4px;background:var(--rule);transition:background .2s,width .2s}.sheet-grab:hover .grab-bar,.sheet-grab[aria-expanded=true] .grab-bar{background:var(--seal);width:46px}.detail-scroll{padding:26px 18px calc(36px + env(safe-area-inset-bottom))}.detail-close{display:grid;place-items:center;position:absolute;top:14px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule);background:#f7eed8e6;color:var(--ink-2);font-size:15px;line-height:1;cursor:pointer;appearance:none;padding:0}.card h2{font-size:21px;padding-right:34px}.intro h1{font-size:22px}.card .body,.intro p{text-align:left}.meta{grid-template-columns:1fr;gap:2px 0}.meta dt{margin-top:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}}@media (max-width: 380px){.brand-text strong{font-size:14px}#search:focus{width:44vw}}@media (max-height: 520px) and (max-width: 900px){.detail,.detail.is-tall{height:90dvh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.globe-pin{display:flex;align-items:center;gap:5px;transform:translate(10px,-50%);pointer-events:none;white-space:nowrap;transition:opacity .3s;will-change:opacity}.pin-dot{width:7px;height:7px;border-radius:50%;background:var(--seal);box-shadow:0 0 0 2.5px #f7eed8d9;flex:none}.pin-label{font-family:var(--font-zh);font-size:11.5px;letter-spacing:.02em;color:var(--seal-deep);padding:1px 6px;background:#f7eed8d1;border:1px solid rgba(156,47,22,.3);border-radius:2px}body[data-lang=en] .pin-label{font-family:var(--font-en);font-size:12.5px}@media (max-width: 720px){.pin-label{font-size:10.5px;padding:1px 5px}}