/* 官网演示总部：一张小卡片（其余全部是真实总部后台界面） */
.demo-ribbon{position:fixed;z-index:95;left:16px;bottom:16px;width:188px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-radius:16px;background:rgba(26,26,26,.92);color:#fff;font:600 12px/1.45 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.demo-ribbon b{grid-column:1/-1;justify-self:start;padding:2px 9px;border-radius:999px;background:#EE4F8B;font-weight:800}
.demo-ribbon .demo-switch{grid-column:1/-1}
.demo-ribbon button,.demo-ribbon a{min-height:0;border:0;border-radius:999px;padding:6px 0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none}
.demo-ribbon a:last-child{background:#FFD23F;color:#1A1A1A}
.demo-ribbon button:hover,.demo-ribbon a:hover{background:rgba(255,255,255,.24);border:0}
.demo-ribbon a:last-child:hover{background:#FFE06E}
/* sign-out is not part of the demo */
#logout,.sidebar-foot button{display:none!important}
body:has(dialog[open]) .demo-ribbon{display:none}
@media (max-width:700px){.demo-ribbon{width:auto;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);grid-template-columns:auto auto auto auto;align-items:center;padding:5px;border-radius:999px;white-space:nowrap}.demo-ribbon b,.demo-ribbon .demo-switch{grid-column:auto}.demo-ribbon button,.demo-ribbon a{padding:4px 10px}}