*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;width:100vw;height:100vh;overflow:hidden;background:#1a1a2e}.screen{display:none;width:100vw;height:100vh;position:relative}.screen.active{display:flex}#screen-login{background:url(/assets/login-bg-V5XuMO8t.jpg) center/cover no-repeat;align-items:center;justify-content:center}#screen-login:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000059}.login-card{position:relative;z-index:1;width:85%;max-width:380px;background:#ffffffeb;border-radius:20px;padding:36px 28px 28px;text-align:center;box-shadow:0 12px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cardFadeIn .6s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-title{font-size:32px;font-weight:700;color:#e8786a;letter-spacing:2px;margin-bottom:6px}.app-subtitle{font-size:13px;color:#999;margin-bottom:28px}#screen-login input,#screen-identity input{width:100%;padding:13px 16px;border:2px solid #eee;border-radius:12px;font-size:15px;margin-bottom:14px;outline:none;transition:border-color .3s}#screen-login input:focus,#screen-identity input:focus{border-color:#e8786a}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,#e8786a,#e89a6a);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:#e74c3c;font-size:13px;margin-top:10px;min-height:18px}.login-hint{margin-top:18px;font-size:12px;color:#aaa;line-height:1.6}#screen-identity{background:url(/assets/login-bg-V5XuMO8t.jpg) center/cover no-repeat;align-items:center;justify-content:center}#screen-identity:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006}.identity-card{position:relative;z-index:1;width:85%;max-width:380px;background:#ffffffeb;border-radius:20px;padding:36px 28px 28px;text-align:center;box-shadow:0 12px 40px #0000004d}.identity-title{font-size:22px;font-weight:600;color:#333;margin-bottom:24px}.role-buttons{display:flex;gap:16px;margin-bottom:24px}.role-btn{flex:1;padding:20px 12px;border:2px solid #eee;border-radius:16px;background:#fff;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.role-btn .role-icon{font-size:40px}.role-btn .role-name{font-size:16px;font-weight:500;color:#555}.role-btn.selected.role-male{border-color:#4a90d9;background:#e8f0fc}.role-btn.selected.role-female{border-color:#e89aab;background:#fce8ec}.role-btn.selected .role-name{color:#333}#nickname{width:100%;padding:13px 16px;border:2px solid #eee;border-radius:12px;font-size:15px;margin-bottom:14px;outline:none;transition:border-color .3s}.welcome-back{padding:14px 16px;background:linear-gradient(135deg,#fff5f3,#fef0f4);border:1px solid #f0d8d0;border-radius:12px;font-size:15px;color:#e8786a;margin-bottom:14px;font-weight:500}.btn-link{display:inline-block;background:none;border:none;color:#999;font-size:13px;margin-bottom:14px;cursor:pointer;text-decoration:underline;padding:4px 8px}.btn-link:active{color:#e8786a}#screen-love{background:#0009;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.love-popup{width:82%;max-width:360px;background:linear-gradient(145deg,#fff5f3,#fff);border-radius:24px;padding:40px 28px 32px;text-align:center;box-shadow:0 20px 60px #0006;animation:lovePopIn .5s ease}@keyframes lovePopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.love-question{font-size:24px;font-weight:600;color:#e8786a;margin-bottom:32px;line-height:1.5}.love-buttons{display:flex;gap:20px;justify-content:center}.love-btn{padding:16px 36px;border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.love-yes{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 6px 20px #ee5a6f66}.love-yes:active{transform:scale(.95)}.love-no{background:#f0f0f0;color:#888}.love-no:active{transform:scale(.95)}.love-hint{margin-top:24px;font-size:13px;color:#bbb;min-height:18px}#screen-chat{background:url(/assets/chat-bg-DEBCdm-L.jpg) center/cover no-repeat;flex-direction:column}#screen-chat:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000040}.chat-header{position:relative;z-index:1;padding:14px 20px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-title{font-size:18px;font-weight:600;color:#fff;letter-spacing:1px}.chat-status{font-size:11px;color:#fff9;margin-top:3px}.chat-messages{position:relative;z-index:1;flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px}.message{max-width:75%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;word-break:break-word;animation:msgFadeIn .3s ease}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-male{align-self:flex-start;background:#4a90d9e6;color:#fff;border-bottom-left-radius:4px}.message-female{align-self:flex-end;background:#e89aabe6;color:#fff;border-bottom-right-radius:4px}.message .msg-nickname{font-size:11px;opacity:.8;margin-bottom:3px}.message .msg-text{font-size:15px}.message .msg-time{font-size:10px;opacity:.6;margin-top:4px;text-align:right}.chat-input-area{position:relative;z-index:1;display:flex;gap:8px;padding:10px 12px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:max(10px,env(safe-area-inset-bottom))}#messageInput{flex:1;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:22px;font-size:15px;outline:none;background:#ffffffe6;color:#333}.btn-send{padding:11px 20px;background:linear-gradient(135deg,#e8786a,#e89a6a);color:#fff;border:none;border-radius:22px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s}.btn-send:active{transform:scale(.95)}.dev-info{font-size:11px;color:#ffffff80;text-align:center;z-index:1}.dev-info-login{position:absolute;bottom:20px;left:0;right:0}.dev-info-chat{position:absolute;bottom:2px;right:10px;font-size:10px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}