*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;overflow-x:hidden}img,svg,canvas{display:block;max-width:100%}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@font-face{font-family:Chivo;src:url(./Chivo-VariableFont_wght-Dw5G_R6b.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Chivo;src:url(./Chivo-Italic-VariableFont_wght-BkDKCvMC.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}html,body{height:100%;overflow:hidden}body{font-family:Chivo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;color:#fff;background:url(./noise-i9FMxTfe.png),linear-gradient(#27a7af00,#370d614d,#a9045d40,#26572b40,#2c0e4a6b,#15476354,#73143f80,#48370c4f),#0a0a0d;background-repeat:repeat,no-repeat,no-repeat}#stage{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.brand{position:fixed;top:24px;left:24px;z-index:10}.brand img{height:72px}@media(max-width:640px){.brand img{height:56px}}[data-icon] svg{width:1em;height:1em;fill:currentColor}@media(hover:hover)and (pointer:fine){#stage{cursor:none}.beam{position:fixed;top:0;left:0;width:6px;height:6px;border-radius:50%;background:#e931cc;box-shadow:0 0 12px 2px #e931cccc,0 0 28px 6px #e931cc59;pointer-events:none;z-index:9000;opacity:0;mix-blend-mode:screen;will-change:transform,opacity,width,height;transition:opacity .35s ease,width .2s ease,height .2s ease,background .2s ease,box-shadow .2s ease}.beam.is-on{opacity:.9}.beam.is-press{background:#fff;box-shadow:0 0 16px 3px #ffffffe6,0 0 36px 10px #e931cc80}body.is-card-hover .beam{width:12px;height:12px;box-shadow:0 0 18px 4px #e931ccf2,0 0 44px 12px #e931cc80}body.lightbox-open .beam{opacity:0}}.lightbox{position:fixed;inset:0;z-index:200;background:#000000f0}.lightbox[hidden]{display:none}.lightbox .lightbox-close{position:fixed;top:24px;right:24px;z-index:210;color:#fff;transition:color .3s ease,transform .3s ease}.lightbox .lightbox-close svg{width:40px;height:40px;fill:currentColor}@media(max-width:640px){.lightbox .lightbox-close svg{width:32px;height:32px}}.lightbox .lightbox-close:hover{color:#e931cc;transform:scale(1.1)}.lightbox .lightbox-stage{height:100%;display:flex;align-items:center;gap:48px;padding:72px 64px}@media(max-width:900px){.lightbox .lightbox-stage{flex-direction:column;gap:24px;padding:72px 20px 32px;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:640px){.lightbox .lightbox-stage{padding:64px 16px 24px}}.lightbox .lightbox-media{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:16px}@media(max-width:900px){.lightbox .lightbox-media{flex:none;width:100%;height:auto}}.lightbox .lightbox-frame{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width:900px){.lightbox .lightbox-frame{aspect-ratio:4/3}}.lightbox .lightbox-main{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 0 80px #e931cc26}.lightbox .lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#0a0a0d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s ease,background .2s ease}.lightbox .lightbox-arrow svg{width:32px;height:32px;fill:currentColor}.lightbox .lightbox-arrow:hover{color:#e931cc;background:#0a0a0dbf}.lightbox .lightbox-arrow--prev{left:8px}.lightbox .lightbox-arrow--next{right:8px}.lightbox .lightbox-arrow[hidden]{display:none}@media(max-width:640px){.lightbox .lightbox-arrow{width:40px;height:40px}.lightbox .lightbox-arrow svg{width:26px;height:26px}}.lightbox .lightbox-thumbs{flex:none;display:flex;gap:10px;justify-content:safe center;overflow-x:auto;padding:4px;scrollbar-width:thin}.lightbox .lightbox-thumbs[hidden]{display:none}.lightbox .lightbox-thumbs::-webkit-scrollbar{height:6px}.lightbox .lightbox-thumbs::-webkit-scrollbar-thumb{background:#e931cc80;border-radius:3px}.lightbox .lightbox-thumb{flex:0 0 auto;width:72px;height:72px;border-radius:4px;overflow:hidden;opacity:.5;outline:2px solid transparent;outline-offset:1px;transition:opacity .2s ease,outline-color .2s ease}.lightbox .lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox .lightbox-thumb:hover{opacity:.85}.lightbox .lightbox-thumb.is-active{opacity:1;outline-color:#e931cc}@media(max-width:640px){.lightbox .lightbox-thumb{width:56px;height:56px}}.lightbox .lightbox-info{flex:0 0 320px;max-width:360px;align-self:center}@media(max-width:900px){.lightbox .lightbox-info{flex:none;width:100%;max-width:none;align-self:stretch}}.lightbox .lightbox-title{font-weight:900;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:.04em;line-height:1.1;color:#e931cc}.lightbox .lightbox-year{margin-top:8px;font-size:1rem;letter-spacing:.12em;color:#5e5e5e}.lightbox .lightbox-year[hidden]{display:none}.lightbox .lightbox-desc{margin-top:20px;font-size:.95rem;line-height:1.8;color:#d9d9d9;white-space:pre-line}.lightbox .lightbox-desc[hidden]{display:none}#fallback{position:fixed;inset:0;overflow-y:auto;padding:120px 24px 48px}#fallback .fallback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:1100px;margin:0 auto}#fallback .cell{display:flex;flex-direction:column;gap:8px;text-align:left}#fallback .cell img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}#fallback .cell:hover img{transform:scale(1.03);box-shadow:0 0 40px #e931cc4d}#fallback .cell .cell-title{font-weight:200;font-style:italic;font-size:.85rem;letter-spacing:.08em;color:#d9d9d9}.gui-toggle{position:fixed;right:24px;bottom:24px;z-index:150;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff14;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #fff3,0 8px 32px #00000073;color:#ffffffbf;transition:color .3s ease,background .3s ease,transform .3s ease}.gui-toggle svg{width:24px;height:24px;fill:currentColor}.gui-toggle:hover{color:#e931cc;background:#ffffff24;transform:scale(1.06)}.gui-toggle.is-active{color:#e931cc;background:#e931cc29}@media(max-width:640px){.gui-toggle{right:16px;bottom:16px;width:46px;height:46px}}.gui-panel{position:fixed;right:24px;bottom:92px;z-index:150;width:min(320px,100vw - 32px);max-height:min(70vh,640px);overflow-y:auto;border-radius:16px;background:#1c1c2099;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1f,0 24px 64px #0000008c}.gui-panel[hidden]{display:none}@media(max-width:640px){.gui-panel{right:16px;bottom:74px}}.gui-panel::-webkit-scrollbar{width:5px}.gui-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.gui-panel{--tp-base-background-color: transparent;--tp-base-shadow-color: transparent;--tp-container-background-color: rgba(255, 255, 255, .04);--tp-container-background-color-active: rgba(255, 255, 255, .1);--tp-container-background-color-focus: rgba(255, 255, 255, .08);--tp-container-background-color-hover: rgba(255, 255, 255, .07);--tp-container-foreground-color: rgba(255, 255, 255, .85);--tp-button-background-color: rgba(255, 255, 255, .1);--tp-button-background-color-active: rgba(233, 49, 204, .4);--tp-button-background-color-focus: rgba(233, 49, 204, .3);--tp-button-background-color-hover: rgba(233, 49, 204, .25);--tp-button-foreground-color: rgba(255, 255, 255, .9);--tp-groove-foreground-color: rgba(255, 255, 255, .18);--tp-input-background-color: rgba(0, 0, 0, .28);--tp-input-background-color-active: rgba(0, 0, 0, .45);--tp-input-background-color-focus: rgba(0, 0, 0, .4);--tp-input-background-color-hover: rgba(0, 0, 0, .35);--tp-input-foreground-color: rgba(255, 255, 255, .9);--tp-label-foreground-color: rgba(255, 255, 255, .55);--tp-monitor-background-color: rgba(0, 0, 0, .3);--tp-monitor-foreground-color: rgba(255, 255, 255, .7)}.gui-panel .tp-rotv{padding:6px;font-family:inherit}.lang-toggle{position:fixed;top:24px;right:24px;z-index:150;display:flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;font-size:.9rem;font-weight:700;letter-spacing:.04em;line-height:1;background:#ffffff14;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #fff3,0 8px 32px #00000073;transition:transform .3s ease,background .3s ease}.lang-toggle:hover{transform:translateY(-1px);background:#ffffff1f}.lang-toggle__opt{color:#ffffff6b;transition:color .25s ease}.lang-toggle__opt.is-active{color:#e931cc}.lang-toggle__sep{color:#ffffff40}@media(max-width:640px){.lang-toggle{top:20px;right:16px;padding:6px 12px;font-size:.82rem}}