#pageModeSwitch { width: min(960px, 100%); }
#dianshangPageBtn svg { width: 20px; height: 20px; flex-shrink: 0; }
.dianshang-page-view { width: 100%; margin-bottom: 28px; }
.dianshang-app-frame {
    display: block; width: 100%; height: var(--dianshang-content-height, max(420px, calc(100vh - 28px)));
    border: 0; border-radius: 0; background: transparent;
}
body.dianshang-expanded-body { overflow: hidden; }
.dianshang-page-view.dianshang-expanded {
    position: fixed; inset: 0; z-index: 100000;
    display: flex; padding: 10px; margin: 0; background: #f6f7f9;
}
.dianshang-expanded .dianshang-app-frame {
    flex: 1; min-width: 0; min-height: 0; height: 100%;
}
@media (max-width: 700px) {
    #pageModeSwitch { justify-content: flex-start; }
    #dianshangPageBtn { flex-shrink: 0; white-space: nowrap; }
    .dianshang-page-view.dianshang-expanded { padding: 6px; }
}