:root{--ink:#10122b;--body:#6b7189;--muted:#9aa0b8;--line:#e9ebf4;--surface:#fff;--surface-alt:#f6f7fb;--brand:#ff6700;--glow-teal:#61cfc447;--glow-orange:#ffaa6e42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#eef0f8;--body:#a7adc4;--muted:#7a809a;--line:#262a3d;--surface:#0f1120;--surface-alt:#171a2c;--brand:#ff8a3d;--glow-teal:#61cfc424;--glow-orange:#ff8a3d24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--surface);min-width:320px;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans TC,PingFang TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:720px;margin:0 auto;padding:72px 16px 56px;position:relative}.glow{z-index:-1;pointer-events:none;background:radial-gradient(40% 70% at 8% 0%, var(--glow-teal), transparent 70%), radial-gradient(40% 70% at 92% 0%, var(--glow-orange), transparent 70%);filter:blur(8px);height:420px;position:fixed;inset:0 0 auto}.hero{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar{object-fit:cover;width:96px;height:96px;box-shadow:0 0 0 4px var(--surface), 0 12px 28px #10122b24;border-radius:50%}.name{color:var(--brand);margin:16px 0 0;font-size:15px;font-weight:600}h1{letter-spacing:-.02em;text-wrap:balance;max-width:16em;margin:10px 0 0;font-size:clamp(30px,5.2vw,44px);font-weight:800;line-height:1.25}.lead{max-width:36em;color:var(--body);text-wrap:pretty;margin:20px 0 0;font-size:16px;line-height:1.85}.tiers{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;display:grid}@media (width<=600px){.tiers{grid-template-columns:1fr}}.tier{cursor:pointer;text-align:left;background:var(--surface);color:var(--ink);font:inherit;box-shadow:0 0 0 1px var(--line), 0 10px 30px #10122b0f;border:0;border-radius:22px;flex-direction:column;align-items:flex-start;gap:4px;padding:22px 22px 18px;transition:box-shadow .16s,transform .16s;display:flex}.tier:hover:not(:disabled){box-shadow:0 0 0 1px var(--line), 0 16px 36px #10122b1a;transform:translateY(-2px)}.tier:active:not(:disabled){transform:scale(.97)}.tier:disabled{cursor:default;opacity:.55}.tier:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.tier-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.tier-note{color:var(--body);margin-bottom:16px;font-size:14px}.tier-cta{text-align:center;color:#fff;background:linear-gradient(105deg,#3c4041 8%,#111);border-radius:999px;align-self:stretch;margin-top:auto;padding:10px 0;font-size:14px;font-weight:600;box-shadow:0 8px 18px #1111112e}.error{text-align:center;color:#d9444a;margin:16px 0 0;font-size:14px}.hint{text-align:center;color:var(--muted);margin:18px 0 0;font-size:13px}.works{margin-top:64px}.page{max-width:880px}.hero,.tiers,.hint,.error{max-width:720px;margin-inline:auto}.works h2{text-align:center;margin:0 0 14px;font-size:18px;font-weight:700}.socials{color:var(--body);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:40px;font-size:14px;display:flex}.socials a:hover{color:var(--brand)}.socials a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.page-thanks{place-items:center;min-height:100vh;display:grid}.btn{color:#fff;background:linear-gradient(105deg,#3c4041 8%,#111);border-radius:999px;align-items:center;height:48px;margin-top:32px;padding:0 26px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #11111138}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tier,.works a{transition:none}.tier:hover:not(:disabled){transform:none}}.catalog{outline:none;margin-top:28px}.catalog:focus-visible .spread{outline:2px solid var(--brand);outline-offset:8px;border-radius:12px}.book{--paper:#fffdf8;--paper-edge:#e9e1d2;--board:#23263a;--board-2:#34384f;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}@media (prefers-color-scheme:dark){.book{--paper:#f4efe4;--paper-edge:#d9cfbd}}.spread{aspect-ratio:16/9.5;perspective:2400px;grid-template-columns:1fr 1fr;transition:transform .6s cubic-bezier(.45,.05,.25,1);display:grid;position:relative}.spread:before{content:"";z-index:0;background:linear-gradient(90deg, var(--board) 0%, var(--board-2) 49.5%, #15172a 50%, var(--board-2) 50.5%, var(--board) 100%);border-radius:10px 14px 14px 10px;transition:opacity .3s;position:absolute;inset:-10px -12px;box-shadow:0 30px 60px #10122b38,0 4px 10px #10122b1f}.spread.is-closed-front{transform:translate(-25%)}.spread.is-closed-back{transform:translate(25%)}.spread.is-closed-front:before,.spread.is-closed-back:before{opacity:0}.spread>*{z-index:1;position:relative}.single{display:none}@media (width<=719px){.spread{display:none}.single{aspect-ratio:3/4;display:block}.single .page-face{border-radius:14px}.count-wide{display:none}}@media (width>=720px){.count-narrow{display:none}}.page-face{background:var(--paper);flex-direction:column;height:100%;padding:32px 30px;display:flex;position:relative;overflow:hidden}.page-left{background:linear-gradient(90deg, var(--paper) 80%, #f1ebde 94%, #ddd3c1 100%);box-shadow:-1px 0 0 var(--paper-edge), -3px 1px 0 var(--paper), -4px 1px 0 var(--paper-edge), -6px 2px 0 var(--paper), -7px 2px 0 var(--paper-edge);border-radius:4px 0 0 4px}.page-right{background:linear-gradient(270deg, var(--paper) 80%, #f1ebde 94%, #ddd3c1 100%);box-shadow:1px 0 0 var(--paper-edge), 3px 1px 0 var(--paper), 4px 1px 0 var(--paper-edge), 6px 2px 0 var(--paper), 7px 2px 0 var(--paper-edge);border-radius:0 4px 4px 0}.page-blank{box-shadow:none;background:0 0}.page-cover,.page-back{color:#f3efe6;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 3px),linear-gradient(90deg,#15172a 0,#2c3049 5%,#23263a 7%,#262a40 60%,#1d2034 100%);border-radius:6px 12px 12px 6px;padding:40px 44px 32px 56px;box-shadow:0 30px 60px #10122b47,0 4px 10px #10122b29,inset -1px 0 #ffffff0f}.page-back{text-align:center;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 3px),linear-gradient(270deg,#15172a 0,#2c3049 5%,#23263a 7%,#262a40 60%,#1d2034 100%);border-radius:12px 6px 6px 12px;justify-content:center;align-items:center;gap:6px;padding:40px 56px 32px 44px}.cover-code{z-index:0;color:#ffc49633;white-space:pre;margin:0;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:116px;left:76px;right:40px;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 35%);mask:linear-gradient(#0000,#000 35%)}.cover-rings{z-index:0;background:repeating-radial-gradient(circle,#ffb47a3d 0 1px,#0000 1px 15px);border-radius:50%;width:380px;height:380px;position:absolute;bottom:-110px;right:-110px;-webkit-mask:radial-gradient(circle,#000 42%,#0000 72%);mask:radial-gradient(circle,#000 42%,#0000 72%)}.cover-dot{z-index:0;background:#ff8a3d;border-radius:50%;width:11px;height:11px;position:absolute;bottom:74px;right:74px;box-shadow:0 0 0 7px #ff8a3d24}.page-cover>.cover-frame,.page-cover>.cover-hint{z-index:1;position:relative}.cover-frame{border:1px solid #ffc49659;border-radius:4px;flex-direction:column;flex:1;justify-content:center;padding:28px;display:flex;box-shadow:inset 0 0 0 4px #0000001f,inset 0 0 0 5px #ffc49626}.cover-mark{letter-spacing:.12em;color:#ffb47a;margin:0;font-size:13px;font-weight:600}.cover-title{letter-spacing:.04em;color:#f6e7d6;text-shadow:0 1px #00000080,0 -1px #ffffff14;margin:14px 0 0;font-size:44px;font-weight:800;line-height:1.2}.cover-rule{background:#ff8a3d;border-radius:2px;width:48px;height:2px;margin:20px 0 0}.cover-sub{color:#f3efe6bf;margin:16px 0 0;font-size:14px}.cover-year{letter-spacing:.1em;color:#f3efe673;font-variant-numeric:tabular-nums;margin:auto 0 0;font-size:12px}.cover-hint{color:#f3efe680;text-align:right;margin:14px 0 0;font-size:12px}.page-back .cover-title{letter-spacing:0;font-size:28px}.page-back .cover-mark{margin-top:24px}.page-work{padding:26px 28px}.work-shot{aspect-ratio:16/9;background:var(--surface);box-shadow:0 0 0 1px var(--paper-edge);border-radius:10px;flex:none;padding:6px;position:relative;overflow:hidden}.work-shot img{object-fit:contain;border-radius:6px;width:calc(100% - 12px);height:calc(100% - 12px);display:block;position:absolute;inset:6px}.work-head{align-items:baseline;gap:10px;margin-top:18px;display:flex}.entry-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:28px;font-weight:800}.entry-number span{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:600}.entry-tag{color:var(--brand);background:#ff67001a;border-radius:999px;margin:0;padding:2px 10px;font-size:12px;font-weight:700}.entry-name{letter-spacing:-.01em;margin:6px 0 0;font-size:20px;font-weight:800}.entry-desc{color:var(--body);margin:4px 0 14px;font-size:14px;line-height:1.7}.entry-link{color:#fff;background:linear-gradient(105deg,#3c4041 8%,#111);border-radius:999px;align-self:flex-start;margin-top:auto;padding:9px 20px;font-size:14px;font-weight:600}.entry-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.leaf{width:50%;transform-style:preserve-3d;z-index:2;animation-timing-function:cubic-bezier(.45,.05,.25,1);animation-fill-mode:forwards;position:absolute;top:0;bottom:0}.leaf-next{transform-origin:0;animation-name:flip-next;left:50%}.leaf-prev{transform-origin:100%;animation-name:flip-prev;left:0}.leaf-front,.leaf-back{backface-visibility:hidden;position:absolute;inset:0}.leaf-back{transform:rotateY(180deg)}@keyframes flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.catalog-nav{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.catalog-nav button{cursor:pointer;background:var(--surface-alt);width:40px;height:40px;color:var(--ink);box-shadow:0 0 0 1px var(--line);border:0;border-radius:50%;font-size:22px;line-height:1;transition:background .16s,transform .16s}.catalog-nav button:hover:not(:disabled){background:var(--line)}.catalog-nav button:active:not(:disabled){transform:scale(.96)}.catalog-nav button:disabled{opacity:.35;cursor:default}.catalog-nav button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.catalog-count{text-align:center;min-width:56px;color:var(--body);font-variant-numeric:tabular-nums;font-size:14px}.lead+.lead{margin-top:12px}.page-back.page-right{background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 3px),linear-gradient(90deg,#15172a 0,#2c3049 5%,#23263a 7%,#262a40 60%,#1d2034 100%);border-radius:6px 12px 12px 6px}