.login-page{justify-content:center;align-items:center;text-align:center;gap:32px}.login-header{display:flex;flex-direction:column;align-items:center;gap:12px}.login-avatar{width:120px;height:120px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #5b8def26}.login-title{font-size:var(--font-xxl);font-weight:700;color:var(--color-text)}.login-subtitle{font-size:var(--font-base);color:var(--color-text-secondary)}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.input-label{font-size:var(--font-base);font-weight:500;color:var(--color-text);text-align:left}.input-lg{width:100%;height:56px;padding:0 20px;border-radius:var(--radius);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-xl);text-align:center;letter-spacing:8px;transition:border-color .15s}.input-lg:focus{border-color:var(--color-primary)}.error-text{color:#e74c3c;font-size:15px}.login-actions{display:flex;justify-content:center;gap:8px;align-items:center}.link-btn{color:var(--color-primary);font-size:15px;padding:8px;min-height:auto}.sep{color:var(--color-border);font-size:14px}.chat-page{flex:1;display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;width:100%;position:relative}.chat-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-topbar-ip{width:32px;height:32px}.chat-topbar-title{font-size:var(--font-lg);font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:.6}.chat-empty-ip{width:120px;height:120px}.chat-empty-text{font-size:var(--font-lg);color:var(--color-text-secondary)}.chat-msg{display:flex;gap:10px;max-width:85%}.chat-msg.assistant{align-self:flex-start}.chat-msg.user{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar{width:32px;height:32px;flex-shrink:0;margin-top:4px}.chat-msg-bubble{padding:12px 16px;border-radius:var(--radius);font-size:var(--font-base);line-height:1.6;word-break:break-word;white-space:pre-wrap}.chat-msg.assistant .chat-msg-bubble{background:var(--color-surface);box-shadow:var(--shadow-sm)}.chat-msg.user .chat-msg-bubble{background:var(--color-primary);color:#fff}.chat-msg-bubble.typing{font-size:var(--font-xl);letter-spacing:4px;padding:8px 20px;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.chat-input-area{display:flex;gap:10px;padding:12px 16px;padding-bottom:calc(12px + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input{flex:1;height:48px;padding:0 16px;border-radius:var(--radius-full);background:var(--color-bg);font-size:var(--font-base);color:var(--color-text)}.chat-input::placeholder{color:#bbb}.chat-send-btn{height:48px;padding:0 20px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--font-base);font-weight:500}.chat-send-btn:disabled{opacity:.4;cursor:default}:root{--color-bg: #F7F7F7;--color-surface: #FFFFFF;--color-text: #222222;--color-text-secondary: #888888;--color-primary: #5B8DEF;--color-primary-light: #E8F0FF;--color-border: #E5E5E5;--font-base: 18px;--font-lg: 22px;--font-xl: 28px;--font-xxl: 36px;--radius: 16px;--radius-sm: 10px;--radius-full: 999px;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:18px}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:none;touch-action:manipulation}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page{flex:1;display:flex;flex-direction:column;padding:20px;max-width:480px;margin:0 auto;width:100%}.card{background:var(--color-surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:var(--radius-full);font-size:var(--font-lg);font-weight:500;transition:transform .1s,opacity .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn-block{width:100%}input,button,a{min-height:44px}