.dy-info-bubble{--dy-info-bubble-width:430px;position:fixed;z-index:420;width:min(var(--dy-info-bubble-width),calc(100vw - 20px));height:auto;max-height:calc(100vh - 20px);overflow:auto;padding:14px 52px 12px 16px;border:1px solid #dfb653;border-radius:13px;background:linear-gradient(145deg,#fffdf6,#fff8e5);color:#253a56;box-shadow:0 18px 48px rgba(24,44,76,.26);font:700 14px/1.55 Inter,"PingFang SC","Microsoft YaHei",sans-serif;animation:dy-info-bubble-in .18s ease-out}
.dy-info-bubble__body{min-width:0}.dy-info-bubble__title,.dy-info-bubble__subtitle,.dy-info-bubble__footer{display:block}.dy-info-bubble__title{color:#173f72;font-size:16px;line-height:1.4}.dy-info-bubble__subtitle{margin-top:3px;color:#805200;font-size:13px}.dy-info-bubble__content{margin:7px 0 6px;color:#344c69;white-space:pre-wrap}.dy-info-bubble__footer{color:#6b7890;font-size:12px;font-weight:600}
.dy-info-bubble__close{position:absolute;z-index:2;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:2px solid rgba(255,255,255,.94);border-radius:50%;background:linear-gradient(145deg,#8067f0,#6245db);color:#fff;box-shadow:0 3px 9px rgba(82,57,190,.35),0 0 0 2px rgba(113,81,226,.17);font:700 25px/1 Arial,sans-serif;cursor:pointer;transition:transform .16s ease,filter .16s ease}.dy-info-bubble__close:hover{filter:brightness(1.08);transform:scale(1.06)}.dy-info-bubble__close:focus-visible{outline:3px solid rgba(94,67,214,.3);outline-offset:3px}.dy-info-bubble__close:active{transform:scale(.96)}
.dy-info-bubble__progress{position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:0 0 13px 13px;background:linear-gradient(90deg,#e3a009,#7251e7);transform-origin:left;animation:dy-info-bubble-countdown 20s linear forwards}
@keyframes dy-info-bubble-in{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@keyframes dy-info-bubble-countdown{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.dy-info-bubble,.dy-info-bubble__progress{animation:none}.dy-info-bubble__close:hover{transform:none}}
@media(max-width:700px){.dy-info-bubble{padding:12px 48px 11px 13px;font-size:13px}.dy-info-bubble__title{font-size:15px}.dy-info-bubble__close{top:8px;right:8px;width:30px;height:30px;font-size:23px}}