.home-bao-grade-demo{display:grid;grid-template-columns:minmax(92px,118px) minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;padding:10px;border:1px solid #d9edf9;border-radius:14px;background:linear-gradient(135deg,#f7fdff,#eefbff 60%,#f8fffd);box-shadow:0 5px 16px #158fc008;overflow:hidden}.home-bao-mascot-wrap{position:relative;width:100%;max-width:118px;aspect-ratio:1/1;justify-self:center}.home-bao-mascot{display:block;width:100%;height:100%;object-fit:contain}.home-bao-grade-copy{min-width:0}.home-bao-grade-copy>span{display:block;font-size:9px;font-weight:800;letter-spacing:.11em;color:#1694d3}.home-bao-grade-number{display:block;margin:1px 0 2px;font-size:30px;line-height:1;font-weight:900;letter-spacing:-.06em;color:#07163e}.home-bao-grade-copy small{display:block;font-size:9px;line-height:1.35;color:#5c7799}.grading-column .demo-notice{margin-bottom:7px}

/* Canonical live-result BAO. This is a real <img>, not a sprite/background layer. */
#baoIntelligence .bao-result-mascot.bao-canonical-live-mascot{position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;width:min(210px,100%)!important;max-width:210px!important;height:auto!important;aspect-ratio:1/1!important;align-self:center!important;justify-self:center!important;overflow:visible!important;background:none!important;background-image:none!important;transform:none!important;z-index:3!important}
#baoIntelligence .bao-canonical-live-mascot-image{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important;position:relative!important;z-index:1!important}
#baoIntelligence .bao-canonical-live-mascot-score{position:absolute!important;left:50%!important;top:68.1%!important;transform:translate(-50%,-50%)!important;display:block!important;min-width:58%!important;text-align:center!important;font-size:clamp(2rem,5.2vw,3.15rem)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;font-variant-numeric:tabular-nums!important;color:#5a2718!important;text-shadow:0 2px 0 rgba(255,247,233,.95),0 3px 6px rgba(70,30,10,.14)!important;white-space:nowrap!important;pointer-events:none!important;z-index:4!important}
#baoIntelligence .bao-canonical-live-mascot .bao-mascot-score{display:none!important}

@media(max-width:1100px){.home-bao-grade-demo{grid-template-columns:86px minmax(0,1fr);padding:8px;gap:8px}.home-bao-mascot-wrap{max-width:86px}.home-bao-grade-number{font-size:25px}}
@media(max-width:740px){.home-bao-grade-demo{grid-template-columns:96px minmax(0,1fr);margin-bottom:12px}.home-bao-mascot-wrap{max-width:96px}.home-bao-grade-copy small{font-size:10px}#baoIntelligence .bao-result-mascot.bao-canonical-live-mascot{width:126px!important;max-width:126px!important}#baoIntelligence .bao-canonical-live-mascot-score{font-size:clamp(1.55rem,7vw,2.15rem)!important}}
@media(max-width:360px){#baoIntelligence .bao-result-mascot.bao-canonical-live-mascot{width:108px!important;max-width:108px!important}#baoIntelligence .bao-canonical-live-mascot-score{font-size:1.55rem!important}}