:root{--bg:#ffffff;--primary:#7db7ff;--primarySoft:#eaf4ff;--border:#cfe4ff;--text:#0f172a;--muted:#64748b;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius: 18px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,sans-serif}.page{height:100vh;overflow:hidden;padding:20px}.mobileHeader{display:none;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px}.mobileTitle{font-weight:900;letter-spacing:.2px;font-size:18px}.mobileAvatar{width:42px;height:42px;border-radius:999px;overflow:hidden;border:2px solid var(--border);background:var(--primarySoft);flex:0 0 auto}.mobileAvatar img{width:100%;height:100%;object-fit:cover}.layout{height:100%;display:grid;grid-template-columns:280px 1fr;gap:20px}.card{background:#fff;border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.profile{padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--primarySoft)}.avatar img{width:100%;height:100%;object-fit:cover}.profileTitle{font-weight:900;letter-spacing:.2px}.profileBox{width:100%;border:1px solid var(--border);background:linear-gradient(180deg,#fff,var(--primarySoft));border-radius:14px;padding:14px}.profileBoxTitle{font-weight:900;margin-bottom:6px}.profileBoxText{color:var(--muted);line-height:1.55;font-size:14px}.chat{height:100%;display:flex;flex-direction:column}.chatBody{flex:1;overflow-y:auto;padding:18px}.empty{color:var(--muted);text-align:center;padding:28px 10px}.emptyTitle{font-weight:800;color:var(--muted);margin-bottom:12px}.quickWrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.quickBtn{border:2px solid var(--border);background:linear-gradient(180deg,#fff,var(--primarySoft));color:var(--text);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;transition:transform .05s ease,filter .12s ease}.quickBtn:hover{filter:brightness(1.02)}.quickBtn:active{transform:translateY(1px)}.quickBtn:disabled{opacity:.6;cursor:not-allowed}.row{display:flex;margin:10px 0}.row.user{justify-content:flex-end}.row.assistant{justify-content:flex-start}.bubble{max-width:78%;padding:12px 14px;border-radius:16px;border:1px solid var(--border);white-space:pre-wrap;line-height:1.55;font-size:15px}.bubble.user{background:linear-gradient(180deg,#fff,var(--primarySoft))}.bubble.assistant{background:#f8fafc;border-color:#e2e8f0}.inputBar{border-top:2px solid var(--border);padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:#fff}textarea{width:100%;min-height:52px;max-height:140px;resize:none;padding:12px;border-radius:14px;border:2px solid var(--border);outline:none;font-size:15px;line-height:1.45}textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7db7ff33}.sendBtn{height:52px;padding:0 16px;border-radius:14px;border:2px solid var(--primary);background:var(--primary);color:#0b1b33;font-weight:900;cursor:pointer}.sendBtn:disabled{opacity:.6;cursor:not-allowed}.quickBtn{height:auto;padding:10px 14px;border:2px solid var(--border);background:linear-gradient(180deg,#fff,var(--primarySoft));color:var(--text);border-radius:999px;font-weight:800;cursor:pointer;transition:transform .05s ease,filter .12s ease}.typing{color:var(--muted);font-weight:700}.dots{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}.dots i{width:6px;height:6px;border-radius:999px;background:var(--muted);opacity:.35;animation:dotPulse 1.05s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-3px);opacity:.95}}@media(max-width:860px){.page{padding:14px}.mobileHeader{display:flex}.layout{grid-template-columns:1fr;height:calc(100% - 58px)}.profile{display:none}.bubble{max-width:88%}}