.home-screen[data-v-b24f56d7]{width:100%;height:100%}.app-container[data-v-b24f56d7]{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.dock[data-v-b24f56d7]{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.phone-container[data-v-4464e172]{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0}.phone-frame[data-v-4464e172]{width:100%;height:100%;position:relative}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;width:100%;position:fixed;overflow:hidden;top:0;left:0}body{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app,.phone-container{width:100%;height:100%;position:fixed;top:0;left:0}.phone-frame{width:100%;height:100%;background:linear-gradient(180deg,#f5f7fa,#fff);position:relative;overflow:hidden}.phone-frame:before,.phone-frame:after{display:none!important}.modal:not(.active):not([style*="display: block"]){display:none!important}body>*:not(#app):not(script):not(style){background:transparent}#phone-screen:before,#phone-screen:after{display:none!important}.home-screen{position:absolute;top:0;left:0;right:0;bottom:calc(0px - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:15px 12px;padding-top:calc(15px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#ffeef8,#fff5f9,#fff);overflow:hidden;box-sizing:border-box}.edit-mode-hint{position:absolute;top:calc(50px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;z-index:1000;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.done-button{background:#ffffff4d;border:1px solid rgba(255,255,255,.5);color:#fff;padding:6px 16px;border-radius:15px;font-size:13px;cursor:pointer}.app-container{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.app-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:70px;position:absolute}.app-icon.dragging{z-index:1000;opacity:.8;transform:scale(1.1)}.app-icon-image{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 4px 15px #ff9a9e4d;margin-bottom:8px}.app-icon-label{font-size:12px;color:#333;font-weight:500;text-align:center}.dock{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:18px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:35px;padding:26px 36px;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));margin-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 4px 20px #00000014;z-index:100}.dock-icon{cursor:pointer}.dock-icon-image{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 2px 10px #ff9a9e4d}.app-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;box-shadow:0 2px 10px #0000001a}.app-header h2{font-size:18px;font-weight:600}.back-button,.menu-button{background:#ffffff4d;border:none;color:#fff;width:36px;height:36px;border-radius:10px;font-size:18px;cursor:pointer}.character-selector{display:flex;gap:10px;padding:15px;overflow-x:auto;background:#fff;border-bottom:1px solid #f0f0f0}.character-card{min-width:80px;display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:15px;background:#f8f8f8;cursor:pointer}.character-card.active{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.character-avatar{font-size:32px;margin-bottom:5px}.character-name{font-size:12px;color:#333;font-weight:500}.character-card.active .character-name{color:#fff}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f8f8}.message{display:flex;gap:10px;margin-bottom:15px}.message-avatar{width:40px;height:40px;border-radius:20px;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;font-size:20px}.message-content{flex:1}.message-text{background:#fff;padding:12px 16px;border-radius:18px;color:#333;font-size:14px;line-height:1.5}.user-message{flex-direction:row-reverse}.user-message .message-text{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff}.message-time{font-size:11px;color:#999;margin-top:5px}.chat-input-container{display:flex;gap:10px;padding:15px;padding-bottom:calc(15px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f0f0f0}.chat-input{flex:1;padding:12px 16px;border:2px solid #f0f0f0;border-radius:25px;font-size:14px;outline:none}.send-button{padding:12px 24px;background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;border:none;border-radius:25px;font-size:14px;cursor:pointer}.characters-list,.settings-list{flex:1;overflow-y:auto;padding:20px}.character-item,.setting-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:15px;margin-bottom:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer}.character-item-avatar{width:50px;height:50px;border-radius:25px;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;font-size:24px}.character-item-info{flex:1}.character-item-name{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}.character-item-desc{font-size:13px;color:#999}.setting-item{justify-content:space-between;font-size:16px}.setting-arrow{color:#999;font-size:18px}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.placeholder-icon{font-size:64px;margin-bottom:20px;opacity:.5}.placeholder-content p{font-size:16px}@supports (-webkit-touch-callout: none){html,body,#app,.phone-container{height:-webkit-fill-available}}.chat-input-container{position:relative}#chat-input-area{padding-bottom:calc(8px + env(safe-area-inset-bottom))}@media (display-mode: standalone){body{background:linear-gradient(135deg,#667eea,#764ba2)!important}}.modal-overlay:not(.active),.modal-backdrop:not(.active),[class*=overlay]:not(.active):not([style*="display: block"]){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body>div[style*=background]:not(#app):not(.phone-container):not(.phone-frame){background:transparent!important}#phone-screen{background:transparent!important}#phone-screen>*{background:inherit}div[style*="background: white"],div[style*="background:#fff"],div[style*="background:#ffffff"],div[style*="background-color: white"],div[style*="background-color:#fff"],div[style*="background-color:#ffffff"]{z-index:auto!important}.modal{display:none}.modal.active,.modal[style*="display: block"]{display:block}body:before,body:after,html:before,html:after{display:none!important;content:none!important}