/* 2026-10-28（使用者：平板跟電腦網頁的上面血條那顯示的放大拉寬 2 倍，裡面文字顯示太小）：
   上方原版血條（名字／等級、生命、魔力、技能值、經驗）整條用同一個寬度變數縮放，寬度上限從 717～760px 拉到 2 倍
   （仍受畫面寬度限制），高度與血條跟著放大；裡面文字跟著血條高度放大。只套電腦（非觸控）與平板（寬 900、高 600 以上的橫式觸控）；手機、直式不變。
   2026-10-28 修：平板寬度原本用 var(--native-hud-left)，而 interface-polish.css 的 left 又用寬度算，互相引用變無效，平板血條寬高變 0（使用者：平板的血條不見了）。改成固定扣 150px。 */
body.desktop-client:not(.touch-client){--native-hud-width:min(1520px,calc(100vw - 235px))}
body.desktop-client:not(.touch-client) .player-card .meter>b,body.desktop-client:not(.touch-client) .sp-readout .meter>b{font-size:max(9px,calc(var(--native-meter-height) * .74))}
body.desktop-client:not(.touch-client) .player-card .identity b{font-size:max(10px,calc(var(--native-hud-height) * .48))}
body.desktop-client:not(.touch-client) .player-card .identity span{font-size:max(8px,calc(var(--native-hud-height) * .40))}
body.desktop-client:not(.touch-client) .player-card .portrait-mark{width:max(22px,var(--native-hud-height));height:max(22px,var(--native-hud-height));font-size:max(12px,calc(var(--native-hud-height) * .55))}
body.desktop-client:not(.touch-client) .player-card>.experience{height:max(16px,calc(var(--native-hud-height) * .72))}
body.desktop-client:not(.touch-client) .player-card>.experience>div:first-child,body.desktop-client:not(.touch-client) .player-card>.experience b{font-size:max(8px,calc(var(--native-hud-height) * .40));height:auto;line-height:1.35}
body.desktop-client:not(.touch-client) .player-card>.experience .xp-track,body.desktop-client:not(.touch-client) .player-card>.experience .xp-track span{height:max(3px,calc(var(--native-hud-height) * .13))}
@media (min-width:900px) and (min-height:600px){
html:not([data-portrait="true"]) body.desktop-client.touch-client{--native-hud-width:min(1434px,calc(100vw - 150px))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card .meter>b,html:not([data-portrait="true"]) body.desktop-client.touch-client .sp-readout .meter>b{font-size:max(9px,calc(var(--native-meter-height) * .74))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card .identity b{font-size:max(10px,calc(var(--native-hud-height) * .48))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card .identity span{font-size:max(8px,calc(var(--native-hud-height) * .40))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card .portrait-mark{width:max(22px,var(--native-hud-height));height:max(22px,var(--native-hud-height));font-size:max(12px,calc(var(--native-hud-height) * .55))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card>.experience{height:max(16px,calc(var(--native-hud-height) * .72))}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card>.experience>div:first-child,html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card>.experience b{font-size:max(8px,calc(var(--native-hud-height) * .40));height:auto;line-height:1.35}
html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card>.experience .xp-track,html:not([data-portrait="true"]) body.desktop-client.touch-client .player-card>.experience .xp-track span{height:max(3px,calc(var(--native-hud-height) * .13))}
}

/* 2026-10-28（使用者：名稱標題可以融入一點嗎）：稱號視窗原版底圖的名字格與稱號格是黑底（稱號格中間挖空），疊一層木紋名牌，金色字，跟木框一致。 */
#window-titles .native-legend .legend-name,#window-titles .native-legend .legend-current{box-sizing:border-box;border:1px solid #24170b;border-radius:4px;background:linear-gradient(180deg,#6e4f2d 0%,#553a20 55%,#3f2a16 100%);box-shadow:inset 0 1px 0 #b18a5566,inset 0 -1px 0 #0007,0 1px 2px #0009;color:#ffe6ad;text-shadow:0 1px 1px #000,0 0 4px #2a1a0a;text-align:center}
#window-titles .native-legend .legend-name{left:116px!important;top:29px!important;width:160px!important;height:21px;line-height:19px!important;padding:0 6px!important;font-size:12.5px;font-weight:600;letter-spacing:.04em}
#window-titles .native-legend .legend-current{left:132px!important;top:57px!important;width:102px!important;height:32px;line-height:30px!important;font-size:11.5px}
/* 2026-10-28（使用者：電腦網頁版功能視窗可以調整大一點嗎過小）：電腦（非觸控）大螢幕時，功能視窗與 NPC 對話框依畫面大小放大（desktop-ui.js 設 --desk-window-scale：寬÷1150、高÷760 取小，1～1.6 倍）。用 scale 屬性，不蓋掉各視窗原本的 transform。 */
body.desktop-client:not(.touch-client) .client-window{scale:var(--desk-window-scale,1);transform-origin:top left}
body.desktop-client:not(.touch-client) #panel{scale:var(--desk-window-scale,1)}
/* 2026-10-28（使用者：有些任務對話框沒有弄好，反應按鈕很難按或是電腦網頁太小）：電腦版 NPC 對話右側委託區原本固定 336px（quest-dialogue.css --npc-pane-height），
   委託內容 700px 也只能捲在 234px 的框裡、按鈕被擠到下面。改成依畫面高度伸縮（已扣掉視窗放大倍率），最高 620px。 */
body.desktop-client:not(.touch-client) #panel[data-native-panel=npc] button{min-height:34px}