html,body{
margin:0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
background:#000;
}

body{
position:fixed;
inset:0;
}

.screen{
position:fixed;
inset:0;
width:100vw;
height:100vh;
overflow:hidden;
background:#000;
}

.bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
user-select:none;
-webkit-user-drag:none;
}

/* 透明點擊區 */
.hotspot{
position:absolute;
display:block;
border-radius:18px;
z-index:5;
transition:0.18s ease;
}

/* Hover / 觸控發光特效 */
.hotspot:hover,
.hotspot:active{
box-shadow:0 0 24px rgba(255,210,90,0.95), inset 0 0 22px rgba(255,190,60,0.28);
background:rgba(255,200,80,0.08);
transform:scale(1.015);
}


/* V9 精準透明觸碰區：依 16:9 底圖欄位重新校準 */
.en{
left:25.85%;
top:49.10%;
width:13.55%;
height:7.85%;
}
.jp{
left:40.48%;
top:49.10%;
width:13.55%;
height:7.85%;
}
.zh{
left:55.08%;
top:49.10%;
width:13.55%;
height:7.85%;
}
.ko{
left:31.35%;
top:60.20%;
width:13.60%;
height:7.75%;
}
.cn{
left:47.35%;
top:60.20%;
width:13.60%;
height:7.75%;
}

.ai{
left:69.65%;
top:17.95%;
width:27.60%;
height:37.85%;
}
.booking{
left:69.65%;
top:58.55%;
width:27.60%;
height:15.55%;
}

/* 觸控提示更精準，不大面積擋畫面 */
.hotspot:hover,
.hotspot:active{
box-shadow:0 0 18px rgba(255,210,90,0.95), inset 0 0 16px rgba(255,190,60,0.22);
background:rgba(255,200,80,0.055);
transform:scale(1.006);
}

body.debug-hotspots .hotspot{
outline:2px dashed rgba(255,0,0,0.8);
background:rgba(255,0,0,0.08);
}


/* V10 左上角即時天氣 + 即時時間覆蓋層 */
.live-widget{
position:absolute;
left:1.85%;
top:3.7%;
width:12.6%;
height:21.2%;
z-index:8;
border:1.5px solid rgba(255,205,90,.88);
border-radius:14px;
background:rgba(0,0,0,.46);
box-shadow:0 0 22px rgba(255,190,60,.42), inset 0 0 16px rgba(255,190,60,.12);
backdrop-filter:blur(3px);
color:#fff;
pointer-events:none;
overflow:hidden;
}

.live-widget::before{
content:"";
position:absolute;
inset:7px;
border:1px solid rgba(255,221,130,.35);
border-radius:10px;
pointer-events:none;
}

.live-weather,
.live-time{
height:48%;
display:flex;
align-items:center;
gap:7%;
padding:6% 8%;
}

.live-icon,
.live-clock-icon{
width:30%;
font-size:2.1vw;
line-height:1;
color:#ffd76b;
text-align:center;
text-shadow:0 0 12px rgba(255,180,50,.95);
}

.live-temp,
.live-clock{
font-size:1.65vw;
font-weight:900;
letter-spacing:.03em;
text-shadow:0 0 8px rgba(0,0,0,.9);
}

.live-city{
font-size:.72vw;
font-weight:600;
opacity:.95;
margin-top:.25vh;
}

.live-date{
font-size:.82vw;
font-weight:800;
color:#ffd76b;
margin-top:.25vh;
}

.live-line{
height:1px;
width:82%;
margin:0 auto;
background:linear-gradient(90deg,transparent,rgba(255,210,100,.95),transparent);
box-shadow:0 0 10px rgba(255,210,100,.7);
}

/* 避免底圖原本左上角文字干擾 */
.live-widget::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.05));
z-index:-1;
}


/* V11：左上角天氣與時間動態小圖 */
.live-icon{
position:relative;
animation:weatherFloat 2.8s ease-in-out infinite, weatherGlow 2.2s ease-in-out infinite;
}

.live-icon::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:2.9vw;
height:2.9vw;
transform:translate(-50%,-50%);
border-radius:50%;
border:1px solid rgba(255,215,120,.38);
box-shadow:0 0 16px rgba(255,195,70,.75);
animation:weatherRing 2.6s linear infinite;
pointer-events:none;
}

.live-clock-icon{
position:relative;
animation:clockPulse 1.7s ease-in-out infinite;
}

.live-clock-icon::before{
content:"";
position:absolute;
left:50%;
top:50%;
width:2.65vw;
height:2.65vw;
transform:translate(-50%,-50%);
border:1.5px solid rgba(255,215,120,.5);
border-radius:50%;
box-shadow:0 0 14px rgba(255,190,60,.58);
}

.live-clock-icon::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:.09vw;
height:1.05vw;
background:#ffd76b;
transform-origin:bottom center;
transform:translate(-50%,-100%) rotate(0deg);
box-shadow:0 0 8px rgba(255,210,100,.9);
animation:clockHand 6s linear infinite;
}

@keyframes weatherFloat{
0%,100%{transform:translateY(0) scale(1);}
50%{transform:translateY(-.35vh) scale(1.08);}
}

@keyframes weatherGlow{
0%,100%{text-shadow:0 0 10px rgba(255,180,50,.85),0 0 18px rgba(255,210,90,.45);}
50%{text-shadow:0 0 16px rgba(255,220,120,1),0 0 30px rgba(255,180,50,.9);}
}

@keyframes weatherRing{
0%{opacity:.9;transform:translate(-50%,-50%) scale(.78);}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.55);}
}

@keyframes clockPulse{
0%,100%{transform:scale(1);}
50%{transform:scale(1.07);}
}

@keyframes clockHand{
0%{transform:translate(-50%,-100%) rotate(0deg);}
100%{transform:translate(-50%,-100%) rotate(360deg);}
}

/* 讓左上角即時框更貼合底圖，不擋太多畫面 */
.live-widget{
left:1.55%;
top:3.1%;
width:12.25%;
height:20.4%;
}


/* V12：天氣與時間置中放大，圖示改成背景金黃色風格 */
.live-widget{
left:1.58% !important;
top:3.20% !important;
width:12.55% !important;
height:21.4% !important;
background:linear-gradient(180deg,rgba(18,12,2,.66),rgba(0,0,0,.58)) !important;
border:1.6px solid rgba(255,210,105,.92) !important;
box-shadow:0 0 26px rgba(255,188,55,.52), inset 0 0 22px rgba(255,190,60,.16) !important;
}

.live-weather,
.live-time{
height:48% !important;
display:grid !important;
grid-template-columns:39% 61% !important;
align-items:center !important;
gap:0 !important;
padding:4.8% 7% !important;
text-align:center !important;
}

.live-weather > div:last-child,
.live-time > div:last-child{
width:100% !important;
text-align:center !important;
}

.live-icon,
.live-clock-icon{
width:3.25vw !important;
height:3.25vw !important;
margin:0 auto !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:
  radial-gradient(circle at 35% 28%,rgba(255,246,177,.98),rgba(255,202,72,.92) 38%,rgba(160,86,0,.92) 74%,rgba(35,18,0,.96) 100%) !important;
border:1.4px solid rgba(255,226,138,.95) !important;
box-shadow:
  0 0 10px rgba(255,230,150,.9),
  0 0 22px rgba(255,183,45,.82),
  inset 0 0 12px rgba(255,255,210,.36) !important;
color:#3b2100 !important;
font-size:1.88vw !important;
font-weight:900 !important;
line-height:1 !important;
text-align:center !important;
text-shadow:0 1px 0 rgba(255,255,200,.8) !important;
animation:goldIconFloat 2.8s ease-in-out infinite, goldIconGlow 2.2s ease-in-out infinite !important;
position:relative !important;
}

/* 移除舊版時鐘圖示的旋轉假指針 */
.live-clock-icon::before,
.live-clock-icon::after{
content:none !important;
display:none !important;
}

/* 天氣外圈光暈保留但改成金色 */
.live-icon::after{
content:"" !important;
display:block !important;
position:absolute !important;
left:50% !important;
top:50% !important;
width:3.35vw !important;
height:3.35vw !important;
transform:translate(-50%,-50%) scale(.85) !important;
border-radius:50% !important;
border:1px solid rgba(255,225,135,.55) !important;
box-shadow:0 0 18px rgba(255,195,70,.85) !important;
animation:weatherRing 2.6s linear infinite !important;
pointer-events:none !important;
}

.live-temp,
.live-clock{
font-size:2.22vw !important;
font-weight:1000 !important;
line-height:1 !important;
letter-spacing:.02em !important;
color:#fff6cf !important;
text-shadow:0 0 10px rgba(255,184,45,.75),0 0 5px rgba(0,0,0,.9) !important;
}

.live-city,
.live-date{
font-size:.94vw !important;
font-weight:900 !important;
line-height:1.15 !important;
margin-top:.45vh !important;
color:#ffd76b !important;
text-shadow:0 0 8px rgba(255,184,45,.55),0 0 5px rgba(0,0,0,.85) !important;
opacity:1 !important;
}

.live-line{
width:84% !important;
background:linear-gradient(90deg,transparent,rgba(255,219,116,.98),transparent) !important;
}

/* 即時時鐘圖：指針跟著東京即時時間 */
.live-clock-visual{
font-size:0 !important;
}

.clock-dot{
position:absolute;
left:50%;
top:50%;
width:.34vw;
height:.34vw;
transform:translate(-50%,-50%);
border-radius:50%;
background:#fff4bd;
box-shadow:0 0 8px rgba(255,245,170,.95);
z-index:5;
}

.clock-hand{
position:absolute;
left:50%;
top:50%;
width:.12vw;
border-radius:.12vw;
transform-origin:50% 100%;
transform:translate(-50%,-100%) rotate(0deg);
box-shadow:0 0 6px rgba(75,40,0,.45);
z-index:4;
}

.hour-hand{
height:.82vw;
background:#4a2a00;
}

.minute-hand{
height:1.12vw;
background:#2a1700;
}

.second-hand{
height:1.22vw;
width:.06vw;
background:#fff1a8;
box-shadow:0 0 8px rgba(255,240,160,.9);
}

@keyframes goldIconFloat{
0%,100%{transform:translateY(0) scale(1);}
50%{transform:translateY(-.28vh) scale(1.05);}
}

@keyframes goldIconGlow{
0%,100%{
box-shadow:0 0 10px rgba(255,230,150,.9),0 0 22px rgba(255,183,45,.82),inset 0 0 12px rgba(255,255,210,.36);
}
50%{
box-shadow:0 0 16px rgba(255,241,180,1),0 0 34px rgba(255,183,45,1),inset 0 0 16px rgba(255,255,215,.45);
}
}

/* 小螢幕高度時避免過大 */
@media(max-height:760px){
.live-widget{
height:22.5% !important;
}
.live-icon,
.live-clock-icon{
width:3vw !important;
height:3vw !important;
}
.live-temp,
.live-clock{
font-size:2vw !important;
}
.live-city,
.live-date{
font-size:.82vw !important;
}
}


/* V13 CODE版：不是做圖，是 HTML/CSS/JS 即時天氣與即時時鐘 */
.live-widget{
position:absolute !important;
left:1.55% !important;
top:3.05% !important;
width:12.9% !important;
height:21.5% !important;
z-index:40 !important;
border-radius:18px !important;
border:1.6px solid rgba(255,210,105,.92) !important;
background:linear-gradient(180deg,rgba(19,12,2,.72),rgba(0,0,0,.62)) !important;
box-shadow:0 0 24px rgba(255,188,55,.54), inset 0 0 22px rgba(255,190,60,.15) !important;
overflow:hidden !important;
backdrop-filter:blur(2px);
}

.live-weather,
.live-time{
height:calc(50% - 1px) !important;
display:grid !important;
grid-template-columns:39% 61% !important;
align-items:center !important;
justify-items:center !important;
padding:4% 6.5% !important;
text-align:center !important;
}

.live-line{
height:1px !important;
width:84% !important;
margin:0 auto !important;
background:linear-gradient(90deg,transparent,rgba(255,219,116,.98),transparent) !important;
}

.live-weather > div:last-child,
.live-time > div:last-child{
width:100% !important;
text-align:center !important;
}

.live-icon,
.live-clock-icon{
width:3.18vw !important;
height:3.18vw !important;
min-width:3.18vw !important;
min-height:3.18vw !important;
margin:0 !important;
border-radius:50% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:
  radial-gradient(circle at 34% 27%,rgba(255,248,188,.98),rgba(255,203,73,.94) 38%,rgba(170,92,0,.92) 74%,rgba(35,18,0,.97) 100%) !important;
border:1.4px solid rgba(255,226,138,.96) !important;
box-shadow:
  0 0 10px rgba(255,230,150,.95),
  0 0 22px rgba(255,183,45,.84),
  inset 0 0 12px rgba(255,255,210,.38) !important;
color:#3b2100 !important;
font-size:1.8vw !important;
font-weight:900 !important;
line-height:1 !important;
text-align:center !important;
text-shadow:0 1px 0 rgba(255,255,200,.85) !important;
animation:v13GoldFloat 2.8s ease-in-out infinite, v13GoldGlow 2.2s ease-in-out infinite !important;
position:relative !important;
}

.live-icon::after{
content:"" !important;
position:absolute !important;
left:50% !important;
top:50% !important;
width:3.3vw !important;
height:3.3vw !important;
transform:translate(-50%,-50%) scale(.82) !important;
border-radius:50% !important;
border:1px solid rgba(255,225,135,.55) !important;
box-shadow:0 0 18px rgba(255,195,70,.85) !important;
animation:v13IconRing 2.6s linear infinite !important;
pointer-events:none !important;
}

.live-clock-icon::before,
.live-clock-icon::after{
content:none !important;
display:none !important;
}

.live-temp,
.live-clock{
font-size:2.18vw !important;
font-weight:1000 !important;
line-height:1 !important;
letter-spacing:.02em !important;
color:#fff6cf !important;
text-align:center !important;
text-shadow:0 0 10px rgba(255,184,45,.78),0 0 5px rgba(0,0,0,.9) !important;
}

.live-city,
.live-date{
font-size:.9vw !important;
font-weight:900 !important;
line-height:1.12 !important;
margin-top:.42vh !important;
color:#ffd76b !important;
text-align:center !important;
text-shadow:0 0 8px rgba(255,184,45,.56),0 0 5px rgba(0,0,0,.85) !important;
opacity:1 !important;
}

.live-clock-visual{
font-size:0 !important;
}

.clock-dot{
position:absolute;
left:50%;
top:50%;
width:.34vw;
height:.34vw;
transform:translate(-50%,-50%);
border-radius:50%;
background:#fff4bd;
box-shadow:0 0 8px rgba(255,245,170,.95);
z-index:5;
}

.clock-hand{
position:absolute;
left:50%;
top:50%;
width:.12vw;
border-radius:.12vw;
transform-origin:50% 100%;
transform:translate(-50%,-100%) rotate(0deg);
box-shadow:0 0 6px rgba(75,40,0,.45);
z-index:4;
}

.hour-hand{
height:.82vw;
background:#4a2a00;
}

.minute-hand{
height:1.12vw;
background:#241300;
}

.second-hand{
height:1.22vw;
width:.06vw;
background:#fff1a8;
box-shadow:0 0 8px rgba(255,240,160,.9);
}

@keyframes v13GoldFloat{
0%,100%{transform:translateY(0) scale(1);}
50%{transform:translateY(-.28vh) scale(1.05);}
}

@keyframes v13GoldGlow{
0%,100%{
box-shadow:0 0 10px rgba(255,230,150,.95),0 0 22px rgba(255,183,45,.84),inset 0 0 12px rgba(255,255,210,.38);
}
50%{
box-shadow:0 0 16px rgba(255,241,180,1),0 0 34px rgba(255,183,45,1),inset 0 0 16px rgba(255,255,215,.45);
}
}

@keyframes v13IconRing{
0%{opacity:.88;transform:translate(-50%,-50%) scale(.78);}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.55);}
}

@media(max-height:760px){
.live-widget{
height:22.3% !important;
}
.live-icon,
.live-clock-icon{
width:2.95vw !important;
height:2.95vw !important;
min-width:2.95vw !important;
min-height:2.95vw !important;
}
.live-temp,
.live-clock{
font-size:1.96vw !important;
}
.live-city,
.live-date{
font-size:.8vw !important;
}
}


/* V14: 天氣圖示取消金色圓形背景 */
.live-weather .live-icon{
background:none !important;
border:none !important;
box-shadow:none !important;
width:auto !important;
height:auto !important;
min-width:auto !important;
min-height:auto !important;
border-radius:0 !important;
font-size:2.4vw !important;
color:#ffd76b !important;
text-shadow:0 0 12px rgba(255,184,45,.9) !important;
animation:v13GoldFloat 2.8s ease-in-out infinite !important;
}

.live-weather .live-icon::after{
content:none !important;
display:none !important;
}

.live-clock-icon{
background:none !important;
border:1.4px solid rgba(255,226,138,.96) !important;
}


/* V15：左上角天氣時間重新排版
   - 放大文字
   - 拿掉欄位框線
   - 靠左上對齊
   - 天氣與時間上下堆疊
   - 兩組不留間距
*/
.live-widget{
left:1.35% !important;
top:2.25% !important;
width:15.2% !important;
height:auto !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
backdrop-filter:none !important;
overflow:visible !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
gap:0 !important;
align-items:flex-start !important;
justify-content:flex-start !important;
}

.live-weather,
.live-time{
width:100% !important;
height:auto !important;
display:grid !important;
grid-template-columns:3.6vw 1fr !important;
align-items:center !important;
justify-items:start !important;
gap:.55vw !important;
padding:0 !important;
margin:0 !important;
text-align:left !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
}

.live-weather{
margin-bottom:0 !important;
}

.live-time{
margin-top:-.15vh !important;
}

.live-line{
display:none !important;
}

.live-weather > div:last-child,
.live-time > div:last-child{
width:auto !important;
text-align:left !important;
}

.live-weather .live-icon{
font-size:3.25vw !important;
width:3.4vw !important;
height:3.4vw !important;
min-width:3.4vw !important;
min-height:3.4vw !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
color:#ffd76b !important;
text-shadow:
  0 0 10px rgba(255,184,45,.95),
  0 0 22px rgba(255,205,95,.55) !important;
}

.live-clock-icon{
width:3.35vw !important;
height:3.35vw !important;
min-width:3.35vw !important;
min-height:3.35vw !important;
margin:0 !important;
background:transparent !important;
border:1.4px solid rgba(255,215,120,.75) !important;
box-shadow:
  0 0 12px rgba(255,190,55,.55),
  inset 0 0 8px rgba(255,210,120,.15) !important;
}

.live-temp,
.live-clock{
font-size:2.85vw !important;
font-weight:1000 !important;
line-height:.92 !important;
letter-spacing:.01em !important;
text-align:left !important;
color:#fff6cf !important;
text-shadow:
  0 0 12px rgba(255,184,45,.9),
  0 0 5px rgba(0,0,0,.95) !important;
}

.live-city,
.live-date{
font-size:1.12vw !important;
font-weight:900 !important;
line-height:1 !important;
margin-top:.28vh !important;
text-align:left !important;
color:#ffd76b !important;
text-shadow:
  0 0 8px rgba(255,184,45,.65),
  0 0 5px rgba(0,0,0,.9) !important;
}

.clock-dot{
width:.38vw !important;
height:.38vw !important;
}

.hour-hand{
height:.9vw !important;
}

.minute-hand{
height:1.22vw !important;
}

.second-hand{
height:1.34vw !important;
}

@media(max-height:760px){
.live-widget{
left:1.25% !important;
top:2.0% !important;
width:16% !important;
}
.live-weather,
.live-time{
grid-template-columns:3.35vw 1fr !important;
}
.live-weather .live-icon,
.live-clock-icon{
width:3.1vw !important;
height:3.1vw !important;
min-width:3.1vw !important;
min-height:3.1vw !important;
font-size:2.95vw !important;
}
.live-temp,
.live-clock{
font-size:2.55vw !important;
}
.live-city,
.live-date{
font-size:.98vw !important;
}
}


/* V17：天氣與時間調整
   - 天氣與時間中間保留一條金色線
   - 上下間距增加約 0.5cm
   - 天氣圖示金色、文字白色
   - 天氣與時間文字再放大
*/
.live-widget{
left:1.25% !important;
top:2.0% !important;
width:17.2% !important;
height:auto !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
backdrop-filter:none !important;
overflow:visible !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:0 !important;
}

.live-weather,
.live-time{
width:100% !important;
height:auto !important;
display:grid !important;
grid-template-columns:3.95vw 1fr !important;
align-items:center !important;
justify-items:start !important;
gap:.62vw !important;
padding:0 !important;
margin:0 !important;
text-align:left !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
}

.live-line{
display:block !important;
width:13.6vw !important;
height:1.5px !important;
margin:.25cm 0 .25cm 0 !important;
background:linear-gradient(90deg,rgba(255,215,115,.95),rgba(255,190,60,.55),transparent) !important;
box-shadow:0 0 10px rgba(255,190,60,.65) !important;
}

.live-weather > div:last-child,
.live-time > div:last-child{
width:auto !important;
text-align:left !important;
}

/* 氣象圖：金色，不要金色背景框 */
.live-weather .live-icon{
font-size:3.65vw !important;
width:3.75vw !important;
height:3.75vw !important;
min-width:3.75vw !important;
min-height:3.75vw !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 9px rgba(255,184,45,.95),
  0 0 22px rgba(255,205,95,.68),
  0 0 4px rgba(0,0,0,.9) !important;
animation:v13GoldFloat 2.8s ease-in-out infinite !important;
}

.live-weather .live-icon::after{
content:none !important;
display:none !important;
}

/* 時鐘保留金色線條風格 */
.live-clock-icon{
width:3.7vw !important;
height:3.7vw !important;
min-width:3.7vw !important;
min-height:3.7vw !important;
margin:0 !important;
background:transparent !important;
border:1.7px solid rgba(255,215,120,.82) !important;
box-shadow:
  0 0 13px rgba(255,190,55,.62),
  inset 0 0 9px rgba(255,210,120,.18) !important;
}

/* 主要文字改白色並放大 */
.live-temp,
.live-clock{
font-size:3.18vw !important;
font-weight:1000 !important;
line-height:.9 !important;
letter-spacing:.01em !important;
text-align:left !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-shadow:
  0 0 10px rgba(255,184,45,.72),
  0 0 5px rgba(0,0,0,1) !important;
}

/* 小字也放大，維持金色輔助字 */
.live-city,
.live-date{
font-size:1.25vw !important;
font-weight:900 !important;
line-height:1.05 !important;
margin-top:.35vh !important;
text-align:left !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 8px rgba(255,184,45,.68),
  0 0 5px rgba(0,0,0,.95) !important;
}

.clock-dot{
width:.42vw !important;
height:.42vw !important;
}

.hour-hand{
height:.98vw !important;
}

.minute-hand{
height:1.34vw !important;
}

.second-hand{
height:1.46vw !important;
}

/* 小高度設備微調 */
@media(max-height:760px){
.live-widget{
left:1.2% !important;
top:1.8% !important;
width:17.8% !important;
}
.live-weather,
.live-time{
grid-template-columns:3.55vw 1fr !important;
gap:.55vw !important;
}
.live-weather .live-icon{
font-size:3.25vw !important;
width:3.45vw !important;
height:3.45vw !important;
min-width:3.45vw !important;
min-height:3.45vw !important;
}
.live-clock-icon{
width:3.45vw !important;
height:3.45vw !important;
min-width:3.45vw !important;
min-height:3.45vw !important;
}
.live-temp,
.live-clock{
font-size:2.82vw !important;
}
.live-city,
.live-date{
font-size:1.05vw !important;
}
.live-line{
width:14.2vw !important;
margin:.19cm 0 .19cm 0 !important;
}
}


/* V18：依照需求修正左上角天氣/時間區
   1. 天氣圖案加上背景金色
   2. 雲與天氣符號維持金色系
   3. 天氣與時間間距縮小
   4. 字高度不變，寬度增加
   5. 移除左上背景晴空塔左側細小正方形框線
*/

/* 移除可能殘留的小框線/點擊debug框線 */
body.debug-hotspots .hotspot,
.hotspot,
.hotspot:hover,
.hotspot:active{
outline:none !important;
}

/* 縮小天氣與時間間距，保留分隔線但更短更貼近 */
.live-line{
display:block !important;
width:14.8vw !important;
height:1.4px !important;
margin:.11cm 0 .11cm 0 !important;
background:linear-gradient(90deg,rgba(255,215,115,.92),rgba(255,190,60,.46),transparent) !important;
box-shadow:0 0 8px rgba(255,190,60,.52) !important;
}

/* 文字區加寬，但高度不變 */
.live-widget{
width:18.2% !important;
}

.live-weather,
.live-time{
grid-template-columns:4.1vw 1fr !important;
gap:.50vw !important;
}

/* 天氣圖示：金色背景框 + 天氣符號/雲金色 */
.live-weather .live-icon{
font-size:3.55vw !important;
width:3.85vw !important;
height:3.85vw !important;
min-width:3.85vw !important;
min-height:3.85vw !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
border-radius:50% !important;
background:
  radial-gradient(circle at 34% 28%,rgba(255,244,176,.96),rgba(255,201,70,.86) 38%,rgba(179,96,0,.72) 72%,rgba(45,25,0,.78) 100%) !important;
border:1.2px solid rgba(255,225,140,.72) !important;
box-shadow:
  0 0 10px rgba(255,224,140,.62),
  0 0 18px rgba(255,183,45,.72),
  inset 0 0 10px rgba(255,245,190,.22) !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 8px rgba(255,184,45,.92),
  0 0 16px rgba(255,205,95,.56),
  0 0 3px rgba(0,0,0,.85) !important;
animation:v13GoldFloat 2.8s ease-in-out infinite, v13GoldGlow 2.2s ease-in-out infinite !important;
}

/* 天氣圖背景外圈淡淡金色，不要出現正方形 */
.live-weather .live-icon::after{
content:"" !important;
display:block !important;
position:absolute !important;
left:50% !important;
top:50% !important;
width:3.95vw !important;
height:3.95vw !important;
transform:translate(-50%,-50%) scale(.82) !important;
border-radius:50% !important;
border:1px solid rgba(255,225,135,.36) !important;
box-shadow:0 0 14px rgba(255,195,70,.58) !important;
animation:v13IconRing 2.6s linear infinite !important;
pointer-events:none !important;
}

/* 字高度不變、但橫向可讀性增加 */
.live-temp,
.live-clock{
font-size:3.18vw !important;
font-stretch:expanded;
letter-spacing:.035em !important;
transform:scaleX(1.08) !important;
transform-origin:left center !important;
white-space:nowrap !important;
}

.live-city,
.live-date{
font-size:1.25vw !important;
letter-spacing:.025em !important;
transform:scaleX(1.06) !important;
transform-origin:left center !important;
white-space:nowrap !important;
}

/* 防止左上角有任何小正方形框線 */
.live-widget *,
.live-weather *,
.live-time *{
outline:none !important;
}

.live-widget::before,
.live-widget::after{
content:none !important;
display:none !important;
}

/* 小高度設備同步縮小間距 */
@media(max-height:760px){
.live-widget{
width:18.6% !important;
}
.live-line{
width:15vw !important;
margin:.08cm 0 .08cm 0 !important;
}
.live-weather,
.live-time{
grid-template-columns:3.8vw 1fr !important;
gap:.45vw !important;
}
.live-weather .live-icon{
font-size:3.18vw !important;
width:3.55vw !important;
height:3.55vw !important;
min-width:3.55vw !important;
min-height:3.55vw !important;
}
.live-weather .live-icon::after{
width:3.65vw !important;
height:3.65vw !important;
}
}

/* V19 */
.live-widget{
left:0.8% !important;
top:1.2% !important;
width:14% !important;
}

.live-weather,.live-time{
grid-template-columns:2.8vw 1fr !important;
gap:.28vw !important;
}

.live-line{
width:10vw !important;
margin:.05cm 0 !important;
}

.live-weather .live-icon{
width:2.7vw !important;
height:2.7vw !important;
min-width:2.7vw !important;
min-height:2.7vw !important;
font-size:1.5vw !important;
background:linear-gradient(135deg,#ffe8a3,#c88b10) !important;
border-radius:30% !important;
}

/* 換成六角科技感圖示 */
.live-weather .live-icon::before{
content:"✦" !important;
position:absolute;
font-size:1.2vw;
color:#fff7d0;
}
.live-weather .live-icon{
color:transparent !important;
}

.live-clock-icon{
width:2.7vw !important;
height:2.7vw !important;
min-width:2.7vw !important;
min-height:2.7vw !important;
background:linear-gradient(135deg,#ffe8a3,#c88b10) !important;
border-radius:30% !important;
}

.live-temp,.live-clock{
font-size:2.2vw !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:0 0 10px rgba(255,190,60,.8) !important;
transform:none !important;
}

.live-city,.live-date{
font-size:.9vw !important;
color:#e7c46a !important;
-webkit-text-fill-color:#e7c46a !important;
transform:none !important;
}

/* V20 */
.live-temp,.live-clock{
font-size:2.9vw !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}

.live-city,.live-date{
font-size:1.05vw !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
}

.live-weather .live-icon,
.live-clock-icon{
background:transparent !important;
border:none !important;
box-shadow:none !important;
width:3.4vw !important;
height:3.4vw !important;
min-width:3.4vw !important;
min-height:3.4vw !important;
}

/* 金色小圖，不要金色背景 */
.live-weather .live-icon{
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
font-size:2.6vw !important;
text-shadow:0 0 12px rgba(255,190,60,.9),0 0 24px rgba(255,210,120,.6) !important;
}

.live-weather .live-icon::before{
content:"☀" !important;
font-size:2.4vw !important;
color:#ffd76b !important;
}

.live-weather .live-icon::after{
display:none !important;
}

.live-line{
width:11.5vw !important;
}

/* V21 全金色版 */
.live-temp,
.live-clock{
font-size:3.0vw !important;
color:#FFD76B !important;
-webkit-text-fill-color:#FFD76B !important;
text-shadow:
0 0 12px rgba(255,190,60,.95),
0 0 24px rgba(255,220,120,.65) !important;
}

.live-city,
.live-date{
font-size:1.08vw !important;
color:#FFD76B !important;
-webkit-text-fill-color:#FFD76B !important;
text-shadow:
0 0 8px rgba(255,190,60,.85) !important;
}

.live-weather .live-icon,
.live-clock-icon{
color:#FFD76B !important;
-webkit-text-fill-color:#FFD76B !important;
text-shadow:
0 0 12px rgba(255,190,60,.95),
0 0 24px rgba(255,220,120,.65) !important;
}

.live-clock-icon{
border:1.5px solid rgba(255,215,120,.85) !important;
box-shadow:
0 0 12px rgba(255,190,60,.75),
inset 0 0 8px rgba(255,215,120,.18) !important;
background:transparent !important;
}

/* V22 OPTIMIZED：正式優化版
   - 左上角資訊更清楚
   - 天氣/時間金色統一
   - 動態小圖更精緻
   - 間距微調，靠左上不壓版面
   - 保留原本首頁、按鈕、底圖配置
*/

.live-widget{
left:1.05% !important;
top:1.75% !important;
width:17.6% !important;
height:auto !important;
}

.live-weather,
.live-time{
grid-template-columns:3.85vw 1fr !important;
gap:.50vw !important;
align-items:center !important;
}

.live-line{
display:block !important;
width:13.8vw !important;
height:1.4px !important;
margin:.12cm 0 .12cm 0 !important;
background:linear-gradient(90deg,rgba(255,221,130,.95),rgba(255,185,45,.62),transparent) !important;
box-shadow:0 0 10px rgba(255,190,60,.55) !important;
}

/* 金色天氣圖示：不使用背景塊 */
.live-weather .live-icon{
background:transparent !important;
border:none !important;
box-shadow:none !important;
width:3.65vw !important;
height:3.65vw !important;
min-width:3.65vw !important;
min-height:3.65vw !important;
font-size:3.15vw !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 10px rgba(255,190,60,.95),
  0 0 22px rgba(255,220,120,.68),
  0 0 4px rgba(0,0,0,.9) !important;
animation:v22WeatherFloat 3s ease-in-out infinite, v22GoldGlow 2.2s ease-in-out infinite !important;
}

/* 防止舊版星號覆蓋天氣圖 */
.live-weather .live-icon::before,
.live-weather .live-icon::after{
content:none !important;
display:none !important;
}

/* 金色即時類比時鐘：保留透明背景，只顯示金色鐘面 */
.live-clock-icon{
background:transparent !important;
border:1.7px solid rgba(255,215,120,.90) !important;
border-radius:50% !important;
width:3.62vw !important;
height:3.62vw !important;
min-width:3.62vw !important;
min-height:3.62vw !important;
box-shadow:
  0 0 12px rgba(255,190,60,.78),
  0 0 22px rgba(255,215,100,.32),
  inset 0 0 9px rgba(255,215,120,.22) !important;
animation:v22ClockPulse 2.4s ease-in-out infinite !important;
}

.clock-dot{
width:.42vw !important;
height:.42vw !important;
background:#ffd76b !important;
box-shadow:0 0 9px rgba(255,230,145,.95) !important;
}

.hour-hand{
height:1.02vw !important;
width:.13vw !important;
background:#ffd76b !important;
box-shadow:0 0 7px rgba(255,220,120,.85) !important;
}

.minute-hand{
height:1.38vw !important;
width:.11vw !important;
background:#ffd76b !important;
box-shadow:0 0 7px rgba(255,220,120,.85) !important;
}

.second-hand{
height:1.50vw !important;
width:.055vw !important;
background:#fff3b2 !important;
box-shadow:0 0 8px rgba(255,240,160,.95) !important;
}

/* 文字統一金黃色，視覺加粗 */
.live-temp,
.live-clock{
font-size:3.08vw !important;
font-weight:1000 !important;
line-height:.90 !important;
letter-spacing:.02em !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 10px rgba(255,190,60,.95),
  0 0 20px rgba(255,215,100,.55),
  0 0 5px rgba(0,0,0,.95) !important;
white-space:nowrap !important;
transform:none !important;
}

.live-city,
.live-date{
font-size:1.16vw !important;
font-weight:900 !important;
line-height:1.05 !important;
margin-top:.32vh !important;
letter-spacing:.015em !important;
color:#ffd76b !important;
-webkit-text-fill-color:#ffd76b !important;
text-shadow:
  0 0 8px rgba(255,190,60,.78),
  0 0 5px rgba(0,0,0,.9) !important;
white-space:nowrap !important;
transform:none !important;
}

@keyframes v22WeatherFloat{
0%,100%{transform:translateY(0) scale(1);}
50%{transform:translateY(-.24vh) scale(1.05);}
}

@keyframes v22GoldGlow{
0%,100%{
text-shadow:0 0 10px rgba(255,190,60,.95),0 0 22px rgba(255,220,120,.68),0 0 4px rgba(0,0,0,.9);
}
50%{
text-shadow:0 0 16px rgba(255,230,145,1),0 0 32px rgba(255,185,45,.92),0 0 5px rgba(0,0,0,.9);
}
}

@keyframes v22ClockPulse{
0%,100%{
box-shadow:0 0 12px rgba(255,190,60,.78),0 0 22px rgba(255,215,100,.32),inset 0 0 9px rgba(255,215,120,.22);
}
50%{
box-shadow:0 0 18px rgba(255,225,135,.95),0 0 34px rgba(255,185,45,.55),inset 0 0 12px rgba(255,225,135,.32);
}
}

/* KTC 高度較小時微調 */
@media(max-height:760px){
.live-widget{
left:1.0% !important;
top:1.55% !important;
width:18.2% !important;
}
.live-weather,
.live-time{
grid-template-columns:3.55vw 1fr !important;
gap:.46vw !important;
}
.live-weather .live-icon,
.live-clock-icon{
width:3.35vw !important;
height:3.35vw !important;
min-width:3.35vw !important;
min-height:3.35vw !important;
}
.live-weather .live-icon{
font-size:2.9vw !important;
}
.live-temp,
.live-clock{
font-size:2.72vw !important;
}
.live-city,
.live-date{
font-size:1.02vw !important;
}
.live-line{
width:14.1vw !important;
margin:.09cm 0 .09cm 0 !important;
}
}

/* V23 字體優化：高度不變，寬度加寬 */
.live-temp,
.live-clock{
font-family:"Segoe UI","Arial",sans-serif !important;
font-size:3.08vw !important; /* 高度維持 */
font-weight:1000 !important;
letter-spacing:.08em !important;
transform:scaleX(1.18) !important;
transform-origin:left center !important;
text-rendering:optimizeLegibility !important;
}

.live-city,
.live-date{
font-family:"Segoe UI","Arial",sans-serif !important;
font-size:1.16vw !important; /* 高度維持 */
font-weight:900 !important;
letter-spacing:.06em !important;
transform:scaleX(1.12) !important;
transform-origin:left center !important;
}

.live-temp{
background:linear-gradient(180deg,#fff3b0,#ffd76b,#d8a329);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.live-clock{
background:linear-gradient(180deg,#fff6c8,#ffd76b,#d8a329);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* V24 */
.live-temp{
font-weight:700 !important;
transform:scaleX(1.10) !important; /* 比V23少約8% */
}

.live-clock{
font-weight:700 !important;
transform:scaleX(1.10) !important;
}

.live-city,
.live-date{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-shadow:
0 0 6px rgba(255,255,255,.25),
0 0 4px rgba(0,0,0,.9) !important;
transform:scaleX(1.04) !important;
}

/* V25-PREMIUM */
.live-temp,.live-clock{font-size:3.0vw;font-weight:700;letter-spacing:.05em;}
.live-city,.live-date{color:#ffffff;}
.live-weather .live-icon,.live-clock-icon{text-shadow:0 0 22px rgba(255,215,120,1);}

/* V26 統一天氣時間字體風格 */

.live-temp,
.live-clock{
font-weight:800 !important;
background:linear-gradient(
180deg,
#fff7d6 0%,
#ffe8a0 25%,
#ffd76b 55%,
#dca22f 100%
) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
text-shadow:none !important;
letter-spacing:.04em !important;
}

.live-city,
.live-date{
font-family:inherit !important;
font-weight:500 !important;
font-size:1.05vw !important;
color:rgba(255,255,255,.92) !important;
-webkit-text-fill-color:rgba(255,255,255,.92) !important;
text-shadow:none !important;
letter-spacing:.02em !important;
}

.live-weather .live-icon,
.live-clock-icon{
filter:drop-shadow(0 0 10px rgba(255,210,90,.8));
}


/* V27：只修正韓國語、簡體中文兩個觸摸熱區
   兩個觸摸區往下移，其他按鈕完全不動 */
.ko,
.hotspot-ko,
.hotspot.ko{
top:62.85% !important;
}

.cn,
.hotspot-cn,
.hotspot.cn{
top:62.85% !important;
}

/* 避免 hover 發光太上方，讓特效與按鈕中央一致 */
.ko:hover,
.ko:active,
.hotspot-ko:hover,
.hotspot-ko:active,
.hotspot.ko:hover,
.hotspot.ko:active,
.cn:hover,
.cn:active,
.hotspot-cn:hover,
.hotspot-cn:active,
.hotspot.cn:hover,
.hotspot.cn:active{
transform:scale(1.006) !important;
}


/* V30 GOLD WEATHER */
.weather-icon,.clock-icon,.weather-widget i,.time-widget i,
.weather-widget svg,.time-widget svg,
.weather-widget svg *, .time-widget svg *,
.fa-cloud,.fa-cloud-sun,.fa-sun,.fa-clock{
 color:#D4AF37 !important;
 fill:#D4AF37 !important;
 stroke:#D4AF37 !important;
 filter:drop-shadow(0 0 8px rgba(212,175,55,.85));
}

.weather-temp,.weather-value,.time-value{
 color:#D4AF37 !important;
}

.weather-city,.weather-date,.city-name,.date-text{
 color:#FFFFFF !important;
}


/* V31 Luxury Weather */
.weather-icon,.weather-svg,.weather-emoji,.clock-icon{
color:#D4AF37!important;
fill:#D4AF37!important;
stroke:#D4AF37!important;
filter:drop-shadow(0 0 12px rgba(212,175,55,.95));
}
.weather-temp,.time-value{
background:linear-gradient(180deg,#fff3b0,#d4af37,#fff3b0);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight:700;
}
.weather-city,.weather-date{
color:#ffffff!important;
}

.welcome-title{font-size:58px!important}
.chat-area,.chat-box{min-height:420px!important}
.quick-actions button,.bottom-actions button{min-height:90px!important;font-size:24px!important}
.time-panel{font-size:42px!important}
.info-card{transform:scale(1.08);transform-origin:top center;}


/* V112 layout fix */
.back-btn,.back-button{max-width:90px!important;}
.logo-panel,.hotel-logo{transform:scale(1.12)!important;transform-origin:center top!important;}
.quick-services,.service-title{transform:scale(.88)!important;transform-origin:center top!important;}
.robot-panel{height:calc(100% - 120px)!important;}
.robot-panel img{object-fit:cover!important;object-position:center top!important;}
.kinghotel-info,.hotel-info-bottom{height:85px!important;min-height:85px!important;}


/* V113 Final Layout */
.back-btn,.back-button{
  margin-left:-10px !important;
  max-width:80px !important;
}

.logo-panel,.hotel-logo{
  margin-left:15px !important;
}

.robot-panel{
  height:calc(100% - 70px) !important;
}

.robot-panel img{
  object-fit:cover !important;
  object-position:center top !important;
}

.kinghotel-info,.hotel-info-bottom{
  height:68px !important;
  min-height:68px !important;
  font-size:85% !important;
}


/* V114 FINAL CLEAN */
/* BACK 不擋 Logo */
.back-btn,.back-button,.btn-back,.back,[data-back]{
  margin-left:-12px !important;
  max-width:78px !important;
  min-width:58px !important;
  height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
}

/* KING HOTEL Logo 與 BACK 分離 */
.logo-panel,.hotel-logo,.brand,.brand-box{
  margin-left:16px !important;
}

/* 右側機器人往下放大填滿空白區 */
.robot-panel{
  height:calc(100% - 64px) !important;
  overflow:hidden !important;
}
.robot-panel img{
  object-fit:cover !important;
  object-position:center top !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
}

/* 右下 KING HOTEL 區塊縮小；皇冠拿掉；字體變細 */
.kinghotel-info,.hotel-info-bottom,.hotel-card,.hotel-info,.hotel{
  height:68px !important;
  min-height:68px !important;
  max-height:68px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-weight:400 !important;
  font-size:clamp(14px,1vw,20px) !important;
  letter-spacing:.5px !important;
  line-height:1 !important;
  margin:0 0 3px 0 !important;
  text-shadow:0 0 5px rgba(255,213,74,.35) !important;
}

/* 拿掉右下 KING HOTEL 前方/上方皇冠 logo */
.kinghotel-info h2::before,
.hotel-info-bottom h2::before,
.hotel-card h2::before,
.hotel-info h2::before,
.hotel h2::before,
.kinghotel-info img,
.hotel-info-bottom img,
.hotel-card img,
.hotel-info img,
.hotel img,
.kinghotel-info .crown,
.hotel-info-bottom .crown,
.hotel-card .crown,
.hotel-info .crown,
.hotel .crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:clamp(6px,.48vw,8.5px) !important;
  line-height:1.05 !important;
  font-weight:400 !important;
}

/* 中間聊天區與左側功能區不再另外改動 */


/* ===== V116 FINAL MASTER ===== */
/* 只做最後微調：BACK不擋Logo、右側機器人放大下移、右下KING HOTEL縮小細體 */

/* 1. BACK 再往左移，不擋 KING HOTEL Logo */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  margin-left:-20px !important;
  left:-20px !important;
  max-width:72px !important;
  min-width:54px !important;
  height:26px !important;
  min-height:26px !important;
  padding:2px 7px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:none !important;
  opacity:.82 !important;
  border-radius:16px !important;
}

/* 2. 右側機器人：放大約8%，往下移，填補下方空白 */
.robot-panel{
  overflow:hidden !important;
}

.robot-panel img{
  object-fit:cover !important;
  object-position:center top !important;
  width:108% !important;
  height:108% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-4%) translateY(30px) scale(1.08) !important;
  display:block !important;
}

/* 3. 右下 KING HOTEL 資訊區：高度再縮小15%、細體、無皇冠 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  padding:3px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-weight:300 !important;
  font-size:clamp(12px,.88vw,17px) !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:.4px !important;
  text-shadow:0 0 4px rgba(255,213,74,.28) !important;
}

/* 移除皇冠 Logo */
.kinghotel-info h2::before,
.hotel-info-bottom h2::before,
.hotel-card h2::before,
.hotel-info h2::before,
.hotel h2::before,
.kinghotel-info img,
.hotel-info-bottom img,
.hotel-card img,
.hotel-info img,
.hotel img,
.kinghotel-info .crown,
.hotel-info-bottom .crown,
.hotel-card .crown,
.hotel-info .crown,
.hotel .crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-weight:300 !important;
  font-size:clamp(5.6px,.42vw,7.8px) !important;
  line-height:1.02 !important;
  margin:0 !important;
}

/* 中央聊天區、左側功能區、語言列全部不動 */


/* V117 FINAL TUNE */

/* BACK再左移 */
.back,.back-btn,.btn-back,[data-back]{
 left:-45px !important;
 margin-left:-45px !important;
 transform:scale(.85) !important;
}

/* 右側機器人放大填滿 */
.robot-panel img,
.right-robot img,
.robot-image{
 object-fit:cover !important;
 object-position:center top !important;
 width:120% !important;
 height:120% !important;
 transform:translateX(-8%) translateY(18px) scale(1.18) !important;
}

/* 右下資訊區再縮小 */
.kinghotel-info,
.hotel-card,
.hotel-info-bottom{
 height:52px !important;
 min-height:52px !important;
 max-height:52px !important;
 padding:2px 5px !important;
}



/* ===== V118 BACK RESTORE FINAL ===== */
/* 修正：BACK按鈕跑出畫面；機器人略縮小下移；KING HOTEL資訊框回復一點高度 */

/* BACK恢復到畫面內，不遮Logo */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  position:relative !important;
  left:6px !important;
  margin-left:0 !important;
  transform:scale(.9) !important;
  transform-origin:left center !important;
  max-width:82px !important;
  min-width:62px !important;
  height:27px !important;
  min-height:27px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.86 !important;
  border-radius:16px !important;
  z-index:50 !important;
}

/* 右側機器人：比上一版縮小一點，避免皇冠貼太近 */
.robot-panel{
  overflow:hidden !important;
}

.robot-panel img{
  object-fit:cover !important;
  object-position:center top !important;
  width:110% !important;
  height:110% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-5%) translateY(20px) scale(1.08) !important;
  display:block !important;
}

/* 右下 KING HOTEL 資訊區：比上一版加高一點，文字清楚 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  height:65px !important;
  min-height:65px !important;
  max-height:65px !important;
  padding:3px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-weight:300 !important;
  font-size:clamp(12px,.9vw,18px) !important;
  line-height:1 !important;
  margin:0 0 3px 0 !important;
  letter-spacing:.4px !important;
}

/* 皇冠維持拿掉 */
.kinghotel-info h2::before,
.hotel-info-bottom h2::before,
.hotel-card h2::before,
.hotel-info h2::before,
.hotel h2::before,
.kinghotel-info img,
.hotel-info-bottom img,
.hotel-card img,
.hotel-info img,
.hotel img,
.kinghotel-info .crown,
.hotel-info-bottom .crown,
.hotel-card .crown,
.hotel-info .crown,
.hotel .crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-weight:300 !important;
  font-size:clamp(5.8px,.45vw,8px) !important;
  line-height:1.04 !important;
  margin:0 !important;
}

/* 其它區塊不動 */


/* ===== V119 RIGHT BOTTOM KING HOTEL BOLD ===== */
/* 只修改右下 KING HOTEL：加粗、維持無皇冠，其他版面不動 */

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-weight:800 !important;
  font-size:clamp(13px,1vw,20px) !important;
  letter-spacing:1px !important;
  color:#fff0a6 !important;
  text-shadow:
    0 0 6px rgba(255,213,74,.45),
    0 0 12px rgba(255,213,74,.25) !important;
}

/* 皇冠維持拿掉 */
.kinghotel-info h2::before,
.hotel-info-bottom h2::before,
.hotel-card h2::before,
.hotel-info h2::before,
.hotel h2::before,
.kinghotel-info img,
.hotel-info-bottom img,
.hotel-card img,
.hotel-info img,
.hotel img,
.kinghotel-info .crown,
.hotel-info-bottom .crown,
.hotel-card .crown,
.hotel-info .crown,
.hotel .crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}


/* ===== V120 FINAL DISPLAY TUNE ===== */
/* 只微調：左上Logo完整顯示、右側機器人再放大、右下KING HOTEL加粗放大 */

/* 1. 左上 KING HOTEL Logo 往下移，避免被切掉 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  padding-top:18px !important;
  margin-top:10px !important;
  overflow:visible !important;
}

.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img{
  margin-top:8px !important;
  object-fit:contain !important;
}

/* 2. BACK 保留在左上，不再覆蓋 Logo */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  position:relative !important;
  left:6px !important;
  margin-left:0 !important;
  transform:scale(.88) !important;
  transform-origin:left center !important;
  z-index:999 !important;
}

/* 3. 右側機器人再放大約15%，填滿右側主視覺 */
.robot-panel{
  overflow:hidden !important;
}

.robot-panel img{
  object-fit:cover !important;
  object-position:center top !important;
  width:125% !important;
  height:125% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-10%) translateY(15px) scale(1.12) !important;
  display:block !important;
}

/* 4. 右下 KING HOTEL 加粗放大，地址維持小字 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  height:65px !important;
  min-height:65px !important;
  max-height:65px !important;
  padding:3px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-weight:900 !important;
  font-size:clamp(14px,1.08vw,22px) !important;
  line-height:1 !important;
  margin:0 0 3px 0 !important;
  letter-spacing:1px !important;
  color:#fff0a6 !important;
  text-shadow:
    0 0 7px rgba(255,213,74,.55),
    0 0 14px rgba(255,213,74,.28) !important;
}

/* 皇冠仍維持移除 */
.kinghotel-info h2::before,
.hotel-info-bottom h2::before,
.hotel-card h2::before,
.hotel-info h2::before,
.hotel h2::before,
.kinghotel-info img,
.hotel-info-bottom img,
.hotel-card img,
.hotel-info img,
.hotel img,
.kinghotel-info .crown,
.hotel-info-bottom .crown,
.hotel-card .crown,
.hotel-info .crown,
.hotel .crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-weight:400 !important;
  font-size:clamp(5.8px,.45vw,8.2px) !important;
  line-height:1.04 !important;
  margin:0 !important;
}

/* 中間聊天區、左側功能區、語言列不動 */


/* V121 */
.robot-panel img{
 width:140% !important;
 height:140% !important;
 object-fit:cover !important;
 object-position:center top !important;
 transform:translateX(-18%) translateY(20px) scale(1.15) !important;
}

.kinghotel-info,.hotel-info-bottom,.hotel-card,.hotel-info,.hotel{
 height:55px !important;
 min-height:55px !important;
 max-height:55px !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
 font-size:30px !important;
 font-weight:900 !important;
}


/* V122 BALANCED VERSION */

/* 機器人回退到較佳比例 */
.robot-panel img{
 width:118% !important;
 height:118% !important;
 object-fit:cover !important;
 object-position:center top !important;
 transform:translateX(-8%) translateY(8px) !important;
}

/* 右下KING HOTEL恢復正常 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
 height:65px !important;
 min-height:65px !important;
 max-height:65px !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
 font-size:22px !important;
 font-weight:700 !important;
 line-height:1.0 !important;
}



/* V123 */

/* KING HOTEL 放大並貼近 BACK */
.logo-area,.logo-panel,.hotel-logo,.brand,.brand-box{
  margin-top:0 !important;
  padding-top:0 !important;
}

.logo-area h1,
.logo-panel h1,
.brand h1{
  font-size:36px !important;
  line-height:1 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* 快速服務貼近 KING HOTEL */
.quick-service-title,
.quick-title,
.quick-services-title{
  margin-top:2px !important;
  padding-top:0 !important;
}

/* 右下資訊區置底且白字放大 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  justify-content:flex-end !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:12px !important;
  line-height:1.2 !important;
}

/* 右側機器人往下填滿 */
.robot-panel img{
  transform:translateX(-8%) translateY(24px) !important;
}


/* V125 FINAL */
.logo-area,.logo-panel,.brand-box{
 margin-top:0!important;
}
.logo-area h1,.logo-panel h1,.brand h1{
 font-size:40px!important;
 font-weight:700!important;
}
.quick-service-title,.quick-title{
 margin-top:2px!important;
}

.robot-panel img,.robot img,.ai-robot img{
 object-fit:cover!important;
 object-position:center bottom!important;
 transform:translateY(40px) scale(1.08)!important;
}

.hotel-info,.hotel-card,.kinghotel-info{
 position:absolute!important;
 bottom:0!important;
}

.hotel-info p,.hotel-card p,.kinghotel-info p{
 font-size:15px!important;
}

.hotel-info .title,.hotel-card .title{
 font-weight:800!important;
 font-size:36px!important;
}


/* ===== V126 MERGE LEFT LOGO + QUICK SERVICES ===== */
/* 左上皇冠拿掉；KING HOTEL 與 QUICK SERVICES 合併成同一視覺欄位；左側按鈕上移 */

/* BACK 維持左上顯示 */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  position:relative !important;
  left:6px !important;
  top:0 !important;
  margin-left:0 !important;
  transform:scale(.9) !important;
  z-index:999 !important;
}

/* 左上 KING HOTEL 區塊：拿掉皇冠、放大文字、減少高度 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
}

/* 移除左上皇冠 */
.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* KING HOTEL 字變大 */
.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(25px,2vw,42px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#fff6c8 !important;
  text-shadow:0 0 8px rgba(255,213,74,.35) !important;
}

/* 副標題貼近 KING HOTEL */
.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1 !important;
  margin:1px 0 0 0 !important;
  padding:0 !important;
}

/* 快速服務合併貼在 KING HOTEL 下方，間距 2px */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  margin-top:2px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-bottom:2px !important;
  min-height:0 !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
}

/* QUICK SERVICES 字體維持清楚但不佔高度 */
.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(14px,1.05vw,20px) !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.35) !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.5vw,9px) !important;
  line-height:1 !important;
  margin:1px 0 0 0 !important;
  padding:0 !important;
}

/* 左欄上方區域變緊湊，讓下方功能格上移 */
.left{
  grid-template-rows:7.8% 4.2% minmax(0,1fr) !important;
  overflow:hidden !important;
}

/* 如果原本是單一左側大欄位，也強制讓按鈕區往上吃回空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  gap:4px !important;
}

/* 右側機器人向下填滿，保持目前比例不破壞 */
.robot-panel img,
.robot img,
.ai-robot img{
  object-fit:cover !important;
  object-position:center bottom !important;
  transform:translateX(-8%) translateY(46px) scale(1.08) !important;
}

/* 右下資訊框貼底，白字放大，KING HOTEL 保持粗體 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:68px !important;
  min-height:68px !important;
  max-height:68px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.28vw,26px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 3px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

/* 中間聊天區、語言列不動 */


/* ===== V127 LEFT HEADER STABLE FINAL ===== */
/* 修正 V126 左上重疊：BACK / KING HOTEL / QUICK SERVICES 分成穩定三列 */
/* 中間聊天區、語言列、左側功能按鈕不改 */

/* 左側欄位上方固定三列：BACK、KING HOTEL、QUICK SERVICES */
.left{
  grid-template-rows:42px 70px 45px minmax(0,1fr) !important;
  overflow:hidden !important;
}

/* BACK 獨立在第一列，不遮 KING HOTEL */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  position:relative !important;
  left:8px !important;
  top:6px !important;
  margin-left:0 !important;
  transform:scale(.9) !important;
  transform-origin:left center !important;
  max-width:82px !important;
  min-width:62px !important;
  height:28px !important;
  min-height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.9 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* KING HOTEL 獨立第二列，皇冠拿掉，完整顯示 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  margin:0 !important;
  padding:0 4px !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

/* 只拿掉左上 logo 皇冠圖片 */
.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(24px,1.85vw,38px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#fff6c8 !important;
  text-shadow:0 0 8px rgba(255,213,74,.38) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.56vw,11px) !important;
  line-height:1 !important;
  margin-top:3px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* QUICK SERVICES 獨立第三列，與 KING HOTEL 間距 2px，不重疊 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  margin:2px 0 0 0 !important;
  padding:0 !important;
  height:43px !important;
  min-height:43px !important;
  max-height:43px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(14px,1.05vw,20px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.35) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* 左側按鈕區吃剩下空間，往上排列但不壓到 QUICK SERVICES */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人向下延伸，保持不影響中間聊天區 */
.robot-panel img,
.robot img,
.ai-robot img{
  object-fit:cover !important;
  object-position:center bottom !important;
  transform:translateX(-8%) translateY(50px) scale(1.08) !important;
}

/* 右下資訊框貼底、地址白字放大、KING HOTEL 保持粗體 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.25vw,25px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 !important;
}


/* ===== V128 THREE HEADER + ROBOT TUNE ===== */
/* 左側：BACK欄位1、KING HOTEL欄位2、快速服務欄位3，三欄位靠上齊、無間距 */
/* 右側：機器人寬度少10%、長度多30% */

/* 左欄改為三個固定上方欄位 + 下方功能區 */
.left{
  display:grid !important;
  grid-template-rows:36px 58px 42px minmax(0,1fr) !important;
  gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
}

/* 欄位1：BACK */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  grid-row:1 !important;
  position:relative !important;
  left:8px !important;
  top:4px !important;
  margin:0 !important;
  transform:scale(.9) !important;
  transform-origin:left top !important;
  width:82px !important;
  max-width:82px !important;
  min-width:62px !important;
  height:28px !important;
  min-height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.9 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* 欄位2：KING HOTEL，金黃色 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  grid-row:2 !important;
  margin:0 !important;
  padding:0 4px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

/* 左上皇冠拿掉 */
.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(24px,1.95vw,40px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#FFD54A !important;
  text-shadow:
    0 0 7px rgba(255,213,74,.65),
    0 0 14px rgba(255,213,74,.28) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.55vw,11px) !important;
  line-height:1 !important;
  margin-top:2px !important;
  padding:0 !important;
  color:#fff4bd !important;
  white-space:nowrap !important;
}

/* 欄位3：快速服務，獨立欄位、靠上無間距 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  grid-row:3 !important;
  margin:0 !important;
  padding:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(13px,1vw,19px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.35) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* 左側功能按鈕區不改內容，只吃剩下空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人：寬度少10%，長度多30%，向下拉滿欄位 */
.robot-panel{
  overflow:hidden !important;
}

.robot-panel img,
.robot img,
.ai-robot img{
  object-fit:cover !important;
  object-position:center bottom !important;
  width:90% !important;
  height:130% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(5%) translateY(42px) scale(1.0) !important;
  display:block !important;
}

/* 右下 KING HOTEL 資訊框維持貼底與清楚字體 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.25vw,25px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 !important;
}


/* ===== V129 ROBOT SHADOW FIX + LEFT 3 ROWS ===== */
/* 修正右側機器人頭上殘影；左側 BACK / KING HOTEL / QUICK SERVICES 三欄靠上無間距 */

/* 左側三欄位靠上齊 */
.left{
  display:grid !important;
  grid-template-rows:36px 58px 42px minmax(0,1fr) !important;
  gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
}

/* 欄位1：BACK */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  grid-row:1 !important;
  position:relative !important;
  left:8px !important;
  top:4px !important;
  margin:0 !important;
  transform:scale(.9) !important;
  transform-origin:left top !important;
  width:82px !important;
  max-width:82px !important;
  min-width:62px !important;
  height:28px !important;
  min-height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.9 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* 欄位2：KING HOTEL 金黃色，皇冠拿掉 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  grid-row:2 !important;
  margin:0 !important;
  padding:0 4px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(24px,1.95vw,40px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#FFD54A !important;
  text-shadow:
    0 0 7px rgba(255,213,74,.65),
    0 0 14px rgba(255,213,74,.28) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.55vw,11px) !important;
  line-height:1 !important;
  margin-top:2px !important;
  padding:0 !important;
  color:#fff4bd !important;
  white-space:nowrap !important;
}

/* 欄位3：快速服務獨立欄位，與上方無空隙 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  grid-row:3 !important;
  margin:0 !important;
  padding:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(13px,1vw,19px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.35) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* 功能按鈕維持在剩餘空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人：頭上殘影消除方式
   - 背景貼底裁切
   - 圖片往上裁掉殘影區
   - 寬度減少10%、高度增加30%
*/
.robot-panel{
  overflow:hidden !important;
  background:#050505 !important;
}

.robot-panel img,
.robot img,
.ai-robot img{
  object-fit:cover !important;
  object-position:center bottom !important;
  width:108% !important;
  height:130% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-4%) translateY(-34px) scale(1.0) !important;
  display:block !important;
}

/* 如果殘影是背景圖，不是 img，也同步裁切 */
.robot-panel{
  background-size:108% 130% !important;
  background-position:center bottom !important;
  background-repeat:no-repeat !important;
}

/* 右下資訊框：保持貼底、KING HOTEL粗體、白字放大 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.25vw,25px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 !important;
}


/* ===== V130 FINAL LEFT + ROBOT FIX ===== */
/* 左側三欄位：BACK / KING HOTEL / QUICK SERVICES，無間距靠上齊 */
/* 右側機器人：寬度少10%，高度多30%，頭上殘影裁掉，往下拉滿欄位 */
/* 中間聊天區、語言列、功能按鈕不動 */

/* 左側上方固定三列 */
.left{
  display:grid !important;
  grid-template-rows:36px 58px 42px minmax(0,1fr) !important;
  gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
}

/* 欄位1：BACK */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  grid-row:1 !important;
  position:relative !important;
  left:8px !important;
  top:4px !important;
  margin:0 !important;
  transform:scale(.9) !important;
  transform-origin:left top !important;
  width:82px !important;
  max-width:82px !important;
  min-width:62px !important;
  height:28px !important;
  min-height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.9 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* 欄位2：KING HOTEL 金黃色，皇冠拿掉 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  grid-row:2 !important;
  margin:0 !important;
  padding:0 4px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

/* 左上皇冠拿掉 */
.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* KING HOTEL 金黃色加大 */
.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(26px,2.05vw,42px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#FFD54A !important;
  text-shadow:
    0 0 8px rgba(255,213,74,.72),
    0 0 16px rgba(255,213,74,.32) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.52vw,10px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  color:#fff4bd !important;
  white-space:nowrap !important;
}

/* 欄位3：快速服務獨立欄位，無間距 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  grid-row:3 !important;
  margin:0 !important;
  padding:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(14px,1.08vw,20px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.4) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* 左側功能按鈕保留，只吃剩餘空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人：寬度少10%，高度多30%，消頭上殘影 */
.robot-panel{
  overflow:hidden !important;
  background:#050505 !important;
}

.robot-panel img,
.robot img,
.ai-robot img{
  object-fit:cover !important;
  object-position:center bottom !important;
  width:108% !important;
  height:130% !important;
  max-width:none !important;
  max-height:none !important;
  transform:translateX(-4%) translateY(-28px) scale(1.0) !important;
  display:block !important;
}

/* 如果機器人是背景圖，也同步裁切 */
.robot-panel{
  background-size:108% 130% !important;
  background-position:center bottom !important;
  background-repeat:no-repeat !important;
}

/* 右下資訊框置底，字維持清楚 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.25vw,25px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 !important;
}


/* ===== V131 NO ROBOT + LEFT HEADER FIX ===== */
/* 1 BACK 左上置頂 */
/* 2 KING HOTEL 排在 BACK 框線下方，無間距 */
/* 3 快速服務往上貼齊 KING HOTEL，獨立欄位 */
/* 4 右側機器人先移除，保留黑色預留區與右下 KING HOTEL */

/* 左側上方三欄位固定：BACK / KING HOTEL / QUICK SERVICES */
.left{
  display:grid !important;
  grid-template-rows:34px 54px 38px minmax(0,1fr) !important;
  gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
}

/* 欄位1：BACK 左上置頂 */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  grid-row:1 !important;
  position:relative !important;
  left:3px !important;
  top:3px !important;
  margin:0 !important;
  transform:scale(.88) !important;
  transform-origin:left top !important;
  width:82px !important;
  max-width:82px !important;
  min-width:60px !important;
  height:27px !important;
  min-height:27px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.92 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* 欄位2：KING HOTEL 緊貼 BACK 下方，皇冠拿掉 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  grid-row:2 !important;
  margin:0 !important;
  padding:0 4px !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

/* 左上皇冠移除 */
.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(25px,2vw,42px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.8px !important;
  color:#FFD54A !important;
  text-shadow:
    0 0 8px rgba(255,213,74,.72),
    0 0 16px rgba(255,213,74,.32) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.52vw,10px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  color:#fff4bd !important;
  white-space:nowrap !important;
}

/* 欄位3：快速服務往上貼，獨立欄位 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  grid-row:3 !important;
  margin:0 !important;
  padding:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(13px,1vw,19px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.4) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  padding:0 !important;
  white-space:nowrap !important;
}

/* 左側功能按鈕不改，只往上吃剩餘空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人先拿掉，保留黑色預留欄位 */
.robot-panel,
.right-robot,
.ai-robot,
.robot{
  background:#050505 !important;
  overflow:hidden !important;
}

.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img,
.robot-image{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* 若原本是背景圖，也清空 */
.robot-panel,
.right-robot,
.ai-robot{
  background-image:none !important;
}

/* 右下 KING HOTEL 資訊框保留貼底 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:70px !important;
  min-height:70px !important;
  max-height:70px !important;
  padding:4px 6px !important;
  text-align:center !important;
  overflow:hidden !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(18px,1.25vw,25px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  letter-spacing:1px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.wifi span,
.wifi b{
  font-size:clamp(8px,.62vw,12px) !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  margin:0 !important;
}

/* 中間聊天區、語言列、底部功能不動 */


/* ===== V132 LEFT RIGHT FINAL FIX ===== */
/* 左上三欄位修正、右側機器人移除、右下資訊欄與時間欄尺寸一致、WiFi帳密移除 */

/* 左側：BACK / KING HOTEL / 快速服務 三個欄位靠上無間距 */
.left{
  display:grid !important;
  grid-template-rows:34px 56px 38px minmax(0,1fr) !important;
  gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
}

/* BACK 左上置頂 */
.back,
.back-btn,
.back-button,
.btn-back,
[data-back]{
  grid-row:1 !important;
  position:relative !important;
  left:4px !important;
  top:4px !important;
  margin:0 !important;
  transform:scale(.9) !important;
  transform-origin:left top !important;
  width:86px !important;
  max-width:86px !important;
  min-width:64px !important;
  height:28px !important;
  min-height:28px !important;
  padding:3px 8px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  opacity:.92 !important;
  border-radius:16px !important;
  z-index:999 !important;
}

/* KING HOTEL 排在 BACK 下方，無空行，金黃色，皇冠拿掉 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
.brand-box{
  grid-row:2 !important;
  margin:0 !important;
  padding:0 4px !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.logo-area img,
.logo-panel img,
.hotel-logo img,
.brand img,
.brand-box img,
.logo-area .crown,
.logo-panel .crown,
.hotel-logo .crown,
.brand .crown,
.brand-box .crown,
.logo-crown,
.brand-crown{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-text,
.brand-title{
  font-size:clamp(27px,2.15vw,44px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:.7px !important;
  color:#FFD54A !important;
  text-shadow:0 0 8px rgba(255,213,74,.72),0 0 16px rgba(255,213,74,.32) !important;
  white-space:nowrap !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub{
  font-size:clamp(7px,.52vw,10px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  color:#fff4bd !important;
  white-space:nowrap !important;
}

/* 快速服務往上貼，獨立欄位 */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  grid-row:3 !important;
  margin:0 !important;
  padding:0 !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.quick-service-title h2,
.quick-title h2,
.quick-services-title h2,
.quick h2,
.quick-services h2{
  font-size:clamp(13px,1vw,19px) !important;
  font-weight:850 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff0a6 !important;
  text-shadow:0 0 6px rgba(255,213,74,.4) !important;
  white-space:nowrap !important;
}

.quick-service-title small,
.quick-title small,
.quick-services-title small,
.quick small,
.quick-services small{
  font-size:clamp(6px,.48vw,9px) !important;
  line-height:1 !important;
  margin-top:1px !important;
  white-space:nowrap !important;
}

/* 左側功能按鈕維持原本內容，只吃剩餘空間 */
.side-grid,
.service-grid,
.cards{
  margin-top:0 !important;
  height:100% !important;
  min-height:0 !important;
  gap:4px !important;
}

/* 右側機器人先拿掉，保留黑色預留欄位 */
.robot-panel,
.right-robot,
.ai-robot,
.robot{
  background:#050505 !important;
  background-image:none !important;
  overflow:hidden !important;
}

.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img,
.robot-image{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* 右下 KING HOTEL 欄位高度調成接近上方即時時間欄位，貼底 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  padding:8px 8px !important;
  text-align:center !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
}

/* 移除右下 WiFi 帳號密碼 */
.kinghotel-info .wifi,
.hotel-info-bottom .wifi,
.hotel-card .wifi,
.hotel-info .wifi,
.hotel .wifi,
.wifi,
[class*="wifi"],
[class*="WiFi"],
[class*="password"],
[class*="Password"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

/* 右下 KING HOTEL 加粗放大 */
.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(23px,1.65vw,34px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 5px 0 !important;
  letter-spacing:1px !important;
  color:#fff4bd !important;
  text-shadow:0 0 8px rgba(255,213,74,.5) !important;
}

/* 右下白色地址放大 */
.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p{
  font-size:clamp(10px,.78vw,15px) !important;
  line-height:1.22 !important;
  font-weight:600 !important;
  margin:0 !important;
}

/* 中間聊天區、語言列、底部按鈕不動 */


/* ===== V133 ADD ROBOT UNDER TIME ===== */
/* 把機器人加回右邊即時時間下方，保留右下 KING HOTEL 資訊欄 */

/* 右側機器人欄位：時間下方到資訊欄上方 */
.robot-panel,
.right-robot,
.ai-robot,
.robot {
  background:#050505 url("./king-hotel-new-robot-v158.jpg") center top / cover no-repeat !important;
  background-image:url("./king-hotel-new-robot-v158.jpg") !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}

/* 重新顯示機器人圖片 */
.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img,
.robot-image {
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  content:url("./king-hotel-new-robot-v158.jpg") !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:none !important;
  margin:0 !important;
}

/* 防止舊版把機器人推走或隱藏 */
.robot-panel * {
  pointer-events:none;
}

/* 右下 KING HOTEL 資訊欄保留，不顯示 WiFi */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel {
  position:absolute !important;
  bottom:0 !important;
  z-index:20 !important;
}

.wifi,
[class*="wifi"],
[class*="WiFi"],
[class*="password"],
[class*="Password"] {
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

/* ===== V135 ROBOT + WIFI FINAL FIX ===== */
/* 右側新機器人微調：置中、稍微放大、保留皇冠完整 */
.robot-panel,
.right-robot,
.ai-robot,
.robot{
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
}

.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img,
.robot-image{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:108% !important;
  height:108% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:translateX(-4%) translateY(8px) scale(1.04) !important;
}

/* 右下 KING HOTEL 資訊欄：保留地址，加入 WiFi 帳號密碼 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info,
.hotel{
  position:absolute !important;
  bottom:0 !important;
  height:96px !important;
  min-height:96px !important;
  max-height:96px !important;
  padding:6px 8px !important;
  text-align:center !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
}

/* 避免舊版把 WiFi 隱藏 */
.v135-wifi,
.wifi,
[class*="wifi"],
[class*="WiFi"]{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
}

/* 密碼區不要被舊規則藏掉 */
[class*="password"],
[class*="Password"]{
  display:inline !important;
  opacity:1 !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2,
.hotel h2{
  font-size:clamp(22px,1.55vw,32px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 0 4px 0 !important;
  letter-spacing:1px !important;
  color:#fff4bd !important;
  text-shadow:0 0 8px rgba(255,213,74,.5) !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.hotel p{
  font-size:clamp(8.5px,.66vw,12.5px) !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  margin:0 !important;
}

.v135-wifi{
  margin-top:3px !important;
  font-size:clamp(7.5px,.58vw,11px) !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  color:#ffffff !important;
  white-space:nowrap !important;
}

/* 若 HTML 沒插入成功，用右下資訊卡片補顯示 */
.hotel-info::after,
.hotel-card::after,
.kinghotel-info::after,
.hotel-info-bottom::after{
  content:"WiFi 帳號：Kinghotel　WiFi 密碼：KING2025";
  display:block;
  margin-top:3px;
  font-size:clamp(7.5px,.58vw,11px);
  line-height:1.1;
  font-weight:700;
  color:#ffffff;
  white-space:nowrap;
}

/* 中間聊天區、左側功能區、語言列不動 */


/* V136 FINAL */
.back,.back-btn,.back-button{
 left:2px !important;
 top:2px !important;
}

.logo-area,.logo-panel,.hotel-logo{
 margin-top:-4px !important;
}

.quick-service-title,.quick-title,.quick-services-title{
 margin-top:2px !important;
}

.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img{
 width:120% !important;
 height:120% !important;
 object-fit:cover !important;
 object-position:center top !important;
 transform:translateX(-6%) translateY(25px) scale(1.08) !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2{
 color:#FFD54A !important;
 text-shadow:0 0 10px rgba(255,213,74,.8),0 0 20px rgba(255,213,74,.4) !important;
 font-size:32px !important;
 font-weight:900 !important;
}

.v135-wifi,
.hotel-info::after,
.hotel-card::after,
.kinghotel-info::after{
 font-size:12px !important;
}

/* V137 FONT SIZE FIX */
.logo-area h1,
.hotel-logo h1,
.logo-panel h1{
    font-size:85% !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2{
    font-size:24px !important;
}

/* V138 FINAL */
.logo-area h1,.hotel-logo h1,.logo-panel h1{
 font-size:75% !important;
}

.kinghotel-info h2,.hotel-info-bottom h2,.hotel-card h2,.hotel-info h2{
 font-size:20px !important;
}

.v135-wifi,.wifi-info{
 font-size:10px !important;
 line-height:1.2 !important;
 white-space:normal !important;
}

.hotel-info::after,
.hotel-card::after,
.kinghotel-info::after{
 content:"WiFi帳號：Kinghotel\A WiFi密碼：KING2025" !important;
 white-space:pre !important;
 font-size:10px !important;
}

.robot-panel img,.right-robot img,.ai-robot img,.robot img{
 width:135% !important;
 height:135% !important;
 object-fit:contain !important;
 object-position:center bottom !important;
 transform:translateX(-8%) translateY(35px) scale(1.15) !important;
}

/* V139 FINAL */
.logo-area h1,.hotel-logo h1,.logo-panel h1{
 font-size:90% !important;
 transform:scale(0.9) !important;
}

.quick-services,.quick-service-title{
 margin-top:-5px !important;
}

.robot-panel img,.right-robot img,.ai-robot img,.robot img{
 transform:translateX(-8%) scale(1.35) !important;
 object-position:center center !important;
}

/* V140 */
.hotel-info,.kinghotel-info,.hotel-card{
 color:#d4af37 !important;
}
.hotel-info p,.kinghotel-info p,.hotel-card p,
.hotel-info .address,.kinghotel-info .address{
 color:#d4af37 !important;
}

/* V141 FINAL */
.logo-area h1,.hotel-logo h1,.logo-panel h1{
 transform:scale(0.85)!important;
 transform-origin:center center!important;
}
.quick-services,.quick-service-title{
 margin-top:-5px!important;
}
.robot-panel img,.right-robot img,.ai-robot img,.robot img{
 transform:translateY(30px) scale(1.10)!important;
 object-position:center bottom!important;
}
.hotel-info-title,.kinghotel-info-title{
 transform:scale(0.85)!important;
}


/* V142 NEXT FIX */
.logo-text,.logo-title,.brand-title,.brand-name,.sidebar-title{
 font-size:108% !important;
 font-weight:800 !important;
}

.robot-image,.ai-robot img,.right-robot img{
 transform:scale(1.15) translateY(-20px) translateX(10px) !important;
 transform-origin:center top !important;
}

.hotel-info,.hotel-card,.kinghotel-info{
 min-height:unset !important;
 height:90% !important;
}

/* V143 LOGO +10% */
.logo-text,
.logo-title,
.brand-title,
.brand-name,
.sidebar-title,
.hotel-logo,
[class*="logo"],
[class*="brand"]{
    font-size:110% !important;
    font-weight:900 !important;
}

/* ===== V144 LOGO SUBTITLE + ROBOT FIX ===== */
/* KING HOTEL 保持放大加粗，但副標題恢復小字 */

/* 只針對左上 KING HOTEL 主標題加粗放大 */
.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-title,
.brand-title{
  font-size:110% !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.6px !important;
  color:#FFD54A !important;
  text-shadow:0 0 8px rgba(255,213,74,.55) !important;
}

/* 副標題「專業服務・為您所需」恢復小字，不要一起放大 */
.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub,
.logo-area p,
.logo-panel p,
.hotel-logo p,
.brand p,
.brand-box p{
  font-size:clamp(7px,.52vw,10px) !important;
  font-weight:600 !important;
  line-height:1 !important;
  margin-top:2px !important;
  transform:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

/* 取消上一版可能把整個 logo / brand 容器放大的影響 */
.logo-area,
.logo-panel,
.hotel-logo,
.brand,
brand-box{
  transform:none !important;
}

/* 快速服務往上 10px */
.quick-service-title,
.quick-title,
.quick-services-title,
.quick,
.quick-services{
  margin-top:-10px !important;
}

/* 右側機器人再放大 10%，往右 10px */
.robot-panel img,
.right-robot img,
.ai-robot img,
.robot img,
.robot-area img,
.ai-visual img,
.assistant-visual img,
.robot-image,
.v143-robot-image{
  transform:translateX(10px) scale(1.10) !important;
  transform-origin:center top !important;
  object-fit:contain !important;
  object-position:center top !important;
}

/* 如果機器人是背景圖，調整背景位置與大小 */
.robot-panel,
.right-robot,
.ai-robot,
.robot,
.robot-area,
.ai-visual,
.assistant-visual,
.right-panel,
.right-side,
.side-right{
  background-size:110% auto !important;
  background-position:center top !important;
}

/* V146 SAFE FIX */
/* 只修正標題與機器人，不碰主框架 */

.logo-title,
.hotel-title,
.kinghotel-title{
    font-weight:900 !important;
}

/* 右側機器人微放大 */
.robot-image,
.v143-robot-image{
    transform:scale(1.10) !important;
    transform-origin:center top !important;
}

/* ===== V149 STABLE FIX ===== */
/* 1. 移除右側不明金色背景條 */
.right-panel::before,
.right-panel::after,
.right-side::before,
.right-side::after,
.side-right::before,
.side-right::after,
.robot-panel::before,
.robot-panel::after,
.ai-robot::before,
.ai-robot::after,
.right-robot::before,
.right-robot::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.right-panel,
.right-side,
.side-right,
.robot-panel,
.ai-robot,
.right-robot{
  background-color:#050505 !important;
  box-shadow:none !important;
}

/* 2. 機器人改用圖片定位，不使用背景圖，避免殘影 */
.robot-panel,
.ai-robot,
.right-robot,
.robot-area{
  position:relative !important;
  overflow:hidden !important;
  background-image:none !important;
}

.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image,
.v143-robot-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
  width:88% !important;
  height:auto !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  transform:translateX(8px) translateY(-6px) scale(1.08) !important;
  transform-origin:center top !important;
  margin:0 auto !important;
  background:transparent !important;
}

/* 3. 左下入住/退房時間固定，不被語言切換擠掉 */
.checkin-time-card,
.checkout-time-card,
.checkin-card,
.checkout-card,
.check-time-card,
.time-card-fixed{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  padding:4px 3px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

.checkin-time-card .fixed-time,
.checkout-time-card .fixed-time,
.checkin-card .fixed-time,
.checkout-card .fixed-time,
.check-time-card .fixed-time,
.time-card-fixed .fixed-time{
  display:block !important;
  color:#FFD54A !important;
  font-size:clamp(20px,1.55vw,30px) !important;
  font-weight:900 !important;
  line-height:.9 !important;
  white-space:nowrap !important;
  margin:2px 0 !important;
}

.checkin-time-card .fixed-label,
.checkout-time-card .fixed-label,
.checkin-card .fixed-label,
.checkout-card .fixed-label,
.check-time-card .fixed-label,
.time-card-fixed .fixed-label{
  display:block !important;
  color:#FFD54A !important;
  font-size:clamp(8px,.62vw,12px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.checkin-time-card .fixed-sub,
.checkout-time-card .fixed-sub,
.checkin-card .fixed-sub,
.checkout-card .fixed-sub,
.check-time-card .fixed-sub,
.time-card-fixed .fixed-sub{
  display:block !important;
  color:#fff !important;
  font-size:clamp(5px,.38vw,8px) !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 4. 保留下方功能列 */
.bottom-bar,
.bottom-actions,
.bottom-menu,
.footer-actions,
.quick-bottom,
.action-row,
.bottom-buttons,
.shortcut-bottom,
.service-bottom,
.lower-actions{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* ===== V151 FINAL FIX ===== */
/* 依最新畫面修正：AI 機器人放大、左上 KING HOTEL 加強、右下資訊框優化、入住退房固定 */

/* 左上 KING HOTEL +10% 加粗，但不影響副標題 */
.logo-area h1,
.logo-panel h1,
.hotel-logo h1,
.brand h1,
.brand-box h1,
.logo-title,
.brand-title,
.sidebar-logo .title,
.sidebar-brand .title{
  font-size:110% !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  color:#FFD54A !important;
  text-shadow:0 0 9px rgba(255,213,74,.55) !important;
}

.logo-area small,
.logo-panel small,
.hotel-logo small,
.brand small,
.brand-box small,
.logo-sub,
.brand-sub,
.sidebar-logo .subtitle,
.sidebar-brand .subtitle{
  font-size:clamp(7px,.52vw,10px) !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* AI 機器人：改用穩定 img 定位，放大約 20%，靠右靠下 */
.robot-panel,
.ai-robot,
.right-robot,
.robot-area{
  position:relative !important;
  overflow:hidden !important;
  background-color:#050505 !important;
  background-image:none !important;
  box-shadow:none !important;
}

.robot-panel::before,
.robot-panel::after,
.ai-robot::before,
.ai-robot::after,
.right-robot::before,
.right-robot::after,
.robot-area::before,
.robot-area::after{
  display:none !important;
  content:none !important;
  background:none !important;
  box-shadow:none !important;
}

.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image,
.v143-robot-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  right:-2px !important;
  bottom:12px !important;
  top:auto !important;
  left:auto !important;
  width:104% !important;
  height:auto !important;
  max-height:calc(100% - 18px) !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  margin:0 !important;
  background:transparent !important;
  z-index:5 !important;
}

/* 右下資訊框：標題略縮、內容放大、行距增加 */
.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info{
  padding-top:5px !important;
  padding-bottom:5px !important;
  line-height:1.15 !important;
}

.kinghotel-info h2,
.hotel-info-bottom h2,
.hotel-card h2,
.hotel-info h2{
  font-size:92% !important;
  line-height:1 !important;
  margin-bottom:3px !important;
}

.kinghotel-info p,
.hotel-info-bottom p,
.hotel-card p,
.hotel-info p,
.wifi,
.wifi-info,
.v135-wifi,
[class*="wifi"],
[class*="WiFi"],
[class*="password"],
[class*="Password"]{
  font-size:clamp(7px,.55vw,11px) !important;
  line-height:1.2 !important;
  color:#ffffff !important;
  text-shadow:0 0 5px rgba(255,255,255,.35) !important;
}

/* 入住/退房時間固定，不受語言切換影響 */
.checkin-time-card,
.checkout-time-card,
.checkin-card,
.checkout-card,
.check-time-card,
.time-card-fixed,
[class*="checkin"],
[class*="checkout"],
[class*="check-in"],
[class*="check-out"],
[class*="checkIn"],
[class*="checkOut"]{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  padding:4px 3px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.fixed-time,
.checkin-time-card .time,
.checkout-time-card .time,
[class*="checkin"] .time,
[class*="checkout"] .time,
[class*="check-in"] .time,
[class*="check-out"] .time{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#FFD54A !important;
  font-size:clamp(20px,1.55vw,30px) !important;
  font-weight:900 !important;
  line-height:.9 !important;
  white-space:nowrap !important;
  margin:2px 0 !important;
}

/* 下方功能欄保留 */
.bottom-bar,
.bottom-actions,
.bottom-menu,
.footer-actions,
.quick-bottom,
.action-row,
.bottom-buttons,
.shortcut-bottom,
.service-bottom,
.lower-actions{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* V152 */
.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image{
 width:115% !important;
 max-height:98% !important;
 right:-10px !important;
 bottom:0 !important;
}

.logo-title,
.brand-title,
.sidebar-logo .title,
.sidebar-brand .title{
 font-size:120% !important;
 font-weight:900 !important;
 letter-spacing:1px !important;
}

.kinghotel-info,
.hotel-info-bottom,
.hotel-card,
.hotel-info{
 min-height:115px !important;
}

.kinghotel-info h2,
.hotel-card h2{
 font-size:95% !important;
}

.kinghotel-info p,
.hotel-card p{
 font-size:110% !important;
 line-height:1.3 !important;
}


/* ===== V157 BRAND ROBOT FINAL SAFE PATCH ===== */
/* 1. 左上 KING HOTEL 主標 +10%，副標不放大 */
.sidebar-brand .brand-title,
.sidebar-brand .logo-title,
.sidebar-logo .brand-title,
.sidebar-logo .logo-title,
.left-brand .brand-title,
.left-logo .logo-title,
.logo-box .logo-title,
.brand-box .brand-title{
  font-size:110% !important;
  font-weight:950 !important;
  letter-spacing:.8px !important;
  line-height:1 !important;
  color:#FFD54A !important;
  text-shadow:0 0 8px rgba(255,213,74,.55) !important;
}

.sidebar-brand .subtitle,
.sidebar-logo .subtitle,
.left-brand .subtitle,
.left-logo .subtitle,
.logo-box .subtitle,
.brand-box .subtitle,
.sidebar-brand small,
.sidebar-logo small,
.left-brand small,
.left-logo small,
.logo-box small,
.brand-box small{
  font-size:clamp(7px,.52vw,10px) !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transform:none !important;
}

/* 2. 右側機器人放大 25%，用 img 定位，清掉灰色光條 */
.robot-panel,
.ai-robot,
.right-robot,
.robot-area{
  position:relative !important;
  overflow:hidden !important;
  background:#050505 !important;
  background-image:none !important;
  box-shadow:none !important;
}

.robot-panel::before,
.robot-panel::after,
.ai-robot::before,
.ai-robot::after,
.right-robot::before,
.right-robot::after,
.robot-area::before,
.robot-area::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.robot-panel > img,
.ai-robot > img,
.right-robot > img,
.robot-area > img,
.robot-panel .robot-image,
.ai-robot .robot-image,
.right-robot .robot-image,
.robot-area .robot-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  right:-8px !important;
  bottom:6px !important;
  top:auto !important;
  left:auto !important;
  width:125% !important;
  height:auto !important;
  max-height:98% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  margin:0 !important;
  background:transparent !important;
  z-index:5 !important;
}

/* 3. 只改右下飯店資訊卡：寬 +20%、高 -30%；不動聊天框、不動底部按鈕 */
.hotel-info-card,
.hotel-address-card,
.king-hotel-card,
.kinghotel-card,
.kinghotel-info,
.right-info-card{
  width:120% !important;
  max-width:120% !important;
  min-height:0 !important;
  height:70% !important;
  max-height:70% !important;
  right:0 !important;
  bottom:0 !important;
  padding:5px 10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:1.08 !important;
  transform:none !important;
  transform-origin:right bottom !important;
}

.hotel-info-card h2,
.hotel-address-card h2,
.king-hotel-card h2,
.kinghotel-card h2,
.kinghotel-info h2,
.right-info-card h2{
  font-size:82% !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  white-space:nowrap !important;
  color:#FFD54A !important;
}

.hotel-info-card p,
.hotel-address-card p,
.king-hotel-card p,
.kinghotel-card p,
.kinghotel-info p,
.right-info-card p{
  font-size:clamp(7px,.52vw,10px) !important;
  line-height:1.12 !important;
  margin:1px 0 !important;
  color:#ffffff !important;
  white-space:nowrap !important;
}

/* 4. 只隱藏右下資訊卡內 WiFi，不隱藏左側 WiFi 功能按鈕 */
.hotel-info-card .wifi,
.hotel-info-card .wifi-info,
.hotel-address-card .wifi,
.hotel-address-card .wifi-info,
.king-hotel-card .wifi,
.king-hotel-card .wifi-info,
.kinghotel-card .wifi,
.kinghotel-card .wifi-info,
.kinghotel-info .wifi,
.kinghotel-info .wifi-info,
.right-info-card .wifi,
.right-info-card .wifi-info,
.hotel-info-card [class*="password"],
.hotel-address-card [class*="password"],
.king-hotel-card [class*="password"],
.kinghotel-card [class*="password"],
.kinghotel-info [class*="password"],
.right-info-card [class*="password"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* 5. 入住 / 退房固定高度，避免語言切換吃掉時間 */
.checkin-card,
.checkout-card,
.checkin-time-card,
.checkout-time-card,
.check-time-card{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-sizing:border-box !important;
}

.checkin-card .time,
.checkout-card .time,
.checkin-time-card .time,
.checkout-time-card .time,
.check-time-card .time,
.fixed-time{
  display:block !important;
  color:#FFD54A !important;
  font-size:clamp(20px,1.55vw,30px) !important;
  font-weight:900 !important;
  line-height:.9 !important;
  white-space:nowrap !important;
  margin:2px 0 !important;
}

/* 6. 保護聊天區、SEND、底部快捷列：不要被資訊卡覆蓋 */
.chat-panel,
.chat-window,
.message-panel,
.input-row,
.chat-input-row,
.bottom-bar,
.bottom-actions,
.footer-actions,
.bottom-buttons{
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
}


/* ===== V158 NEW ROBOT REPLACE ===== */
.robot-panel,
.ai-robot,
.right-robot,
.robot-area{
  position:relative !important;
  overflow:hidden !important;
  background:#050505 !important;
  background-image:url("./king-hotel-new-robot-v158.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:right bottom !important;
  background-size:contain !important;
}

.robot-panel::before,
.robot-panel::after,
.ai-robot::before,
.ai-robot::after,
.right-robot::before,
.right-robot::after,
.robot-area::before,
.robot-area::after{
  display:none !important;
  content:none !important;
  background:none !important;
  box-shadow:none !important;
}

.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image,
.v143-robot-image{
  content:url("./king-hotel-new-robot-v158.jpg") !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  right:-6px !important;
  bottom:4px !important;
  top:auto !important;
  left:auto !important;
  width:118% !important;
  height:auto !important;
  max-height:98% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  margin:0 !important;
  background:transparent !important;
  z-index:5 !important;
}


/* ===== V160 FINAL ADJUST ===== */
/* 依實機畫面修正：左上品牌加大、右側新機器人放大、右下資訊卡縮高加寬並移除 WiFi */

/* 1. 左上 KING HOTEL 放大 25%，只鎖定左側品牌區，不影響中間歡迎標題 */
.sidebar .brand-title,
.sidebar .logo-title,
.sidebar-logo .brand-title,
.sidebar-logo .logo-title,
.sidebar-brand .brand-title,
.sidebar-brand .logo-title,
.left-sidebar .brand-title,
.left-sidebar .logo-title,
.left-panel .brand-title,
.left-panel .logo-title,
.logo-box .brand-title,
.logo-box .logo-title,
.brand-box .brand-title,
.brand-box .logo-title{
  font-size:125% !important;
  font-weight:950 !important;
  letter-spacing:1px !important;
  line-height:1 !important;
  color:#FFD54A !important;
  text-shadow:0 0 10px rgba(255,213,74,.65) !important;
}

/* 副標維持小字 */
.sidebar .subtitle,
.sidebar .brand-sub,
.sidebar .logo-sub,
.sidebar-logo .subtitle,
.sidebar-brand .subtitle,
.left-sidebar .subtitle,
.left-panel .subtitle,
.logo-box .subtitle,
.brand-box .subtitle,
.sidebar-logo small,
.sidebar-brand small,
.left-sidebar small,
.left-panel small,
.logo-box small,
.brand-box small{
  font-size:clamp(7px,.52vw,10px) !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transform:none !important;
}

/* 2. 右側新機器人放大約 15%，往下貼近資訊卡，不切頭腳 */
.robot-panel,
.ai-robot,
.right-robot,
.robot-area{
  position:relative !important;
  overflow:hidden !important;
  background:#050505 !important;
  background-repeat:no-repeat !important;
  background-position:right bottom !important;
  background-size:auto 92% !important;
  box-shadow:none !important;
  filter:none !important;
}

.robot-panel::before,
.robot-panel::after,
.ai-robot::before,
.ai-robot::after,
.right-robot::before,
.right-robot::after,
.robot-area::before,
.robot-area::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image,
.v143-robot-image{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:absolute !important;
  right:-4px !important;
  bottom:4px !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  height:92% !important;
  max-height:92% !important;
  max-width:130% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  margin:0 !important;
  background:transparent !important;
  z-index:5 !important;
}

/* 3. 右下 KING HOTEL 資訊卡：加寬 20%，高度減少約 35%，移除 WiFi */
.hotel-info-card,
.hotel-address-card,
.king-hotel-card,
.kinghotel-card,
.kinghotel-info,
.right-info-card{
  width:120% !important;
  max-width:120% !important;
  min-height:0 !important;
  height:65px !important;
  max-height:65px !important;
  right:0 !important;
  bottom:0 !important;
  padding:5px 10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:1.05 !important;
  transform:none !important;
  transform-origin:right bottom !important;
  z-index:20 !important;
}

.hotel-info-card h2,
.hotel-address-card h2,
.king-hotel-card h2,
.kinghotel-card h2,
.kinghotel-info h2,
.right-info-card h2{
  font-size:82% !important;
  line-height:1 !important;
  margin:0 0 2px 0 !important;
  white-space:nowrap !important;
  color:#FFD54A !important;
}

.hotel-info-card p,
.hotel-address-card p,
.king-hotel-card p,
.kinghotel-card p,
.kinghotel-info p,
.right-info-card p{
  font-size:clamp(7px,.52vw,10px) !important;
  line-height:1.1 !important;
  margin:1px 0 !important;
  color:#ffffff !important;
  white-space:nowrap !important;
}

/* 僅隱藏右下資訊卡裡面的 WiFi，不隱藏左側 WiFi 按鈕 */
.hotel-info-card .wifi,
.hotel-info-card .wifi-info,
.hotel-address-card .wifi,
.hotel-address-card .wifi-info,
.king-hotel-card .wifi,
.king-hotel-card .wifi-info,
.kinghotel-card .wifi,
.kinghotel-card .wifi-info,
.kinghotel-info .wifi,
.kinghotel-info .wifi-info,
.right-info-card .wifi,
.right-info-card .wifi-info,
.hotel-info-card [class*="password"],
.hotel-address-card [class*="password"],
.king-hotel-card [class*="password"],
.kinghotel-card [class*="password"],
.kinghotel-info [class*="password"],
.right-info-card [class*="password"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* 4. 中間聊天區不要被右下資訊卡蓋住，底部輸入列維持正常 */
.chat-panel,
.chat-window,
.message-panel{
  min-height:0 !important;
}

.input-row,
.chat-input-row,
.chat-input,
.message-input{
  min-height:42px !important;
}

/* 5. 入住/退房時間固定 */
.checkin-card,
.checkout-card,
.checkin-time-card,
.checkout-time-card,
.check-time-card{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  overflow:hidden !important;
}

/* 6. 下方功能列保護 */
.bottom-bar,
.bottom-actions,
.bottom-menu,
.footer-actions,
.quick-bottom,
.action-row,
.bottom-buttons,
.shortcut-bottom,
.service-bottom,
.lower-actions{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* V171 REMOVE RIGHT BOTTOM HOTEL CARD */
.hotel-card,
.hotel-info,
.kinghotel-info,
.right-info-card,
.hotel-info-card,
.hotel-address-card,
.king-hotel-card,
.kinghotel-card{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
}

/* enlarge robot after removing hotel card */
.robot-panel img,
.ai-robot img,
.right-robot img,
.robot-area img,
.robot-image{
    height:98% !important;
    max-height:98% !important;
    right:0 !important;
    bottom:0 !important;
}


/* V172 */
.hotel-card,.kinghotel-card,.hotel-info-card,.right-bottom-card{
display:none !important;
}
.right-panel,.robot-panel{
height:100% !important;
}

/* V177 adjustments */
.sidebar,.left-panel,.left-column,.quick-services{transform:translateX(5%) !important;}
.time-box,.clock-box,.datetime-box,.top-clock{transform:scale(.85)!important;transform-origin:top right!important;}
.language-bar,.lang-row,.top-languages{justify-content:center!important;margin:0 auto!important;}