.dot-longlong-bubble{position:fixed;z-index:80;box-sizing:border-box;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 24px);overflow:visible;padding:18px;border:3px solid #354555;border-radius:24px;background:#fffaf0;color:#283c4d;box-shadow:5px 6px 0 #c9d8db;font-family:var(--huiwen-font-family,"Huiwen Sans TC"),"PingFang TC",system-ui,sans-serif;transform-origin:bottom center;line-height:1.55}
.dot-longlong-bubble[hidden]{display:none}.dot-longlong-bubble::after{content:"";position:absolute;bottom:0;left:var(--tail-x,50%);width:17px;height:17px;background:#fffaf0;border-right:3px solid #354555;border-bottom:3px solid #354555;transform:translate(-50%,50%) rotate(45deg)}
.dot-longlong-detached::after{display:none}.dot-longlong-bubble strong,.dot-longlong-bubble small{display:block}.dot-longlong-bubble small{color:#53656a}.dot-longlong-bubble p{min-height:3.1em;max-height:28vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.dot-longlong-bubble a{display:inline-flex;align-items:center;min-height:44px;color:#154f72}.dot-longlong-actions{display:flex;flex-wrap:wrap;gap:6px}.dot-longlong-ui button,.dot-longlong-picker summary{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #697f89;border-radius:12px;background:#eef5f3;color:#283c4d;cursor:pointer;font:inherit}.dot-longlong-ui button:focus-visible,.dot-longlong-picker summary:focus-visible,.dot-longlong-bubble a:focus-visible{outline:3px solid #276ea3;outline-offset:3px}.dot-longlong-picker{position:fixed;left:12px;bottom:12px;z-index:60;max-width:min(360px,calc(100vw - 24px));background:#fffaf0;border-radius:12px;font:14px system-ui;color:#283c4d}.dot-longlong-picker>div{display:flex;flex-wrap:wrap;gap:5px;max-height:35vh;overflow:auto;padding:8px}.dot-longlong-picker summary{box-sizing:border-box}.dot-longlong-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dot-longlong-pop{animation:dot-longlong-pop .22s ease-out}@keyframes dot-longlong-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.dot-longlong-pop{animation:none}}@media(max-height:400px){.dot-longlong-bubble{padding:10px}.dot-longlong-picker>div{max-height:24vh}}
