html, body { min-width:0; margin:0; height:100%; }
body { overflow-x:hidden; }
.dianping-demo-notice { position:fixed; z-index:300; left:50%; bottom:24px; transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px); padding:12px 18px; border-radius:8px; color:#fff; background:#34445e; box-shadow:0 8px 24px #17263b24; font:14px/1.6 system-ui,sans-serif; text-align:center; }
.dianping-demo-notice[hidden] { display:none; }
@media (max-width:680px) { .dianping-demo-notice { font-size:12px; bottom:16px; } }