:root{color-scheme:light;--blue:#2f79aa;--ink:#25475e;--line:#cddfec}*{box-sizing:border-box}body{margin:0;background:#f2f8fc;color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-size:14px;line-height:1.6}button,input{font:inherit}button,a,input{touch-action:manipulation}button{border:1px solid var(--blue);border-radius:8px;padding:9px 14px;background:var(--blue);color:#fff;cursor:pointer;min-height:42px}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5b545;outline-offset:3px}a{color:var(--blue)}.site-header{background:white;border-bottom:1px solid var(--line);padding:8px max(18px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;color:#333;text-decoration:none;font-size:24px;white-space:nowrap}.brand img{object-fit:contain}.site-header>a:last-child{white-space:nowrap;font-size:14px}.vb-demo{max-width:1220px;margin:auto;padding:0 20px 32px}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 22px 20px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--blue)}h1{font-size:30px;line-height:1.4;margin:8px 0}h2{font-size:20px;margin:4px 0 8px}.demo-intro p{margin:0;color:#60798d}.chat-stamp{width:126px;min-height:112px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#e6f2fb;color:var(--blue);border:1px solid #deedf8;border-radius:26px;transform:rotate(6deg)}.chat-stamp span{font-size:12px}.demo-note{background:#e5f1fa;border-radius:10px;padding:12px 16px;margin:0 0 16px}.guide{border:1px solid var(--line);background:white;border-radius:16px;padding:16px 20px;margin-bottom:16px}.guide ol{display:flex;flex-wrap:wrap;gap:12px 30px;padding:0;margin:0;list-style:none}.guide li{color:#6b7e8c}.guide li[aria-current]{color:var(--blue);font-weight:bold}.guide b{font-size:18px}.guide p{margin:10px 0 14px}.tools{display:flex;flex-wrap:wrap;gap:8px}.secondary{background:#f4f8fc;color:var(--blue);border-color:var(--line)}.demo-summary{display:flex;align-items:center;gap:26px;background:#fff;border:1px solid #e3eaef;border-radius:20px;padding:24px;margin:16px 0 20px}.demo-order{flex:1;min-width:0}.demo-order p{margin:0 0 8px}.label{color:#657b8b;font-size:12px}.wait{font-size:13px;color:#60798d;margin:12px 0 0!important}.progress-area{min-width:200px}.progress-area strong{font-size:34px;color:var(--blue);line-height:1.2}.progress-area progress{width:100%;height:8px;display:block;margin:12px 0;accent-color:var(--blue)}.end{font-size:12px}#bot-list{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.bot{display:flex;flex-direction:column;flex:0 1 180px;width:180px;min-width:0;border:1px solid var(--line);padding:6px;background:#fff}.card-heading{display:flex;justify-content:space-between;gap:5px;font-size:12px}.status{color:var(--blue)}.bot[data-ready=no] .status{color:#7c8b96}.bot h3{font-size:14px;font-weight:normal;margin:2px 0 6px}.report{display:flex;gap:5px;min-height:80px}.demo-avatar{flex-shrink:0;border-radius:5px;background:#e8f1f7}.act-msg{font-size:12px;line-height:1.55;text-align:center;color:var(--blue);overflow-wrap:anywhere;min-width:0;margin:0}.control{margin-top:auto;padding-top:6px}.input-group{display:flex;align-items:stretch;width:100%}.input-group input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px 0 0 5px;padding:6px;font-size:12px;background:#fff}.input-group button{font-size:12px;padding:6px 8px;border-radius:0 5px 5px 0;white-space:nowrap}.input-group input:disabled{background:#f0f3f5}.bottom-note{font-size:12px;color:#60798d;margin-top:18px}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:610px){.site-header{padding:6px 12px}.brand{font-size:19px}.brand img{width:46px;height:46px}.vb-demo{padding:0 12px 26px}.demo-intro{padding:24px 2px 18px;gap:10px}h1{font-size:25px}.chat-stamp{width:80px;min-height:90px;border-radius:20px}.chat-stamp svg{width:34px;height:34px}.chat-stamp span{font-size:12px}.eyebrow{letter-spacing:0;display:block;max-width:220px}.demo-summary{display:block;padding:18px}.progress-area{margin:18px 0;min-width:0}.guide{padding:14px}.guide ol{gap:8px 15px}.guide li{font-size:12px}.guide b{font-size:16px}.bot{flex-basis:calc((100% - 5px)/2);max-width:180px}.tools button{flex:1 1 auto}.end{width:100%}.site-header>a:last-child{font-size:12px}}