/* Ghost Code Injection stylesheet: scoped to the Xiaobai mount point only. */
.pet-root { --xiaobai-size:180px; position:fixed; inset:0; z-index:9999; pointer-events:none; font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif; }
.xiaobai { position:fixed; width:var(--xiaobai-size); height:var(--xiaobai-size); pointer-events:none; will-change:transform; }
.xiaobai__body { position:relative; width:var(--xiaobai-size); height:var(--xiaobai-size); padding:0; border:0; background:transparent; cursor:grab; pointer-events:auto; touch-action:none; -webkit-user-select:none; user-select:none; -webkit-user-drag:none; }.xiaobai__body:focus-visible { outline:3px solid #e84f72; outline-offset:4px; border-radius:40%; }.xiaobai__body:active,.xiaobai.is-dragging .xiaobai__body { cursor:grabbing; }
.xiaobai__stage { position:absolute; inset:0; display:block; transform-origin:50% 15%; will-change:transform; }
.xiaobai__frame { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; max-width:none; visibility:hidden; filter:drop-shadow(0 7px 5px #1a14121a); -webkit-user-drag:none; user-select:none; }.xiaobai__frame.is-active { visibility:visible; }.xiaobai__loading { position:absolute; top:50%; left:50%; display:flex; gap:4px; align-items:center; justify-content:center; width:38px; height:26px; border:2px solid #211919; border-radius:99px; background:#fffdfa; box-shadow:2px 3px 0 #211919; opacity:0; pointer-events:none; transform:translate(-50%,-50%) scale(.75); transition:opacity .12s ease,transform .12s ease; }.xiaobai.is-loading .xiaobai__loading { opacity:1; transform:translate(-50%,-50%) scale(1); }.xiaobai__loading i { width:5px; height:5px; border-radius:50%; background:#211919; animation:xiaobai-loading .75s infinite ease-in-out; }.xiaobai__loading i:nth-child(2) { animation-delay:.12s; }.xiaobai__loading i:nth-child(3) { animation-delay:.24s; }@keyframes xiaobai-loading { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
.xiaobai__bubble { position:absolute; right:-18px; top:-35px; min-width:114px; max-width:180px; padding:8px 11px; border:2px solid #211919; border-radius:14px 14px 4px; background:#fffdfa; box-shadow:3px 4px 0 #211919; color:#211919; font-size:12px; font-weight:700; line-height:1.35; pointer-events:none; }.xiaobai__bubble::after { position:absolute; right:20px; bottom:-9px; width:14px; height:14px; border-right:2px solid #211919; border-bottom:2px solid #211919; background:#fffdfa; content:""; transform:rotate(45deg); }
.xiaobai__panel { position:absolute; left:50%; bottom:calc(100% - 18px); width:216px; padding:10px; border:2px solid #211919; border-radius:18px; background:#fffdfa; box-shadow:4px 5px 0 #211919; color:#211919; pointer-events:auto; transform:translateX(-50%); }.xiaobai.is-panel-below .xiaobai__panel { top:calc(100% - 18px); bottom:auto; }.xiaobai.is-panel-left .xiaobai__panel { left:8px; transform:none; }.xiaobai.is-panel-right .xiaobai__panel { right:8px; left:auto; transform:none; }
.xiaobai__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:0 2px 9px; }.xiaobai__stats span { display:grid; grid-template-columns:18px 1fr; gap:4px; align-items:center; color:#6f6262; font-size:11px; font-weight:700; }.xiaobai__stats i { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; background:#f7d4d9; color:#2a1e20; font-style:normal; }.xiaobai__stats b { height:7px; overflow:hidden; border-radius:99px; background:#eadfdd; }.xiaobai__stats b::after { display:block; width:var(--value); height:100%; border-radius:inherit; background:#f07083; content:""; transition:width .25s ease; }
.xiaobai__condition { margin:0 2px 9px; color:#79686a; font-size:11px; font-weight:800; text-align:center; }.pet-root:not([data-condition="idle"]) .xiaobai__condition { color:#c1455f; }
.xiaobai__actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.xiaobai__actions button { min-height:31px; border:1.5px solid #211919; border-radius:10px; background:#fff; color:#211919; font:700 12px/1 ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif; cursor:pointer; }.xiaobai__actions button:hover,.xiaobai__actions button:focus-visible { background:#ffd8df; }
@media (max-width:599px) { .xiaobai__panel { width:204px; } }
@media (max-width:767px),(hover:none),(pointer:coarse) { .pet-root[data-desktop-only="true"] { display:none!important; } }