.bbs{--r:4/3;z-index:90;pointer-events:auto;color:#4a3b34;touch-action:none;-webkit-tap-highlight-color:transparent;background:#f6ead9;font-family:ui-rounded,Noto Sans HK,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.bbs[hidden]{display:none}.bbs:before{content:"";background:var(--bg) center/cover no-repeat;filter:blur(22px)saturate(1.05);position:absolute;inset:-4%;transform:scale(1.04)}.bbs-stage{width:min(100vw,calc(100vh*var(--r)));width:min(100vw,calc(100dvh*var(--r)));aspect-ratio:var(--r);background:var(--bg) 0 0/100% 100% no-repeat;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:size}.bbs-art{pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}.bbs [data-bbs-place]{position:absolute}.bbs-human{left:calc(var(--human-x)*1%);top:calc(var(--human-y)*1%);width:calc(var(--human-w)*1%);height:calc(var(--human-h)*1%);background:var(--img-human) center/100% 100% no-repeat;cursor:pointer;color:#0000;filter:drop-shadow(0 .4cqw .6cqw #50321e38);border:0;padding:0;font-size:0;text-decoration:none;display:block;position:absolute}.bbs-human:hover,.bbs-human:focus-visible{transform:translateY(-.3cqw)rotate(-.6deg)}.bbs-rec{left:calc(var(--rec-x)*1%);top:calc(var(--rec-y)*1%);width:calc(var(--rec-w)*1%);height:calc(var(--rec-h)*1%);background-image:var(--img-rec);pointer-events:auto;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:filter .15s}.bbs-rec:active,.bbs.is-recording .bbs-rec{filter:drop-shadow(0 0 1.2cqw #e0709abf)}.bbs-wave{left:calc(var(--wave-x,0)*1%);top:calc(var(--wave-y,0)*1%);width:calc(var(--wave-w,0)*1%);height:calc(var(--wave-h,0)*1%);background-image:var(--img-wave,none);opacity:.9;display:none}.bbs-ar{left:calc(var(--ar-x)*1%);top:calc(var(--ar-y)*1%);width:calc(var(--ar-w)*1%);height:calc(var(--ar-h)*1%);background:var(--img-ar) center/100% 100% no-repeat;cursor:pointer;color:#0000;touch-action:none;-webkit-touch-callout:none;filter:drop-shadow(0 .8cqw 1.4cqw #5a3c7838);border:0;padding:0;font-size:0;animation:5s ease-in-out infinite bbs-float;position:absolute}.bbs-ar:focus-visible{outline-offset:.4cqw;border-radius:50%;outline:.35cqw solid #e0709a}.bbs-ar:disabled{cursor:default;filter:grayscale(.35)drop-shadow(0 .8cqw 1.4cqw #5a3c782e)}.bbs-ar[aria-pressed=true],.bbs-ar[data-recording=true],.bbs-ar.is-recording,.bbs-ar.is-pressing{filter:drop-shadow(0 0 1.6cqw #e0709ad9)drop-shadow(0 0 3.2cqw #78beff99);animation:.7s ease-in-out infinite bbs-rec}.bbs-ar.is-busy,.bbs.is-busy .bbs-ar{animation:1.4s ease-in-out infinite bbs-think}.bbs.is-recording .bbs-wave,.bbs.is-busy .bbs-wave{animation:.9s ease-in-out infinite bbs-wave}.bbs-dialog{left:calc(var(--dlg-x)*1%);top:calc(var(--dlg-y)*1%);width:calc(var(--dlg-w)*1%);height:calc(var(--dlg-h)*1%);background:var(--img-dlg) center/100% 100% no-repeat;font-size:max(14px,calc(var(--fs)*1cqw));filter:drop-shadow(0 .8cqw 1.4cqw #6e503229);line-height:1.45;position:absolute}.bbs-dialog>*{margin:0;position:absolute}.bbs-lang{left:calc(var(--lang-x)*1%);top:calc(var(--lang-y)*1%);width:calc(var(--lang-w)*1%);height:calc(var(--lang-h)*1%);justify-content:center;align-items:center;display:flex}.bbs-lang select{width:100%;max-width:100%;font:inherit;color:#5a4438;text-align:center;text-align-last:center;appearance:none;cursor:pointer;background:0 0;border:0;min-height:24px;padding:0;font-size:max(12px,.8em)}.bbs-input{left:calc(var(--inp-x)*1%);top:calc(var(--inp-y)*1%);width:calc(var(--inp-w)*1%);height:calc(var(--inp-h)*1%);display:flex}.bbs-input :is(input,textarea){font-size:max(16px,1em)}.bbs-input input,.bbs-input textarea{min-width:0;height:100%;font:inherit;color:#5a4438;resize:none;background:0 0;border:0;outline:none;flex:1;padding:0 .8em;line-height:1.3;display:block}.bbs-input textarea{padding-top:.45em;overflow:hidden}.bbs-input input::placeholder,.bbs-input textarea::placeholder{color:#786454}.bbs-input :is(input,textarea):focus-visible{border-radius:1cqw;box-shadow:inset 0 0 0 .14cqw #e0709a8c}.bbs-send{left:calc(var(--send-x)*1%);top:calc(var(--send-y)*1%);width:calc(var(--send-w)*1%);height:calc(var(--send-h)*1%);cursor:pointer;color:#0000;background:0 0;border:0;border-radius:50%;padding:0;font-size:0}.bbs-send:after{content:"";position:absolute;inset:-10px}.bbs-send:focus-visible{outline:.3cqw solid #e0709a}.bbs-send:disabled{cursor:default}.bbs-messages{left:calc(var(--msg-x)*1%);top:calc(var(--msg-y)*1%);width:calc(var(--msg-w)*1%);height:calc(var(--msg-h)*1%);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e2bfa0 transparent;touch-action:pan-y;-webkit-user-select:text;user-select:text;padding:.2em .3em;overflow-y:auto}.bbs-msg{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border-radius:.8em;margin:0 0 .5em;padding:.4em .7em;box-shadow:0 .1em .3em #6e50321f}.bbs-msg.user{background:#ffe3ea;margin-left:14%}.bbs-msg.assistant{margin-right:10%}.bbs-msg.note{box-shadow:none;color:#6f5a4d;text-align:center;background:0 0;font-size:.88em}.bbs-messages:focus-visible{outline-offset:-.25cqw;outline:.25cqw solid #9c3a5e}.bbs-status{left:calc(var(--stat-x)*1%);top:calc(var(--stat-y)*1%);width:calc(var(--stat-w)*1%);height:calc(var(--stat-h)*1%);text-align:center;color:#6b5648;text-wrap:balance;justify-content:center;align-items:center;font-size:max(11px,.78em);line-height:1.2;display:flex;overflow:hidden}.bbs-close{left:calc(var(--close-x)*1%);top:calc(var(--close-y)*1%);color:#8a5a3a;cursor:pointer;z-index:3;background:#fff6ea;border:.25cqw solid #d9a78c;border-radius:50%;place-items:center;width:5.2cqw;min-width:32px;height:5.2cqw;min-height:32px;padding:0;font:700 3cqw/1 system-ui;display:grid;position:absolute;box-shadow:0 .3cqw .8cqw #6e503233}.bbs-avatar{left:calc(var(--av-x)*1%);top:calc(var(--av-y)*1%);width:calc(var(--av-w)*1%);height:calc(var(--av-h)*1%);z-index:2;pointer-events:none;position:absolute}.bbs-avatar>model-viewer,.bbs-avatar .bbs-avatar-3d,.bbs-avatar>img,.bbs-avatar>canvas{--poster-color:transparent;object-fit:contain;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.bbs-input-note{text-align:center;color:#6f5a4d;justify-content:center;align-items:center;font-size:.95em}.bbs-actions{flex-wrap:wrap;gap:.6em;margin-top:.4em;display:flex}.bbs-btn{font:inherit;color:#fff;cursor:pointer;background:#e0709a;border:0;border-radius:999px;min-height:2.2em;padding:.35em 1em;font-weight:700}.bbs-btn.secondary{color:#8a5a45;background:#fff;box-shadow:inset 0 0 0 .12em #e2bfa0}.bbs-btn:disabled{opacity:.5;cursor:default}.bbs-messages ul{margin:.3em 0;padding-left:1.2em}.bbs-avatar>model-viewer{transform:translateY(calc(var(--mv-dy,0)*1%)) scale(var(--mv-s,1))}.bbs-avatar[data-loaded] .bbs-fallback,.bbs-avatar>model-viewer[data-failed]{display:none}.bbs-avatar .bbs-avatar-3d canvas{width:100%;height:100%;display:block}.bbs-popover{z-index:4;width:min(34cqw,22rem);font-size:calc(var(--fs)*1cqw);color:#4a3b34;background:#fff9ef;border-radius:1.6cqw;padding:1.2cqw 1.6cqw;line-height:1.5;position:absolute;top:13cqh;right:2cqw;box-shadow:0 .6cqw 2cqw #6e503247}.bbs-popover p{margin:.2em 0}.bbs-popover a{color:#b0486f}.bbs-popover ul{margin:.4em 0;padding-left:1.2em}.bbs-popover button{font:inherit;margin-top:.4em}.bbs-legal{z-index:3;max-width:60cqw;font-size:max(11px,calc(var(--fs)*.78cqw));color:#6b5648;background:#fff9efd1;border-radius:999px;flex-wrap:wrap;gap:.3em 1.2em;padding:.25em .8em;display:flex;position:absolute;bottom:1.2cqw;left:1.6cqw}.bbs-legal a{color:inherit;align-items:center;min-height:24px;padding:0 .3em;text-decoration:none;display:inline-flex}.bbs-legal a:hover,.bbs-legal a:focus-visible{text-decoration:underline}.bbs-tabs{justify-content:center;align-items:center;gap:.25em;width:100%;height:100%;display:flex}.bbs-tabs button{font:inherit;white-space:nowrap;color:#6b5648;cursor:pointer;background:0 0;border:0;border-radius:.6em;min-width:26px;min-height:24px;padding:.1em .25em;font-size:max(12px,.78em);font-weight:700;line-height:1.2}.bbs-tabs button[aria-selected=true]{color:#9c3a5e;box-shadow:inset 0 -.14em #e0709a}.bbs-tabs button:focus-visible{outline:.25cqw solid #e0709a}.bbs-input textarea{overflow-y:auto}.bbs-msg p{margin:.15em 0}.bbs-msg .bbs-link{color:#b0486f;text-underline-offset:.15em;font-weight:700;text-decoration:underline}.bbs-edit{margin:.3em 0;display:block}.bbs-edit span{color:#6f5a4d;font-size:.85em;display:block}.bbs-edit textarea{box-sizing:border-box;width:100%;font:inherit;color:#4a3b34;resize:none;background:#fff;border:.12em solid #e2bfa0;border-radius:.6em;padding:.4em .6em;font-size:max(16px,1em);line-height:1.4}.bbs-edit textarea:focus-visible{outline-offset:.1em;outline:.25cqw solid #9c3a5e}.bbs-mini{font:inherit;color:#8a5a45;cursor:pointer;background:#fff;border:0;border-radius:999px;margin-top:.3em;padding:.25em .9em;font-size:.82em;font-weight:700;box-shadow:inset 0 0 0 .12em #e2bfa0}.bbs-mini:disabled{opacity:.5;cursor:default}.bbs-notice{color:#6f5a4d;margin:.3em 0;font-size:.85em}.bbs-notice[role=alert]{color:#a33}.bbs-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.bbs-lock,body.bbs-lock{overscroll-behavior:none;height:100%;overflow:hidden!important}@keyframes bbs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2%)}}@keyframes bbs-rec{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes bbs-think{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes bbs-wave{0%,to{opacity:.35;transform:translate(-4%)}50%{opacity:1;transform:translate(4%)}}@media (prefers-reduced-motion:reduce){.bbs-ar,.bbs-ar.is-recording,.bbs-ar.is-pressing,.bbs-ar[aria-pressed=true],.bbs-ar.is-busy,.bbs.is-recording .bbs-wave,.bbs.is-busy .bbs-wave{animation:none}}@media (aspect-ratio>=3/2){.bbs{--r:2000/1125;--mv-s:.79;--mv-dy:-.8;--bg:url(/parent-web/biubiu-stage/bg-wide.webp);--fs:1.05;--ar-x:12.4;--ar-y:-.35;--ar-w:26.31;--ar-h:49.75;--img-ar:url(/parent-web/biubiu-stage/ar-wide.webp);--dlg-x:32.58;--dlg-y:25.53;--dlg-w:45.83;--dlg-h:62.98;--img-dlg:url(/parent-web/biubiu-stage/dlg-wide.webp);--rec-x:44.03;--rec-y:2.41;--rec-w:15.27;--rec-h:16.34;--img-rec:url(/parent-web/biubiu-stage/rec-wide.webp);--human-x:79.86;--human-y:.16;--human-w:20.01;--human-h:12.14;--img-human:url(/parent-web/biubiu-stage/human-wide.webp);--wave-x:35.99;--wave-y:15.83;--wave-w:7.69;--wave-h:3.71;--img-wave:url(/parent-web/biubiu-stage/wave-wide.webp);--av-x:67.22;--av-y:30.43;--av-w:35.56;--av-h:76.51;--inp-x:15.7;--inp-y:13;--inp-w:64.4;--inp-h:11.7;--send-x:80.6;--send-y:15.4;--send-w:6.7;--send-h:8.7;--msg-x:15.5;--msg-y:44;--msg-w:62;--msg-h:40;--stat-x:74;--stat-y:31;--stat-w:19;--stat-h:13;--lang-x:8.5;--lang-y:1.5;--lang-w:17;--lang-h:9.5;--close-x:74.6;--close-y:1.2}.bbs-wave{display:block}}@media (aspect-ratio>=1) and (aspect-ratio<=3/2){.bbs{--r:2000/1500;--mv-s:.79;--mv-dy:-1.4;--bg:url(/parent-web/biubiu-stage/bg-ipad.webp);--fs:1.45;--ar-x:27.85;--ar-y:6.07;--ar-w:33.28;--ar-h:45.84;--img-ar:url(/parent-web/biubiu-stage/ar-ipad.webp);--dlg-x:48.89;--dlg-y:11.12;--dlg-w:47.99;--dlg-h:44.81;--img-dlg:url(/parent-web/biubiu-stage/dlg-ipad.webp);--rec-x:4.41;--rec-y:14.59;--rec-w:30.76;--rec-h:11.77;--img-rec:url(/parent-web/biubiu-stage/rec-ipad.webp);--human-x:.38;--human-y:0;--human-w:25.49;--human-h:11.57;--img-human:url(/parent-web/biubiu-stage/human-ipad.webp);--av-x:49.59;--av-y:46.61;--av-w:36.11;--av-h:52.78;--inp-x:31.1;--inp-y:13.2;--inp-w:58.8;--inp-h:11.9;--send-x:90.35;--send-y:15.1;--send-w:6.7;--send-h:9.5;--msg-x:21.5;--msg-y:47;--msg-w:50;--msg-h:38;--stat-x:2;--stat-y:82;--stat-w:17;--stat-h:14;--lang-x:25;--lang-y:1;--lang-w:14.5;--lang-h:9.5;--close-x:95.6;--close-y:1.2}}@media (aspect-ratio<=3/5){.bbs{--r:923/2000;--mv-s:.79;--mv-dy:-1.6;--bg:url(/parent-web/biubiu-stage/bg-phone.webp);--fs:3.3;--ar-x:60.68;--ar-y:42.36;--ar-w:33.55;--ar-h:16.87;--img-ar:url(/parent-web/biubiu-stage/ar-phone.webp);--dlg-x:6.34;--dlg-y:9.7;--dlg-w:91.09;--dlg-h:32.49;--img-dlg:url(/parent-web/biubiu-stage/dlg-phone.webp);--rec-x:29.02;--rec-y:40.91;--rec-w:40.36;--rec-h:8.43;--img-rec:url(/parent-web/biubiu-stage/rec-phone.webp);--human-x:.65;--human-y:.21;--human-w:37.5;--human-h:5.94;--img-human:url(/parent-web/biubiu-stage/human-phone.webp);--av-x:42.9;--av-y:62.75;--av-w:61.11;--av-h:37.5;--inp-x:15.7;--inp-y:13;--inp-w:64.4;--inp-h:11.7;--send-x:80.6;--send-y:15.4;--send-w:6.7;--send-h:8.7;--msg-x:15.5;--msg-y:44;--msg-w:60;--msg-h:39;--stat-x:74;--stat-y:31;--stat-w:19;--stat-h:13;--lang-x:8.5;--lang-y:1.5;--lang-w:17;--lang-h:9.5;--close-x:92;--close-y:1.4}}@media (aspect-ratio>=3/5) and (aspect-ratio<=1){.bbs{--r:1125/1500;--mv-s:.79;--mv-dy:-1.5;--bg:url(/parent-web/biubiu-stage/bg-tablet.webp);--fs:2.05;--ar-x:40;--ar-y:44;--ar-w:24;--ar-h:19.6;--img-ar:url(/parent-web/biubiu-stage/ar-phone.webp);--dlg-x:28;--dlg-y:3.5;--dlg-w:69.33;--dlg-h:40.2;--img-dlg:url(/parent-web/biubiu-stage/dlg-phone.webp);--rec-x:63;--rec-y:44.5;--rec-w:33.8;--rec-h:11.4;--img-rec:url(/parent-web/biubiu-stage/rec-phone.webp);--human-x:1.5;--human-y:1.5;--human-w:24;--human-h:6.17;--img-human:url(/parent-web/biubiu-stage/human-phone.webp);--av-x:50;--av-y:56.8;--av-w:53.9;--av-h:44.4;--inp-x:15.7;--inp-y:13;--inp-w:64.4;--inp-h:11.7;--send-x:80.6;--send-y:15.4;--send-w:6.7;--send-h:8.7;--msg-x:15.5;--msg-y:44;--msg-w:60;--msg-h:39;--stat-x:74;--stat-y:31;--stat-w:19;--stat-h:13;--lang-x:8.5;--lang-y:1.5;--lang-w:17;--lang-h:9.5;--close-x:92;--close-y:1.4}}.bbs[data-biubiu-stage-root=dialog]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3a282080;animation:.25s both bbs-fade}.bbs[data-biubiu-stage-root=dialog] .bbs-stage{width:min(92vw,calc(92vh*var(--r)));width:min(92vw,calc(92dvh*var(--r)));border-radius:clamp(18px,2.6vw,36px);animation:.45s cubic-bezier(.2,.9,.3,1.12) both bbs-pop;box-shadow:0 0 0 3px #fffaf2eb,0 30px 80px #28181280}@keyframes bbs-fade{0%{opacity:0}to{opacity:1}}@keyframes bbs-pop{0%{opacity:0;transform:translate(-50%,-47%)scale(.93)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.bbs[data-biubiu-stage-root=dialog],.bbs[data-biubiu-stage-root=dialog] .bbs-stage{animation:none}}.bbs[data-biubiu-stage-root=dialog]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#462d237a}.bbs[data-biubiu-stage-root=dialog]:before{display:none}.bbs[data-biubiu-stage-root=dialog] .bbs-stage{width:min(94vw,56rem,calc(86vh*var(--r)));width:min(94vw,56rem,calc(86dvh*var(--r)));border-radius:28px;box-shadow:0 24px 70px #3c231980,0 0 0 4px #ffffffbf}@media (prefers-reduced-motion:no-preference){.bbs[data-biubiu-stage-root=dialog] .bbs-stage{animation:.38s cubic-bezier(.2,1.15,.3,1) both bbs-card-in}}@keyframes bbs-card-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}