:root{--whale-widget-w:clamp(150px,15vw,210px);--whale-widget-h:clamp(170px,17vw,238px);--whale-widget-left:clamp(12px,2vw,28px);--whale-widget-bottom:clamp(14px,2.4vh,26px)}.whale-friend-halo{position:fixed;z-index:40;left:calc(var(--whale-widget-left) - 38px);bottom:calc(var(--whale-widget-bottom) - 18px);width:calc(var(--whale-widget-w) + 76px);height:calc(var(--whale-widget-h) + 36px);border-radius:50%;background:radial-gradient(ellipse at 50% 51%,#ffffff 0,rgba(250,253,255,.98) 40%,rgba(229,244,255,.7) 64%,rgba(218,239,255,.22) 82%,rgba(218,239,255,0) 100%);pointer-events:none}.whale-friend-bubbles{position:fixed;z-index:41;left:calc(var(--whale-widget-left) - 24px);bottom:calc(var(--whale-widget-bottom) - 12px);width:calc(var(--whale-widget-w) + 48px);height:calc(var(--whale-widget-h) + 24px);pointer-events:none}.whale-friend-bubbles--far{z-index:41;opacity:.75}.whale-friend-bubbles--near{z-index:44;opacity:.5;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}img.hero.whale-friend-hero{position:fixed;z-index:42;left:var(--whale-widget-left);bottom:var(--whale-widget-bottom);display:block;width:var(--whale-widget-w);height:auto;mix-blend-mode:multiply;transform-origin:50% 55%;cursor:pointer;user-select:none;-webkit-user-drag:none;outline:none}img.hero.whale-friend-hero:focus-visible{outline:2px solid #35529c;outline-offset:6px}.whale-friend-eyes{position:fixed;z-index:43;left:var(--whale-widget-left);bottom:var(--whale-widget-bottom);width:var(--whale-widget-w);height:auto;aspect-ratio:1100/1246;pointer-events:none;transform-origin:50% 55%}.whale-friend-eyes canvas{position:absolute;display:block;-webkit-mask-image:radial-gradient(ellipse 37% 32% at 50% 50%,#000 0 60%,rgba(0,0,0,.88) 74%,rgba(0,0,0,.3) 88%,transparent 100%);mask-image:radial-gradient(ellipse 37% 32% at 50% 50%,#000 0 60%,rgba(0,0,0,.88) 74%,rgba(0,0,0,.3) 88%,transparent 100%)}.whale-friend-eye--left{left:30.7273%;top:33.9486%;width:14.9091%;height:14.7673%}.whale-friend-eye--right{left:47.2727%;top:33.5474%;width:14.9091%;height:14.7673%}.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) - 4px);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:126px;--whale-widget-h:143px;--whale-widget-left:10px;--whale-widget-bottom:14px}.whale-friend-say{left:var(--whale-widget-left);padding:8px 12px;transform:translateY(6px) scale(.9)}.whale-friend-say.on{transform:translate(0) scale(1)}.whale-friend-say:after{left:34px}}