:root{--chat-red:#a83136;--chat-ink:#302923;--chat-muted:#817b71;--chat-bg:#f7f5f0;--chat-line:#e6e2da;--chat-green:#596b51;--chat-radius:16px}*{box-sizing:border-box}body.chat-page{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--chat-ink);background:var(--chat-bg);font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b5975a;outline-offset:3px}.chat-topbar{height:80px;background:#fffdf9;border-bottom:1px solid var(--chat-line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.chat-brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:1px}.chat-brand img{height:45px;width:45px;object-fit:contain}.chat-toplinks{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--chat-muted)}.chat-toplinks a{text-decoration:none}.chat-toplinks button,.chat-link{background:none;border:0;color:var(--chat-muted);font-size:13px;text-decoration:underline;padding:4px}.chat-shell{display:grid;grid-template-columns:300px minmax(340px,1fr) 265px;height:calc(100dvh - 80px);max-width:1700px;margin:0 auto;min-height:520px}.chat-shell.customer{grid-template-columns:260px minmax(320px,1fr);max-width:1080px;border-left:1px solid var(--chat-line);border-right:1px solid var(--chat-line)}.chat-list-panel{background:#fffdf9;border-right:1px solid var(--chat-line);display:flex;flex-direction:column;min-width:0;overflow:hidden}.chat-list-head{padding:25px 20px 18px;border-bottom:1px solid var(--chat-line)}.chat-eyebrow{font-size:10px;letter-spacing:2px;color:var(--chat-red);font-weight:750}.chat-list-head h1{font-size:23px;margin:4px 0 13px}.chat-list-head p{font-size:12px;color:var(--chat-muted);margin:6px 0}.chat-search{width:100%;border:1px solid var(--chat-line);border-radius:9px;padding:10px 12px;background:#fff;font-size:13px;color:var(--chat-ink)}.chat-filter{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chat-filter button{background:transparent;border:1px solid var(--chat-line);border-radius:25px;font-size:11px;padding:5px 10px;color:var(--chat-muted)}.chat-filter button.active{background:var(--chat-red);border-color:var(--chat-red);color:#fff}.chat-list{overflow-y:auto;flex:1}.chat-thread{display:block;text-align:left;border:0;border-bottom:1px solid #eeeae3;background:transparent;width:100%;padding:18px 20px;color:var(--chat-ink)}.chat-thread.active{background:#f8eeeb;box-shadow:inset 3px 0 var(--chat-red)}.chat-thread:hover{background:#f7f3ed}.chat-thread-top{display:flex;align-items:center;gap:7px;justify-content:space-between}.chat-thread strong{font-size:14px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-thread p{margin:5px 0;color:var(--chat-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread small{font-size:10px;color:#9b9287}.chat-dot{width:7px;height:7px;display:inline-block;background:var(--chat-red);border-radius:50%;flex-shrink:0}.chat-status{display:inline-block;font-size:10px;padding:2px 8px;border-radius:5px;background:#eeeade;color:#817452;white-space:nowrap}.chat-status.pending{background:#f9e5e1;color:#a23532}.chat-status.waiting{background:#eaf0e5;color:#5d704e}.chat-status.done{background:#eeede8;color:#827c70}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f7f5f0}.chat-conversation-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fffdf9;border-bottom:1px solid var(--chat-line);padding:17px 24px;min-height:84px}.chat-conversation-head h2{margin:0;font-size:17px}.chat-conversation-head small{font-size:11px;color:var(--chat-muted)}.chat-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-btn{background:#fff;border:1px solid #ded9cf;border-radius:8px;padding:9px 14px;color:var(--chat-ink);font-weight:600;font-size:13px;min-height:40px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.chat-btn.primary{background:var(--chat-red);border-color:var(--chat-red);color:white}.chat-btn.small{padding:6px 10px;font-size:11px;min-height:33px}.chat-btn.danger{color:var(--chat-red)}.chat-btn.ghost{background:transparent}.chat-stream{padding:10px 24px;min-height:38px;background:#f1f1e8;color:#767e68;font-size:11px;border-bottom:1px solid #e3e5d9;display:flex;align-items:center;justify-content:space-between;gap:15px}.chat-connection{white-space:nowrap;color:var(--chat-green)}.chat-messages{padding:25px 26px 20px;overflow-y:auto;flex:1;min-height:130px;overscroll-behavior:contain;scroll-behavior:auto}.chat-date{text-align:center;margin:5px 0 24px;color:#a1978a;font-size:10px;letter-spacing:1px}.chat-message{display:flex;flex-direction:column;align-items:flex-start;max-width:82%;margin:0 0 19px;gap:4px}.chat-message.mine{margin-left:auto;align-items:flex-end}.chat-message-author{font-size:10px;color:#918a7f}.chat-bubble{border:1px solid #e8e2d7;background:#fffdf9;border-radius:4px 14px 14px;padding:12px 16px;max-width:100%;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.85;box-shadow:0 3px 10px #33251503}.chat-message.mine .chat-bubble{background:#f2e3de;border-color:#ebd6cc;border-radius:14px 4px 14px 14px}.chat-message.note{max-width:95%;margin:14px auto;align-items:stretch}.chat-message.note .chat-bubble{background:#fff4d4;border:1px dashed #dbbf79;border-radius:10px;color:#755e2c}.chat-message.note .chat-message-author{color:#9a7939}.chat-read{font-size:9px;color:#9a9387}.chat-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chat-images a{display:block}.chat-images img{width:180px;max-height:200px;object-fit:contain;display:block;border-radius:9px;border:1px solid var(--chat-line);background:#fff}.chat-context-card{display:block;background:#f6f1e8;border:1px solid #e4d8c6;border-radius:9px;padding:10px 12px;min-width:170px;color:#725b48;text-decoration:none;font-size:12px;white-space:normal;margin-top:8px}.chat-context-card strong{display:block;color:#473d32;font-size:13px}.chat-typing{height:25px;padding:0 24px;color:var(--chat-muted);font-size:11px}.chat-compose{background:#fffdf9;border-top:1px solid var(--chat-line);padding:13px 22px 17px}.chat-compose.note-mode{background:#fff6df}.chat-compose-toolbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.chat-toolbar-left{display:flex;gap:8px;flex-wrap:wrap}.chat-tool{background:#f5f2eb;border:1px solid #e5dfd4;color:#807560;border-radius:6px;font-size:11px;padding:5px 9px}.chat-compose textarea{width:100%;border:1px solid var(--chat-line);border-radius:9px;resize:vertical;min-height:78px;max-height:160px;padding:10px 13px;outline:none;line-height:1.7;font-size:14px}.chat-compose textarea:focus{border-color:#b87c78}.chat-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;font-size:10px;color:#93897c}.chat-right{background:#fffdf9;border-left:1px solid var(--chat-line);padding:25px 21px;overflow:auto}.chat-right h3{font-size:13px;margin:0 0 16px}.chat-profile{border-bottom:1px solid var(--chat-line);padding-bottom:20px;margin-bottom:22px}.chat-profile-avatar{width:46px;height:46px;background:#f0eadf;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#8d7355;margin-bottom:11px}.chat-profile h2{font-size:16px;margin:0 0 5px;word-break:break-word}.chat-profile p{font-size:11px;color:var(--chat-muted);margin:4px 0}.chat-info-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:12px}.chat-info-row span{color:var(--chat-muted)}.chat-panel-note{background:#f5f4ed;border-radius:8px;padding:12px;font-size:11px;color:#95917f;line-height:1.8;margin:14px 0}.chat-blank{margin:auto;text-align:center;padding:45px 30px;color:var(--chat-muted);font-size:13px}.chat-blank h2{color:var(--chat-ink);font-size:21px;font-weight:600}.chat-blank-mark{font-size:32px;color:var(--chat-red);background:#f1e9df;border-radius:50%;width:68px;height:68px;display:grid;place-items:center;margin:0 auto 18px}.chat-blank p{max-width:320px;margin:10px auto}.chat-login{max-width:470px;margin:50px auto;padding:32px;background:#fffdf9;border:1px solid var(--chat-line);border-radius:18px}.chat-login h1{margin:5px 0 10px;font-size:26px}.chat-login p{font-size:13px;color:var(--chat-muted)}.chat-field{display:block;margin:14px 0;font-size:12px;font-weight:650}.chat-field input,.chat-field select,.chat-field textarea{display:block;margin-top:7px;border:1px solid #ddd8cf;border-radius:8px;padding:10px 12px;width:100%;background:#fff;color:var(--chat-ink);min-height:42px}.chat-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:12px 0}.chat-check input{width:16px;height:16px;min-height:0;margin-top:3px;flex-shrink:0;accent-color:var(--chat-red)}.chat-check small{display:block;color:var(--chat-muted);margin-top:3px}.chat-notice{font-size:12px;background:#f7efe0;border:1px solid #e6d6b8;border-radius:10px;padding:14px 16px;margin:16px 0;color:#8a734d}.chat-error{background:#fff0ed;color:#a82f32;border:1px solid #edc9c8}.chat-dialog{border:1px solid var(--chat-line);border-radius:18px;width:min(640px,calc(100vw - 28px));max-height:88dvh;padding:0;color:var(--chat-ink);box-shadow:0 25px 70px #21140c25}.chat-dialog::backdrop{background:#30292366;backdrop-filter:blur(3px)}.chat-dialog header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--chat-line)}.chat-dialog h2{font-size:18px;margin:0}.chat-dialog-body{padding:22px 24px}.chat-dialog .chat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chat-dialog .chat-field{margin:9px 0}.chat-agent-row{padding:17px 0;border-bottom:1px solid var(--chat-line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.chat-agent-row small{display:block;color:var(--chat-muted);font-size:11px}.chat-back{display:none}.chat-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:1000;background:#353b2d;color:white;padding:12px 22px;border-radius:10px;max-width:90vw;font-size:13px;box-shadow:0 4px 20px #0002}.chat-upload-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.chat-upload-item{display:flex;align-items:center;gap:5px;padding:4px;background:#f4f0e9;border:1px solid var(--chat-line);border-radius:6px;font-size:10px}.chat-upload-item img{width:40px;height:40px;object-fit:contain}.chat-upload-item button{border:0;background:none;color:var(--chat-red)}.chat-context-strip{font-size:11px;background:#f2eadb;color:#856942;padding:6px 10px;border-radius:7px;margin-bottom:7px;display:flex;justify-content:space-between;gap:12px}.chat-select-button{display:block;text-align:left;border:1px solid var(--chat-line);background:#fff;padding:12px;width:100%;border-radius:8px;margin:9px 0;color:var(--chat-ink);font-size:13px}.chat-subtabs{display:flex;gap:7px;margin-bottom:15px}.chat-subtabs a{font-size:12px;text-decoration:none;padding:8px 12px;border:1px solid var(--chat-line);border-radius:7px}.chat-subtabs a.active{background:var(--chat-red);color:white;border-color:var(--chat-red)}.chat-floating{position:fixed;right:23px;bottom:24px;z-index:25;background:#a83136;color:white!important;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:50px;box-shadow:0 5px 18px #5528202a;text-decoration:none;font-size:13px;font-weight:650}.chat-question{margin-top:13px;display:flex;justify-content:center}.chat-question a{font-size:12px;text-decoration:none;color:#9f3437;border:1px solid #e5cbc6;background:#fff7f3;border-radius:8px;padding:9px 16px}.chat-pill-count{display:inline-block;background:#b62630;color:#fff;border-radius:20px;min-width:16px;line-height:16px;font-size:9px;text-align:center;margin-left:3px}.chat-system-note{font-size:11px;color:#9d927f;text-align:center;max-width:85%;margin:12px auto 22px}.chat-faq{border-top:1px solid var(--chat-line);margin-top:20px;padding-top:16px}.chat-faq summary{font-size:13px;cursor:pointer}.chat-faq p{font-size:12px}.chat-hidden{display:none!important}.chat-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.chat-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#87966c;margin-right:5px}
@media(max-width:1200px){.chat-shell{grid-template-columns:260px minmax(320px,1fr) 230px}.chat-right{padding:22px 16px}}
@media(max-width:980px){.chat-shell{grid-template-columns:260px minmax(0,1fr)}.chat-right{display:none}.chat-topbar{padding:0 20px}.chat-toplinks{gap:12px}.chat-shell.customer{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:680px){.chat-topbar{height:66px;padding:0 16px}.chat-brand{font-size:15px;gap:8px;letter-spacing:0}.chat-brand img{width:32px;height:32px}.chat-toplinks{font-size:11px;gap:10px}.chat-toplinks .chat-hide-mobile{display:none}.chat-shell,.chat-shell.customer{display:block;height:calc(100dvh - 66px);min-height:0;border:0}.chat-list-panel{height:100%;border:0}.chat-main{height:100%;display:none}.chat-shell.selected .chat-main{display:flex}.chat-shell.selected .chat-list-panel{display:none}.chat-right{display:none}.chat-conversation-head{padding:12px 14px;min-height:70px}.chat-conversation-head h2{font-size:15px}.chat-conversation-head small{font-size:10px}.chat-buttons{gap:5px}.chat-buttons .chat-btn{padding:6px 9px;font-size:10px;min-height:33px}.chat-back{display:inline-flex;padding:7px 10px;font-size:18px;line-height:1}.chat-stream{padding:8px 15px;font-size:10px;min-height:32px}.chat-stream span:first-child{max-width:250px}.chat-messages{padding:18px 14px}.chat-message{max-width:87%;margin-bottom:17px}.chat-bubble{padding:10px 12px;font-size:13px}.chat-compose{padding:10px 13px calc(10px + env(safe-area-inset-bottom))}.chat-compose textarea{font-size:16px;min-height:70px}.chat-compose-bottom{gap:7px}.chat-compose-bottom span{font-size:9px;max-width:220px}.chat-compose-toolbar{margin-bottom:8px;gap:6px}.chat-tool{font-size:10px;padding:5px 7px}.chat-typing{padding:0 15px;font-size:10px}.chat-images img{max-width:160px;max-height:160px}.chat-login{margin:25px 16px;padding:24px}.chat-login h1{font-size:24px}.chat-dialog header,.chat-dialog-body{padding:17px}.chat-dialog .chat-row{grid-template-columns:1fr}.chat-list-head{padding:23px 20px 17px}.chat-floating{bottom:calc(80px + env(safe-area-inset-bottom));right:15px;font-size:11px;padding:10px 14px}.chat-floating.checkout-hidden{display:none}}

.messages-nav{position:relative}.messages-nav [data-chat-unread]:not([hidden]){position:absolute;top:3px;right:22%;border-radius:12px;padding:0 4px;min-width:15px;background:#b62630;color:#fff;font:10px/15px system-ui}.chat-btn.small{font-size:12px;padding:7px 11px;min-height:36px}