:root{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif;color:#18302b;background:#e8f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}h1,p{margin:0;letter-spacing:0}.bailing-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:24px;width:100%;height:100dvh;padding:30px clamp(28px,6vw,92px) 38px;overflow:hidden;background:linear-gradient(180deg,#ddfaf22e,#ffffff14),url(/static/assets/bailing-bg.png) center / cover no-repeat,#e7f6f2}.bailing-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgb(255 255 255 / 8%) 0%,transparent 42%)}.bailing-hero,.bailing-stage,.error-banner{position:relative;z-index:1}.bailing-hero{align-self:start;color:#0c6858;text-align:center;text-shadow:0 1px 0 rgb(255 255 255 / 48%)}.bailing-hero p{margin-bottom:6px;color:#3a8e7f;font-size:13px;font-weight:700}.bailing-hero h1{color:#075e50;font-size:clamp(30px,3vw,42px);font-weight:850;line-height:1.08}.bailing-hero span{display:block;margin-top:5px;color:#527a72;font-size:16px}.bailing-stage{justify-self:center;display:grid;grid-template-columns:minmax(720px,1120px);justify-content:center;width:min(1160px,100%);height:min(650px,100%);min-height:0;overflow:hidden}.bailing-stage.welcome{grid-template-columns:minmax(720px,1040px)}.chat-panel{min-width:0;min-height:0;border:1px solid rgb(255 255 255 / 76%);border-radius:18px;background:#ffffffb8;box-shadow:0 30px 70px #14605429,inset 0 1px #ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-composer input{min-width:0;border:1px solid rgb(190 216 210 / 90%);border-radius:8px;color:#19322d;outline:none;background:#ffffffe5}.chat-panel{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f6f9fbcc,#ffffffc2)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:18px 22px;border-bottom:1px solid rgb(210 225 222 / 72%)}.agent-title{display:flex;align-items:center;gap:12px;min-width:0}.agent-title img{width:44px;height:44px;border-radius:50%;object-fit:contain;background:#edfdf7;box-shadow:0 10px 22px #16836826}.agent-title div{display:grid;gap:3px;min-width:0}.agent-title span{color:#4b6962;font-size:12px;font-weight:850}.agent-title strong{overflow:hidden;color:#1b302b;font-size:18px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.header-actions,.demo-toolbar,.soft-toggle,.send-button{display:flex;align-items:center}.header-actions{gap:10px;flex-shrink:0}.soft-toggle,.demo-toolbar button,.round-call,.send-button{justify-content:center;border:0;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.soft-toggle{gap:7px;min-height:42px;padding:0 13px;border-radius:11px;color:#195246;background:#ebf9f4e0}.soft-toggle.demo-start{color:#fff;background:linear-gradient(135deg,#34bd95,#0f7666);box-shadow:0 12px 24px #16806829}.soft-toggle:hover,.demo-toolbar button:hover,.round-call:hover,.send-button:hover{transform:translateY(-1px)}.call-summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border-bottom:1px solid rgb(210 225 222 / 64%);color:#44635b;background:#eefaf68a;overflow:hidden}.summary-item,.summary-fields span{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#176957;font-size:13px;font-weight:850;white-space:nowrap}.summary-item{flex-shrink:0}.summary-fields{display:flex;align-items:center;gap:10px;min-width:0;padding-left:4px;overflow:hidden}.summary-fields span{max-width:220px;color:#5c746e;font-weight:750;overflow:hidden;text-overflow:ellipsis}.knowledge-panel{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:14px;padding:14px 22px;border-bottom:1px solid rgb(210 225 222 / 64%);background:#f8fdfbd1}.knowledge-source{display:grid;align-content:start;gap:6px;min-width:0;padding:13px 14px;border:1px solid rgb(162 214 201 / 58%);border-radius:12px;background:linear-gradient(180deg,#ecfcf6eb,#ffffffd1)}.knowledge-source span,.knowledge-list article span{color:#17806b;font-size:12px;font-weight:850}.knowledge-source strong{overflow:hidden;color:#18352f;font-size:14px;line-height:1.45;text-overflow:ellipsis}.knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.knowledge-list article{display:grid;gap:5px;min-width:0;padding:12px 13px;border:1px solid rgb(210 230 224 / 76%);border-radius:12px;background:#ffffffd1}.knowledge-list article strong,.knowledge-list article p{overflow:hidden;text-overflow:ellipsis}.knowledge-list article strong{color:#1b3933;font-size:14px;white-space:nowrap}.knowledge-list article p{display:-webkit-box;color:#5f756f;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-scroll{flex:1;min-height:0;padding:32px 42px 26px;overflow:auto}.chat-scroll.welcome{display:grid;place-items:center;padding:36px;overflow:hidden}.welcome-panel{display:grid;justify-items:center;gap:28px;width:min(620px,100%);text-align:center}.welcome-mascot{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 26px 30px rgb(16 105 86 / 16%))}.welcome-copy{display:grid;gap:14px;color:#075eb0;font-size:clamp(24px,2.2vw,34px);font-weight:700;line-height:1.28}.welcome-actions{display:grid;justify-content:center;margin-top:10px}.welcome-action{display:inline-flex;align-items:center;justify-content:center;width:188px;height:58px;gap:10px;border:0;border-radius:999px;font-size:18px;font-weight:850;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease}.welcome-action.primary{color:#fff;background:linear-gradient(135deg,#43c69b,#168370);box-shadow:0 16px 30px #15806847,inset 0 1px #ffffff47}.welcome-action:hover{transform:translateY(-2px)}.call-empty{display:grid;place-items:center;align-content:center;gap:14px;min-height:100%;color:#52736b;text-align:center}.call-empty svg{color:#17977c}.call-empty p{font-size:16px;font-weight:800}.chat-row{display:grid;grid-template-columns:42px minmax(0,max-content);align-items:start;gap:12px;margin-bottom:18px}.chat-row.user{grid-template-columns:minmax(0,max-content) 42px;justify-content:end}.chat-row.user .caller-avatar{grid-column:2;grid-row:1}.chat-row.user>div{grid-column:1;grid-row:1;text-align:right}.message-avatar,.caller-avatar{width:42px;height:42px;border-radius:50%}.message-avatar{object-fit:contain;background:#e8fff7;box-shadow:0 8px 18px #11846829}.caller-avatar{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#306a5f,#174b43);font-size:14px;font-weight:850}.message-bubble{display:inline-flex;align-items:center;gap:10px;max-width:min(620px,58vw);min-height:48px;padding:12px 16px;border:1px solid rgb(216 230 226 / 78%);border-radius:18px;color:#243834;background:#fffffff0;box-shadow:0 8px 22px #29534c17;font-size:15px;line-height:1.62}.message-bubble>span:first-child{min-width:1ch}.message-bubble.speaking{border-color:#2aae8b75;box-shadow:0 8px 22px #29534c17,0 0 0 3px #31be971a}.chat-row.user .message-bubble{color:#fff;border-color:#24806b3d;background:linear-gradient(135deg,#1c9679,#12665b);box-shadow:0 10px 22px #116f5e29}.speaking-mark{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;color:#159678}.chat-row.user .speaking-mark{color:#d9fff5}.speaking-mark i{width:3px;height:10px;border-radius:999px;background:currentColor;opacity:.65;animation:speaking-bar .82s ease-in-out infinite}.speaking-mark i:nth-child(3){animation-delay:.12s}.speaking-mark i:nth-child(4){animation-delay:.24s}@keyframes speaking-bar{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.28)}}.chat-row time{display:block;margin-top:7px;color:#78908a;font-size:12px}.chat-row.user time{color:#6c847e}.chat-footer{display:grid;gap:12px;padding:14px 18px 18px;border-top:1px solid rgb(210 225 222 / 78%);background:#e5f4ef94}.demo-toolbar{gap:8px;min-width:0;overflow:hidden}.demo-toolbar button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid rgb(122 178 166 / 45%);border-radius:8px;color:#10705d;background:#ffffffb8;font-size:13px;white-space:nowrap}.demo-toolbar span{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-left:auto;color:#4d6b64;font-size:13px;font-weight:800;white-space:nowrap}.chat-composer{display:grid;grid-template-columns:58px minmax(0,1fr) 104px;gap:12px;align-items:center}.round-call{width:58px;height:58px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2ebd90,#0d7564);box-shadow:0 16px 30px #1280653d}.round-call.start{background:linear-gradient(135deg,#2ebd90,#0d7564);box-shadow:0 16px 30px #12806547}.round-call.recording{background:linear-gradient(135deg,#f06455,#c73d35);box-shadow:0 16px 30px #c73d3538}.round-call:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.chat-composer input{width:100%;height:46px;padding:0 16px;font-size:15px}.chat-composer input::placeholder{color:#8da09a}.send-button{gap:7px;height:46px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#39b99a,#167f6c)}.send-button:disabled{transform:none;box-shadow:none}.error-banner{position:fixed;top:14px;left:50%;z-index:20;max-width:min(760px,calc(100vw - 32px));transform:translate(-50%);padding:11px 14px;border:1px solid #efc3c3;border-radius:10px;color:#a13232;background:#fff5f5;box-shadow:0 14px 34px #293a482e;font-weight:800}@media (max-width: 1120px){.bailing-stage{grid-template-columns:minmax(0,1fr)}.message-bubble{max-width:min(660px,64vw)}}@media (max-width: 860px){.bailing-shell{gap:18px;padding:22px 16px 18px}.bailing-hero h1{font-size:28px}.bailing-stage{grid-template-columns:1fr;height:100%}.chat-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.soft-toggle{flex:1}.knowledge-panel{grid-template-columns:1fr;padding:12px 14px}.knowledge-list{grid-template-columns:1fr}.chat-scroll{padding:20px 16px}.message-bubble{max-width:calc(100vw - 118px)}.demo-toolbar span{display:none}.chat-composer{grid-template-columns:50px minmax(0,1fr) 54px;gap:8px}.round-call{width:50px;height:50px}.send-button{width:54px;font-size:0}}