#app[data-v-f621f73f]{font-family:Arial,sans-serif;height:100vh;display:flex;flex-direction:column;margin:0;padding:0;background-color:#f5f5f5}header[data-v-f621f73f]{background-color:#2c3e50;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;flex-shrink:0}header h1[data-v-f621f73f]{margin:0;font-size:24px}.refresh-info[data-v-f621f73f]{display:flex;align-items:center;gap:15px}.refresh-info p[data-v-f621f73f]{margin:0;font-size:14px}.refresh-btn[data-v-f621f73f]{background-color:#3498db;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.refresh-btn[data-v-f621f73f]:hover{background-color:#2980b9}main[data-v-f621f73f]{flex:1;overflow:hidden;display:flex;flex-direction:column}.phone-grid[data-v-f621f73f]{display:flex;flex-direction:row;gap:10px;height:100%;padding:10px;overflow-x:auto;align-items:stretch}.phone-container[data-v-f621f73f]{flex:1;min-width:280px;display:flex;justify-content:center;align-items:center}.phone-frame[data-v-f621f73f]{width:100%;height:100%;background-color:#1a1a1a;border-radius:25px;box-shadow:0 10px 20px #0000004d;border:4px solid #2a2a2a;display:flex;flex-direction:column;overflow:hidden;position:relative;aspect-ratio:9/19.5}.phone-header[data-v-f621f73f]{background-color:#2a2a2a;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3a3a;position:relative}.phone-notch[data-v-f621f73f]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:20px;background-color:#1a1a1a;border-radius:0 0 12px 12px}.site-info[data-v-f621f73f]{flex:1;display:flex;justify-content:center;align-items:center;z-index:1}.site-status[data-v-f621f73f]{font-size:9px;padding:2px 5px;border-radius:6px;background-color:#f39c12;color:#fff}.site-status.loading[data-v-f621f73f]{background-color:#f39c12}.phone-controls[data-v-f621f73f]{display:flex;gap:6px;z-index:1}.refresh-single-btn[data-v-f621f73f]{background-color:#3498db;color:#fff;border:none;padding:5px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.refresh-single-btn[data-v-f621f73f]:hover{background-color:#2980b9}.phone-screen[data-v-f621f73f]{flex:1;background-color:#fff;position:relative;overflow:hidden}.phone-screen iframe[data-v-f621f73f]{width:100%;height:100%;border:none;display:block;transform:scale(.8);transform-origin:top left;width:125%;height:125%}.phone-frame[data-v-f621f73f]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:16px;background-color:#1a1a1a;border-radius:0 0 8px 8px;z-index:2}.phone-frame[data-v-f621f73f]:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:30px;height:3px;background-color:#4a4a4a;border-radius:2px;z-index:2}@media(max-width:1400px){.phone-grid[data-v-f621f73f]{gap:8px;padding:8px}.phone-container[data-v-f621f73f]{min-width:250px}.phone-frame[data-v-f621f73f]{border-radius:20px;border-width:3px}}@media(max-width:1200px){.phone-grid[data-v-f621f73f]{gap:6px;padding:6px}.phone-container[data-v-f621f73f]{min-width:220px}.phone-frame[data-v-f621f73f]{border-radius:18px;border-width:3px}.phone-header[data-v-f621f73f]{padding:6px 10px}.phone-notch[data-v-f621f73f]{width:100px;height:16px}.site-status[data-v-f621f73f]{font-size:8px;padding:1px 4px}}@media(max-width:768px){header[data-v-f621f73f]{flex-direction:column;gap:10px;padding:10px}.refresh-info[data-v-f621f73f]{flex-direction:column;gap:5px;align-items:center}.phone-grid[data-v-f621f73f]{gap:4px;padding:5px}.phone-container[data-v-f621f73f]{min-width:90px;max-width:95px}.phone-frame[data-v-f621f73f]{border-radius:15px;border-width:2px;aspect-ratio:9/19.5}.phone-header[data-v-f621f73f]{padding:4px 8px}.phone-notch[data-v-f621f73f]{width:80px;height:12px}.phone-screen iframe[data-v-f621f73f]{transform:scale(.5);width:200%;height:200%}.site-status[data-v-f621f73f]{font-size:7px;padding:1px 3px}.refresh-single-btn[data-v-f621f73f]{padding:4px}}@media(max-width:480px){.phone-grid[data-v-f621f73f]{gap:3px;padding:3px}.phone-container[data-v-f621f73f]{width:22vw;max-width:180px}.phone-frame[data-v-f621f73f]{border-radius:12px;border-width:2px}.phone-header[data-v-f621f73f]{padding:3px 6px}.phone-notch[data-v-f621f73f]{width:60px;height:10px}.phone-screen iframe[data-v-f621f73f]{transform:scale(.65);width:153.8%;height:153.8%}.site-status[data-v-f621f73f]{font-size:6px;padding:1px 2px}.refresh-single-btn[data-v-f621f73f]{padding:3px}}@media(max-width:360px){.phone-grid[data-v-f621f73f]{gap:2px;padding:2px}.phone-container[data-v-f621f73f]{min-width:120px}.phone-frame[data-v-f621f73f]{border-radius:10px;border-width:1px}.phone-header[data-v-f621f73f]{padding:2px 4px}.phone-notch[data-v-f621f73f]{width:50px;height:8px}.phone-screen iframe[data-v-f621f73f]{transform:scale(.6);width:166.7%;height:166.7%}.site-status[data-v-f621f73f]{font-size:5px;padding:1px 2px}.refresh-single-btn[data-v-f621f73f]{padding:2px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif}#app{height:100%}