:root{--official-color-bg:#f2f0e9;--official-color-surface:#e8e5dc;--official-color-ink:#17363a;--official-color-text:#303937;--official-color-muted:#777f7b;--official-color-line:#17363a29;--official-color-accent:#b4a17d;--official-color-white:#faf9f5;--official-font-serif:"Noto Serif TC", "Source Han Serif TC", "Songti TC", "STSong", "PMingLiU", serif;--official-font-sans:"Noto Sans TC", "Source Han Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--official-font-display:"Cormorant Garamond", "Times New Roman", serif;--display-bg-dark:#17363a;--display-panel-bg:#17363ae0;--display-text-primary:var(--official-color-white);--display-text-secondary:#faf9f5bf;--display-text-muted:var(--official-color-muted);--display-accent:var(--official-color-accent);--display-border:#faf9f533;--display-border-subtle:#faf9f51f;--safe-top:96px;--safe-left:120px;--safe-right:120px;--safe-bottom:140px;--type-space-title:clamp(28px, 1.5625vw, 60px);--type-cta:clamp(17px, .9375vw, 36px);--type-metadata:clamp(17px, .9375vw, 36px);--type-microcopy:clamp(15px, .8333vw, 32px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--display-bg-dark);width:100%;height:100%;color:var(--display-text-primary);font-family:var(--official-font-sans);user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.app-container{background:var(--display-bg-dark);width:100vw;height:100vh;position:relative;overflow:hidden}.safe-area-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;padding:clamp(48px,5vw,192px) clamp(60px,6.25vw,240px) clamp(70px,7.29vw,280px);display:flex;position:absolute;inset:0}.home-screen{opacity:1;z-index:10;width:100%;height:100%;transition:opacity .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.home-screen.stage-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:0!important}.home-screen.stage-fading-out{opacity:0;pointer-events:none;z-index:10}.cinematic-bg-container{background:var(--official-color-ink);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cinematic-bg-image{opacity:0;will-change:transform, opacity;background-repeat:no-repeat;background-size:cover;width:102%;height:102%;transition:opacity 2s cubic-bezier(.4,0,.2,1);position:absolute;inset:-1%}.cinematic-bg-image.active{opacity:1}.cinematic-bg-image.hero-b{transform-origin:58%;background-position:58%}.cinematic-bg-image.hero-b.ken-burns{animation:16s ease-out infinite alternate kenBurnsHeroB}@keyframes kenBurnsHeroB{0%{transform:scale(1)}to{transform:scale(1.022)}}.cinematic-bg-image.camera-02{transform-origin:45% 42%;background-position:45% 42%}.cinematic-bg-image.camera-02.ken-burns{animation:16s ease-out infinite alternate kenBurnsCam02}@keyframes kenBurnsCam02{0%{transform:scale(1)}to{transform:scale(1.022)}}.cinematic-vignette{pointer-events:none;background:linear-gradient(#17363a85 0%,#17363a14 32%,#17363a29 68%,#17363aad 100%);position:absolute;inset:0}.home-logo-wrap{pointer-events:auto;align-items:center;display:inline-flex}.official-brand-logo{object-fit:contain;filter:drop-shadow(0 10px 28px #17363a6b);width:clamp(90px,5.2vw,200px);height:clamp(90px,5.2vw,200px);display:block}.home-bottom-row{pointer-events:none;justify-content:space-between;align-items:flex-end;width:100%;display:flex}.space-metadata{pointer-events:auto;flex-direction:column;gap:clamp(8px,.625vw,24px);max-width:clamp(480px,36vw,1200px);display:flex}.space-title{font-family:var(--official-font-serif);font-size:var(--type-space-title);color:var(--display-text-primary);text-shadow:0 4px 20px #17363aa6;white-space:nowrap;align-items:baseline;font-weight:400;line-height:1.25;display:inline-flex}.space-title .type-label{letter-spacing:.14em;font-weight:400}.space-title .type-separator{opacity:.65;color:var(--official-color-accent);margin:0 clamp(10px,.7vw,22px);font-size:.85em;display:inline-block;transform:translateY(-.06em)}.space-title .type-sub{letter-spacing:.18em;font-weight:400}.explore-cta-wrap{pointer-events:auto}.btn-explore-touch{-webkit-backdrop-filter:blur(20px);min-width:140px;min-height:72px;color:var(--display-text-primary);font-family:var(--official-font-sans);font-size:var(--type-cta);letter-spacing:.18em;cursor:pointer;background:#17363a47;border:1px solid #f2f0e92e;border-radius:3px;justify-content:center;align-items:center;gap:clamp(12px,.9vw,24px);padding:clamp(14px,1vw,30px) clamp(32px,2.2vw,68px);font-weight:400;transition:opacity .24s,background .24s,border-color .24s,transform .2s;display:inline-flex;box-shadow:0 8px 28px #17363a40}.btn-explore-touch:hover,.btn-explore-touch:focus-visible{background:#17363a66;border-color:#b4a17d59}.btn-explore-touch:active{opacity:.82;background:#b4a17d38;border-color:#b4a17d80;transform:scale(.988)}.btn-explore-touch svg{stroke:#f2f0e9b3;stroke-width:1.4px;width:clamp(15px,.95vw,28px);height:clamp(15px,.95vw,28px);transition:stroke .2s,transform .2s}.btn-explore-touch:hover svg{stroke:var(--official-color-accent);transform:translate(2px,-2px)}.viewer-screen{background:var(--official-color-ink);z-index:20;opacity:1;width:100%;height:100%;transition:opacity 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.viewer-screen.stage-hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:0!important}.viewer-screen.stage-fading-out{opacity:0;pointer-events:none;z-index:20}.pannellum-canvas-container{cursor:grab;width:100%;height:100%}.pannellum-canvas-container:active{cursor:grabbing}.pnlm-load-box,.pnlm-watermark,.pnlm-zoom-controls,.pnlm-fullscreen-toggle-button,.pnlm-compass{display:none!important}.viewer-controls-bar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .5s;display:flex;position:absolute;top:clamp(48px,5vw,192px);left:clamp(60px,6.25vw,240px);right:clamp(60px,6.25vw,240px)}.viewer-controls-bar.controls-hidden{opacity:0;pointer-events:none}.btn-viewer-action{pointer-events:auto;-webkit-backdrop-filter:blur(16px);min-width:110px;min-height:48px;color:var(--display-text-primary);font-family:var(--official-font-sans);letter-spacing:.14em;cursor:pointer;background:#17363a52;border:1px solid #f2f0e92e;border-radius:3px;align-items:center;gap:clamp(8px,.55vw,16px);padding:clamp(8px,.6vw,18px) clamp(18px,1.1vw,36px);font-size:clamp(14px,.8vw,26px);font-weight:400;transition:opacity .24s,background .24s,border-color .24s,transform .2s;display:inline-flex;box-shadow:0 6px 20px #17363a40}.btn-viewer-action:hover,.btn-viewer-action:focus-visible{background:#17363a73;border-color:#b4a17d59}.btn-viewer-action:active{opacity:.82;background:#b4a17d38;border-color:#b4a17d80;transform:scale(.988)}.btn-viewer-action svg{stroke:#f2f0e9b3;stroke-width:1.4px;width:clamp(14px,.85vw,26px);height:clamp(14px,.85vw,26px);transition:stroke .2s}.btn-viewer-action:hover svg{stroke:var(--official-color-accent)}.first-entry-cue{z-index:35;pointer-events:none;font-family:var(--official-font-serif);letter-spacing:.28em;color:var(--display-text-primary);border:1px solid var(--display-border-subtle);-webkit-backdrop-filter:blur(16px);text-align:center;background:#17363abf;border-radius:4px;padding:clamp(14px,1vw,30px) clamp(28px,1.8vw,56px);font-size:clamp(18px,1.15vw,38px);font-weight:400;animation:2.4s cubic-bezier(.22,1,.36,1) forwards fadeOutCue;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #17363a66}@keyframes fadeOutCue{0%{opacity:0;transform:translate(-50%,-46%)}20%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1}to{opacity:0;pointer-events:none}}.transition-curtain{background:var(--official-color-ink);z-index:50;opacity:0;pointer-events:none;transition:opacity .4s ease-in-out;position:absolute;inset:0}.transition-curtain.active-800{opacity:1;pointer-events:auto;transition:opacity .8s ease-in-out}.transition-curtain.active-1000{opacity:1;pointer-events:auto;transition:opacity 1s ease-in-out}