.chunxia-pet { position:fixed!important; z-index:40; width:360px; aspect-ratio:16/9; right:auto; bottom:auto; pointer-events:none; user-select:none; -webkit-user-select:none; }
.chunxia-pet-art { position:absolute; inset:0; pointer-events:none; transform-origin:center; }
.chunxia-pet-presentation { position:absolute; inset:0; pointer-events:none; transform-origin:50% 92%; }
.chunxia-pet[data-mirrored=true] .chunxia-pet-art { transform:scaleX(-1); }
.chunxia-pet-poster,.chunxia-pet-canvas { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; background:transparent; }
.chunxia-pet-video { display:none!important; pointer-events:none; }
.chunxia-pet-canvas { visibility:hidden; }
.chunxia-pet-canvas.is-front { visibility:visible; }
.chunxia-pet[data-ready=true] .chunxia-pet-poster { visibility:hidden; }
.chunxia-pet .chunxia-pet-hit { position:absolute; left:20%; top:1%; width:68%; height:98%; margin:0; padding:0; border:0; border-radius:0; background:transparent!important; box-shadow:none; color:inherit; appearance:none; cursor:grab; pointer-events:auto; touch-action:none; -webkit-tap-highlight-color:transparent; clip-path:polygon(28% 0,65% 0,75% 20%,100% 25%,100% 59%,80% 66%,78% 100%,5% 100%,0 76%,7% 40%,18% 20%); }
.chunxia-pet[data-mirrored=true] .chunxia-pet-hit { left:12%; transform:scaleX(-1); }
.chunxia-pet[data-dragging=true] .chunxia-pet-hit { cursor:grabbing; }
.chunxia-pet .chunxia-pet-hit:focus-visible { outline:2px solid #8ca9e8; outline-offset:-5px; }
.chunxia-pet-reply { position:absolute; bottom:calc(100% + 7px); left:50%; transform:translateX(-50%); width:max-content; max-width:min(230px,calc(100vw - 24px)); box-sizing:border-box; padding:10px 14px; border:1px solid #d5dff4; border-radius:16px 16px 7px 16px; background:rgba(250,252,255,.97); color:#303955; font:14px/1.5 'Microsoft YaHei','PingFang SC',sans-serif; box-shadow:0 5px 20px #344b7624; pointer-events:none; overflow-wrap:anywhere; }
.chunxia-pet-reply[data-side=below] { bottom:auto; top:calc(100% + 7px); border-radius:7px 16px 16px 16px; }
body.ambient-page > .chunxia-pet-menu,.chunxia-pet-menu { position:fixed!important; z-index:2147483002!important; width:232px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); max-height:calc(100dvh - 16px); overflow-y:auto; overscroll-behavior:contain; box-sizing:border-box; padding:7px; border:1px solid #cbd6ec; border-radius:15px; background:rgba(250,252,255,.98); color:#303955; box-shadow:0 12px 42px #17294930; backdrop-filter:blur(18px); pointer-events:auto; font:14px/1.4 'Microsoft YaHei','PingFang SC',sans-serif; user-select:none; }
.chunxia-pet-menu-title { padding:8px 11px 9px; color:#75819a; font-size:12px; letter-spacing:.04em; }
body .chunxia-pet-menu .chunxia-pet-menu-item { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:38px; box-sizing:border-box; padding:9px 11px; margin:0; border:0; border-radius:9px; background:transparent; box-shadow:none; appearance:none; color:inherit; font:inherit; text-align:left; cursor:pointer; touch-action:manipulation; }
body .chunxia-pet-menu .chunxia-pet-menu-item:is(:hover,:focus-visible) { outline:none; background:#7e9fe51f; color:#365da5; }
.chunxia-pet-menu-item small { font-size:11px; color:#7586a4; white-space:nowrap; }
[data-theme=dark] .chunxia-pet-reply,[data-theme=dark] .chunxia-pet-menu { color:#edf2ff; background:rgba(28,37,56,.98); border-color:#52627f; box-shadow:0 12px 42px #0005; }
[data-theme=dark] .chunxia-pet-menu-title,[data-theme=dark] .chunxia-pet-menu-item small { color:#aab9d3; }
[data-theme=dark] .chunxia-pet-menu .chunxia-pet-menu-item:is(:hover,:focus-visible) { color:#d7e6ff; background:#90b0ef29; }
@media (prefers-reduced-motion:reduce) { .chunxia-pet,.chunxia-pet * { animation:none!important; transition:none!important; } }