*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f4f6f8;color:#222}.container{max-width:720px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff}.header{padding:14px 16px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;justify-content:space-between}.header,.header-left{display:flex;align-items:center;gap:12px}.header h1{font-size:20px;margin:0;line-height:1.2}.header p{font-size:13px;color:hsla(0,0%,100%,.85);margin:2px 0 0;line-height:1.4}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ade80;margin-right:6px}.clear-btn{flex-shrink:0;border:1px solid hsla(0,0%,100%,.6);background:transparent;color:#fff;border-radius:16px;padding:6px 12px;font-size:13px;cursor:pointer}.messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#f7faf9,#fff)}.row{display:flex;gap:10px;align-items:flex-start}.user-row{justify-content:flex-end}.avatar{width:36px;height:36px;border-radius:50%;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.avatar.large{width:44px;height:44px;font-size:20px;background:hsla(0,0%,100%,.2)}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}.avatar-img.large{width:44px;height:44px}.bubble-wrap{max-width:85%;display:flex;flex-direction:column}.bubble-wrap.user{align-items:flex-end}.name-line{font-size:12px;color:#888;margin-bottom:4px;display:flex;gap:8px}.time{font-size:12px;color:#aaa}.user-time{margin-top:4px}.msg{padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.7;word-break:break-word}.msg.assistant{background:#f1f5f4;color:#222;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px rgba(0,0,0,.06)}.msg.user{background:#0f766e;color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap;box-shadow:0 1px 2px rgba(15,118,110,.25)}.msg ol,.msg ul{margin:6px 0;padding-left:20px}.msg li{margin:3px 0}.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#999;margin-right:4px;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.welcome{padding:0 16px 12px}.welcome-title{font-size:13px;color:#888;margin-bottom:8px}.function-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.function-card{border:1px solid #cce8e3;background:#f0faf8;border-radius:14px;padding:12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.function-title{font-size:15px;color:#0f766e;font-weight:600}.function-desc{font-size:12px;color:#666}.input-bar{border-top:1px solid #eee;padding:12px 16px;display:flex;gap:8px;align-items:flex-end}.input-bar textarea{flex:1 1;border:1px solid #ddd;border-radius:20px;padding:10px 16px;font-size:15px;outline:none;resize:none;font-family:inherit;line-height:1.5;max-height:120px}.input-bar textarea:focus{border-color:#0f766e}.send-btn{border:none;background:#0f766e;color:#fff;border-radius:20px;padding:10px 20px;font-size:15px;cursor:pointer;flex-shrink:0}.send-btn:disabled{background:#ccc;cursor:default}.disclaimer{padding:8px 16px 12px;font-size:12px;color:#aaa;text-align:center}