/* 保留桌面软件画幅；手机只改变观看方式，不改变软件内部布局。 */
.wild-viewer { --wv-scale:1; position:relative; width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:14px; padding:14px; }
.wv-toolbar { display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:44px; margin-bottom:12px; }
.wv-title { font-size:13px; color:#525252; }
.wv-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.wild-viewer button { appearance:none; border:1px solid #dedede; border-radius:22px; background:white; color:#333; font:inherit; font-size:12px; padding:10px 15px; cursor:pointer; line-height:1.3; }
.wild-viewer button:hover { background:#f5f5f5; }
.wild-viewer button:focus-visible { outline:2px solid #111; outline-offset:3px; }
.wild-viewer [hidden] { display:none!important; }
.wild-viewer [data-wv-expand] { background:#171717; color:white; border-color:#171717; }
.wild-viewer [data-wv-expand]:hover { background:#333; color:#fff; }
.wv-scroller { width:100%; overflow:hidden; background:#f8f8f8; border-radius:8px; }
.wv-canvas { position:relative; width:100%; height:0; }
.wv-canvas iframe { display:block; position:absolute; left:0; top:0; border:0; width:1280px; max-width:none; transform:scale(var(--wv-scale)); transform-origin:top left; }
.wv-stages { display:flex; gap:8px; margin-top:12px; }
.wv-stages button { flex:1; padding:11px 8px; border-color:transparent; border-radius:6px; color:#888; }
.wv-stages button[aria-pressed="true"] { background:#f0f0f0; color:#111; }
.wild-viewer .wv-hint { margin:12px 0 0; font-size:11px; color:#777; line-height:1.7; }
.wv-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wild-viewer.is-expanded { position:fixed; inset:0; z-index:10000; width:100%; height:100dvh; border:0; border-radius:0; display:flex; flex-direction:column; padding: max(12px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom)); }
.is-expanded .wv-scroller { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; touch-action:pan-x pan-y; }
.is-expanded .wv-toolbar { flex-shrink:0; }
.is-expanded .wv-canvas { margin:0 auto; }
.is-expanded .wv-stages { flex-shrink:0; }
.is-expanded .wv-hint { margin-top:8px; }
@media(max-width:700px) {
 .wild-viewer { padding:10px; border-radius:10px; }
 .wv-toolbar { align-items:flex-start; flex-wrap:wrap; gap:9px; }
 .wv-title { width:100%; font-size:12px; }
 .wv-actions { width:100%; }
 .wild-viewer button { min-height:42px; padding:10px 12px; }
 .wv-stages { gap:0; }
 .wv-stages button { font-size:11px; padding:10px 4px; }
 .wild-viewer:not(.is-expanded) iframe { pointer-events:none; }
 .wild-viewer.is-expanded { padding-left:10px; padding-right:10px; }
 .is-expanded .wv-title { width:auto; }
 .is-expanded .wv-actions { width:auto; margin-left:auto; }
}
@media(max-height:500px) and (orientation:landscape) {
 .is-expanded .wv-toolbar { min-height:36px; margin-bottom:4px; }
 .is-expanded .wv-stages { margin-top:4px; }
 .is-expanded .wv-hint { display:none; }
 .is-expanded button { min-height:32px; padding:6px 12px; }
}