/*
 * 设计稿专用：页顶的「看状态」切换条。只给评审看各个状态，上线时整条删除，不是产品组件。
 * 只引用令牌。
 */
.mbs-draftbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mbs-space-1); padding: var(--mbs-space-2) var(--mbs-gutter); background: var(--mbs-bg-2); border-bottom: var(--mbs-rule) dashed var(--mbs-line); font-size: var(--mbs-text-xs); color: var(--mbs-fg-2); }
.mbs-draftbar a { white-space: nowrap; }
.mbs-draftbar b { font-weight: var(--mbs-weight-regular); letter-spacing: var(--mbs-tracking-label); margin-right: var(--mbs-space-2); }
.mbs-draftbar a { padding: var(--mbs-space-1) var(--mbs-space-2); border-radius: var(--mbs-radius-sm); color: var(--mbs-fg-2); text-decoration: none; }
.mbs-draftbar a:hover { color: var(--mbs-fg); }
.mbs-draftbar a[aria-current="page"] { background: var(--mbs-fg); color: var(--mbs-bg); }
@media (max-width: 760px) { .mbs-draftbar { padding: var(--mbs-space-2) var(--mbs-gutter-sm); } }