@charset "UTF-8";
@font-face{font-family:"Noto Sans SC Support";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/reference-source/noto-sans-sc-support-400.ttf") format("truetype")}
@font-face{font-family:"Noto Sans SC Support";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/reference-source/noto-sans-sc-support-600.ttf") format("truetype")}
:root{font-family:"Noto Sans SC Support",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#181818;background:#e7e9ee;font-synthesis:none;line-height:1.45}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2188ef;outline-offset:3px}[hidden]{display:none!important}svg{display:block}.icon{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.reference-app{width:100%;max-width:697px;min-height:100dvh;margin:0 auto;background:#f2f3f8;container-type:inline-size;position:relative;overflow-wrap:anywhere}
.reference-nav{height:12.2cqw;min-height:46px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.reference-nav h1{font-size:4cqw;line-height:1.15;font-weight:600;color:#222}.nav-back{position:absolute;left:4.6cqw;top:50%;transform:translateY(-50%);padding:1.5cqw;display:flex;align-items:center;justify-content:center}.nav-back svg{width:4.6cqw;height:4.6cqw;fill:none;stroke:#080808;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-brand{position:absolute;right:4.5cqw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c69349;font-size:2.6cqw;line-height:1.2;gap:.6cqw}.nav-logo{height:5.1cqw;width:5.1cqw;background:#302614;display:grid;place-items:center;color:#d8b270;overflow:hidden}.nav-logo svg{width:3.6cqw;height:3.6cqw;fill:none;stroke:currentColor;stroke-width:1}.nav-logo img{width:100%;height:100%;object-fit:contain;display:block}.nav-logo.has-logo{background:transparent}
.service-reference-content{padding:3.2cqw 3.1cqw}.save-notice{display:flex;align-items:flex-start;background:#fff;border-radius:2.8cqw;padding:3.5cqw 3.3cqw;min-height:15.7cqw;margin-bottom:2.2cqw}.check-circle{display:grid;place-items:center;flex-shrink:0;height:4cqw;width:4cqw;border-radius:50%;margin:.4cqw .5cqw 0 0;color:white;background:linear-gradient(#b6ef55,#6cc32a);font-weight:bold;font-size:3.1cqw;box-shadow:inset 0 0 .4cqw #fff8}.save-notice p{font-weight:600;font-size:3.5cqw;line-height:1.4;letter-spacing:.03cqw}.save-address-card{padding:0 3.3cqw 3.3cqw;border-radius:2.7cqw;background:#fff}.save-address-heading{display:flex;align-items:center;justify-content:space-between;gap:3cqw;min-height:11.7cqw;border-bottom:1px solid #f0f0f2}.save-address-heading h2{display:flex;align-items:center;gap:.7cqw;font-size:3.7cqw;font-weight:600}.web-globe{font-size:4.2cqw;line-height:1}.copy-all{border:0;color:white;padding:1.8cqw 2.3cqw;border-radius:1cqw;font-size:3.2cqw;background:linear-gradient(100deg,#ffd39a,#efa14d);line-height:1.25}.address-instruction{font-size:3.1cqw;line-height:1.45;color:#f01414;padding-top:3.4cqw}.address-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:5cqw;row-gap:.2cqw;margin:1.7cqw 0 3cqw;min-height:9.6cqw;align-content:start}.address-item{display:flex;align-items:center;gap:1cqw;min-width:0;overflow-wrap:anywhere;font-size:3.6cqw;color:#c8903b}.address-item>span{min-width:0}.address-copy{background:transparent;border:0;padding:.5cqw;color:#8f95b1;flex-shrink:0}.address-copy svg{width:3.6cqw;height:3.6cqw;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.address-loading{grid-column:1/-1;font-size:3.1cqw;color:#959bad}.save-image-button{display:block;width:100%;border:0;background:linear-gradient(100deg,#efa14d,#ffd49b);color:#fff;border-radius:.9cqw;min-height:10.7cqw;font-size:3.5cqw;padding:2.5cqw;text-align:center}.copy-all:hover,.save-image-button:hover,.manual-service:hover{filter:brightness(.98)}.save-image-button:disabled{opacity:.6}
.service-entry-row{display:flex;align-items:flex-start;gap:2.2cqw;margin-top:5.5cqw}.assistant-avatar{width:10.4cqw;height:10.4cqw;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd4a1,#eda04f);color:white}.robot-avatar svg{width:6.9cqw;height:6.9cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.robot-avatar circle{fill:currentColor;stroke:0}.service-entry{background:#fff;display:flex;align-items:center;gap:2cqw;min-height:13.1cqw;width:53.5cqw;max-width:calc(100% - 12.6cqw);border-radius:2cqw;padding:2.4cqw 3.8cqw;font-size:3.45cqw;position:relative}.service-portrait{width:8cqw;height:8cqw;flex-shrink:0;background:#ebe8e3;display:grid;place-items:center;color:#777b85;overflow:hidden}.service-portrait svg{width:100%;height:100%;fill:#c0b9af;stroke:#7f756c;stroke-width:1.5;stroke-linecap:round}.service-entry .unread-badge{margin-left:auto}.unread-badge{display:inline-flex;align-items:center;justify-content:center;background:#f00a1d;color:#fff;border-radius:50%;min-width:4.7cqw;height:4.7cqw;font-size:3.1cqw;line-height:1;flex-shrink:0;padding:0 .7cqw}
.support-error,.config-status,.chat-error{background:#fff0dd;color:#ad713a;font-size:3cqw;padding:2cqw 3.2cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw}.support-error button,.config-status button,.chat-error button{background:transparent;border:0;text-decoration:underline;color:#9c6125;white-space:nowrap;font-size:inherit}.support-toast,.toast{position:fixed;z-index:30;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#333e;color:white;padding:11px 18px;border-radius:7px;font-size:13px;max-width:calc(100vw - 30px);width:max-content;text-align:center;line-height:1.6;pointer-events:none}
.help-app{height:100dvh;min-height:0;display:flex;flex-direction:column}.help-dialogue{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a6a6a6 transparent;padding:3.3cqw 3.1cqw 5.3cqw}.help-loading,.chat-loading{color:#969baa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;font-size:3.3cqw;padding:11cqw 3cqw}.support-spinner,.spinner{display:block;width:5cqw;height:5cqw;border:2px solid #f1d5b2;border-top-color:#f1a052;border-radius:50%;animation:support-spin 1s linear infinite}@keyframes support-spin{to{transform:rotate(360deg)}}
.dialogue-row{display:flex;align-items:flex-start;gap:1.8cqw;margin-bottom:5.1cqw}.dialogue-row.visitor{flex-direction:row-reverse;gap:1.6cqw}.dialogue-avatar{width:10.4cqw;height:10.4cqw;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(#fffaf0 45%,#faebd8 75%,#fff);border:.3cqw solid #efe3d7;color:#f3a252}.dialogue-avatar svg{height:6.1cqw;width:6.1cqw;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dialogue-avatar.visitor-avatar{background:#e8e8e8;color:#8c8c8c;border-color:#fff;font-size:3.9cqw}.dialogue-bubble{width:69.2cqw;max-width:calc(100% - 12.2cqw);min-width:0;background:#fff;border-radius:1.5cqw;padding:3.5cqw 2.4cqw 4cqw}.dialogue-row.visitor .dialogue-bubble{width:auto;max-width:76cqw;background:#f0a04b;color:white;border-radius:1.7cqw;padding:2.5cqw 3.5cqw;font-size:3.8cqw;line-height:1.4}.dialogue-intro{color:#8f98ad;font-size:3.1cqw;line-height:1.6;margin:0 .9cqw 2.3cqw;white-space:pre-wrap}.help-choice{display:flex;align-items:center;justify-content:space-between;gap:1cqw;width:100%;background:#f2f3f8;border:0;border-radius:1.5cqw;text-align:left;color:#f08c21;padding:1.75cqw 2.9cqw;font-size:3.45cqw;line-height:1.5;min-height:7.8cqw;margin-bottom:1.1cqw}.help-choice:last-child{margin-bottom:0}.help-choice>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.choice-triangle{width:0;height:0;border-top:1.3cqw solid transparent;border-bottom:1.3cqw solid transparent;border-left:1.8cqw solid #ff932d;flex-shrink:0}.help-choice:hover{background:#eceef7}.answer-text{font-size:3.25cqw;line-height:1.65;white-space:pre-wrap;color:#444;overflow-wrap:anywhere;padding:.5cqw 1cqw 2cqw}.not-answer{font-size:3cqw;color:#969bb1;text-align:center;margin:5.8cqw 0 2cqw}.manual-service{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(100deg,#ffd39a,#efa14d);font-size:3.6cqw;min-height:8.5cqw;padding:1.8cqw 3cqw;border:0;border-radius:1cqw;width:calc(100% - 5.4cqw);margin:0 auto}.help-reset{display:block;background:transparent;border:0;color:#f09c44;font-size:2.8cqw;margin:2.7cqw auto 0;padding:1cqw 2cqw}
.help-message-dock{background:#fff;border-radius:3.6cqw 3.6cqw 0 0;padding:2.8cqw 3cqw calc(2.8cqw + env(safe-area-inset-bottom));flex-shrink:0;min-height:10.5cqw}.help-message-dock>a{display:flex;align-items:center;justify-content:center;gap:1.2cqw;color:#ecaf61;font-size:3.7cqw;min-height:5cqw}.dock-headset{color:#efaf66}.dock-headset svg{height:6.4cqw;width:6.4cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.help-message-dock .unread-badge{min-width:3.8cqw;height:3.8cqw;font-size:2.6cqw}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reference-chat-page{height:100dvh;overflow:hidden}.reference-chat-app{height:100dvh;min-height:0;display:flex;flex-direction:column}.chat-panel{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.chat-nav{min-height:60px;height:15cqw}.chat-title{text-align:center;min-width:0;max-width:64cqw}.connection-status{display:flex;align-items:center;justify-content:center;gap:.9cqw;color:#9b9eaa;font-size:2.5cqw;margin-top:1cqw;line-height:1.2}.connection-status i{display:block;width:1cqw;height:1cqw;background:#89be58;border-radius:50%}.connection-status.offline{color:#b29978}.connection-status.offline i{background:#d1ab70}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:3.5cqw 3.1cqw;scrollbar-width:thin;scrollbar-color:#acacb3 transparent;overscroll-behavior:contain}.chat-date{text-align:center;color:#a3a5af;font-size:2.5cqw;margin:0 0 4cqw}.message-row{display:flex;align-items:flex-start;gap:1.8cqw;margin-bottom:4cqw}.message-row.visitor{flex-direction:row-reverse}.message-avatar{width:10.4cqw;height:10.4cqw;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(#fffaf0 45%,#faebd8 75%,#fff);border:.3cqw solid #efe3d7;color:#f3a252;margin-top:4.5cqw}.message-avatar>.icon{height:5.3cqw;width:5.3cqw;stroke-width:1.8}.visitor .message-avatar{background:#e8e8e8;color:#8c8c8c;border-color:#fff;font-size:3.9cqw}.message-body{max-width:calc(100% - 12.2cqw);min-width:0}.message-label{display:flex;gap:1.8cqw;align-items:center;margin-bottom:1cqw;font-size:2.4cqw;color:#a4a5b3}.message-label time{font-size:2.2cqw}.visitor .message-label{justify-content:flex-end}.message-bubble{padding:2.8cqw 3.3cqw;border-radius:1.6cqw;background:#fff;color:#424242;font-size:3.4cqw;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.visitor .message-bubble{background:#f0a04b;color:white}.message-download{display:flex;align-items:center;justify-content:center;gap:1.3cqw;background:linear-gradient(100deg,#ffd39a,#efa14d);color:#fff;border-radius:1cqw;padding:2cqw 3cqw;margin-top:2.5cqw;font-size:3.2cqw}.message-download>.icon{height:3.5cqw;width:3.5cqw}
.quick-questions{display:flex;gap:1.4cqw;overflow-x:auto;max-width:100%;min-width:0;flex-shrink:0;padding:2cqw 3cqw;scrollbar-width:none;background:#fafafa;border-top:1px solid #eeedf2}.quick-questions::-webkit-scrollbar{display:none}.quick-question{background:#f2f3f8;color:#f08c21;border:1px solid #eddfcf;border-radius:1.5cqw;padding:1.4cqw 2.6cqw;font-size:2.8cqw;white-space:nowrap;max-width:65cqw;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.quick-question:disabled{opacity:.6}.chat-compose{background:white;border-top:1px solid #edeef2;padding:2.3cqw 3cqw calc(2.3cqw + env(safe-area-inset-bottom));flex-shrink:0}.chat-compose textarea{display:block;width:100%;resize:none;min-height:11cqw;max-height:28cqw;background:#fff;border:0;padding:0;color:#333;font-size:3.5cqw;line-height:1.5;outline:0}.chat-compose textarea::placeholder{color:#b6b8c2}.chat-compose textarea:focus-visible{outline:1px solid #f1bc7d;border-radius:1cqw;outline-offset:1cqw}.compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-top:1.2cqw}.compose-toolbar>span{font-size:2.3cqw;color:#aaaebc}.send-button{display:flex;align-items:center;gap:1.1cqw;background:linear-gradient(100deg,#ffd39a,#efa14d);color:white;border:0;border-radius:1.1cqw;font-size:3.3cqw;padding:1.6cqw 4.2cqw}.send-button>.icon{width:3.5cqw;height:3.5cqw}.send-button:disabled{opacity:.5}.new-message-button{position:absolute;right:3.5cqw;bottom:calc(31cqw + env(safe-area-inset-bottom));border:1px solid #f4cda0;background:white;color:#e9a455;border-radius:4cqw;padding:1.4cqw 2.3cqw;font-size:2.8cqw;z-index:2}.chat-loading{height:100%;min-height:120px}.empty-state{font-size:3.1cqw;color:#999eae;text-align:center;padding:9cqw 3cqw}.empty-state>.icon{margin:0 auto 3cqw;color:#efb272;width:7cqw;height:7cqw}.empty-state h3{font-weight:500;font-size:3.5cqw;margin-bottom:2cqw}.reference-chat-page .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
/* The source screenshots remain unmodified; these positions select their original avatars. */
.robot-avatar,.service-portrait,.dialogue-avatar,.message-avatar{background-repeat:no-repeat;background-size:100cqw auto;border:0;color:transparent;font-size:0;box-shadow:none}
.robot-avatar,.service-portrait{background-image:url("/assets/reference-source/service-reference-20261112.jpg")}
.robot-avatar{width:10.61693cqw;height:10.61693cqw;background-position:-3.29986cqw -105.16499cqw}
.service-portrait{width:8.03443cqw;height:8.03443cqw;background-position:-20.22956cqw -107.74749cqw}
.dialogue-avatar,.message-avatar{width:10.61693cqw;height:10.61693cqw;background-image:url("/assets/reference-source/help-reference-20261112.jpg");background-position:-3.29986cqw -86.94405cqw}
.dialogue-avatar.visitor-avatar,.visitor .message-avatar{width:10.76040cqw;height:10.76040cqw;background-image:url("/assets/reference-source/help-reference-20261112.jpg");background-size:100cqw auto;background-repeat:no-repeat;background-position:-86.08321cqw -71.59254cqw;border:0;color:transparent;font-size:0}
.robot-avatar>svg,.service-portrait>svg,.dialogue-avatar>svg,.message-avatar>svg{visibility:hidden}
.dialogue-row,.message-row{gap:1.6cqw}
.save-notice{min-height:15.63845cqw;padding:3cqw 3.3cqw}
.save-notice p{font-size:3.44333cqw;line-height:1.4}
/* One white card contains every enabled support entry. */
.service-list{width:53.5cqw;max-width:calc(100% - 12.6cqw);min-width:0;background:#fff;border-radius:2cqw;overflow:hidden}
.service-list .service-entry{width:100%;max-width:none;min-height:13.4cqw;padding:2.6cqw 4.2cqw;border-radius:0;gap:2cqw;background:transparent}
.service-list .service-entry+.service-entry::before{content:"";position:absolute;top:0;left:4.2cqw;right:4.2cqw;height:1px;background:#ededf0}
.service-entry-name{flex:1;min-width:0;line-height:1.45;overflow-wrap:anywhere}
.service-list-status{font-size:3cqw;line-height:1.6;color:#969baa;padding:4cqw 4.2cqw}
.service-list-retry{display:block;border:0;background:transparent;color:#ec9a40;font-size:3cqw;margin:0 4.2cqw 3cqw;padding:1cqw 0}
.service-avatar{--avatar-size:8.10420cqw;display:block;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;border:0;background-image:url("/assets/reference-source/service-list-reference-20261112.jpg");background-repeat:no-repeat;background-size:calc(var(--avatar-size) * 691 / 56) auto;background-position:calc(var(--avatar-size) * -140 / 56) calc(var(--avatar-size) * -745 / 56);color:transparent;font-size:0}
.service-avatar-secondary{background-position:calc(var(--avatar-size) * -140 / 56) calc(var(--avatar-size) * -837 / 56)}
.service-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.service-avatar.has-upload{background-image:none;background-color:#f2f3f8}
.chat-service-heading{display:flex;align-items:center;justify-content:center;gap:1.5cqw;min-width:0}
.selected-service-avatar{--avatar-size:5.8cqw;border-radius:50%}
.chat-service-heading h1{min-width:0;max-width:45cqw;font-size:3.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-avatar.service-avatar{--avatar-size:10.61693cqw;border-radius:50%}
.service-unavailable .manual-service{margin-top:4cqw;width:max-content;max-width:100%}
@media(max-width:760px){.desktop-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}