:root{--bg:#eef0f3;--text:#1f2329;--brand:#2f7d6d}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.chat-shell{width:min(860px,100%);height:100dvh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:#f3f3f3;border-left:1px solid #dddfe3;border-right:1px solid #dddfe3}.chat-header{height:64px;display:flex;align-items:center;gap:11px;padding:0 18px;background:#fff;border-bottom:1px solid #e7e7e7}.avatar{display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700;flex:0 0 auto}.service-avatar{width:38px;height:38px;border-radius:7px;font-size:15px}.message-avatar{width:34px;height:34px;border-radius:6px;font-size:13px}.chat-title h1{margin:0 0 3px;font-size:16px;font-weight:600}.chat-title p{margin:0;color:#999;font-size:11px}.chat-title p span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#28a66a;vertical-align:1px}.clear-chat{margin-left:auto;border:0;background:transparent;color:#7f858c;font-size:12px;padding:8px 5px;border-radius:4px}.clear-chat:hover{background:#f4f5f6;color:#4f555c}.clear-chat:disabled{opacity:.45;cursor:not-allowed}.chat-body{overflow-y:auto;padding:18px 20px 28px;background:#f3f3f3;scroll-behavior:smooth}.chat-date{width:max-content;margin:0 auto 18px;color:#aaa;font-size:11px}.message-row{display:flex;align-items:flex-start;gap:9px;margin:17px 0}.message-row.user{justify-content:flex-end}.bubble{position:relative;max-width:min(580px,76%);min-height:38px;padding:9px 12px;border:1px solid #e6e6e6;border-radius:5px;background:#fff;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.assistant .bubble:before,.user .bubble:after{content:"";position:absolute;top:12px;width:8px;height:8px;transform:rotate(45deg)}.assistant .bubble:before{left:-5px;background:#fff;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.user .bubble{background:#cfe8dc;border-color:#c1ddcf}.user .bubble:after{right:-5px;background:#cfe8dc;border-top:1px solid #c1ddcf;border-right:1px solid #c1ddcf}.message-image{display:block;width:auto;max-width:300px;max-height:360px;border-radius:4px;object-fit:cover}.message-image+.message-text{margin-top:8px}.bubble.loading{width:54px;display:grid;place-items:center}.typing-dots{display:inline-flex;gap:4px;align-items:center;height:18px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#a6abb2;animation:typing 1.15s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}.composer{border-top:1px solid #dedede;padding:10px 14px 7px;background:#fff}.composer-row{display:flex;align-items:flex-end;gap:9px}.composer textarea{flex:1;height:40px;min-height:40px;max-height:120px;resize:none;outline:none;border:1px solid #d9d9d9;border-radius:5px;padding:9px 11px;background:#fff;color:#222;font-size:14px;line-height:20px}.composer textarea:focus{border-color:#b9b9b9}.photo-btn{flex:0 0 auto;width:40px;height:40px;border:0;padding:0;background:transparent;display:grid;place-items:center}.photo-icon{position:relative;display:block;width:23px;height:18px;border:1.8px solid #60656d;border-radius:3px}.photo-icon:before{content:"";position:absolute;left:7px;top:4px;width:5px;height:5px;border:1.6px solid #60656d;border-radius:50%}.photo-icon:after{content:"";position:absolute;left:3px;bottom:3px;width:14px;height:7px;border-left:1.6px solid #60656d;border-top:1.6px solid #60656d;transform:skewX(-35deg) rotate(4deg)}.send-btn{height:40px;padding:0 16px;border:0;border-radius:5px;background:var(--brand);color:#fff;font-weight:500}.send-btn:disabled{opacity:.45;cursor:not-allowed}.composer-hint{margin:6px 0 0 49px;color:#aaa;font-size:10px}.image-preview{position:relative;width:76px;margin:0 0 8px 49px}.image-preview img{display:block;width:76px;height:64px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.image-preview button{position:absolute;right:-7px;top:-7px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#555;color:#fff;line-height:20px}@media(max-width:600px){.chat-shell{border:0}.chat-header{height:58px;padding:0 12px}.chat-body{padding:12px 12px 22px}.bubble{max-width:82%;font-size:14px}.message-image{max-width:230px;max-height:300px}.composer{padding:8px 8px calc(7px + env(safe-area-inset-bottom))}.composer-row{gap:5px}.composer-hint{margin-left:44px}.clear-chat{display:block}}
.photo-btn.processing{opacity:.45}.photo-btn.processing .photo-icon{animation:photoPulse .8s infinite alternate}@keyframes photoPulse{from{transform:scale(.92)}to{transform:scale(1.05)}}

.teaching-pack{margin-top:10px;padding-top:10px;border-top:1px solid #ececec}.teaching-title{font-weight:600;font-size:13px;margin-bottom:6px}.teaching-intro{margin-bottom:8px;color:#555;line-height:1.6}.teaching-step{margin:9px 0;border:1px solid #e4e6e7;border-radius:5px;overflow:hidden;background:#fafafa}.teaching-step img{display:block;width:100%;max-width:420px;max-height:420px;object-fit:contain;background:#f2f3f4}.teaching-caption{padding:8px 9px;background:#fff;color:#4e555b;font-size:12px;line-height:1.6}.assistant .bubble:has(.teaching-pack){max-width:min(620px,82%)}@media(max-width:600px){.teaching-step img{max-width:100%;max-height:360px}.assistant .bubble:has(.teaching-pack){max-width:88%}}
.choice-actions{display:flex;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #eceeef}.choice-btn{min-width:96px;max-width:220px;padding:7px 12px;border:1px solid #a9c9bf;border-radius:5px;background:#f7fbf9;color:#276b5b;font-size:13px;line-height:1.35}.choice-btn:hover{background:#edf7f3;border-color:#82b5a6}.choice-btn:disabled{cursor:default;opacity:.52}.choice-btn.selected{background:#dcefe8;border-color:#7caf9f;opacity:1}@media(max-width:600px){.choice-actions{display:grid;grid-template-columns:1fr 1fr}.choice-btn{width:100%;min-width:0;max-width:none;padding:9px 7px}}

/* V7：整体字号缩小，保持普通客服聊天软件比例 */
body{font-size:13px}.chat-header{height:60px;padding:0 16px}.service-avatar{width:36px;height:36px;font-size:14px}.chat-title h1{font-size:15px}.chat-title p{font-size:10px}.clear-chat{font-size:11px}.chat-body{padding:15px 18px 24px}.chat-date{font-size:10px;margin-bottom:15px}.message-row{margin:14px 0}.message-avatar{width:31px;height:31px;font-size:12px}.bubble{max-width:min(560px,76%);min-height:35px;padding:8px 10px;font-size:13px;line-height:1.6}.message-image{max-width:280px;max-height:340px}.message-time{display:block;margin-top:6px;color:#a3a8ad;font-size:9px;line-height:1.2;text-align:right;white-space:nowrap}.user .message-time{color:#7f9f93}.message-link{color:#1677d2;text-decoration:none;word-break:break-all}.message-link:hover{text-decoration:underline}.teaching-title{font-size:12px}.teaching-caption{font-size:11px}.choice-btn{font-size:12px;padding:7px 11px}.composer{padding:7px 12px 6px}.composer-tools{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin:0 0 4px}.human-trigger{border:0;background:transparent;color:#65736e;padding:3px 5px;font-size:10px;line-height:1.3}.human-trigger:hover{color:var(--brand);text-decoration:underline}.human-support-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px 40px;padding:8px 10px;border:1px solid #dde5e2;border-radius:5px;background:#f8fbfa}.human-support-panel[hidden]{display:none}.human-support-panel>div{display:grid;gap:2px;min-width:0}.human-support-panel strong{font-size:11px;font-weight:600}.human-support-panel span{color:#92989d;font-size:9px;line-height:1.4}.human-support-panel a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:4px;background:var(--brand);color:#fff;font-size:10px}.composer-row{gap:7px}.composer textarea{height:38px;min-height:38px;max-height:112px;padding:8px 10px;font-size:13px;line-height:20px}.photo-btn{width:38px;height:38px}.send-btn{height:38px;padding:0 14px;font-size:12px}.composer-hint{margin:5px 0 0 45px;color:#a5aaaf;font-size:9px}.image-preview{margin-left:45px}.choice-actions{gap:7px;margin-top:9px;padding-top:8px}
@media(max-width:600px){.chat-header{height:56px;padding:0 10px}.chat-body{padding:10px 10px 19px}.bubble{max-width:84%;font-size:13px}.message-image{max-width:220px;max-height:290px}.composer{padding:6px 7px calc(6px + env(safe-area-inset-bottom))}.composer-tools{min-height:22px}.human-support-panel{margin-left:37px;align-items:flex-start}.human-support-panel a{min-height:31px}.composer-hint{margin-left:41px}.choice-btn{font-size:11px;padding:8px 6px}}