/* 手机聊天布局：欢迎引导、推荐问题、消息阅读及输入。 */
main{position:relative;background:radial-gradient(ellipse at 36% 18%,#e1f0e7a8,transparent 52%),linear-gradient(145deg,#f3faf7,#f1f6fc 65%,#f7f1f8)}
#welcome{max-width:760px;padding:30px 38px 28px}.welcome-visual{min-height:110px;margin-bottom:12px}.large{width:84px;height:84px;font-size:44px}#welcome h1{font:600 28px/1.55 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.3px;margin:0 0 12px}#welcome>p{font-size:13px;line-height:1.9;margin:0 auto 26px;max-width:440px;color:#7f9387}.recommendations{padding:22px;border-radius:22px;background:#ffffff80;border:1px solid #ffffffd9;text-align:left;box-shadow:0 8px 32px #37544305}.recommendation-heading{font-size:15px;font-weight:600;color:#344c40;margin:0 2px 16px}.recommendation-heading span{display:block;font-size:10px;font-weight:400;letter-spacing:.4px;color:#93a398;margin-top:6px}.suggestions{grid-template-columns:1fr;gap:10px}.suggestions button{display:flex;align-items:center;gap:12px;padding:15px 18px;border:0;border-radius:13px;box-shadow:none;background:#fff;font-size:14px;line-height:1.6}.suggestions button small{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;margin:0;background:#eef5ef;border-radius:10px;font-size:0}.suggestions button small:after{content:'问';font-size:13px;color:#638571}.suggestions button:nth-child(2) small:after{content:'护'}.suggestions button:nth-child(3) small:after{content:'答'}.suggestions button:nth-child(4) small:after{content:'看'}.suggestions button span{margin-left:auto;float:none;font-size:18px;font-weight:400;color:#a4b7aa}.suggestions button:hover{background:#f9fdf9;box-shadow:0 3px 12px #42645108}
#messages{max-width:860px;padding-top:28px;padding-bottom:12px}.message{gap:11px;margin-bottom:28px}.message-body{min-width:0;max-width:calc(100% - 50px)}.sender-name{font-size:11px;line-height:1.5;color:#8b9b90;margin:0 0 8px 2px}.bubble{max-width:none;border:1px solid #ffffffbd;background:#ffffffd9;border-radius:3px 18px 18px 18px;padding:17px 20px;font-size:15px;line-height:1.95;box-shadow:0 5px 20px #294b3505}.user .message-body{max-width:78%}.user .bubble{border:0;border-radius:18px 3px 18px 18px;background:linear-gradient(130deg,#46735c,#355d48);color:#fff;padding:12px 18px;box-shadow:0 4px 12px #355d4810}.bubble strong{font-weight:600}.message-actions{display:flex;gap:8px;margin-top:7px}.copy-message{border:1px solid #d9e5dc;background:#ffffff80;color:#7c9282;font-size:11px;padding:5px 11px;border-radius:7px}.copy-message:hover{background:#fff}.copy-message:disabled{cursor:default}.quick-prompts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 1px 11px}.quick-prompts::-webkit-scrollbar{display:none}.quick-prompts button{flex-shrink:0;border:1px solid #ffffffd9;background:#ffffff9c;color:#758f7d;border-radius:16px;font-size:12px;padding:8px 14px}.quick-prompts button:hover{background:#fff;color:#426451}footer{padding-top:8px;background:linear-gradient(0deg,#f3f7f9e6,transparent);max-width:960px}footer form{border:1px solid #d0dfd5;padding:10px 12px 10px 18px;border-radius:20px;background:#ffffffed;box-shadow:0 5px 22px #42645108}textarea{font-size:15px;min-height:42px}#send{width:40px;height:40px;font-size:25px;box-shadow:0 3px 12px #42645118}.footnote{padding-top:9px}.jump-bottom{position:absolute;right:40px;bottom:160px;border:1px solid #d5e2d9;background:#fff;color:#426451;border-radius:18px;padding:8px 14px;font-size:12px;box-shadow:0 3px 18px #294b3512;z-index:2}
@media(min-width:761px) and (max-height:850px){#welcome{padding-top:16px}.welcome-visual{min-height:85px}.large{width:70px;height:70px;font-size:38px}#welcome h1{font-size:24px}#welcome>p{margin-bottom:18px}.recommendations{padding:18px}.suggestions button{padding:10px 14px}}
@media(max-width:760px){header{background:#ffffff5e}#welcome{padding:23px 20px 20px}.welcome-visual{min-height:94px;margin-bottom:13px}.large{width:78px;height:78px;font-size:40px}#welcome h1{font-size:23px;line-height:1.55;margin-bottom:12px}#welcome>p{font-size:12px;max-width:290px;line-height:1.8;margin-bottom:24px}.recommendations{padding:18px 14px;border-radius:21px}.recommendation-heading{font-size:14px;margin-bottom:15px}.recommendation-heading span{font-size:9px}.suggestions{gap:10px}.suggestions button{padding:13px 12px;font-size:13px;gap:10px;border-radius:12px}.suggestions button small{width:28px;height:28px;border-radius:8px}.suggestions button span{display:block;font-size:16px}#messages{padding:24px 16px 10px}.message{gap:8px;margin-bottom:23px}.message-body{max-width:calc(100% - 38px)}.message .avatar{width:29px;height:29px;margin-top:0}.sender-name{font-size:10px;margin-bottom:7px}.bubble{padding:14px 15px;font-size:14px;line-height:1.9;border-radius:3px 16px 16px 16px}.user .bubble{font-size:14px;padding:11px 16px}.user .message-body{max-width:83%}.quick-prompts{gap:7px;padding-bottom:10px}.quick-prompts button{font-size:11px;padding:7px 12px}footer{padding:8px 14px max(12px,env(safe-area-inset-bottom))}footer form{border-radius:19px;padding:9px 10px 9px 15px}textarea{font-size:15px}#send{width:37px;height:37px}.footnote{font-size:9px;padding-top:8px}.footnote span:first-child{max-width:55%}.jump-bottom{right:18px;bottom:153px;font-size:11px}}
/* 输入区：轻盈的圆角面板与独立纸飞机按钮。 */
footer #chat-form{gap:14px;align-items:flex-end;padding:12px 12px 12px 21px;min-height:68px;border:1px solid #ffffff;border-radius:24px;background:#ffffffed;box-shadow:0 8px 32px #314c3e0b,0 0 0 1px #dce7e180;transition:box-shadow .2s,border-color .2s}
footer #chat-form:focus-within{border-color:#bdcfc4;box-shadow:0 8px 32px #314c3e0b,0 0 0 3px #42645108}
#question{min-height:42px;padding:10px 0 8px;line-height:24px;background:transparent;letter-spacing:.2px}
#question::placeholder{color:#a0ada6;font-weight:400}
#send{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #496e5a;border-radius:15px;background:linear-gradient(145deg,#547b64,#385e49);color:#fff;box-shadow:0 4px 10px #355d481a;transition:transform .16s,box-shadow .16s,opacity .16s}
#send svg{width:23px;height:23px;display:block;transform:translate(-1px,1px)}
#send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #355d4829}
#send:active:not(:disabled){transform:scale(.95)}
#send:focus-visible{outline:2px solid #759c85;outline-offset:4px}
#send:disabled{opacity:.4;box-shadow:none;cursor:wait}
@media(max-width:760px){footer #chat-form{padding:10px 10px 10px 18px;min-height:64px;border-radius:23px;gap:12px}#send{width:42px;height:42px;flex-basis:42px;border-radius:14px}#send svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){#send,footer #chat-form{transition:none}}