@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--blue-deep:#0526c8;--blue:#0759f5;--blue-bright:#0d7cff;--card:#2e91ff40;--line:#89d0ff57;--muted:#75c7ff;--gold:#ffc847;--purple:#6f36f5;background:#021453;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app,.app-shell,.page{border-radius:0!important}html{background:#021453;min-width:320px;min-height:100%}body{background:#021453;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #8cf2ff}.app-shell{background:#021453;width:100%;min-height:100vh;overflow:hidden}.page{isolation:isolate;background:linear-gradient(148deg,#0879ff 0%,#0755ee 43%,#0624c4 100%);min-height:100vh;position:relative;overflow:hidden;border-radius:0!important}.page:after{content:"";pointer-events:none;opacity:.24;z-index:-1;background-image:radial-gradient(#ffffff59 .7px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000040,#0000 60%);mask-image:linear-gradient(#00000040,#0000 60%)}.ambient{pointer-events:none;z-index:-1;background:radial-gradient(circle,#45d5ff47,#0000 67%);border-radius:50%;width:480px;height:480px;position:absolute;top:0;right:-230px}.ambient-home{top:18%;right:-190px}.home-topbar,.inner-topbar{z-index:4;padding:max(24px, env(safe-area-inset-top)) clamp(20px, 4vw, 42px) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.mini-mark{letter-spacing:.12em;color:#ffffffb8;align-items:center;gap:8px;font-size:13px;display:inline-flex}.mark-dot{background:#9ef1ff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #61dfff}.login-link{color:#ffffffe6;background:0 0;align-items:center;gap:6px;padding:8px 2px;font-size:13px;display:inline-flex}.avatar-icon{border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:inline-flex}.home-content{z-index:2;width:min(100% - 40px,540px);margin:0 auto;padding:clamp(58px,9vh,94px) 0 40px;position:relative}.hero-copy{text-align:center;position:relative}.eyebrow{color:#93dbff;letter-spacing:.26em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;display:inline-flex}.eyebrow span{background:linear-gradient(90deg,#0000,#8ae5ff);width:28px;height:1px}.hero-copy h1{letter-spacing:.04em;color:#fff;text-shadow:0 4px 20px #001ab466;margin:0;font-size:clamp(36px,10vw,58px);font-weight:800;line-height:1.06;position:relative}.hero-copy h1 em{color:#ffe171;text-shadow:0 0 18px #ffbf1e61;font-style:normal}.hero-copy h1 strong{color:#fff;font-weight:800}.hero-subtitle{color:#fff;letter-spacing:.15em;margin:22px 0 8px;font-size:17px;font-weight:600}.hero-meta{color:#b4efffd9;letter-spacing:.12em;margin:0;font-size:11px}.hero-glow{filter:blur(10px);z-index:-1;background:radial-gradient(#64daff61,#0000 70%);width:280px;height:90px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.feature-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:clamp(42px,7vh,66px);display:grid}.feature-card{background:linear-gradient(145deg,#2d9eff57,#1461e43d);border:1px solid #86d2ff52;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:142px;padding:18px 12px;transition:transform .2s,background .2s,border .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00189421}.feature-card:before{content:"";background:#7ad7ff24;border-radius:50%;width:130px;height:130px;position:absolute;top:-70px;right:-55px}.feature-card:hover,.feature-card:active{background:linear-gradient(145deg,#42adff75,#216dea4d);border-color:#a0ecffad;transform:translateY(-3px)}.feature-main{grid-row:span 1}.feature-checkin{min-height:142px}.feature-icon{border-radius:13px;justify-content:center;align-items:center;width:47px;height:47px;display:flex;box-shadow:0 9px 20px #00000024}.feature-icon svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.icon-paper{background:linear-gradient(145deg,#32d9ff,#524dff)}.icon-nfc{background:linear-gradient(145deg,#29ec9f,#06b879)}.icon-location{background:linear-gradient(145deg,#50e0ff,#9848ff)}.icon-live{background:linear-gradient(145deg,#d53cff,#6d1bdb)}.icon-knowledge{background:linear-gradient(145deg,#ffda36,#eb8500)}.feature-label{letter-spacing:.04em;font-size:16px;font-weight:600}.feature-note{color:#a9e5ffd9;letter-spacing:.06em;font-size:10px}.home-footnote{color:#b8e8ffbf;letter-spacing:.11em;justify-content:center;align-items:center;gap:6px;margin:28px 0 0;font-size:11px;display:flex}.pulse-dot,.live-pulse{background:#99f4ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #86f0ff1f,0 0 14px #72efff}.light-waves{pointer-events:none;opacity:.92;z-index:0;width:130%;height:160px;position:absolute;top:60%;left:-15%}.home-page .light-waves{top:30%}.wave{filter:blur(.1px);border-top:2px solid #ffffffbf;border-radius:50%;width:112%;height:130px;display:block;position:absolute;transform:rotate(-4deg)}.wave-a{border-top-color:#ffffffe6;top:40px;left:-8%;box-shadow:0 -8px 22px #ffffff70,0 -20px 32px #fff3}.wave-b{filter:blur(2px);opacity:.82;border-top-width:7px;border-top-color:#d775ff;top:47px;left:-7%}.wave-c{border-top-width:4px;border-top-color:#5d5bff;top:59px;left:-10%;box-shadow:0 0 17px #753bff}.wave-d{border-top-width:3px;border-top-color:#2ad3ff;top:72px;left:-6%;box-shadow:0 0 16px #31baff}.inner-page{background:linear-gradient(155deg,#087cff 0%,#0753ed 42%,#0526c6 100%)}.inner-topbar{padding-top:max(22px, env(safe-area-inset-top))}.inner-topbar .topbar-context{color:#d2f1ffbf;letter-spacing:.17em;font-size:11px}.nav-icon{background:#2384ff3d;border:1px solid #b5ebff38;border-radius:50%;place-items:center;width:36px;height:36px;padding:7px;display:grid}.nav-icon svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.logged-badge{background:#32dea3;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.inner-content{z-index:2;width:min(100% - 40px,550px);margin:0 auto;padding:clamp(39px,6vh,64px) 0 86px;position:relative}.page-heading{text-align:center;margin-bottom:27px}.heading-kicker{color:#a0ebffb8;letter-spacing:.3em;font-size:9px;font-weight:600}.page-heading h2{letter-spacing:.06em;margin:9px 0 7px;font-size:clamp(28px,7vw,38px);line-height:1.1}.page-heading p{color:#b1e8ffd1;letter-spacing:.12em;margin:0;font-size:12px}.venue-list{gap:12px;display:grid}.venue-list-card{text-align:left;background:linear-gradient(100deg,#2493ff75,#2362e44d);border:1px solid #88d6ff52;border-radius:14px;align-items:center;gap:13px;min-height:76px;padding:13px 16px;transition:transform .18s,border .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.venue-list-card:after{content:"";border:1px solid #84dcff40;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-42px;right:-22px}.venue-list-card:hover{border-color:#a2edffa8;transform:translate(4px)}.venue-card-index{color:#98e8ffbd;letter-spacing:.08em;min-width:31px;font-size:12px}.venue-list-main{flex:1;gap:5px;display:grid}.venue-list-main strong{letter-spacing:.04em;font-size:16px}.venue-list-main small{color:#7fd4ff;font-size:12px}.venue-arrow{z-index:1;color:#ebfbffeb;font-size:22px;font-weight:300;position:relative}.detail-wrap{gap:17px;display:grid}.detail-card{background:#0039da5c;border:1px solid #80d6ff42;border-radius:16px;overflow:hidden;box-shadow:0 17px 40px #001c9e2e}.venue-photo{background:linear-gradient(#37bdf1 0%,#83e5ef 55%,#3fbd9a 56%,#0e835f 100%);height:172px;position:relative;overflow:hidden}.photo-sun{background:#ffe785;border-radius:50%;width:45px;height:45px;position:absolute;top:23px;right:52px;box-shadow:0 0 26px #fff1a2}.photo-hill{background:#1da374;border-radius:50% 50% 0 0;width:180px;height:80px;position:absolute;bottom:40px;transform:rotate(-9deg)}.hill-one{left:-25px}.hill-two{background:#187e83;right:-32px;transform:rotate(10deg)}.photo-tree{background:#116656;border-radius:50% 50% 8% 8%;width:15px;height:53px;position:absolute;bottom:37px;box-shadow:0 0 0 14px #3db27299}.tree-one{left:17%}.tree-two{right:20%;transform:scale(.75)}.photo-bridge{border-bottom:5px solid #eecb76;border-radius:50%;width:54%;height:20px;position:absolute;bottom:31px;left:25%;transform:rotate(-3deg)}.photo-label{color:#ffffffd1;letter-spacing:.25em;font-size:9px;font-weight:600;position:absolute;bottom:13px;left:17px}.photo-blue{background:linear-gradient(#45c4ff 0%,#93e4ef 54%,#318fb3 55%,#13529c 100%)}.photo-orange{filter:hue-rotate(24deg)}.photo-purple{filter:hue-rotate(278deg)saturate(1.25)}.photo-pink{filter:hue-rotate(315deg)}.photo-cyan{filter:hue-rotate(155deg)}.photo-yellow{filter:hue-rotate(32deg)saturate(1.25)}.detail-body{padding:20px 20px 21px}.detail-type{color:#6fd4ff;letter-spacing:.14em;font-size:10px}.detail-body h3{letter-spacing:.04em;margin:8px 0 13px;font-size:22px}.detail-facts{gap:8px;display:grid}.detail-facts p{color:#91deff;align-items:center;gap:9px;margin:0;font-size:12px;line-height:1.4;display:flex}.fact-icon{color:#fff;place-items:center;width:18px;font-size:15px;display:inline-grid}.detail-divider{background:#84dcff30;height:1px;margin:18px 0 15px}.detail-description{color:#bceeffc2;margin:0;font-size:12px;line-height:1.75}.gradient-button,.outline-button{letter-spacing:.08em;border-radius:28px;justify-content:center;align-items:center;gap:23px;width:100%;min-height:52px;font-size:17px;font-weight:700;display:flex}.gradient-button{background:linear-gradient(100deg,#108dff 0%,#5454ff 45%,#8a27ee 100%);box-shadow:0 10px 22px #2f1de257,inset 0 1px #ffffff5c}.gradient-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.gradient-button:disabled,.redeem-button:disabled{cursor:not-allowed;opacity:.62}.gradient-button span,.outline-button span{font-size:24px;font-weight:400}.text-button{color:#9ae3ff;letter-spacing:.1em;background:0 0;justify-self:center;padding:2px 10px;font-size:12px}.text-button span{margin-left:6px;font-size:17px}.media-list{gap:14px;display:grid}.media-card{text-align:left;background:#0039da61;border:1px solid #88d6ff4a;border-radius:15px;padding:0;transition:transform .2s,border .2s;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.media-card:hover{border-color:#a8edffb3;transform:translateY(-3px)}.media-visual{background:linear-gradient(135deg,#107ddf,#2336cc 60%,#8119c9);height:127px;display:block;position:relative;overflow:hidden}.media-visual:before{content:"";background:repeating-linear-gradient(150deg,#0000 0 19px,#75e5ff1f 20px 22px,#0000 23px 38px);position:absolute;inset:0;transform:translateY(25px)}.media-sunset{background:linear-gradient(160deg,#1b9cf3,#4640e8 53%,#e81dd6)}.media-violet{background:linear-gradient(140deg,#086bed,#4939e7 50%,#a925df)}.media-mint{background:linear-gradient(140deg,#0878e9,#1359d2 50%,#0ebfbe)}.media-blue{background:linear-gradient(140deg,#0e9ae6,#1d57df 55%,#6f30db)}.visual-title{color:#ffffffe0;text-shadow:0 2px 7px #00000026;font-size:17px;line-height:1.3;position:absolute;top:24px;left:23px}.visual-title b{color:#ffe16c;font-size:20px}.visual-spark{background:#fff;border-radius:50%;width:7px;height:7px;display:block;position:absolute;box-shadow:0 0 13px 3px #abefffcc}.spark-one{top:26px;right:25%}.spark-two{top:56px;right:17%;transform:scale(.6)}.visual-wave{border-top:2px solid #82f6ff;border-radius:50%;width:66%;height:48px;position:absolute;bottom:7px;right:-6%;transform:rotate(-7deg);box-shadow:0 -5px 10px #5beeff66}.play-button{background:#0d39db70;border:1px solid #ffffffa8;border-radius:50%;place-items:center;width:43px;height:43px;padding-left:3px;font-size:15px;display:grid;position:absolute;bottom:19px;right:20px}.media-info{gap:11px;padding:14px 16px 15px;display:grid}.media-info strong{font-size:15px}.media-info small{color:#88d8ff;align-items:center;gap:10px;font-size:11px;display:flex}.media-info i{color:#9ae4ff;background:#42c6ff2e;border-radius:5px;padding:3px 7px;font-style:normal}.media-info small span{color:#cef3ffb8;margin-left:auto}.live-wrap{text-align:center;justify-items:center;display:grid}.live-status{color:#9ae7ff;background:#2fa8ff21;border:1px solid #9be8ff4d;border-radius:20px;align-items:center;gap:9px;padding:7px 14px;font-size:11px;display:inline-flex}.live-wrap h3{letter-spacing:.05em;margin:25px 0 24px;font-size:24px}.live-time-label{color:#62d9ff;letter-spacing:.1em;margin:0 0 7px;font-size:17px}.live-time{margin:0;font-size:21px;font-weight:700}.live-time b{color:#ffe26f}.qr-frame{background:#0d62ea3d;border:1px solid #6fe4ff99;border-radius:24px;place-items:center;width:min(70vw,280px);height:min(70vw,280px);margin:35px auto 23px;display:grid;position:relative}.qr-code{background:#fff;border-radius:10px;grid-template-columns:repeat(25,1fr);gap:1px;width:76%;height:76%;padding:10px;display:grid;box-shadow:0 5px 25px #051e9f42}.qr-code span{background:0 0;display:block}.qr-code span.dark{background:#063cd9}.qr-corner{border-style:solid;border-color:#9deeff;width:30px;height:30px;position:absolute}.corner-tl{border-width:1px 0 0 1px;border-radius:24px 0 0;top:-1px;left:-1px}.corner-tr{border-width:1px 1px 0 0;border-radius:0 24px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 1px 1px;border-radius:0 0 0 24px;bottom:-1px;left:-1px}.corner-br{border-width:0 1px 1px 0;border-radius:0 0 24px;bottom:-1px;right:-1px}.live-tip{color:#c7f1ffd4;letter-spacing:.06em;margin:0 0 26px;font-size:12px}.outline-button{color:#c5f4ff;background:#1e84ff2b;border:1px solid #90e6ff8c;width:auto;min-width:220px;min-height:45px;padding:0 20px;font-size:13px;box-shadow:inset 0 0 18px #63e2ff14}.checkin-wrap{gap:17px;display:grid}.checkin-intro{gap:7px;padding-left:5px;display:grid}.route-badge{color:#adf2ff;letter-spacing:.18em;background:#89f0ff2b;border-radius:4px;width:max-content;padding:4px 8px;font-size:9px}.checkin-intro strong{font-size:21px}.checkin-intro small{color:#8edfff;font-size:12px}.map-board{background:linear-gradient(145deg,#a4e9ce 0%,#f7e49d 36%,#c8f1a7 100%);border:1px solid #dff598a6;border-radius:34% 29% 38% 26%/21% 28% 25% 26%;height:410px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #1f845e2e,0 15px 30px #0023b438}.map-board:after{content:"";opacity:.24;background-image:radial-gradient(#80bb71 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.map-route{z-index:1;width:calc(100% - 20px);height:calc(100% - 24px);position:absolute;inset:12px 10px}.map-route path{fill:none;stroke:#f2a91c;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1 0;filter:drop-shadow(0 1px #fffc)}.map-route .route-inner{stroke:#ffe671;stroke-width:1.2px}.map-cloud{filter:blur(4px);z-index:2;background:#ffffffb8;border-radius:50%;width:90px;height:25px;position:absolute}.cloud-one{top:29px;left:-20px}.cloud-two{bottom:62px;right:-25px}.map-spot{z-index:4;background:#565c54a3;border:1px solid #6c7b6866;border-radius:16px;align-items:center;gap:5px;min-width:92px;padding:4px 7px 4px 4px;transition:transform .2s,background .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #32522233}.map-spot:hover,.map-spot.active{background:#287da0;transform:translate(-50%,-50%)scale(1.06)}.spot-pin{color:#318a8f;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.spot-name{color:#fff;white-space:nowrap;font-size:9px}.map-spot.checked{background:#1a8477e0;border-color:#ebffbec7}.map-spot.checked .spot-pin{color:#1a7e6d;background:#ffe16a}.map-building{z-index:2;background:#f8f4d2bd;border:3px solid #4c6954ad;border-bottom-width:7px;width:76px;height:45px;position:absolute;transform:rotate(-9deg)}.map-building span{background:#84a9a3;width:9px;height:9px;margin:8px 3px;display:inline-block}.building-left{top:28%;left:8%}.building-right{bottom:26%;right:7%;transform:rotate(8deg)}.map-lake{z-index:2;background:#5fcbdc9e;border-radius:48%;width:31%;height:15%;position:absolute;bottom:10%;left:35%;transform:rotate(-7deg)}.map-character{z-index:3;color:#ec8e20;text-shadow:2px 3px #fff9;font-size:46px;position:absolute;bottom:13%;right:25%;transform:rotate(12deg)}.progress-head{color:#bcf1ff;justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-head b{color:#ffe277;font-size:14px}.progress-bar{background:#ffeeb8d9;border:1px solid #ffe467b3;border-radius:10px;height:10px;overflow:hidden;box-shadow:inset 0 2px 4px #5a638330}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffc22c,#ff7c21);height:100%;transition:width .3s;display:block}.checkin-actions{gap:10px;display:grid}.redeem-button{color:#ffe57d;letter-spacing:.08em;background:#ffbf2824;border:1px solid #ffe16ead;border-radius:25px;justify-content:center;align-items:center;gap:13px;min-height:46px;font-size:13px;font-weight:700;display:flex}.redeem-button span{font-size:19px}.modal-layer{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000a4199;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-modal{text-align:center;background:linear-gradient(155deg,#1381fff5,#1e3dcffa);border:1px solid #8febff6e;border-radius:23px;width:min(100%,390px);padding:34px 28px 27px;position:relative;box-shadow:0 25px 80px #000e6a80}.login-modal:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 82% 5%,#8cf3ff3b,#0000 32%);position:absolute;inset:0}.modal-close{z-index:1;color:#ffffffc7;background:0 0;width:30px;height:30px;font-size:28px;font-weight:200;line-height:1;position:absolute;top:10px;right:13px}.modal-symbol{color:#fff;background:linear-gradient(140deg,#ffdc44,#ed6f1b);border:1px solid #ffec71b8;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 17px;font-size:25px;display:grid;box-shadow:0 8px 25px #fea32b42}.modal-kicker{color:#a5ecff;letter-spacing:.18em;font-size:9px}.login-modal h2{margin:12px 0 9px;font-size:22px}.login-modal>p{color:#d0f4ffcc;margin:0 0 22px;font-size:12px;line-height:1.7}.phone-field{background:#012cb44d;border:1px solid #a0e8ff70;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.phone-field span{color:#d6f7ffd9;border-right:1px solid #a0e8ff52;padding-right:12px;font-size:14px}.phone-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.phone-field input::placeholder{color:#bfeeff85}.login-error{text-align:left;color:#ffe170!important;margin:8px 0 -7px!important;font-size:11px!important}.modal-submit{z-index:1;min-height:49px;margin-top:19px;font-size:15px;position:relative}.privacy-tip{color:#c5f2ff94;margin-top:16px;font-size:10px;display:block}.toast-message{z-index:30;right:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#e5fbff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00218fd9;border:1px solid #98efff5c;border-radius:26px;min-width:210px;padding:12px 18px;font-size:12px;position:fixed;transform:translate(50%);box-shadow:0 10px 30px #00157142}.fade-enter-active,.fade-leave-active{transition:opacity .22s}.fade-enter-from,.fade-leave-to{opacity:0}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(50%,12px)}@media (width>=700px){.app-shell{background:radial-gradient(circle,#0631b7,#010e48 80%);place-items:center;min-height:100vh;padding:25px;display:grid}.page{width:min(100%,520px);min-height:min(900px,100vh - 50px);max-height:none;box-shadow:none;border:0;border-radius:0!important}.home-content,.inner-content{padding-bottom:62px}}@media (width<=699px){.app-shell{background:#001354;min-height:100dvh;padding:0}.page{width:100%;min-height:100dvh;border-radius:0!important}}@media (width<=370px){.home-content,.inner-content{width:min(100% - 28px,540px)}.feature-card{min-height:128px}.feature-label{font-size:14px}.feature-note{font-size:9px}.map-board{height:355px}.map-spot{transform:translate(-50%,-50%)scale(.88)}.map-spot:hover,.map-spot.active{transform:translate(-50%,-50%)scale(.94)}}