html,body{height:100%}body{margin:0;background:#f5f5f5}#root{min-height:100%}.view-mode-switch{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:9999;border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:13px;font-weight:900;line-height:1;box-shadow:0 12px 28px #2563eb47;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-mode-switch:active{transform:translateY(1px)}html[data-view-mode=pc] body{overflow-x:auto}html[data-view-mode=pc] .view-mode-switch{left:max(12px,env(safe-area-inset-left));right:auto;bottom:calc(76px + env(safe-area-inset-bottom))}@media(min-width:900px){html[data-view-mode=mobile] body{background:#e5e7eb}html[data-view-mode=mobile] #root{width:430px;max-width:100%;margin:0 auto;background:#fff;box-shadow:0 0 0 1px #0f172a14,0 20px 60px #0f172a2e}html[data-view-mode=mobile] .view-mode-switch{right:calc(50% - 203px)}}