.mobile-demo-container[data-v-b6c0c682]{overflow:hidden;height:calc(100% - 56px);margin-bottom:-250px;background:#f5f5f5}.demo-header[data-v-b6c0c682]{margin-bottom:30px}.demo-header h1[data-v-b6c0c682]{color:#333;margin-bottom:20px}.controls[data-v-b6c0c682]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.controls button[data-v-b6c0c682]{padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:14px}.controls button.active[data-v-b6c0c682]{background-color:#42b983;color:#fff;border-color:#42b983}.controls button[data-v-b6c0c682]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.rotate-btn[data-v-b6c0c682]{margin-left:10px}.custom-url-btn[data-v-b6c0c682]{background-color:#f0f7ff;border-color:#c9e0f7;color:#2196f3}.custom-url-input[data-v-b6c0c682]{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.custom-url-input input[data-v-b6c0c682]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;min-width:250px;max-width:80%}.custom-url-input button[data-v-b6c0c682]{padding:8px 12px;border-radius:4px;cursor:pointer}.custom-url-input button[data-v-b6c0c682]:first-of-type{background-color:#42b983;color:#fff;border:1px solid #42b983}.custom-url-input button[data-v-b6c0c682]:last-of-type{background-color:#f5f5f5;color:#666;border:1px solid #ddd}.current-url[data-v-b6c0c682]{font-size:14px;color:#666;margin-top:10px;word-break:break-all;max-width:80%;margin-left:auto;margin-right:auto}.phone-shell[data-v-b6c0c682]{width:430px;height:860px;background-color:#111;border-radius:40px;padding:15px;margin:0 auto;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:center top;transform-origin:center top}.phone-camera[data-v-b6c0c682]{width:120px;height:20px;background-color:#111;margin:0 auto 15px;border-radius:0 0 20px 20px}.phone-screen[data-v-b6c0c682]{width:100%;height:calc(100% - 20px);background-color:#fff;border-radius:25px;overflow:hidden;position:relative}.h5-content[data-v-b6c0c682]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;margin-right:-8px}.h5-content[data-v-b6c0c682]::-webkit-scrollbar{display:none}.loading-indicator[data-v-b6c0c682]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100}.spinner[data-v-b6c0c682]{width:40px;height:40px;border:4px solid rgba(66,185,131,.2);border-radius:50%;border-top-color:#42b983;-webkit-animation:spin-data-v-b6c0c682 1s ease-in-out infinite;animation:spin-data-v-b6c0c682 1s ease-in-out infinite;margin-bottom:15px}@-webkit-keyframes spin-data-v-b6c0c682{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-b6c0c682{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotated .phone-shell[data-v-b6c0c682]{width:640px;height:320px}.rotated .phone-screen[data-v-b6c0c682]{overflow-x:auto}.demo-footer[data-v-b6c0c682]{margin-top:50px;color:#999;font-size:14px}