:root{--whale-widget-w:clamp(208px,22vw,300px);--whale-widget-h:var(--whale-widget-w);--whale-widget-left:clamp(10px,2vw,26px);--whale-widget-bottom:clamp(12px,2.2vh,24px)}.whale-friend-halo{position:fixed;z-index:40;left:calc(var(--whale-widget-left) - 35px);bottom:calc(var(--whale-widget-bottom) + 10px);width:calc(var(--whale-widget-w) + 70px);height:calc(var(--whale-widget-w) + 70px);border-radius:50%;background:radial-gradient(ellipse at 50% 51%,rgba(255,255,255,.92) 0,rgba(250,253,255,.82) 38%,rgba(229,244,255,.48) 62%,rgba(218,239,255,.13) 82%,rgba(218,239,255,0) 100%);opacity:.86;pointer-events:none}.whale-friend-bubbles{position:fixed;z-index:41;left:calc(var(--whale-widget-left) - 28px);bottom:calc(var(--whale-widget-bottom) - 10px);width:calc(var(--whale-widget-w) + 56px);height:calc(var(--whale-widget-h) + 24px);pointer-events:none}.whale-friend-bubbles--far{z-index:41;opacity:.72}.whale-friend-bubbles--near{z-index:44;opacity:.46;filter:blur(1.4px)}.whale-friend-bubbles i{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffffff,rgba(255,255,255,.12) 58%,rgba(150,190,240,.4) 100%);box-shadow:inset 0 0 6px rgba(255,255,255,.95),0 0 10px rgba(140,180,235,.4);animation:whale-bubble-rise linear infinite}.whale-friend-model-wrap{position:fixed;z-index:43;left:var(--whale-widget-left);bottom:var(--whale-widget-bottom);width:var(--whale-widget-w);height:var(--whale-widget-h);cursor:pointer;outline:none;user-select:none;-webkit-tap-highlight-color:transparent}.whale-friend-model-wrap:focus-visible{outline:2px solid #35529c;outline-offset:6px;border-radius:28px}.whale-friend-model{display:block;width:100%;height:100%;pointer-events:none}.whale-friend-fallback{position:fixed;z-index:42;left:var(--whale-widget-left);bottom:var(--whale-widget-bottom);display:block;width:var(--whale-widget-w);height:var(--whale-widget-h);object-fit:contain;object-position:bottom center;pointer-events:none;user-select:none;-webkit-user-drag:none}.whale-friend-credit{position:fixed;z-index:46;left:calc(var(--whale-widget-left) + 6px);bottom:calc(var(--whale-widget-bottom) + 3px);padding:2px 5px;border-radius:6px;color:rgba(23,48,82,.55);background:rgba(255,255,255,.24);font:600 9px/1.2 Segoe UI,Microsoft YaHei,system-ui,sans-serif;letter-spacing:.03em;text-decoration:none;opacity:.72;transition:opacity .18s,background .18s}.whale-friend-credit:focus-visible,.whale-friend-credit:hover{opacity:1;background:rgba(255,255,255,.72);outline:none}.whale-friend-say{position:fixed;z-index:45;left:calc(var(--whale-widget-left) + var(--whale-widget-w) / 2);bottom:calc(var(--whale-widget-bottom) + var(--whale-widget-h) - 22px);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:16px;background:#ffffff;color:#16203c;font:600 13px/1.35 Segoe UI,Microsoft YaHei,system-ui,sans-serif;white-space:nowrap;box-shadow:0 10px 26px rgba(40,80,150,.22);opacity:0;transform:translate(-50%,6px) scale(.9);transition:opacity .2s,transform .2s;pointer-events:none}.whale-friend-say:after{content:"";position:absolute;left:50%;bottom:-6px;width:13px;height:13px;border-radius:2px;background:#ffffff;transform:translateX(-50%) rotate(45deg)}.whale-friend-say.on{opacity:1;transform:translate(-50%) scale(1)}@keyframes whale-bubble-rise{0%{transform:translateY(30px) scale(.85);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(-130px) scale(1.06);opacity:0}}@media (max-width:640px){:root{--whale-widget-w:190px;--whale-widget-h:190px;--whale-widget-left:8px;--whale-widget-bottom:12px}.whale-friend-halo{left:-18px;bottom:18px;width:250px;height:250px}.whale-friend-say{left:var(--whale-widget-left);bottom:calc(var(--whale-widget-bottom) + var(--whale-widget-h) - 10px);padding:8px 12px;transform:translateY(6px) scale(.9)}.whale-friend-credit{bottom:calc(var(--whale-widget-bottom) + 1px);font-size:8px}.whale-friend-say.on{transform:translate(0) scale(1)}.whale-friend-say:after{left:30px}}