*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#fff8e7;cursor:default;background:#0e0805;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.scroll-container{scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;height:100vh;overflow-y:scroll}.section{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;height:100vh;overflow:hidden}:root{--wz-bg:#0e0805;--wz-surface:#fff8e7;--wz-accent:#b5a48a;--wz-text:#fff8e7;--wz-text-muted:#b5a48a;--wz-border:#b5a48a38;--font-serif-tc:"Noto Serif TC", "Songti TC", serif;--font-serif-en:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--reveal-duration:.22s;--stagger-delay:65ms}.poster-section{will-change:transform;background:radial-gradient(at 30% 20%,#ff785026 0%,#0000 50%),radial-gradient(at 70% 80%,#ff55781f 0%,#0000 50%),radial-gradient(#ff966414 0%,#0000 60%),linear-gradient(135deg,#1a0a05 0%,#0d0403 50%,#0a0202 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.poster-section:after{content:"";pointer-events:none;z-index:0;opacity:.8;background:radial-gradient(at 20% 30%,#ff8c6440 0%,#0000 40%),radial-gradient(at 80% 70%,#ff648233 0%,#0000 45%),radial-gradient(#ffb47826 0%,#0000 50%);position:absolute;inset:0}.poster-section:before{content:"";opacity:1;z-index:1;background-image:url(../poster.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0}.poster-section .vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 40%,#0006 100%);position:absolute;inset:0}.poster-section .texture{opacity:.03;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.performance-section{background:var(--wz-bg);will-change:transform;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;display:flex;overflow:visible;transform:translateZ(0)}.performance-content{flex-direction:column;gap:52px;width:100%;max-width:680px;padding:60px 24px;display:flex}.performance-header{text-align:center;opacity:0;animation:fadeUp .6s var(--ease-out) forwards;flex-direction:column;gap:24px;display:flex;transform:translateY(20px)}.performance-decorative{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.28em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:400}.performance-title{font-family:var(--font-serif-tc);color:var(--wz-text);letter-spacing:.12em;font-size:clamp(32px,6vw,48px);font-weight:500;line-height:1.4}.performance-subtitle{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-style:italic;font-weight:400}.performance-list{border-top:1px solid var(--wz-border);flex-direction:column;gap:0;display:flex}.performance-item{border-bottom:1px solid var(--wz-border);opacity:0;transition:opacity var(--reveal-duration) var(--ease-out), transform var(--reveal-duration) var(--ease-out), background-color .2s var(--ease-out), transform .2s var(--ease-out);transition-delay:calc(var(--stagger-delay) * (var(--data-index,0) - 1));cursor:default;grid-template-columns:52px 1fr;gap:24px;padding:26px 0;display:grid;transform:translateY(20px)}.performance-item.is-visible{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.performance-item:hover{background:#fff8e708;transform:translate(4px)}}.performance-number{font-family:var(--font-serif-en);color:var(--wz-accent);font-variant-numeric:tabular-nums;letter-spacing:.05em;align-items:flex-start;padding-top:2px;font-size:14px;font-weight:400;display:flex}.performance-info{flex-direction:column;gap:6px;display:flex}.performance-name{font-family:var(--font-serif-tc);color:var(--wz-text);letter-spacing:.08em;transition:color .2s var(--ease-out);font-size:20px;font-weight:500;line-height:1.4}@media (hover:hover) and (pointer:fine){.performance-item:hover .performance-name{color:var(--wz-accent)}}.performance-club{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.02em;font-size:14px;font-style:italic;font-weight:400;line-height:1.3}.performance-footer{text-align:center;opacity:0;animation:fadeUp .6s var(--ease-out) .4s forwards;padding-top:20px}.performance-footer-text{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.28em;text-transform:uppercase;opacity:.6;font-size:13px;font-weight:400}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.scroll-hint{opacity:1;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);z-index:10;cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}@media (hover:hover) and (pointer:fine){.scroll-hint:hover{transform:translate(-50%)translateY(-2px)}.scroll-hint:active{transform:translate(-50%)translateY(0)}}.scroll-hint-icon{color:#fff8e7e6;width:24px;height:24px;animation:arrowFloat 1.5s var(--ease-in-out) infinite, arrowPulse 2s var(--ease-in-out) infinite;justify-content:center;align-items:center;display:flex}.scroll-hint-icon svg{width:100%;height:100%}@keyframes arrowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes arrowPulse{0%,to{opacity:.9}50%{opacity:.6}}.qrcodes-section{background:var(--wz-bg);will-change:transform;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100vh;display:flex;overflow:visible;transform:translateZ(0)}.qrcodes-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;max-width:900px;padding:60px 24px;display:flex}.qrcodes-grid{grid-template-columns:1fr;justify-items:center;gap:24px;width:100%;display:grid}.qrcodes-header{text-align:center;opacity:0;width:100%;max-width:680px;animation:fadeUp .6s var(--ease-out) forwards;flex-direction:column;gap:20px;display:flex;transform:translateY(20px)}.qrcodes-decorative{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.28em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:400}.qrcodes-title{font-family:var(--font-serif-tc);color:var(--wz-text);letter-spacing:.12em;font-size:clamp(32px,6vw,48px);font-weight:500;line-height:1.4}.qrcodes-subtitle{font-family:var(--font-serif-en);color:var(--wz-text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:14px;font-style:italic;font-weight:400}.qrcode-container{opacity:0;filter:blur(3px);text-align:center;width:100%;max-width:260px;min-height:360px;transition:opacity var(--reveal-duration) var(--ease-out), transform var(--reveal-duration) var(--ease-out), filter var(--reveal-duration) var(--ease-out);transition-delay:calc(var(--stagger-delay) * (var(--data-index,0) - 1));background:linear-gradient(#efe6d4 0%,#e6dac3 100%);border:none;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;padding:28px 24px 24px;display:flex;position:relative;transform:translateY(24px);box-shadow:0 12px 32px -16px #0000008c,inset 0 0 0 1px #ffffff59}@media (hover:hover) and (pointer:fine){.qrcode-container:hover{transform:translateY(-2px);box-shadow:0 16px 40px -16px #000000a6,inset 0 0 0 1px #fff6}}.qrcode-container.is-visible{opacity:1;filter:blur();transform:translateY(0)}.qrcode-index{font-family:var(--font-serif-en);color:#7a6953;letter-spacing:.06em;opacity:1;font-size:13px;font-style:italic;font-weight:400;position:absolute;top:14px;left:18px}.qrcode-scan{font-family:var(--font-serif-en);color:#7a6953;letter-spacing:.1em;text-transform:uppercase;opacity:1;font-size:8.5px;font-weight:500;position:absolute;top:18px;right:18px}.qrcode{background:#f3ead8;border:none;border-radius:4px;flex-shrink:0;width:160px;height:160px;margin:12px auto 0;padding:14px;box-shadow:inset 0 0 0 1px #3c2a1c1a}.qrcode-divider{background:#3c2a1c2e;flex-shrink:0;width:100%;height:1px;margin:22px 0 18px}.qrcode-label{font-family:var(--font-serif-tc);color:#241914;letter-spacing:.04em;margin-top:0;margin-bottom:6px;font-size:20px;font-weight:400;line-height:1.15}.qrcode-subtitle{font-family:var(--font-serif-en);color:#7a6953;letter-spacing:.02em;text-transform:uppercase;margin-top:6px;margin-bottom:14px;font-size:9.5px;font-weight:500}.qrcode-label a{color:#b5a48a;font-family:var(--font-serif-en);letter-spacing:.06em;transition:color .2s var(--ease-out);border-bottom:1px solid #b5a48a;align-items:center;gap:6px;padding-bottom:2px;font-size:14px;font-style:italic;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.qrcode-label a:hover{color:#9a8a6e;border-bottom-color:#9a8a6e}.qrcode-label a:focus{outline-offset:2px;border-radius:3px;outline:2px solid #b5a48a}}.button-container{z-index:15;-webkit-backdrop-filter:blur(12px);background:#0e080566;border:1px solid #b5a48a33;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:max-content;padding:8px 16px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.map-link-button{color:var(--wz-bg);font-family:var(--font-serif-tc);letter-spacing:.04em;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#fff8e7f2;border:1px solid #b5a48a4d;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.map-link-button:hover{background:#fff8e7fa;border-color:#b5a48a80;transform:translateY(-1px);box-shadow:0 4px 16px #0e080533}.map-link-button:active{transform:translateY(0);box-shadow:0 2px 8px #0e080526}.map-link-button:focus{outline:2px solid var(--wz-accent);outline-offset:2px}}.map-link-button.calendar-link-button{background:#fff8e7f2}.map-icon{width:18px;height:18px;color:var(--wz-bg);flex-shrink:0}.map-link-text{color:var(--wz-bg)}.footer-section{background:radial-gradient(at 30% 20%,#ff785026 0%,#0000 50%),radial-gradient(at 70% 80%,#ff55781f 0%,#0000 50%),radial-gradient(#ff966414 0%,#0000 60%),linear-gradient(135deg,#1a0a05 0%,#0d0403 50%,#0a0202 100%);justify-content:center;align-items:center;display:flex;overflow:hidden}.footer-content{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.footer-image{width:100%;height:auto;padding:40px 0;display:block}.countdown-container{z-index:10;flex-direction:row;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:78%;left:60%;transform:translate(-50%,-50%)}.countdown-number{font-family:var(--font-serif-en);color:#fff8e7;text-shadow:0 2px 10px #000c,0 4px 20px #0009,0 0 40px #0006;letter-spacing:.02em;font-size:48px;font-weight:600;line-height:1}.countdown-label-before,.countdown-label-after{font-family:var(--font-serif-tc);color:#fff8e7;text-shadow:0 2px 10px #000c,0 4px 20px #0009,0 0 40px #0006;letter-spacing:.12em;white-space:nowrap;min-width:fit-content;font-size:48px;font-weight:600;line-height:1}.countdown-label{color:#fff8e7;text-shadow:0 2px 8px #000c,0 4px 12px #0009;letter-spacing:.05em;font-size:18px;font-weight:500}@media (width<=767px){.performance-content{gap:40px;padding:100px 20px 40px}.performance-title{font-size:28px}.performance-subtitle{font-size:12px}.performance-item{grid-template-columns:44px 1fr;gap:16px;padding:20px 0}.performance-number{font-size:12px}.performance-name{font-size:17px}.performance-club{font-size:13px}.qrcodes-content{flex-direction:column;gap:20px;padding:100px 16px 40px}.qrcodes-grid{grid-template-columns:1fr;gap:20px}.qrcode-container{max-width:240px;min-height:320px;margin:0 auto;padding:24px 20px 20px}.qrcode{width:120px;height:120px;margin:10px auto 0;padding:10px}.qrcode-label{font-size:17px}.qrcode-subtitle{font-size:9px}.qrcode-label a{font-size:13px}.button-container{flex-direction:row;gap:8px;width:max-content;max-width:90vw;top:20px}.map-link-button{letter-spacing:.04em;border-radius:7px;flex-shrink:1;gap:6px;min-width:0;padding:10px 16px;font-size:13px;font-weight:500}.map-icon{width:16px;height:16px}.footer-image{padding:20px 15px}.countdown-number,.countdown-label-before,.countdown-label-after{font-size:36px}.countdown-label{font-size:14px}}@media (width>=768px){.performance-content{gap:52px;padding:80px 32px}.performance-item{grid-template-columns:60px 1fr;gap:28px;padding:28px 0}.performance-number{font-size:14px}.qrcodes-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:60px 32px}.qrcodes-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:700px}.qrcode-container{justify-self:center;width:100%;max-width:260px;min-height:360px}.qrcode{width:140px;height:140px;margin:12px auto 0;padding:12px}.button-container{gap:14px;top:22px}.map-link-button{letter-spacing:.04em;gap:10px;padding:14px 24px;font-size:15px;font-weight:500}.map-icon{width:20px;height:20px}.footer-image{max-width:57%;margin:0 auto;padding:30px 20px}.countdown-number,.countdown-label-before,.countdown-label-after{font-size:42px}.countdown-label{font-size:16px}}@media (width>=1024px){.performance-content{gap:56px;padding:100px 40px}.performance-item{grid-template-columns:68px 1fr;gap:32px;padding:32px 0}.performance-number{font-size:15px}.qrcodes-content{gap:28px;padding:80px 40px}.qrcodes-grid{grid-template-columns:repeat(2,1fr);gap:28px;width:100%;max-width:750px}.qrcode-container{justify-self:center;width:100%;max-width:260px;min-height:360px;padding:28px 24px 24px}.qrcode{width:160px;height:160px}.button-container{gap:16px;top:24px}.map-link-button{letter-spacing:.04em;gap:12px;padding:16px 28px;font-size:16px;font-weight:500}.map-icon{width:22px;height:22px}.footer-image{max-width:65%;margin:0 auto;padding:40px 30px}.countdown-number,.countdown-label-before,.countdown-label-after{font-size:48px}.countdown-label{font-size:18px}}@media (prefers-reduced-motion:reduce){.performance-header{opacity:1;animation:none;transform:translateY(0)}.performance-item{opacity:1;transition:none;transform:translateY(0)}.performance-name,.scroll-hint{transition:none}.scroll-hint-icon{animation:none}.map-link-button{transition:none}.qrcode-container{opacity:1;filter:blur();transition:none;transform:translateY(0)}.qrcode-label a{transition:none}}