@font-face{font-family:Showcase;src:url('assets/showcase-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--navy:#05152e;--blue:#124caa;--gold:#ecc78c;--cream:#fff6e0;--ink:#07142b;--cycle:12000ms}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--navy);font-family:Showcase,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--cream);-webkit-font-smoothing:antialiased;cursor:none}img{display:block;user-select:none;-webkit-user-drag:none}p,h1,h2,figure{margin:0}.experience{position:relative;isolation:isolate;width:100%;height:100%;min-height:240px;overflow:hidden;background:#061832;pointer-events:none}
.hall{position:absolute;inset:-3%;background:url('assets/golden-hall.webp') center center/cover no-repeat;opacity:.24;filter:saturate(1.25) blur(2px);transform:scale(1.015);animation:hall-drift 34s ease-in-out infinite alternate;transition:opacity 2s,filter 2s}
.blue-atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,26,.48) 0%,rgba(3,20,46,.55) 30%,rgba(4,28,64,.8) 47%,rgba(5,22,45,.46) 74%,rgba(3,16,34,.38)),radial-gradient(ellipse at 44% 65%,#124b9866,transparent 55%);transition:opacity 2s}
.light-volume{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen;opacity:.42}.light-volume i{position:absolute;top:-80%;left:23%;height:220%;width:24%;background:linear-gradient(90deg,transparent,rgba(40,111,242,.3),rgba(97,153,250,.22),transparent);filter:blur(22px);transform-origin:50% 0;transform:rotate(-33deg);animation:beam-sweep 19s ease-in-out infinite alternate}.light-volume i:nth-child(2){left:49%;width:9%;opacity:.65;animation-duration:25s;animation-delay:-12s}.light-volume i:nth-child(3){left:72%;width:17%;opacity:.45;background:linear-gradient(90deg,transparent,#d7a45b33,transparent);animation-duration:29s;animation-delay:-8s}
.gold-horizon{position:absolute;left:38%;right:-15%;bottom:-10%;height:36%;border-radius:50%;background:radial-gradient(ellipse,#bd8a3c27 0%,#4e74b113 45%,transparent 70%);filter:blur(35px);transform:rotate(-7deg);animation:horizon-breathe 11s ease-in-out infinite}
.ambient-bloom{position:absolute;width:46vw;height:46vw;max-height:130vh;left:48%;top:-35%;background:radial-gradient(ellipse,#719de22b 0%,#1e529329 30%,transparent 66%);filter:blur(25px);mix-blend-mode:screen;animation:bloom-travel 28s ease-in-out infinite alternate}
#atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:4;opacity:.9}.grain{position:absolute;inset:0;opacity:.035;z-index:14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h150v150H0z'/%3E%3C/svg%3E");background-size:150px}
.brand-row{position:absolute;top:6.5%;left:5%;right:5%;height:5.9%;display:flex;align-items:center;gap:2vw;z-index:10}.brand{width:16.6vw;height:auto;max-height:8vh;object-fit:contain;object-position:left center}.brand-divider{height:2.7vh;width:1px;background:linear-gradient(transparent,#e2d2b277,transparent)}.partners{width:22vw;height:3.8vh;object-fit:contain;object-position:left center;opacity:.78}.theme-line{margin-left:auto;color:#d4e4f2;font-size:clamp(12px,1.04vw,52px);letter-spacing:.22em;white-space:nowrap}.theme-line span{padding:0 1em;color:#eac485}
.headline{position:absolute;left:5%;top:23.5%;z-index:8;width:36.7%;animation:copy-arrive 1.7s cubic-bezier(.2,.8,.2,1) both}.eyebrow{display:flex;align-items:center;gap:.65em;color:#e5be79;font-size:clamp(12px,1.16vw,66px);font-weight:400;letter-spacing:.24em;white-space:nowrap}.star{display:inline-block;font-size:1.1em;animation:star-pulse 5s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffc77377)}.eyebrow-rule{display:inline-block;width:3.1vw;height:1px;background:linear-gradient(90deg,#e5be7999,transparent);margin-left:.35em}
h1{margin-top:2.2vh;font-size:min(8.35vw,20.8vh);font-weight:850;line-height:1.11;letter-spacing:-.055em;filter:drop-shadow(0 1.2vh 1.5vh #01071155)}h1>span{display:block;width:max-content}.title-white{color:#f6f1e7;text-shadow:0 .012em 0 #b4c2d1,0 .04em .09em #02101e88;letter-spacing:.015em}.title-gold{padding:0 .11em .11em 0;background:linear-gradient(115deg,#9e5b1e 0%,#d2a361 8%,#fcdf9c 17%,#fff5d8 23%,#ce9854 33%,#ecc889 41%,#fff0be 48%,#be8340 57%,#f5d99b 66%,#fff7dc 72%,#b47330 81%,#e9bd76 91%,#fae4b0);background-size:230% 100%;background-position:20% center;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 .012em 0 #533918) drop-shadow(0 .025em 0 #563818) drop-shadow(0 .035em .022em #110b02aa);animation:golden-type 14s ease-in-out infinite alternate}
.headline-detail{display:flex;align-items:center;gap:1.15vw;margin-top:2.15vh}.gold-rule{width:2.5vw;height:2px;background:#ebc37c;box-shadow:0 0 16px #d3964255}.headline-detail p{font-size:clamp(14px,1.57vw,78px);font-weight:400;color:#e9dcc1;letter-spacing:.09em;white-space:nowrap}.dot{font-size:.7em;padding:0 1em;color:#cfad79}
.showcase{position:absolute;left:43%;top:17.5%;width:53%;height:71.5%;z-index:6;perspective:1400px;transition:opacity 1.5s}.portal{position:absolute;width:35%;height:87%;left:32.5%;top:0;border-radius:50% 50% 8% 8%;border:1px solid #c89c4d35;background:linear-gradient(180deg,#d7a35808,transparent 55%,#06182d66);box-shadow:0 0 4vw #e7b4670a,inset 0 0 2.8vw #e7b4670a;transform:rotateY(-8deg);transition:opacity 1.5s;animation:portal-glow 12s ease-in-out infinite}.portal-inner{position:absolute;inset:2.5%;border:1px solid #ddd0b30d;border-radius:inherit}.portal-light{position:absolute;left:1%;right:1%;top:2%;height:20%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at top,#ffc87538,transparent 70%);filter:blur(16px)}
.orbits{position:absolute;width:111%;height:120%;left:-5.5%;top:-6%;overflow:visible;opacity:.8;animation:orbit-breathe 18s ease-in-out infinite alternate;transition:opacity 1.2s}.orbit-glint{stroke-dasharray:70 4300;stroke-dashoffset:0;opacity:.8;filter:drop-shadow(0 0 5px #ffd388);animation:orbit-spark 18s linear infinite}.floor{position:absolute;left:-4%;width:108%;height:28%;bottom:-10%;transform:rotateX(64deg);border-radius:50%;background:radial-gradient(ellipse,#daa85b08 0%,#cba86805 47%,transparent 69%);transition:opacity 1.5s}.floor i{position:absolute;inset:6%;border:1px solid #e7bc6e38;border-radius:50%;box-shadow:0 1px 8px #edc47b1a}.floor i:nth-child(2){inset:11%;border-color:#a4c9fa1c}.floor i:nth-child(3){inset:0;border-color:#e7bc6e0c}
.scene-label{position:absolute;top:-3.8%;right:0;display:flex;align-items:center;gap:.9vw;z-index:8;transition:opacity .45s,transform .45s}.scene-en{font-size:clamp(8px,.61vw,34px);letter-spacing:.2em;color:#b69c72;line-height:1.8}#scene-title{font-weight:400;font-size:clamp(15px,1.24vw,70px);color:#e8ddc9;letter-spacing:.2em}.scene-line{width:2.6vw;height:1px;background:linear-gradient(90deg,#b68a4b77,transparent)}
.scene-host{position:absolute;inset:0}.prize-scene{position:absolute;inset:0;opacity:0;transform:translateY(2.5vh) scale(.965);transition:opacity 1.1s cubic-bezier(.2,.7,.3,1),transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1s;filter:blur(8px);visibility:hidden}.prize-scene.is-current{opacity:1;transform:translateY(0) scale(1);filter:blur(0);visibility:visible}.prize-scene.is-leaving{opacity:0;transform:translateY(-1.8vh) scale(1.035);filter:blur(5px);visibility:visible}.prize{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-50%);z-index:2}.prize.featured{z-index:3}.prize-float{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:prize-float var(--float,8s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}.prize-visual{position:relative;width:100%;height:calc(100% - 4.8vh);display:flex;align-items:center;justify-content:center}.prize-visual:after{content:"";position:absolute;left:15%;right:15%;height:6%;bottom:-1%;border-radius:50%;background:#01091390;filter:blur(1.1vh);z-index:-1;transform:scaleX(.9)}.prize-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1.5vh 1.7vh #000a);transform:translateZ(0)}.prize.featured .prize-img{filter:drop-shadow(0 1vh 2.2vh #8dbafb14) drop-shadow(0 2vh 2.4vh #0009)}.prize figcaption{margin-top:1.6vh;min-height:2.6vh;text-align:center;white-space:nowrap;font-size:clamp(12px,1.04vw,55px);letter-spacing:.09em;line-height:1.25;color:#e5e8ee;text-shadow:0 2px 12px #061228}.prize.featured figcaption{font-size:clamp(16px,1.31vw,68px);color:#f9e6b7;letter-spacing:.04em}.prize figcaption span{display:block;font-size:.59em;letter-spacing:.14em;color:#9faec3;margin-top:.7em;line-height:1.3}.scene-care .prize-img{filter:drop-shadow(0 1.2vh 1.7vh #0009)}
.finale-copy{position:absolute;right:2%;top:9%;text-align:right;opacity:0;transform:translateY(1vh);transition:opacity 1.5s,transform 1.5s}.finale-copy p{font-size:clamp(25px,3.5vw,180px);font-weight:500;color:#fff0ce;letter-spacing:.12em;text-shadow:0 0 20px #e9b44933}.finale-copy span{display:block;font-size:clamp(13px,1.3vw,72px);letter-spacing:.32em;margin-top:1.3vh;color:#e5bd7e}
.footer{position:absolute;bottom:6.2%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:10}.event-line{font-size:clamp(10px,.96vw,52px);color:#93acc9;letter-spacing:.13em;white-space:nowrap}.event-line span{font-size:.85em;color:#c0cbd9;padding:0 .75em;letter-spacing:.07em}.chapter-track{display:flex;align-items:center;gap:1.7vw;opacity:.8}.chapter-segments{display:flex;gap:.45vw;align-items:center}.chapter-segment{position:relative;width:3vw;height:2px;background:#b7cbed33;overflow:hidden}.chapter-segment:after{position:absolute;content:"";inset:0;background:#f4d198;transform:scaleX(0);transform-origin:left}.chapter-segment.is-current:after{animation:chapter-progress var(--cycle) linear both}.chapter-segment.is-past:after{transform:scaleX(1);opacity:.35}.loop-mark{font-size:clamp(8px,.63vw,36px);letter-spacing:.22em;color:#c4b390}.bottom-shine{position:absolute;bottom:0;height:1px;left:5%;right:5%;background:linear-gradient(90deg,transparent,#b9965633 25%,#b9d6ff33 65%,transparent);z-index:10}.transition-wash{position:absolute;inset:-20%;z-index:12;background:linear-gradient(110deg,transparent 38%,#e8bc6430 47%,#ffedc94d 49.8%,#dba05419 52%,transparent 61%);transform:translateX(-110%);opacity:0;pointer-events:none}.transition-wash.is-active{animation:chapter-wash 1.8s cubic-bezier(.28,.55,.25,1) both}
body.is-finale .hall{opacity:.96;filter:saturate(1.12);animation-play-state:running}body.is-finale .blue-atmosphere{opacity:.38}body.is-finale .portal,body.is-finale .orbits,body.is-finale .floor{opacity:0}body.is-finale .finale-copy{opacity:1;transform:translateY(0)}body.is-finale .scene-label{opacity:0;transform:translateY(-1vh)}body.is-finale .ambient-bloom{opacity:.3}
@keyframes golden-type{0%{background-position:0% center}100%{background-position:100% center}}@keyframes prize-float{0%{transform:translateY(0) rotate(-.4deg)}100%{transform:translateY(-1.25vh) rotate(.5deg)}}@keyframes hall-drift{0%{transform:scale(1.015) translateX(-.2%)}100%{transform:scale(1.045) translateX(.3%)}}@keyframes beam-sweep{0%{transform:rotate(-37deg);opacity:.55}100%{transform:rotate(-19deg);opacity:1}}@keyframes horizon-breathe{0%,100%{opacity:.55;transform:rotate(-7deg) scale(.95)}50%{opacity:1;transform:rotate(-3deg) scale(1.05)}}@keyframes bloom-travel{from{transform:translateX(-5%) translateY(0)}to{transform:translateX(20%) translateY(13%)}}@keyframes star-pulse{0%,100%{opacity:.7;transform:rotate(0deg) scale(.95)}50%{opacity:1;transform:rotate(20deg) scale(1.12)}}@keyframes portal-glow{0%,100%{opacity:.6}50%{opacity:1}}@keyframes orbit-breathe{0%{transform:rotate(-2deg) scale(.985)}100%{transform:rotate(2deg) scale(1.03)}}@keyframes orbit-spark{to{stroke-dashoffset:-4370}}@keyframes copy-arrive{from{opacity:0;transform:translateY(2vh);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes chapter-progress{to{transform:scaleX(1)}}@keyframes chapter-wash{0%{transform:translateX(-110%);opacity:0}12%{opacity:.6}70%{opacity:.5}100%{transform:translateX(110%);opacity:0}}
.scene-meta{display:flex;flex-direction:column;align-items:flex-start}.scene-title-row{display:flex;align-items:center;gap:.75vw}.scene-tier{display:inline-flex;align-items:center;flex:none;height:2vw;padding:0 .8vw;border-radius:.32vw;font-size:clamp(10px,.78vw,44px);font-weight:800;letter-spacing:.16em;white-space:nowrap;line-height:1}.scene-tier.tier-high{color:#2b1500;background:linear-gradient(100deg,#fff2c8,#e3a63c 58%,#c9882a);box-shadow:0 .3vh 1.8vh #e0a63f66,inset 0 0 0 1px #fff7e055}.scene-tier.tier-mid{color:#f4dcac;background:#5c3f1466;box-shadow:inset 0 0 0 1px #cfa15f66}.scene-tier.tier-low{color:#c6d5ea;background:#0f264a66;box-shadow:inset 0 0 0 1px #8fb6e855}.scene-tier.tier-none{display:none}.scene-quota{margin-top:.55vh;font-size:clamp(9px,.62vw,34px);letter-spacing:.16em;color:#c3ae87;white-space:nowrap}.scene-welfare .prize-img{filter:drop-shadow(0 1vh 1.3vh #0008)}.scene-welfare .prize figcaption{font-size:clamp(11px,.92vw,48px);color:#d5dcea}
.audio-hint{position:absolute;right:5%;bottom:13.8%;z-index:14;display:flex;align-items:center;gap:.6vw;padding:.85vh 1.1vw;border-radius:999px;white-space:nowrap;font-size:clamp(10px,.68vw,38px);letter-spacing:.14em;color:#eadfbf;background:#0a1b3a99;border:1px solid #d9b46b55;backdrop-filter:blur(6px);animation:hint-pulse 2.4s ease-in-out infinite;transition:opacity .7s}.audio-hint.is-hidden{opacity:0;animation:none;visibility:hidden;pointer-events:none}.hint-dot{width:.5vh;height:.5vh;min-width:5px;min-height:5px;border-radius:50%;background:#f3c96b;box-shadow:0 0 1.2vh #f3c96b}.hint-key{margin-left:.2vw;padding:0 .5vw;border-radius:.28vw;background:#d9b46b2b;border:1px solid #d9b46b55;color:#f6d79b;font-size:.92em}@keyframes hint-pulse{0%,100%{opacity:.62}50%{opacity:1}}
@media(max-aspect-ratio:21/10){.headline{top:26%;width:37.5%}.headline h1{font-size:8.65vw}.headline-detail{margin-top:3vh}.headline-detail p{font-size:1.65vw;letter-spacing:.035em}.showcase{top:23%;height:61%;left:44%;width:53%}.scene-label{top:-12%}.scene-en{font-size:.76vw}#scene-title{font-size:1.62vw}.scene-line{display:none}.scene-title-row{gap:1.1vw}.scene-tier{height:3.1vw;padding:0 1.2vw;border-radius:.55vw;font-size:1.1vw}.scene-quota{font-size:.9vw}.audio-hint{font-size:1vw;bottom:14%;right:6%}.hint-dot{width:.7vw;height:.7vw}.portal{width:46%;left:27%;height:88%}.prize figcaption{font-size:1.18vw}.prize.featured figcaption{font-size:1.52vw}.brand-row{top:7.5%;height:6%}.brand{width:21vw;max-height:7vh}.partners{width:24vw;height:3.2vh}.theme-line{font-size:1.1vw;letter-spacing:.15em}.event-line{font-size:1.1vw}.loop-mark{display:none}.chapter-segment{width:4vw}.finale-copy{top:0;right:3%}.finale-copy p{font-size:3.3vw}body.is-finale .hall{background-position:65% center}body.is-finale .blue-atmosphere{opacity:.7}}
@media(max-aspect-ratio:6/5){.brand-row{top:5%;left:7%;right:7%;gap:3vw}.brand{width:38vw;max-height:8vh}.brand-divider,.partners{display:none}.theme-line{font-size:2.2vw;letter-spacing:0}.theme-line span{padding:0 .6em}.headline{top:16%;left:7%;width:86%}.eyebrow{font-size:2.3vw}.headline h1{font-size:15vw;line-height:1.08;display:flex;align-items:baseline;gap:.13em}.title-white{font-size:.78em}.title-gold{padding:0 .06em .08em 0}.headline-detail{margin-top:1vh;gap:2vw}.headline-detail p{font-size:3vw;letter-spacing:.05em}.gold-rule{width:6vw}.showcase{top:40%;left:4%;width:92%;height:43%}.scene-label{top:-13%;right:5%;gap:2vw}.scene-en{font-size:1.4vw}#scene-title{font-size:2.8vw}.scene-title-row{gap:2vw;flex-wrap:wrap}.scene-tier{height:6.2vw;padding:0 2.2vw;border-radius:1vw;font-size:2.1vw}.scene-quota{font-size:1.65vw;margin-top:1vh}.audio-hint{font-size:2vw;bottom:13%;right:7%;padding:1.4vh 2.4vw}.hint-dot{width:1.3vw;height:1.3vw}.prize figcaption{font-size:2.2vw;white-space:normal}.prize.featured figcaption{font-size:2.65vw}.prize-visual{height:calc(100% - 4vh)}.footer{bottom:5%;left:7%;right:7%;display:block}.event-line{font-size:2.2vw}.chapter-track{margin-top:2.5vh}.chapter-segment{width:12vw;margin-right:1vw}.finale-copy{top:0;right:5%}.finale-copy p{font-size:5vw}.finale-copy span{font-size:2.4vw}body.is-finale .hall{background-position:72% center}body.is-finale .blue-atmosphere{opacity:.85}.portal{height:85%}.grain{opacity:.025}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.4s!important}.light-volume{opacity:.25}#atmosphere{opacity:.4}}
body.is-still *,body.is-still *:before,body.is-still *:after{animation-play-state:paused!important;transition:none!important}body.is-still .headline{animation:none!important;opacity:1;transform:none;filter:none}
.finale-copy{top:-3%;right:3%}.finale-copy p{font-size:clamp(25px,2.65vw,150px)}.finale-copy span{display:none}
body.is-suspended *,body.is-suspended *:before,body.is-suspended *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.prize-scene,.prize-scene.is-current,.prize-scene.is-leaving{transform:none!important;filter:none!important}}