:root{--paper: #F7F2E5;--paper-deep: #EFE7D3;--panel: #F2EAD8;--ink: #2A241A;--ink-mid: #4A4336;--ink-soft: #8A8172;--seal: #A63B2A;--hairline: rgba(42,36,26,.22);--hairline-soft: rgba(42,36,26,.12);--font-serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(ellipse 120% 90% at 50% 40%,var(--paper) 55%,var(--paper-deep) 100%);color:var(--ink);font-family:var(--font-serif);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.mount{position:fixed;top:20px;right:20px;bottom:20px;left:20px;z-index:2;border:1px solid var(--hairline);pointer-events:none}.mount:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--hairline-soft)}.thread{position:fixed;left:20px;bottom:20px;z-index:3;height:2px;width:0;background:linear-gradient(to right,#a63b2a40,#a63b2acc);transition:width .9s cubic-bezier(.3,.7,.2,1)}.app{position:fixed;top:20px;right:20px;bottom:20px;left:20px;z-index:4;display:flex;flex-direction:column;background:transparent}.rail-scrim{display:none}.top{display:flex;align-items:center;gap:22px;height:60px;padding:0 26px;border-bottom:1px solid var(--hairline);flex:0 0 auto}.top .menu{font-size:16px;letter-spacing:.1em;color:var(--ink-mid);cursor:pointer}.top .menu:hover{color:var(--seal)}.top .title{font-size:15px;font-weight:600;letter-spacing:.36em;color:var(--ink);white-space:nowrap}.tabs{display:flex;gap:2px;margin-left:14px}.tab{font-size:12.5px;letter-spacing:.14em;color:var(--ink-soft);padding:6px 13px;cursor:pointer;border-radius:2px;font-family:var(--font-sans);transition:color .25s,background .25s}.tab:hover{color:var(--ink)}.tab.on{color:var(--seal);font-weight:500;background:#a63b2a12}.top .spring{flex:1}.era-badge{display:flex;align-items:center;gap:9px;padding:6px 14px;border:1px solid var(--hairline);border-radius:2px;font-family:var(--font-sans)}.era-badge .e{font-size:12.5px;letter-spacing:.14em;color:var(--ink);font-weight:500}.era-badge .a{font-size:10.5px;letter-spacing:.1em;color:var(--ink-soft)}.tbtn{display:flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;letter-spacing:.16em;color:var(--ink-mid);cursor:pointer;padding:6px 4px;-webkit-user-select:none;user-select:none;transition:color .25s}.tbtn:hover{color:var(--seal)}.tbtn .ic{width:14px;height:14px;border:1.4px solid currentColor;border-radius:50%;position:relative;transition:border-color .25s}.tbtn.demo .ic{border-radius:2px}.tbtn.on{color:var(--seal)}.tbtn.on .ic{background:#a63b2a24}.lang{font-family:var(--font-sans);font-size:12px;letter-spacing:.28em;color:var(--ink-mid);cursor:pointer;padding-left:8px;border-left:1px solid var(--hairline-soft);-webkit-user-select:none;user-select:none;transition:color .25s}.lang:hover{color:var(--seal)}.body{flex:1;display:flex;min-height:0}.rail{flex:0 0 296px;border-right:1px solid var(--hairline);display:flex;flex-direction:column;min-height:0}.rail-h{display:flex;justify-content:space-between;align-items:baseline;padding:20px 22px 14px}.rail-h .t{font-size:14px;font-weight:600;letter-spacing:.32em;color:var(--ink)}.rail-h .c{font-size:11px;letter-spacing:.14em;color:var(--ink-soft);font-family:var(--font-sans)}.list{overflow-y:auto;padding:2px 14px 16px}.item{display:flex;gap:14px;padding:13px 12px;border-radius:3px;cursor:pointer;position:relative;transition:background .25s}.item+.item{border-top:1px solid var(--hairline-soft)}.item:hover{background:#2a241a08}.item.on{background:var(--panel)}.item.on:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--seal)}.item.hide{display:none}.thumb{flex:0 0 52px;height:52px;border-radius:2px;background:var(--paper-deep);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--hairline-soft)}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.meta .n{font-size:15px;font-weight:600;letter-spacing:.14em;color:var(--ink)}.meta .s{font-size:11px;letter-spacing:.08em;color:var(--ink-soft);font-family:var(--font-sans)}.item .tag{align-self:flex-start;font-size:10px;letter-spacing:.16em;color:var(--seal);border:1px solid rgba(166,59,42,.3);border-radius:2px;padding:2px 7px;font-family:var(--font-sans)}.item .idx{position:absolute;right:12px;top:12px;font-size:10px;letter-spacing:.1em;color:var(--ink-soft);font-family:var(--font-sans)}.stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.stage .corner{position:absolute;width:15px;height:15px;border:1px solid var(--hairline);pointer-events:none}.stage .c1{top:16px;left:16px;border-right:0;border-bottom:0}.stage .c2{top:16px;right:16px;border-left:0;border-bottom:0}.stage .c3{bottom:16px;left:16px;border-right:0;border-top:0}.stage .c4{bottom:16px;right:16px;border-left:0;border-top:0}.stage .figure{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stage img.hero{max-width:82%;max-height:78%;filter:drop-shadow(0 20px 34px rgba(90,70,40,.2));margin-bottom:20px;position:relative;z-index:2;transition:opacity .55s ease,transform .75s cubic-bezier(.25,.8,.25,1)}#stageImg.fade-out{opacity:0}.ground{position:absolute;left:50%;bottom:16%;transform:translate(-50%);width:44%;height:44px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(70,55,30,.16),transparent 70%);transition:opacity .55s ease}#stageImg.fade-out~.ground,.figure:has(#stageImg.fade-out) .ground{opacity:0}.stage.leaving .figure{opacity:0;transform:translate(-30px) scale(.985)}.stage.entering .figure{opacity:0;transform:translate(40px) scale(.99)}.stage .figure{transition:opacity .5s ease,transform .7s cubic-bezier(.25,.8,.25,1)}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:grab}.stage-canvas:active{cursor:grabbing}.stage-foot{position:absolute;left:34px;bottom:26px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;z-index:4;pointer-events:none}.sf-title{transition:opacity .5s ease,transform .7s cubic-bezier(.25,.8,.25,1)}.stage.leaving .sf-title{opacity:0;transform:translateY(10px)}.stage.entering .sf-title{opacity:0;transform:translateY(16px)}.sf-title .n{font-size:34px;font-weight:700;letter-spacing:.08em;color:var(--ink);line-height:1}.sf-title .s{margin-top:10px;font-size:12px;letter-spacing:.2em;color:var(--ink-soft);font-family:var(--font-sans)}.counter{display:flex;align-items:center;gap:12px;font-family:var(--font-sans);position:absolute;left:34px;top:26px;z-index:4}.counter .cur{font-size:14px;color:var(--seal);font-weight:600;letter-spacing:.1em}.counter .tot{font-size:12px;color:var(--ink-soft);letter-spacing:.1em}.dots{display:flex;gap:6px}.dots i{width:6px;height:6px;border-radius:50%;background:#2a241a33;transition:background .3s,transform .3s;cursor:pointer}.dots i.on{background:var(--seal);transform:scale(1.2)}.stage-tools{position:absolute;right:26px;bottom:26px;display:flex;flex-direction:column;gap:10px;z-index:5}.stool{width:34px;height:34px;border:1px solid var(--hairline);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-mid);cursor:pointer;background:#f7f2e599;font-size:13px;transition:color .25s,border-color .25s}.stool:hover{color:var(--seal);border-color:var(--seal)}.hint{position:absolute;left:50%;top:22px;transform:translate(-50%);font-family:var(--font-sans);font-size:11px;letter-spacing:.2em;color:var(--ink-soft);border:1px solid var(--hairline-soft);border-radius:20px;padding:6px 16px;background:#f7f2e580;z-index:4;opacity:1;pointer-events:none;transition:opacity .3s}.orbit-btn{position:absolute;right:26px;top:26px;font-family:var(--font-sans);font-size:12px;letter-spacing:.24em;color:var(--seal);border:1px solid rgba(166,59,42,.4);border-radius:2px;padding:8px 16px;cursor:pointer;z-index:5;-webkit-user-select:none;user-select:none;transition:background .3s,color .3s}.orbit-btn:hover{background:var(--seal);color:#f3ebda}.orbit-btn.loading{opacity:.72;pointer-events:none}.load-thread{position:absolute;left:18%;right:18%;bottom:10px;height:2px;z-index:6;background:linear-gradient(to right,var(--seal) var(--p, 0%),var(--hairline-soft) 0);opacity:0;transition:opacity .3s}.load-thread.on{opacity:.85}.load-fail{position:absolute;right:8%;bottom:8px;z-index:6;display:none;font-size:11px;letter-spacing:.25em;color:var(--ink-soft);font-family:var(--font-sans)}.load-fail.on{display:block}.load-fail button{all:unset;color:var(--seal);cursor:pointer;border-bottom:1px solid var(--seal)}.detail{flex:0 0 336px;border-left:1px solid var(--hairline);overflow-y:auto;padding:22px 24px 26px}.detail-h{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;letter-spacing:.3em;color:var(--ink);padding-bottom:16px;margin-bottom:2px;transition:opacity .4s ease}.detail.leaving .sec,.detail.leaving .detail-h{opacity:0}.sec{padding:18px 0;border-top:1px solid var(--hairline-soft);transition:opacity .4s ease}.sec .h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--seal);margin-bottom:15px}.sec .h:before{content:"";width:12px;height:1px;background:var(--seal)}.kv{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;gap:16px}.kv+.kv{border-top:1px solid var(--hairline-soft)}.kv .k{font-size:12px;letter-spacing:.14em;color:var(--ink-soft);font-family:var(--font-sans);white-space:nowrap}.kv .v{font-size:13.5px;letter-spacing:.06em;color:var(--ink);font-weight:500;text-align:right}.desc{font-size:13.5px;line-height:2.05;letter-spacing:.04em;color:var(--ink-mid);text-wrap:pretty}.quote{font-size:16px;line-height:1.95;letter-spacing:.06em;color:var(--ink);display:block}.quote .tr{display:block;margin-top:10px;font-family:var(--font-sans);font-size:12.5px;font-weight:300;line-height:1.7;color:var(--ink-mid);letter-spacing:.02em;font-style:italic}.quote .tr:empty{display:none}.quote .by{display:block;margin-top:12px;font-size:11px;letter-spacing:.24em;color:var(--ink-soft);font-family:var(--font-sans)}.quote .by:before{content:"—— ";color:var(--seal)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:11px;letter-spacing:.12em;color:var(--ink-mid);border:1px solid var(--hairline);border-radius:2px;padding:5px 11px;font-family:var(--font-sans)}.foot{margin-top:20px;padding-top:16px;border-top:1px solid var(--hairline-soft)}.foot .m{font-size:12.5px;letter-spacing:.14em;color:var(--ink);font-weight:500}.foot .p{margin-top:6px;font-size:10.5px;letter-spacing:.16em;color:var(--ink-soft);font-family:var(--font-sans)}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.view-item{margin:0;cursor:pointer;display:flex;flex-direction:column;gap:7px}.view-item img{width:100%;aspect-ratio:4 / 3;object-fit:contain;display:block;border:1px solid var(--hairline-soft);border-radius:3px;background:var(--paper-deep);transition:border-color .25s}.view-item:hover img{border-color:var(--seal)}.view-item figcaption{text-align:center;font-family:var(--font-sans);font-size:11px;letter-spacing:.2em;color:var(--ink-mid);transition:color .25s}.view-item:hover figcaption{color:var(--seal)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#1e1911db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lightbox.on{display:flex;animation:lbfade .25s ease}@keyframes lbfade{0%{opacity:0}to{opacity:1}}.lb-img{max-width:88vw;max-height:80vh;object-fit:contain;border-radius:3px;box-shadow:0 24px 70px #00000073}.lb-cap{color:#f3ebda;font-family:var(--font-sans);font-size:13px;letter-spacing:.34em}.lb-close{position:absolute;top:26px;right:34px;color:#f3ebda;font-size:22px;cursor:pointer;opacity:.75;transition:opacity .2s,transform .2s}.lb-close:hover{opacity:1;transform:scale(1.15)}.list::-webkit-scrollbar,.detail::-webkit-scrollbar{width:5px}.list::-webkit-scrollbar-thumb,.detail::-webkit-scrollbar-thumb{background:var(--hairline-soft);border-radius:3px}body.orbit-mode .rail,body.orbit-mode .stage-foot{opacity:0;transition:opacity .3s;pointer-events:none}body.orbit-mode .hint{opacity:1}body.orbit-mode .detail{opacity:.55;transition:opacity .3s}@media(prefers-reduced-motion:reduce){.stage .figure,.sf-title,.sec,.detail-h{transition:opacity .2s ease!important;transform:none!important}}@media(max-width:1200px){.app,.mount{top:14px;right:14px;bottom:14px;left:14px}.thread{left:14px;bottom:14px}.rail-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;background:#2a241a2e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .28s ease}body.rail-open .rail-scrim{opacity:1;pointer-events:auto}.top{gap:12px;padding:0 16px}.top .title{font-size:13.5px;letter-spacing:.2em;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.top .spring{display:none}.tabs{margin-left:4px;flex:1 1 0;min-width:40px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:6px 9px;letter-spacing:.08em;flex:0 0 auto}.era-badge,.tbtn,.lang,.top .menu{flex:0 0 auto}.era-badge .a{display:none}.body{flex-direction:column}.rail{position:absolute;left:0;top:0;bottom:0;z-index:20;width:280px;flex:0 0 auto;background:var(--paper);border-right:1px solid var(--hairline);transform:translate(-102%);transition:transform .35s cubic-bezier(.3,.7,.2,1);box-shadow:6px 0 26px #2a241a14}body.rail-open .rail{transform:translate(0)}.stage{flex:1 1 auto;min-height:46vh}.detail{flex:0 0 auto;max-height:40vh;border-left:0;border-top:1px solid var(--hairline)}}@media(max-width:767px){html,body{min-height:100%;height:auto}body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.mount{position:fixed;top:8px;right:8px;bottom:8px;left:8px}.app{position:relative;inset:auto;z-index:4;margin:8px;min-height:calc(100svh - 16px)}@supports (height: 100dvh){.app{min-height:calc(100dvh - 16px)}}.thread{left:8px;bottom:8px}.top{position:sticky;top:8px;z-index:16;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:auto;min-height:88px;padding:6px 10px 8px;gap:6px 8px;background:#f7f2e5f5;-webkit-backdrop-filter:none;backdrop-filter:none}.top .menu{grid-column:1;width:44px;height:38px;display:flex;align-items:center;justify-content:center;font-size:19px;letter-spacing:0}.top .title{grid-column:2;min-width:0;font-size:13px;letter-spacing:.14em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.era-badge,.top .tbtn{display:none}.lang{grid-column:3;width:44px;height:38px;display:flex;align-items:center;justify-content:center;padding-left:0;border-left:0;letter-spacing:.12em;font-size:12px}.tabs{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;display:flex;gap:6px;margin-left:0;overflow-x:auto;scrollbar-width:none;padding:2px 0 0;scroll-padding-inline:10px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:34px;display:flex;align-items:center;padding:7px 10px;letter-spacing:.06em;white-space:nowrap}.rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;-webkit-backdrop-filter:none;backdrop-filter:none}.rail{position:fixed;left:8px;top:8px;bottom:8px;width:min(84vw,320px);max-width:320px}.body{display:block;min-height:0;overflow:visible}.stage{min-height:390px;height:clamp(390px,58svh,480px);border-bottom:1px solid var(--hairline)}@supports (height: 100dvh){.stage{height:clamp(390px,58dvh,480px)}}.stage .corner{width:13px;height:13px}.stage .c1{top:18px;left:14px}.stage .c2{top:18px;right:14px}.stage .c3{bottom:18px;left:14px}.stage .c4{bottom:18px;right:14px}.stage .figure{padding:62px 12px 104px}.stage img.hero{max-width:94%;max-height:100%;margin-bottom:0;filter:none}.ground{bottom:25%;width:58%;height:34px}.counter{left:18px;top:22px;gap:10px}.dots{gap:5px}.dots i{width:6px;height:6px}.stage-foot{left:20px;right:20px;bottom:18px}.sf-title{max-width:100%}.sf-title .n{font-size:clamp(28px,8vw,34px);line-height:1.05;letter-spacing:.06em;overflow-wrap:anywhere}.sf-title .s{margin-top:8px;font-size:11.5px;line-height:1.55;letter-spacing:.16em;overflow-wrap:anywhere}.stage-tools{display:none}.orbit-btn{right:14px;top:18px;min-height:38px;display:flex;align-items:center;padding:6px 11px;letter-spacing:.16em;background:#f7f2e5c2}.hint{top:auto;bottom:16px;opacity:0}body.orbit-mode .hint{opacity:1}.detail{height:auto;max-height:none;min-height:0;overflow:visible;padding:20px 18px 30px;border-left:0;border-top:0}.detail-h{padding-bottom:14px;margin-bottom:0}.sec{padding:18px 0}.view-grid{gap:14px 10px}.view-item{gap:8px}.view-item img{min-height:116px}.kv{align-items:flex-start}.kv .v{overflow-wrap:anywhere}.desc{font-size:14px;line-height:1.92}.chip{min-height:32px;display:inline-flex;align-items:center}.lb-close{top:max(18px,env(safe-area-inset-top));right:18px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}}@media(max-width:767px)and (orientation:landscape){.top{grid-template-columns:auto minmax(0,1fr) auto auto auto;padding:6px 10px}.tabs{display:none}.body{grid-template-columns:minmax(0,1fr) minmax(260px,34vw);grid-template-rows:minmax(0,1fr)}.detail{border-top:0;border-left:1px solid var(--hairline);padding:14px 16px 18px}.stage-foot{bottom:12px}.sf-title .n{font-size:23px}}