:root{--paper: #faf5ec;--paper-2: #f4ecdd;--card: #fffdf8;--ink: #40382f;--ink-2: #6d6357;--ink-3: #a2968a;--line: #e7dccb;--line-2: #d8cab2;--accent: #b9673a;--accent-soft: #f0dcc9;--shadow: 0 8px 26px rgba(96, 74, 52, .12);--shadow-sm: 0 2px 8px rgba(96, 74, 52, .1);--bar-h: 52px;--era-h: 34px;--serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--sans: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;color:inherit}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;min-height:var(--bar-h);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:9}.brand{font-family:var(--serif);font-size:17px;letter-spacing:.08em;color:var(--ink);white-space:nowrap}.grow{flex:1 1 auto}.seg{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:#ffffff80}.seg button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink-2);cursor:pointer}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.picker{display:flex;align-items:center;gap:6px;flex:1 1 100%;order:3;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.picker::-webkit-scrollbar{height:4px}.picker::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.picker .pill{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#ffffff73;border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap}.picker .pill:hover{border-color:var(--line-2);color:var(--ink)}.picker .pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.75}.picker .pill .n{color:var(--ink-3);font-size:11px}.picker .pill.on{color:var(--ink);border-color:currentColor;background:var(--card);box-shadow:var(--shadow-sm)}.picker .sep{flex:none;width:1px;height:18px;background:var(--line);margin:0 2px}.zoom{position:absolute;right:10px;bottom:10px;z-index:4;display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-sm)}.icon{border:1px solid var(--line);background:#ffffff73;border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;cursor:pointer;padding:0}.icon:hover{border-color:var(--line-2);background:var(--card)}.zoom .icon{font-size:15px}#searchWrap{position:relative;display:flex;align-items:center}#search{width:178px;height:28px;border:1px solid var(--line);border-radius:999px;background:#ffffff8c;padding:0 12px;font-size:12.5px;font-family:inherit;color:var(--ink);outline:none}#search:focus{border-color:var(--accent);background:var(--card)}#search::placeholder{color:var(--ink-3)}#btnSearch{display:none}#hits{position:absolute;top:34px;right:0;width:min(380px,86vw);max-height:60vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:40;padding:4px}#hits .hit{display:flex;align-items:baseline;gap:8px;padding:7px 9px;border-radius:8px;cursor:pointer}#hits .hit:hover,#hits .hit.on{background:var(--paper-2)}#hits .hit .nm{font-size:13px}#hits .hit .en{font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hits .hit .mt{margin-left:auto;font-size:11px;color:var(--ink-3);white-space:nowrap}#hits .none{padding:10px;font-size:12.5px;color:var(--ink-3)}#stage{position:relative;flex:1 1 auto;overflow:hidden;background:var(--paper)}#cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}#scroller{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:transparent;z-index:2;-webkit-overflow-scrolling:touch;scrollbar-color:var(--line-2) transparent}#scroller::-webkit-scrollbar{width:10px;height:10px}#scroller::-webkit-scrollbar-thumb{background:#e0d3bd;border-radius:10px;border:3px solid transparent;background-clip:content-box}#scroller::-webkit-scrollbar-thumb:hover{background:#cdbda2;background-clip:content-box}#spacer{width:1px;height:1px}#eraBar{position:absolute;top:0;left:0;right:0;height:var(--era-h);display:flex;align-items:center;gap:8px;padding:0 8px 0 6px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:3;font-size:12.5px;color:var(--ink-2)}#eraBar .era-name{font-family:var(--serif);font-size:13.5px;color:var(--ink)}#eraBar .era-range{color:var(--ink-3)}#eraBar .era-n{margin-left:auto;color:var(--ink-3);font-size:11.5px}#eraBar .nav{font-size:15px;line-height:1;width:24px;height:24px}#eraBar .nav[disabled]{opacity:.3;cursor:default}#eraBar .track{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);opacity:.5}#status{position:absolute;left:12px;bottom:10px;font-size:11.5px;color:var(--ink-3);background:color-mix(in srgb,var(--paper) 78%,transparent);padding:3px 8px;border-radius:999px;pointer-events:none;z-index:3;max-width:min(72vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#detail{position:fixed;top:calc(var(--bar-h) + 10px);right:12px;width:336px;max-height:calc(100dvh - var(--bar-h) - 24px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px 16px 14px;z-index:8}#detail h2{margin:0 0 2px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.02em}#detail .en{font-size:11.5px;color:var(--ink-3);margin-bottom:10px}#detail .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}#detail .tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:#fff9}#detail .tag .dot{width:8px;height:8px;border-radius:50%}#detail .desc{font-size:13px;line-height:1.75;color:var(--ink);margin:0 0 12px}#detail .sect{margin:12px 0 0}#detail .sect>.hd{font-size:11px;letter-spacing:.16em;color:var(--ink-3);margin-bottom:6px}#detail .link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:5px 7px;font-size:12.5px;cursor:pointer}#detail .link:hover{background:var(--paper-2)}#detail .link .yr{margin-left:auto;font-size:11px;color:var(--ink-3)}#detail .link .hop{font-size:10.5px;color:var(--ink-3)}#detail .link .out{font-size:10.5px;color:var(--accent)}#detail .none{font-size:12.5px;color:var(--ink-3);padding:2px 7px}#detail .note{font-size:11.5px;line-height:1.65;color:var(--ink-3);margin-top:10px}#detail .foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-3);line-height:1.6}#detail .close{position:absolute;top:10px;right:10px}#detail{scrollbar-width:thin}#detail::-webkit-scrollbar{width:8px}#detail::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:2px solid transparent;background-clip:content-box}#detail .handle{display:none}#help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#4638282e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}#help .box{width:min(520px,92vw);max-height:86vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px}#help h3{margin:0 0 4px;font-family:var(--serif);font-size:18px;font-weight:600}#help .sub{font-size:12px;color:var(--ink-3);margin-bottom:14px}#help dl{margin:0;font-size:12.5px;line-height:1.9}#help dt{color:var(--ink)}#help dd{margin:0 0 8px;color:var(--ink-2)}#help .hr{height:1px;background:var(--line);margin:14px 0}#help a{color:var(--accent);text-decoration:none}#help a:hover{text-decoration:underline}#help .lic{font-size:11.5px;color:var(--ink-3);line-height:1.7}#help .close{margin-top:16px}.btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 16px;font-size:12.5px;cursor:pointer}.btn:hover{border-color:var(--line-2);background:var(--card)}@media (max-width: 760px){:root{--bar-h: 46px}.brand{font-size:15px;letter-spacing:.04em}.seg button{padding:5px 10px;font-size:12.5px}#bar{gap:8px;padding:6px 10px}#searchWrap .icon{display:inline-flex}#search{position:absolute;right:0;top:0;width:min(78vw,300px);height:28px;display:none}#searchWrap.open #search{display:block}#searchWrap.open #btnSearch{display:none}#hits{top:32px;width:min(92vw,380px)}#status{display:none}#detail{top:auto;left:0;right:0;bottom:0;width:auto;max-height:48dvh;border-radius:18px 18px 0 0;padding:18px 16px;box-shadow:0 -8px 30px #604a342e}#detail .handle{display:block;width:42px;height:4px;border-radius:4px;background:var(--line-2);margin:-8px auto 10px}#detail h2{font-size:19px}#app.sheet .zoom{display:none}#help .box{padding:18px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}