:root{
  --gold:#f6c65a; --gold2:#ffe59a; --deep:#050505; --line:rgba(246,198,90,.8); --panel:rgba(4,4,4,.72);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,'Noto Sans TC','Noto Sans JP','Microsoft JhengHei',sans-serif;}
body{display:flex;align-items:center;justify-content:center;}
.screen{
  position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 48% 30%,#252014 0%,#050505 38%,#000 100%);
  isolation:isolate;
}
.screen:before{content:"";position:absolute;inset:1.4%;border:1px solid rgba(255,203,86,.85);border-radius:1.1vw;box-shadow:0 0 18px rgba(255,180,50,.55), inset 0 0 24px rgba(255,180,50,.18);z-index:5;pointer-events:none}
.bg-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#ffe69c 0 1px,transparent 1.7px);background-size:8vw 8vw;opacity:.18;animation:twinkle 5s ease-in-out infinite alternate}
.city{position:absolute;left:0;right:0;bottom:13.5%;height:22%;background:linear-gradient(to top,rgba(0,0,0,.96),rgba(0,0,0,0)),repeating-linear-gradient(90deg,transparent 0 2.2vw,rgba(255,194,72,.7) 2.25vw 2.34vw,transparent 2.38vw 3.7vw),linear-gradient(90deg,#080808,#1a1307,#080808);opacity:.9;clip-path:polygon(0 100%,0 36%,3% 36%,3% 68%,6% 68%,6% 45%,9% 45%,9% 80%,12% 80%,12% 35%,15% 35%,15% 72%,18% 72%,18% 46%,21% 46%,21% 85%,24% 85%,24% 61%,28% 61%,28% 70%,33% 70%,33% 58%,38% 58%,38% 76%,44% 76%,44% 55%,51% 55%,51% 82%,58% 82%,58% 62%,66% 62%,66% 74%,74% 74%,74% 50%,80% 50%,80% 78%,88% 78%,88% 59%,94% 59%,94% 82%,100% 82%,100% 100%);}
.river{position:absolute;left:0;right:0;bottom:0;height:17%;background:linear-gradient(to bottom,rgba(255,187,52,.18),rgba(0,0,0,.95));opacity:.6}
.gold-stream{position:absolute;width:34vw;height:130vh;border:3px solid transparent;border-left-color:rgba(255,193,48,.7);border-radius:50%;filter:drop-shadow(0 0 12px rgba(255,181,41,.95));opacity:.82;z-index:1;pointer-events:none;animation:flow 4s linear infinite}.s1{left:10vw;top:-18vh;transform:rotate(15deg)}.s2{left:13vw;top:-10vh;transform:rotate(18deg) scale(.82);opacity:.45}
.left-panel{position:absolute;left:1.8vw;top:2.6vh;width:16vw;height:70vh;z-index:4}.status-card{width:13vw;height:10.2vh;margin-bottom:1.3vh;display:flex;align-items:center;gap:.9vw;padding:.6vw 1vw;background:var(--panel);border:1px solid var(--line);border-radius:.65vw;box-shadow:0 0 12px rgba(255,193,72,.35),inset 0 0 18px rgba(255,193,72,.08)}.status-text strong{display:block;font-size:2.35vw;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.25)}.status-text small{display:block;margin-top:.35vh;font-size:.88vw;color:#fff}.time-card .status-text small{font-size:1.05vw;color:var(--gold2);font-weight:700}.gold-weather-icon{width:4.2vw;height:4.2vw;position:relative;filter:drop-shadow(0 0 8px var(--gold));flex:0 0 auto}.gold-weather-icon.sunny:before,.gold-weather-icon:before{content:"";position:absolute;left:.8vw;top:.8vw;width:2.05vw;height:2.05vw;border-radius:50%;background:linear-gradient(#fff4b0,#d7921d);box-shadow:0 0 0 .25vw rgba(255,210,71,.15),0 0 1.1vw rgba(255,202,61,.9)}.gold-weather-icon.sunny:after,.gold-weather-icon:after{content:"";position:absolute;inset:.2vw;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 12deg,var(--gold) 13deg 20deg,transparent 21deg 45deg);mask:radial-gradient(circle,transparent 0 43%,#000 44%)}.gold-weather-icon.cloudy:before{left:.55vw;top:1.35vw;width:3vw;height:1.45vw;border-radius:1vw;background:linear-gradient(#ffe8a0,#c58722)}.gold-weather-icon.cloudy:after{content:"";position:absolute;left:1.1vw;top:.85vw;width:1.55vw;height:1.55vw;border-radius:50%;background:linear-gradient(#fff4b0,#c58722);box-shadow:1vw .35vw 0 -.12vw #d8a43b}.gold-clock-icon{width:4vw;height:4vw;border:.18vw solid var(--gold);border-radius:50%;position:relative;box-shadow:0 0 12px rgba(255,198,90,.7);flex:0 0 auto}.gold-clock-icon:before{content:"";position:absolute;left:49%;top:17%;width:.12vw;height:1.45vw;background:var(--gold);transform-origin:bottom}.gold-clock-icon:after{content:"";position:absolute;left:49%;top:48%;width:1.15vw;height:.13vw;background:var(--gold);transform:rotate(35deg);transform-origin:left}.gold-clock-icon span{position:absolute;inset:.55vw;border-radius:50%;border:.08vw solid rgba(255,226,134,.25)}
.skytree{position:absolute;left:5.7vw;top:14.5vh;width:8vw;height:53vh;filter:drop-shadow(0 0 18px rgba(255,203,88,.95));}.skytree i{position:absolute;display:block;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#7a4b00,#fff0a2,#d69618,#fff0a2,#7a4b00)}.skytree .tip{top:0;width:.25vw;height:3vh}.skytree .antenna{top:3vh;width:.55vw;height:11vh}.skytree .top{top:12.5vh;width:1.4vw;height:2.6vh;border-radius:40%}.skytree .deck{top:17.5vh;width:4vw;height:5.4vh;border-radius:50%;box-shadow:0 0 0 .35vw rgba(255,193,72,.18)}.skytree .body{top:19vh;width:5.8vw;height:29vh;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:repeating-linear-gradient(72deg,rgba(255,232,149,.9) 0 .08vw,transparent .09vw .7vw),repeating-linear-gradient(108deg,rgba(255,232,149,.9) 0 .08vw,transparent .09vw .7vw),linear-gradient(90deg,#a76804,#ffe7a2,#c88714)}.skytree .base{bottom:0;width:6.6vw;height:4.5vh;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.hero{position:absolute;left:24.5vw;top:3vh;width:46vw;text-align:center;z-index:3}.crown{font-size:6.6vw;line-height:.85;color:var(--gold2);text-shadow:0 0 20px var(--gold),0 0 35px rgba(255,191,55,.7);animation:breath 2.8s ease-in-out infinite}.hero h1{margin:1vh 0 0;font-family:Georgia,serif;font-size:5.1vw;letter-spacing:.22vw;white-space:nowrap;color:var(--gold2);text-shadow:0 0 5px #000,0 0 18px rgba(255,190,60,.9);background:linear-gradient(#fff0ad,#d69925 45%,#6a3b00 52%,#ffe7a0 80%);-webkit-background-clip:text;color:transparent}.tagline{display:flex;align-items:center;justify-content:center;gap:1vw;margin-top:1.1vh;color:var(--gold);font-family:Georgia,serif;font-size:1.95vw;font-weight:800}.tagline span{width:8vw;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.tagline em{font-style:normal;color:#ffcd51}.jp-line{font-size:1.55vw;letter-spacing:.35vw;color:var(--gold);margin-top:1.5vh}.select-line{font-size:1.1vw;letter-spacing:.12vw;color:#fff;margin-top:1.3vh;text-shadow:0 0 8px #000}.language-grid{margin:2.5vh auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.65vh 1.4vw;width:44vw}.lang-btn{height:10.8vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:rgba(0,0,0,.72);border:1.5px solid rgba(255,202,87,.78);border-radius:.7vw;box-shadow:0 0 15px rgba(255,190,58,.35), inset 0 0 18px rgba(255,190,58,.08);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.lang-btn:before{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,232,155,.32) 50%,transparent 65%);transform:translateX(-55%);transition:.6s}.lang-btn:hover,.lang-btn:focus{transform:translateY(-.6vh) scale(1.04);box-shadow:0 0 28px rgba(255,207,85,.9), inset 0 0 28px rgba(255,207,85,.2);border-color:#ffe69d}.lang-btn:hover:before,.lang-btn:focus:before{transform:translateX(55%)}.lang-btn strong{font-size:2.35vw;color:var(--gold2);font-weight:1000;letter-spacing:.03vw;text-shadow:0 0 15px rgba(255,201,71,.75)}.lang-btn small{font-size:1vw;margin-top:.55vh;color:#fff}.lang-btn:nth-child(4){grid-column:1/3;width:50%;justify-self:end}.lang-btn:nth-child(5){grid-column:2/4;width:50%;justify-self:start}
.right-panel{position:absolute;right:2.6vw;top:3.2vh;width:27vw;z-index:3;display:flex;flex-direction:column;gap:1.7vh}.side-card{background:var(--panel);border:1.4px solid var(--line);border-radius:.65vw;box-shadow:0 0 15px rgba(255,190,58,.35), inset 0 0 18px rgba(255,190,58,.08);color:#fff;text-decoration:none;overflow:hidden}.no-smoking{height:11.8vh;display:flex;align-items:center;padding:1vw 1.5vw;gap:1vw}.no-smoking h3{margin:0;color:var(--gold2);font-size:1.65vw}.no-smoking p{margin:.5vh 0 0;font-size:1.05vw}.gold-no-smoking{width:4.6vw;height:4.6vw;border:.35vw solid var(--gold);border-radius:50%;position:relative;filter:drop-shadow(0 0 10px var(--gold));flex:0 0 auto}.gold-no-smoking:before{content:"";position:absolute;left:.8vw;top:1.25vw;width:2.3vw;height:.35vw;background:var(--gold);transform:rotate(45deg);border-radius:.2vw}.gold-no-smoking:after{content:"";position:absolute;left:1.55vw;top:1.1vw;width:1.25vw;height:1.9vw;border-left:.3vw solid var(--gold);border-bottom:.3vw solid var(--gold);transform:rotate(0deg)}.ai-card{height:32vh;display:grid;grid-template-columns:1.25fr .8fr;padding:1.2vw;transition:.22s}.ai-card:hover{transform:translateY(-.5vh);box-shadow:0 0 30px rgba(255,207,85,.72)}.ai-copy h3{margin:0;color:var(--gold);font-size:1.55vw}.ai-copy h4{margin:.4vh 0 1.3vh;color:var(--gold2);font-size:1vw;letter-spacing:.05vw}.ai-copy p{font-size:.78vw;line-height:1.35;margin:.7vh 0}.robot{position:relative;height:100%;display:flex;align-items:end;justify-content:center}.r-crown{position:absolute;top:1vh;font-size:2.4vw;color:var(--gold2);text-shadow:0 0 15px var(--gold)}.r-head{width:8vw;height:8vw;border-radius:48%;background:radial-gradient(circle at 45% 35%,#333,#020202 62%);border:.18vw solid var(--gold);box-shadow:0 0 20px var(--gold);position:absolute;top:5.2vh}.r-head i{position:absolute;top:3.3vw;width:.55vw;height:1.4vw;background:var(--gold2);border-radius:1vw;box-shadow:0 0 10px var(--gold)}.r-head i:first-child{left:2.6vw}.r-head i:last-child{right:2.6vw}.r-body{width:6.7vw;height:8.2vh;border-radius:3vw 3vw .6vw .6vw;background:linear-gradient(90deg,#191919,#050505,#1b1b1b);border:.15vw solid rgba(255,210,100,.7);position:absolute;bottom:0}.book-card{height:13vh;display:flex;align-items:center;gap:1.4vw;padding:1vw 1.55vw;transition:.22s}.book-card:hover{transform:translateY(-.5vh) scale(1.02);box-shadow:0 0 30px rgba(255,207,85,.8)}.book-icon{font-size:3.5vw;color:var(--gold)}.book-card h3{margin:0;font-size:2.6vw;color:var(--gold2);line-height:1}.book-card p{font-size:1.1vw;margin:.9vh 0 0;color:var(--gold)}
.bottom-bar{position:absolute;left:1.8vw;right:1.8vw;bottom:3.6vh;height:18.5vh;z-index:3;display:grid;grid-template-columns:1.08fr 1.08fr 1.65fr 1.45fr .95fr;gap:0;background:rgba(0,0,0,.72);border:1.4px solid var(--line);border-radius:.75vw;box-shadow:0 0 17px rgba(255,190,58,.32), inset 0 0 18px rgba(255,190,58,.08);overflow:hidden}.info-block{display:flex;align-items:center;gap:1vw;padding:1vw 1.2vw;border-right:1px solid rgba(255,204,84,.5)}.info-block:last-child{border-right:0}.circle-icon,.building-icon{width:4.5vw;height:4.5vw;display:grid;place-items:center;border:1.6px solid var(--gold);border-radius:50%;font-size:2.4vw;color:var(--gold);text-shadow:0 0 12px var(--gold)}.building-icon{border-radius:0;border:0;font-size:3vw}.info-block p{margin:0;font-size:.98vw;color:var(--gold2);font-weight:700}.info-block small{font-size:.78vw;color:#ffdf87}.info-block strong{display:block;font-size:3.6vw;line-height:1.02;color:var(--gold2);text-shadow:0 0 15px rgba(255,196,61,.75)}.info-block em{font-style:normal;font-size:1vw;color:#fff}.hotel-info span,.net-info span{font-size:.73vw;line-height:1.42;color:#fff}.wifi-mark{width:4.6vw;height:4.6vw;position:relative;flex:0 0 auto}.wifi-mark i{position:absolute;left:50%;bottom:.4vw;transform:translateX(-50%);border:.35vw solid transparent;border-top-color:var(--gold);border-radius:50%;filter:drop-shadow(0 0 8px var(--gold))}.wifi-mark i:nth-child(1){width:4vw;height:4vw}.wifi-mark i:nth-child(2){width:2.8vw;height:2.8vw}.wifi-mark i:nth-child(3){width:1.6vw;height:1.6vw}.login-info{display:block}.login-info p{font-size:.9vw;margin:.3vh 0}.login-info strong{font-size:1.5vw;margin-bottom:.7vh}
@keyframes flow{to{filter:drop-shadow(0 0 25px rgba(255,207,85,1));opacity:.95}}@keyframes breath{50%{transform:translateY(-.4vh) scale(1.04);filter:drop-shadow(0 0 18px var(--gold))}}@keyframes twinkle{50%{opacity:.3}}
@media (max-aspect-ratio: 16/9){.screen{width:100vw;height:56.25vw;max-height:100vh;margin:auto}}@media (min-aspect-ratio: 16/9){.screen{width:177.777vh;height:100vh;max-width:100vw;margin:auto}}