:root{--paper:#f7f3ea;--panel:#fffdf8;--ink:#1f1c18;--ink-2:#6b6459;--ink-3:#9a9184;--rule:#e3dccd;--rule-2:#efe9dc;--cinnabar:#9e3d32;--cinnabar-soft:rgba(158,61,50,.10);--jade:#4a6b52;--serif:"Songti SC","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",system-ui,sans-serif;--tab-h:4.2rem}@media (prefers-color-scheme:dark){:root{--paper:#141210;--panel:#1c1915;--ink:#ebe3d5;--ink-2:#a49a89;--ink-3:#7a7264;--rule:#2e2922;--rule-2:#252119;--cinnabar:#c9564a;--cinnabar-soft:rgba(201,86,74,.14);--jade:#7ea287}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background:var(--paper)}body{color:var(--ink);font:400 17px/1.75 var(--sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));overscroll-behavior-y:contain}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer}input,select,textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--rule);border-radius:2px;background:var(--panel);color:var(--ink);font:inherit;font-size:1rem;margin-bottom:.6rem}input:focus,textarea:focus{outline:none;border-color:var(--cinnabar)}::placeholder{color:var(--ink-3)}.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}.serif{font-family:var(--serif)}.head{display:flex;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 1.5rem) 0 1.1rem}.head,.seal{align-items:center}.seal{display:inline-flex;gap:.55rem;font-size:1.12rem;font-weight:600;letter-spacing:.02em}.seal,.seal i{font-family:var(--serif)}.seal i{width:1.55rem;height:1.55rem;border-radius:3px;background:var(--cinnabar);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.86rem}.who{font-size:.8rem;color:var(--ink-2)}.who b{font-weight:400}.sec{display:flex;align-items:center;gap:.8rem;margin:2rem 0 .5rem}.sec span{font-family:var(--serif);font-size:.86rem;color:var(--ink-2);white-space:nowrap;letter-spacing:.12em}.sec:after{content:"";flex:1 1;height:1px;background:var(--rule)}.item{display:flex;gap:.95rem;padding:1.05rem 0;border-bottom:1px solid var(--rule-2);cursor:pointer}.item:last-child{border-bottom:0}.item:active{background:var(--cinnabar-soft)}.play-dot{flex:0 0 2.15rem;height:2.15rem;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;font-size:.65rem;color:var(--ink-2);margin-top:.15rem}.body{flex:1 1;min-width:0}.t1{font-family:var(--serif);font-size:1.05rem;line-height:1.5;color:var(--ink)}.t2{font-size:.78rem;color:var(--ink-2);margin-top:.3rem}.t3{font-size:.74rem;color:var(--ink-3);margin-top:.22rem}.cin{color:var(--cinnabar)}.mark{font-size:.62rem;font-family:var(--serif);background:var(--cinnabar);color:#fff;border-radius:2px;padding:.06rem .28rem;margin-left:.4rem;vertical-align:.12em;letter-spacing:.08em}.mark,.pill{display:inline-block}.pill{font-size:.68rem;color:var(--ink-2);border:1px solid var(--rule);border-radius:2px;padding:.05rem .35rem;margin-left:.35rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.tag{font-size:.73rem;padding:.16rem .58rem;border:1px solid var(--rule);border-radius:2px;color:var(--ink-2);background:transparent;white-space:nowrap;cursor:pointer;font-family:var(--serif)}.tag.on{border-color:var(--cinnabar)}.btn,.tag.on{background:var(--cinnabar);color:#fff}.btn{display:block;width:100%;padding:.95rem;border-radius:2px;font-weight:500;text-align:center;letter-spacing:.05em}.btn.line{background:transparent;border:1px solid var(--rule);color:var(--ink-2)}.btn:active{opacity:.75}.void{text-align:center;padding:3.5rem 1.5rem}.void .glyph{font-size:3.2rem;color:var(--rule);line-height:1;margin-bottom:1.1rem}.void .glyph,.void .say{font-family:var(--serif)}.void .say{font-size:1.02rem;color:var(--ink-2);line-height:1.9}.void .sub{color:var(--ink-3);line-height:1.8}.note,.void .sub{font-size:.82rem;margin-top:.7rem}.note{color:var(--ink-2);text-align:center;min-height:1.2em}.note.bad{color:var(--cinnabar)}.rule-t{font-size:.76rem;color:var(--ink-3);text-align:center;border-top:1px solid var(--rule-2);padding-top:.9rem;margin-top:1.2rem;font-family:var(--serif)}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:stretch;height:calc(var(--tab-h) + env(safe-area-inset-bottom))}.tabs .nav-brand,.tabs .nav-me,.tabs .rec-label{display:none}.tabs .nav-items{flex:1 1;display:flex;align-items:stretch}.tabs a,.tabs button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;font-size:.68rem;color:var(--ink-3);font-family:var(--serif);letter-spacing:.06em}.tabs .on{color:var(--cinnabar)}.tabs .ic{font-size:1.15rem;line-height:1}.tabs .rec-btn{flex:0 0 auto;padding:0 .6rem}.tabs .rec-btn i{width:3.1rem;height:3.1rem;border-radius:50%;background:var(--cinnabar);color:#fff;display:grid;place-items:center;font-style:normal;font-family:var(--serif);font-size:1.05rem;box-shadow:0 3px 14px rgba(158,61,50,.32);margin-top:-1rem}.mini{position:fixed;left:0;right:0;z-index:39;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--rule);display:flex;align-items:center;gap:.8rem;padding:.6rem 1.1rem}.mini .m-body{flex:1 1;min-width:0}.mini .m-t{font-family:var(--serif);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini .m-s{font-size:.7rem;color:var(--ink-3);margin-top:.1rem}.mini .m-b{flex:0 0 auto;width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;font-size:.78rem}.mini .m-p{position:absolute;left:0;top:0;height:2px;background:var(--cinnabar)}@media (min-width:900px){:root{--side:15rem}body{padding-bottom:0;padding-left:var(--side)}.tabs{top:0;bottom:0;left:0;right:auto;width:var(--side);height:100vh;flex-direction:column;align-items:stretch;padding:1.6rem 1rem calc(1.2rem + env(safe-area-inset-bottom));border-top:0;border-right:1px solid var(--rule);background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.tabs .nav-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--ink);padding:0 .5rem 1.6rem;letter-spacing:.02em}.tabs .nav-brand i{width:1.6rem;height:1.6rem;border-radius:3px;background:var(--cinnabar);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.88rem;flex:0 0 auto}.tabs .nav-items{flex-direction:column;align-items:stretch;gap:.15rem;flex:1 1}.tabs .nav-items a{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:.7rem;font-size:.94rem;padding:.62rem .75rem;border-radius:2px;letter-spacing:.04em;color:var(--ink-2)}.tabs .nav-items a:hover{background:var(--cinnabar-soft);color:var(--ink)}.tabs .nav-items a.on{background:transparent;color:var(--cinnabar);font-weight:500;box-shadow:inset 2px 0 0 var(--cinnabar)}.tabs .ic{font-size:1rem;width:1.2rem;text-align:center}.tabs .rec-btn{order:9;margin-top:1.2rem;padding:0;flex-direction:row;justify-content:center;gap:.5rem}.tabs .rec-btn i{width:auto;height:auto;margin:0;border-radius:2px;box-shadow:none;padding:.66rem 0;flex:1 1;display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:.94rem;letter-spacing:.08em}.tabs .rec-label{display:inline;font-family:var(--serif)}.tabs .nav-me{display:block;border-top:1px solid var(--rule);padding:.9rem .75rem 0;margin-top:1rem}.tabs .nav-me-name{font-family:var(--serif);font-size:.95rem;color:var(--ink)}.tabs .nav-me-sub{font-size:.76rem;color:var(--ink-3);margin-top:.2rem}.head{display:none}.wrap{max-width:46rem;padding:2.2rem 2rem 4rem}.mini{left:var(--side);right:0;bottom:0;padding:.7rem 2rem}}@media (min-width:1500px){.wrap{margin-left:max(0px,min(6rem,calc((100vw - var(--side) - 46rem) / 3)));margin-right:auto}}.cm-at{display:flex;gap:.85rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--rule-2);transition:background .25s}.cm-at:last-child{border-bottom:0}.cm-at .stamp{flex:0 0 auto;font-size:.72rem;color:var(--cinnabar);border:1px solid var(--cinnabar);padding:.06rem .34rem;border-radius:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;margin-top:.15rem}.cm-at .stamp:hover{background:var(--cinnabar);color:#fff}.cm-at .cb{flex:1 1;min-width:0}.cm-at.live{background:var(--cinnabar-soft);margin:0 -.9rem;padding-left:.9rem;padding-right:.9rem}.cm-at.live .cb .who-t{color:var(--cinnabar)}.rail{position:relative}.rail .tick{position:absolute;top:-3px;width:2px;height:8px;background:var(--ink-3);opacity:.45;cursor:pointer}.rail .tick:hover{background:var(--cinnabar);opacity:1}.q-sheet{position:fixed;left:0;right:0;z-index:41;background:var(--panel);border-top:1px solid var(--rule);max-height:60vh;overflow-y:auto;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom));padding:1rem 1.25rem}.q-row{display:flex;gap:.8rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--rule-2)}.q-row:last-child{border-bottom:0}.q-n{flex:0 0 1.4rem;font-size:.74rem;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.q-b{flex:1 1;min-width:0}.q-t{font-family:var(--serif);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-m{font-size:.7rem;color:var(--ink-3);margin-top:.1rem}.q-row.now .q-t{color:var(--cinnabar)}.q-x{font-size:.72rem;color:var(--ink-3);cursor:pointer;flex:0 0 auto}.q-x:hover{color:var(--cinnabar)}.mini .m-q{flex:0 0 auto;font-size:.7rem;color:var(--ink-3);border:1px solid var(--rule);border-radius:2px;padding:.1rem .38rem;font-family:var(--serif)}.mini .m-q.on{color:var(--cinnabar);border-color:var(--cinnabar)}.item{position:relative}.item.unheard:before{content:"";left:-.35rem;top:1.05rem;bottom:1.05rem;width:2px}.item .heard,.item.unheard:before{position:absolute;background:var(--cinnabar)}.item .heard{left:0;bottom:0;height:1px;opacity:.4}