.comic{--paper: var(--bg);--panel: #ffffff;--line-ink: #14161b;--frame: #14161b;--tone: rgba(20, 22, 27, .17);--bubble: #ffffff;--bubble-ink: #15171c;--impact: #0b0c10;--speed: rgba(255, 255, 255, .13);--gutter: var(--ink);--gutter-ink: #f5f5f1;--c-muted: var(--muted);--c-ink: var(--ink);display:flex;flex-direction:column;padding:14px 0 0;font-size:var(--reader-size, 14px);color:var(--c-ink);font-family:var(--font-body)}.comic .credit{font-family:var(--font-mono);font-size:11px;color:var(--c-muted);display:flex;justify-content:space-between;gap:8px}.comic .pn{position:relative;border:2.5px solid var(--line-ink);background:var(--panel);border-radius:3px;overflow:hidden;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:140px;box-sizing:border-box}.comic .scene-start{margin-top:18px}.comic .pn.paper{background-color:var(--panel)}.comic .bubbles{display:flex;flex-direction:column;gap:2px;flex:1}.comic .bb{position:relative;isolation:isolate;color:var(--bubble-ink);padding:9px 15px;max-width:86%;white-space:pre-line;overflow-wrap:anywhere;line-height:1.55}.comic .bb .bo{position:absolute;z-index:-1;overflow:visible;pointer-events:none}.comic .bb{margin-block:5px 15px}.comic .bb-cloud{margin-block:9px 20px}.comic .bb .bt{position:relative}.comic .bb.l{align-self:flex-start}.comic .bb.r{align-self:flex-end}.comic .bb.c{align-self:center}.comic .bb-shout{padding:12px 16px;font-family:var(--font-heavy);font-weight:900;text-align:center}.comic .bb-cloud{padding:16px 22px;font-family:"Huninn",var(--font-body)}.comic .bb-whisper{color:#4a5160}.comic .bb-phone{font-size:.94em}.comic .bb-box{font-family:var(--font-display);line-height:1.7}.comic .bb.big{font-size:1.22em;font-weight:700}.comic .bb.small{font-size:.92em}.comic .bb.huge{font-size:1.3em;font-weight:900;max-width:92%}.comic .stage{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.comic .stage .side,.comic .cast{display:flex;gap:8px;align-items:flex-end}.comic .center{display:flex;justify-content:center}.comic .cc{display:grid;justify-items:center}.comic .cc .circle{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:15px;line-height:1.05;text-align:center;border:2px solid var(--line-ink);overflow:hidden;word-break:break-all;padding:3px}.comic .cc .circle.long{font-size:12px}.comic .cc .circle.xlong{font-size:10px}.comic .cc-md .circle{width:64px;height:64px;font-size:20px}.comic .cc-md .circle.long{font-size:15px}.comic .cc-md .circle.xlong{font-size:12px}.comic .cc-lg .circle{width:104px;height:104px;font-size:32px;font-family:var(--font-display)}.comic .cc-lg .circle.long{font-size:24px}.comic .cc-lg .circle.xlong{font-size:18px}.comic .cc img.sd{width:92px;height:auto;display:block;margin-bottom:-4px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.comic .cc-md img.sd{width:118px}.comic .cc-lg img.sd{width:168px}.comic .closeup{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:230px;background:radial-gradient(circle at 22% 62%,color-mix(in srgb,var(--hue) 34%,var(--panel)) 0,var(--panel) 68%)}.comic .closeup .bubbles{justify-content:center}.comic .fx{position:absolute;font-family:var(--font-display);pointer-events:none;z-index:2}.comic .fx.blush{color:#e7577f;font-size:22px;letter-spacing:-2px;font-weight:700;left:84px;top:46px}.comic .fx.sparkle{color:#137385;font-size:18px;letter-spacing:6px;right:14px;top:10px}.comic .sfx{position:absolute;right:12px;top:8px;font-family:var(--font-heavy);font-weight:900;font-size:28px;line-height:1;color:#fff;-webkit-text-stroke:2.5px var(--line-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--line-ink);transform:rotate(-8deg);letter-spacing:.04em;z-index:3;pointer-events:none}.comic .sfx.ink{position:static;align-self:flex-start;font-size:32px;color:var(--line-ink);-webkit-text-stroke:3px #fff;text-shadow:4px 4px 0 rgba(0,0,0,.25);transform:rotate(-6deg)}.comic .impact .sfx{left:14px;right:auto;top:14px;font-size:48px;transform:rotate(-14deg)}.comic .cap{align-self:flex-start;background:var(--line-ink);color:#f3f5fa;padding:4px 10px;font-family:var(--font-display);font-size:.95em;border-radius:2px}.comic .cap+.cap{margin-top:-4px}.comic .est{min-height:150px}.comic .est.day{background-color:color-mix(in srgb,#8ec5ff 22%,var(--panel))}.comic .est.office{background-color:color-mix(in srgb,#b9a98a 18%,var(--panel))}.comic .trans{background:var(--gutter);color:var(--gutter-ink);text-align:center;padding:22px 12px;margin-top:18px;font-family:var(--font-display);font-size:1.1em;letter-spacing:.3em}.comic .insert{align-self:center;width:92%;transform:rotate(-2deg);background:#fff;border:2px solid var(--line-ink);box-shadow:5px 5px 0 var(--line-ink);padding:16px 18px;font-family:var(--font-display);line-height:1.8;display:grid;gap:8px;white-space:pre-line}.comic .insert{color:var(--bubble-ink)}.comic .insert small{font-family:var(--font-body);color:#5f687b;font-size:12px}.comic .pop{min-height:200px;justify-content:center;background:repeating-conic-gradient(from 0deg at 30% 85%,color-mix(in srgb,var(--hue) 26%,var(--panel)) 0deg 4deg,var(--panel) 4deg 9deg)}.comic .pop .bubbles{justify-content:center}.comic .impact{background:var(--impact);min-height:300px;justify-content:center;align-items:center}.comic .pn.beat{flex-direction:row;align-items:center;gap:12px;min-height:110px}.comic .pn.beat-r{flex-direction:row-reverse}.comic .pn.beat .bubbles{justify-content:center}.comic .split,.comic .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comic .split .pn{min-height:190px;justify-content:space-between}.comic .split .bb,.comic .pair .bb{max-width:100%}.comic .pair .pn{min-height:200px;justify-content:space-between}.comic .pair .stage-r{justify-content:flex-end}.comic .inset-pn{min-height:260px}.comic .inset-pn>.bubbles,.comic .inset-pn>.stage{max-width:54%}.comic .inset{position:absolute;right:10px;bottom:10px;width:46%;z-index:2;overflow:hidden;border:2.5px solid var(--frame);background:var(--panel);padding:18px;box-shadow:4px 4px 0 var(--line-ink);display:flex;flex-direction:column;gap:6px}.comic .inset .bb{max-width:100%}.comic .inset>:not(.bgl):not(.fxl){position:relative;z-index:1}.comic .fxl{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.comic .bgl.dark{opacity:.35}.comic .fx-focus{top:-45%;right:-45%;bottom:-45%;left:-45%;opacity:.85;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff 0 1deg,transparent 1deg 5.5deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 24%,#000 62%);mask:radial-gradient(circle at 50% 50%,transparent 24%,#000 62%)}.comic .fx-speed{opacity:.55;background:repeating-linear-gradient(180deg,var(--line-ink) 0 1.2px,transparent 1.2px 8px);-webkit-mask:linear-gradient(90deg,transparent 30%,#000);mask:linear-gradient(90deg,transparent 30%,#000)}.comic .fx-flash{opacity:.45;background:radial-gradient(circle,var(--line-ink) 1.3px,transparent 1.7px) 0 0 / 8px 8px;-webkit-mask:radial-gradient(ellipse at 50% 45%,transparent 52%,#000 88%);mask:radial-gradient(ellipse at 50% 45%,transparent 52%,#000 88%)}.comic .fx-vignette{background:linear-gradient(180deg,#00000073,#0000001a 55%,#00000073)}.comic .fx-tone-l,.comic .fx-tone-r{background:radial-gradient(rgba(20,22,27,.3) 1.2px,transparent 1.6px) 0 0 / 7px 7px}.comic .fx-tone-r{-webkit-mask:linear-gradient(90deg,transparent 58%,#000 72%);mask:linear-gradient(90deg,transparent 58%,#000 72%)}.comic .fx-tone-l{-webkit-mask:linear-gradient(270deg,transparent 58%,#000 72%);mask:linear-gradient(270deg,transparent 58%,#000 72%)}.comic .fx-wash{background:#ffffff8c}.comic .reveal{min-height:220px;justify-content:center;align-items:center;text-align:center}.comic .bigtxt{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,8.5vw,44px);line-height:1.1;letter-spacing:.04em;color:var(--c-ink);text-wrap:balance}.comic .shout-wrap{align-self:stretch;display:flex;flex-direction:column;gap:8px;align-items:center}.comic .cast{justify-content:center;flex-wrap:wrap}.comic .mono{min-height:220px;justify-content:center;gap:14px}@media(prefers-reduced-motion:no-preference){.comic .impact .bb{animation:thud .5s cubic-bezier(.2,1.6,.4,1) both;animation-timeline:view();animation-range:entry 10% cover 35%}@keyframes thud{0%{transform:scale(.7);opacity:.2}to{transform:scale(1);opacity:1}}}.comic .bgl{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;z-index:0;pointer-events:none}.comic .tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;z-index:0;pointer-events:none}.comic .closeup.has-bg{background:var(--panel)}.comic .closeup .tint{opacity:1;background:radial-gradient(circle at 24% 60%,color-mix(in srgb,var(--hue) 45%,transparent),transparent 62%)}.comic .pop.has-bg{background:var(--panel)}.comic .pop .tint{background:repeating-conic-gradient(from 0deg at 30% 85%,color-mix(in srgb,var(--hue) 30%,transparent) 0deg 4deg,transparent 4deg 9deg)}.comic .pn>:not(.bgl):not(.tint):not(.fxl):not(.fx):not(.sfx):not(.inset):not(.glyph){position:relative;z-index:1}.comic .has-bg:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;z-index:0;pointer-events:none;background:linear-gradient(transparent,#00000047)}.comic .est.has-bg{min-height:220px;justify-content:flex-start}.comic .reveal.has-bg .bgl{opacity:.3}.comic .reveal.has-bg:after{display:none}.comic .has-bg .bigtxt{text-shadow:0 0 12px #fff,0 0 4px #fff}.comic{margin-inline:-6px}@media(min-width:672px){.comic{margin-inline:0}}.comic .credit{padding-inline:16px}.comic .trans{border-radius:0}.comic .pw{position:relative;filter:drop-shadow(2.5px 0 0 var(--frame)) drop-shadow(-2.5px 0 0 var(--frame)) drop-shadow(0 2.5px 0 var(--frame)) drop-shadow(0 -2.5px 0 var(--frame))}.comic .pw.bleed{filter:none}.comic .pw>.pn{border:0;border-radius:0;padding:calc(14px + var(--st, 0px)) 18px calc(14px + var(--sb, 0px))}.comic .split .pw,.comic .pair .pw{height:100%}.comic .split .pw>.pn,.comic .pair .pw>.pn{width:100%;height:100%}.comic .bgl{filter:blur(var(--blur, 0px)) saturate(1.1)}body.bw .comic .bgl{filter:blur(var(--blur, 0px)) grayscale(1) contrast(1.06)}body.bw .comic img.sd{filter:grayscale(1) contrast(1.06) drop-shadow(0 2px 3px rgba(0,0,0,.35))}.comic.has-unit .cap{background:linear-gradient(90deg,var(--line-ink) 0 82%,var(--unit) 82% 100%);padding-right:22px}.comic .glyph{position:absolute;right:14px;bottom:12px;z-index:3;pointer-events:none;font-size:22px;line-height:1;color:#fff;-webkit-text-stroke:1px var(--line-ink);paint-order:stroke fill}:root{--bg: #fcfcfa;--surface: #ffffff;--sunk: #f2f2ee;--ink: #2e3a48;--text: #46525f;--muted: #78828d;--line: #e8e8e2;--accent: #2e3a48;--accent-ink: #f5f5f1;--pill: #3e4a54;--scene: #2e3a48;--scene-ink: #f5f5f1;--flash: #f4ecdc;--flash-ink: #5a4b2e;--warn: #9a5b00;--warn-bg: #fff3dc;--font-display: "LXGW WenKai TC", "Iansui", "Klee One", "Noto Sans TC", serif;--font-body: "LXGW WenKai TC", "Iansui", "Klee One", "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-heavy: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--reader-size: 14px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.7;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}:root{--header-h: 48px}.wrap{max-width:640px;margin:0 auto;padding-block:calc(var(--header-h) + env(safe-area-inset-top,0px)) 96px}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--ink)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-header-in{max-width:640px;height:var(--header-h);margin:0 auto;display:flex;align-items:center;gap:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}@media(min-width:672px){.site-header-in{padding-inline:0}}.site-header .brand{flex:none;font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--ink);text-decoration:none}.site-header .page-title{flex:1;min-width:0;font-family:var(--font-mono);font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .menu{width:36px;min-width:36px;height:36px;padding:0;border:0;background:none;font-size:20px}.site-header .menu:hover,.site-header .menu[aria-expanded=true]{background:var(--sunk)}.site-header .progress{position:absolute;left:0;right:0;bottom:-1px;height:2px}.lib-sub{margin:10px 0 0;font-family:var(--font-mono);font-size:12px}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:none;min-width:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center}.iconbtn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sub{color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:24px 0;text-align:center}.site-footer{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);margin-top:40px;line-height:1.6}.site-footer a{color:inherit}.search{width:100%;height:44px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 14px;margin-top:8px}.chips{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip.small{padding:1px 8px;font-size:12px}.chip[aria-pressed=true]{background:var(--pill);color:var(--accent-ink);border-color:var(--pill)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.ev{display:grid;grid-template-columns:4px 1fr auto;gap:0 12px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;width:100%}.ev .stripe{align-self:stretch;border-radius:2px}.ev .main{min-width:0}.ev .nm{font-weight:500;display:block;overflow-wrap:anywhere}.ev .meta{font-family:var(--font-mono);color:var(--muted);font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px 10px;font-variant-numeric:tabular-nums}.ev .num{font-family:var(--font-mono);color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.badge{font-size:11.5px;padding:1px 7px;border-radius:6px;background:var(--warn-bg);color:var(--warn)}.badge.ok{background:var(--sunk);color:var(--accent)}.evhead{padding-block:8px 16px;display:grid;gap:6px}.evhead h2{font-family:var(--font-display);font-size:26px;line-height:1.3;margin:0;text-wrap:balance}.evmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.eps{display:flex;flex-direction:column;gap:8px}.ep{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}.ep .no{font-family:var(--font-display);font-size:20px;color:var(--muted);grid-row:1 / span 2;font-variant-numeric:tabular-nums;min-width:1.6em;text-align:center}.ep .t{font-weight:500;min-width:0;overflow-wrap:anywhere}.ep .acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}.ep .read{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:4px 12px;font-weight:500}.ep .na{color:var(--muted)}.prog{color:var(--muted);font-variant-numeric:tabular-nums}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .15s}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000059}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:31;width:min(280px,82vw);overflow-y:auto;background:var(--bg);border-left:1px solid var(--line);box-shadow:-8px 0 24px #2e3a481f;padding:calc(env(safe-area-inset-top,0px) + 18px) max(18px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 24px) 18px;display:flex;flex-direction:column;gap:6px}.scrim[hidden],.drawer[hidden]{display:none}.drawer-head{display:grid;gap:2px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.drawer-head b{font-family:var(--font-display);font-size:16px;line-height:1.35}.drawer-head span{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.drawer-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;background:none;padding:11px 4px;border-radius:8px;font-size:14px}.drawer-item:hover{background:var(--sunk)}.drawer-sep{border:0;border-top:1px solid var(--line);margin:8px 0;width:100%}.drawer-item .switch{width:34px;height:20px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .15s}.drawer-item .switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.drawer-item[aria-pressed=true] .switch{background:var(--accent)}.drawer-item[aria-pressed=true] .switch:after{transform:translate(14px)}.end{margin-top:32px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;justify-items:center;text-align:center}.end b{font-family:var(--font-display);font-size:16px}.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:10px 18px;font-weight:500}.ghost{background:none;border:1px solid var(--line);border-radius:10px;padding:8px 14px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.progress i,.drawer-item .switch,.drawer-item .switch:after{transition:none}}.curtain{display:none}.curtain[data-play]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}.curtain[data-play] svg{position:absolute;top:0;height:100%;inline-size:75vw;fill:var(--ink)}.curtain[data-play] .c-l{left:0;animation:curtain-l 1.2s cubic-bezier(.7,0,.25,1) .15s forwards}.curtain[data-play] .c-r{right:0;animation:curtain-r 1.2s cubic-bezier(.7,0,.25,1) .15s forwards}@keyframes curtain-l{to{transform:translate(-102%)}}@keyframes curtain-r{to{transform:translate(102%)}}@media(prefers-reduced-motion:reduce){.curtain,.curtain[data-play]{display:none}}