/* Shared shell for the Liancheng static-prototype pages. */
html,body{margin:0!important}
/* Kill page-local body grids / vertical centering so every phone sits in the same slot. */
body.prototype-shell-active{
  display:block!important;
  place-items:unset!important;
  align-items:unset!important;
  justify-content:unset!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  min-height:100vh!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
.prototype-shell-host{display:contents!important;padding:0!important;margin:0!important;min-height:0!important}
.prototype-review,.pa-review,.link-review{display:grid!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:100vh!important;box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) 320px!important;grid-template-rows:1fr!important;align-items:stretch!important;justify-items:stretch!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}
.prototype-review-nested{position:relative!important;left:auto!important;transform:none!important;width:100vw!important}
/* One shared phone slot: top-centered, identical 390x844 chrome on every page. */
.prototype-canvas,.pa-canvas{display:grid!important;min-width:0!important;min-height:0!important;height:100%!important;place-items:start center!important;align-content:start!important;justify-content:center!important;padding:28px 18px 40px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}
.prototype-review>.prototype-canvas,.pa-review>.pa-canvas,.link-review>.prototype-canvas{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important}
.prototype-review>[data-notes-panel],.pa-review>[data-notes-panel],.link-review>[data-notes-panel]{grid-column:2!important;grid-row:1!important;width:320px!important;min-width:0!important;max-width:320px!important;box-sizing:border-box!important;align-self:stretch!important}
/* Only the phone frame itself — never nested widgets like .settings / .chat inside a page. */
.prototype-canvas>:is(.plaza,.link-phone,.lc-phone,.phone,.phone-container,.phone-link,.pa-phone,.publish-phone,.opp-page,.application-shell,.card-editor-page,.settings,.site,.chat,.report-page,.recommend-page,.profile-page,.tech-page,.search-page,[class$="-phone"],main,.publisher,.cover,.cover-page,.editor-page),
.pa-canvas>:is(.plaza,.link-phone,.lc-phone,.phone,.phone-container,.phone-link,.pa-phone,.publish-phone,.opp-page,.application-shell,.card-editor-page,.settings,.site,.chat,.report-page,.recommend-page,.profile-page,.tech-page,.search-page,[class$="-phone"],main,.publisher,.cover,.cover-page,.editor-page),
.prototype-phone-surface{
  width:390px!important;
  min-width:390px!important;
  max-width:390px!important;
  height:844px!important;
  min-height:844px!important;
  max-height:844px!important;
  margin:0!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  position:relative!important;
  box-sizing:border-box!important;
  /* Use shadow ring instead of border so every frame stays exactly 390x844. */
  border:0!important;
  border-radius:28px!important;
  box-shadow:0 0 0 1px #dfe5ee,0 18px 44px rgb(42 67 106 / 14%)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  background-clip:padding-box!important;
}
/* Phones with a docked tab bar must not scroll the frame — only the inner content scrolls. */
.prototype-phone-surface:has(>.app-tabbar),
.prototype-phone-surface:has(>.reaction-bar),
.prototype-phone-surface:has(>.phone-scroll){
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.prototype-phone-surface::-webkit-scrollbar,.prototype-canvas>:is(main,.publisher,.cover,.cover-page,.editor-page,.plaza,.link-phone,.lc-phone,.phone,.phone-container,[class$="-phone"])::-webkit-scrollbar{display:none!important}
.prototype-canvas>.lc-split-shell,
.prototype-canvas>#lianchengCommercialV2{
  width:390px!important;
  min-width:390px!important;
  max-width:390px!important;
  height:844px!important;
  min-height:844px!important;
  max-height:844px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:28px!important;
  box-shadow:0 0 0 1px #dfe5ee,0 18px 44px rgb(42 67 106 / 14%)!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:0!important;
}
.prototype-canvas>.lc-split-shell>.lc-phone,
.prototype-canvas>.lc-split-shell>.prototype-phone-surface,
.prototype-canvas>#lianchengCommercialV2>.lcv2-phone,
.prototype-canvas>#lianchengCommercialV2>.prototype-phone-surface{
  width:390px!important;
  min-width:390px!important;
  max-width:390px!important;
  height:844px!important;
  min-height:844px!important;
  max-height:844px!important;
  border:0!important;
  border-radius:28px!important;
  box-shadow:none!important;
}
/* Legacy outer canvases become transparent wrappers after the shared shell mounts. */
body.prototype-shell-active :is(.industry-canvas,.search-canvas){display:contents!important;padding:0!important;margin:0!important;min-height:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important}

/* Transparent status overlay: color comes from the page underneath; always above sheets/modals. */
.prototype-phone-host,.prototype-phone-surface,.prototype-canvas>.lc-split-shell,.prototype-canvas>#lianchengCommercialV2{isolation:isolate}
.prototype-status-overlay.prototype-unified-status,
.prototype-unified-status.prototype-status-overlay{
  position:absolute!important;
  z-index:1100!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:13px 20px 0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#13233c!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  pointer-events:none!important;
  overflow:visible!important;
}
/* Never paint the unified status bar on the annotation canvas itself. */
.prototype-canvas>.prototype-status-overlay,
.prototype-review>.prototype-status-overlay,
[data-annotation-canvas]>.prototype-status-overlay{
  display:none!important;
}
.prototype-status-spacer{
  display:block!important;
  flex:0 0 42px!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  visibility:hidden!important;
}
/* Legacy in-flow status classes keep transparent paint even before JS converts them. */
.prototype-phone-surface :is(.lc-status,.link-status,.plaza-status,[class*="status-bar"],.prototype-unified-status),
.prototype-phone-host :is(.lc-status,.link-status,.plaza-status,[class*="status-bar"],.prototype-unified-status){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Profile page: status text sits on the hero header gradient plate. */
.prototype-phone-surface:has([data-view="mine"]),
.prototype-phone-host:has([data-view="mine"]){
  background:#f7f8fa!important;
}
/* 「我的」头图深蓝底用白字；未登录叠登录白底时改黑字 */
.prototype-phone-surface:has([data-view="mine"]):not([data-auth="0"]) .prototype-status-overlay,
.prototype-phone-host:has([data-view="mine"]):not([data-auth="0"]) .prototype-status-overlay{
  color:#fff!important;
}
.prototype-phone-surface[data-auth="0"] .prototype-status-overlay,
.prototype-phone-host[data-auth="0"] .prototype-status-overlay,
.prototype-phone-surface:has(.login-view) .prototype-status-overlay,
.prototype-phone-host:has(.login-view) .prototype-status-overlay{
  color:#111!important;
}
/* Dark chrome pickers / croppers: white status text on dark top bar. */
.prototype-phone-surface:is(.picker,.ccp-phone,.ccc-phone,.cover-page) .prototype-status-overlay,
.prototype-phone-host:is(.picker,.ccp-phone,.ccc-phone,.cover-page) .prototype-status-overlay,
.prototype-phone-surface[data-status-tone="light"] .prototype-status-overlay,
.prototype-phone-host[data-status-tone="light"] .prototype-status-overlay{
  color:#fff!important;
}

/* 统一底栏样式在 tabbar.css；此处只做 box-sizing，避免被壳层通用规则打乱 */
.app-tabbar,.app-tabbar *{box-sizing:border-box}

/* Annotation cards are body-only and keep destructive actions out of the text flow. */
[data-export-annotations],[data-save-annotations]{display:none!important}
.proto-note-tools{grid-template-columns:1fr!important}
.proto-note-card{padding:11px 36px 11px 12px!important}
.proto-note-card input{display:none!important}
.proto-note-card textarea{display:block!important;min-height:18px!important;margin:0!important;padding:0!important;overflow:hidden!important;resize:none!important;line-height:1.5!important}
.proto-note-drag{position:absolute!important;z-index:2!important;top:50%!important;right:6px!important;display:grid!important;width:22px!important;height:28px!important;min-width:22px!important;margin:0!important;place-items:center!important;padding:0!important;border:0!important;border-radius:6px!important;color:#9a7c46!important;background:transparent!important;transform:translateY(-50%)!important;cursor:grab!important;touch-action:none!important;user-select:none!important}
.proto-note-drag:hover{background:#fff1c9!important;color:#795d23!important}
.proto-note-drag:active,.proto-note-card.is-dragging .proto-note-drag{cursor:grabbing!important;background:#ffe7a8!important}
.proto-note-drag span{display:block!important;width:10px!important;height:14px!important;background-image:radial-gradient(circle,#9a7c46 1.15px,transparent 1.25px)!important;background-size:5px 4.5px!important;background-position:0 0!important}
.proto-note-card.is-dragging{opacity:.55!important}
.proto-note-card.is-drag-over-before{box-shadow:inset 0 2px 0 #165dff!important}
.proto-note-card.is-drag-over-after{box-shadow:inset 0 -2px 0 #165dff!important}
.proto-note-delete{position:absolute!important;z-index:2!important;top:-7px!important;right:-7px!important;display:grid!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;place-items:center!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;color:#fff!important;background:#d54d3e!important;box-shadow:0 2px 7px rgb(114 38 29 / 24%)!important;font-size:0!important;line-height:1!important}
.proto-note-delete::before{content:'\00d7';font-size:16px!important;font-weight:800!important;line-height:16px!important}
.prototype-annotation-surface{position:relative!important}
.prototype-phone-scroll,
[data-phone-scroll]{position:relative!important}
/* Layout page shells stay absolute inside the phone frame. */
.lc-split-shell .lc-view[data-phone-scroll],
#lianchengBusinessSuite .lc-view[data-phone-scroll],
#lianchengCommercialV2 .lcv2-page[data-phone-scroll]{
  position:absolute!important;
  inset:0!important;
}
[data-phone-scroll]>.proto-marker-layer,
.prototype-phone-scroll>.proto-marker-layer{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:50!important;
  pointer-events:none!important;
}
.prototype-phone-surface:has(>.link-scroll),
.prototype-phone-surface:has(>[data-phone-scroll]){
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

[data-generic-annotations] .proto-notes{z-index:4;display:flex;min-height:100vh;flex-direction:column;border-left:1px solid #edc56a;color:#503b12;background:#fff7df}
[data-generic-annotations] .proto-notes-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 14px 12px;border-bottom:1px solid #f1d899}
[data-generic-annotations] .proto-notes-head strong{display:block;font-size:15px}
[data-generic-annotations] .proto-notes-head span{color:#907138;font-size:11px}
[data-generic-annotations] .proto-add{padding:8px 10px;border:0;border-radius:8px;color:#fff;background:#165dff;font:700 12px inherit;cursor:pointer}
[data-generic-annotations] .proto-note-tools{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px;border-bottom:1px solid #f1d899}
[data-generic-annotations] .proto-note-tools button{min-height:31px;padding:6px 8px;border:1px solid #e7c76f;border-radius:7px;color:#795d23;background:#fffaf0;font:11px inherit;cursor:pointer}
[data-generic-annotations] .proto-note-tools button:hover{background:#fff1c9}
[data-generic-annotations] .proto-note-list-wrap{position:relative;display:flex;flex:1;min-height:0;flex-direction:column}
[data-generic-annotations] .proto-note-list{min-height:0;flex:1;padding:12px 12px 22px;overflow-y:auto;scrollbar-gutter:stable}
[data-generic-annotations] .proto-note-more{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;min-height:54px;padding:22px 12px 10px;border:0;background:linear-gradient(180deg,rgb(255 247 223 / 0%),#fff7df 58%);color:#795d23;font:650 12px/1 inherit;cursor:pointer}
[data-generic-annotations] .proto-note-more[hidden]{display:none!important}
[data-generic-annotations] .proto-note-more span{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e7c76f;border-radius:999px;background:#fffaf0;box-shadow:0 4px 12px rgb(116 81 13 / 12%);pointer-events:none}
[data-generic-annotations] .proto-note-more:hover span{background:#fff1c9}
[data-generic-annotations] .proto-empty{margin:20px 4px;color:#9a7c46;font-size:12px;line-height:1.5}
[data-generic-annotations] .proto-note-card{position:relative;margin-bottom:10px;padding:11px 36px 11px 12px;border:1px solid #f0cf80;border-radius:10px;background:#fffdf7;box-shadow:0 2px 7px rgb(116 81 13 / 8%)}
[data-generic-annotations] .proto-note-number{display:grid;position:absolute;top:11px;left:-8px;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:#165dff;font-size:11px;font-weight:800}
[data-generic-annotations] .proto-note-drag{position:absolute;z-index:2;top:50%;right:6px;display:grid;width:22px;height:28px;place-items:center;padding:0;border:0;border-radius:6px;color:#9a7c46;background:transparent;transform:translateY(-50%);cursor:grab;touch-action:none;user-select:none}
[data-generic-annotations] .proto-note-drag:hover{background:#fff1c9;color:#795d23}
[data-generic-annotations] .proto-note-drag:active,[data-generic-annotations] .proto-note-card.is-dragging .proto-note-drag{cursor:grabbing;background:#ffe7a8}
[data-generic-annotations] .proto-note-drag span{display:block;width:10px;height:14px;background-image:radial-gradient(circle,currentColor 1.15px,transparent 1.25px);background-size:5px 4.5px;background-position:0 0}
[data-generic-annotations] .proto-note-card.is-dragging{opacity:.55}
[data-generic-annotations] .proto-note-card.is-drag-over-before{box-shadow:inset 0 2px 0 #165dff}
[data-generic-annotations] .proto-note-card.is-drag-over-after{box-shadow:inset 0 -2px 0 #165dff}
[data-generic-annotations] .proto-note-card textarea{display:block;width:100%;min-height:22px;margin:0;padding:0;border:0;outline:0;resize:none;color:#3f3219;background:transparent;font:inherit;font-size:12px;line-height:1.5;overflow:hidden}
[data-generic-annotations] .proto-notes footer{padding:12px;border-top:1px solid #f1d899}
[data-generic-annotations] .proto-clear{width:100%;padding:9px;border:0;border-radius:8px;color:#8c392f;background:#ffebe7;font:12px inherit;cursor:pointer}
[data-generic-annotations] .proto-confirm{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgb(21 29 42 / 42%)}
[data-generic-annotations] .proto-confirm[hidden]{display:none!important}
[data-generic-annotations] .proto-confirm-card{width:min(100%,340px);padding:22px;border-radius:14px;background:#fff;box-shadow:0 16px 44px rgb(0 0 0 / 22%)}
[data-generic-annotations] .proto-confirm-card h2{margin:0;font-size:17px}
[data-generic-annotations] .proto-confirm-card p{margin:10px 0 18px;color:#64748b;font-size:13px;line-height:1.5}
[data-generic-annotations] .proto-confirm-card>div{display:flex;justify-content:end;gap:8px}
[data-generic-annotations] .proto-confirm-card button{padding:8px 11px;border:0;border-radius:8px;background:#edf1f6;cursor:pointer}
[data-generic-annotations] .proto-confirm-card .proto-danger{color:#fff;background:#d54d3e}
[data-generic-annotations] .proto-mobile-toggle{display:none}
[data-generic-annotations] .proto-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
[data-generic-annotations] .proto-lines path{fill:none;stroke:#d39b23;stroke-width:2}
[data-generic-annotations] .proto-marker-layer{position:absolute;z-index:3;inset:0;pointer-events:none}
[data-generic-annotations] .proto-marker-layer-chrome{z-index:60!important}
[data-generic-annotations] .proto-select-overlay{
  position:absolute;
  z-index:200;
  inset:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  cursor:crosshair;
}
[data-generic-annotations] .proto-marker{position:absolute;display:grid;width:25px;height:25px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;color:#fff;background:#165dff;box-shadow:0 2px 7px rgb(14 55 138 / 34%);font-size:11px;font-weight:800;pointer-events:auto;cursor:pointer}
[data-generic-annotations] .proto-marker[data-active="true"]{box-shadow:0 0 0 4px rgb(22 93 255 / 20%)}
[data-generic-annotations][data-markers-hidden="true"] .proto-marker-layer,
[data-generic-annotations][data-markers-hidden="true"] .proto-marker-layer-chrome,
[data-generic-annotations][data-markers-hidden="true"] .proto-lines{display:none}
[data-generic-annotations] .proto-note-card[data-active="true"]{border-color:#165dff;box-shadow:0 0 0 2px rgb(22 93 255 / 16%)}
[data-generic-annotations] .proto-add[data-selecting="true"]{background:#0f489f}
[data-generic-annotations] .prototype-canvas[data-selecting="true"]{cursor:crosshair}
[data-generic-annotations] .prototype-canvas[data-selecting="true"] *{cursor:crosshair!important}

/* iframe / share embeds keep a fixed phone frame and hide the review chrome. */
body.embed-view.prototype-shell-active,
body.share-view.prototype-shell-active{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}
body.embed-view :is(.prototype-review,.pa-review,.link-review),
body.share-view :is(.prototype-review,.pa-review,.link-review){
  display:block!important;
  width:390px!important;
  max-width:390px!important;
  height:844px!important;
  max-height:844px!important;
  min-height:0!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
}
body.embed-view :is(.prototype-canvas,.pa-canvas),
body.share-view :is(.prototype-canvas,.pa-canvas){
  display:block!important;
  width:390px!important;
  height:844px!important;
  padding:0!important;
  place-items:stretch!important;
  overflow:hidden!important;
}
body.embed-view :is(.prototype-phone-surface,.phone-container),
body.share-view :is(.prototype-phone-surface,.phone-container){
  width:390px!important;
  min-width:390px!important;
  max-width:390px!important;
  height:844px!important;
  min-height:844px!important;
  max-height:844px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.share-view :is(.prototype-review,.prototype-canvas,.prototype-phone-surface,.phone-container){
  height:726px!important;
  min-height:726px!important;
  max-height:726px!important;
}
body.embed-view :is([data-notes-panel],.proto-mobile-toggle,.proto-lines,.proto-confirm),
body.share-view :is([data-notes-panel],.proto-mobile-toggle,.proto-lines,.proto-confirm){
  display:none!important;
}

@media(max-width:860px){
  .prototype-review,.pa-review,.link-review{display:block!important}
  .prototype-canvas,.pa-canvas{display:block!important;padding:0!important;height:100vh!important}
  .prototype-canvas>:is(.plaza,.link-phone,.lc-phone,.phone,.phone-container,.phone-link,.pa-phone,.publish-phone,.opp-page,.application-shell,.card-editor-page,.settings,.site,.chat,.report-page,.recommend-page,.profile-page,.tech-page,.search-page,[class$="-phone"],main,.publisher,.cover,.cover-page,.editor-page),
  .pa-canvas>:is(.plaza,.link-phone,.lc-phone,.phone,.phone-container,.phone-link,.pa-phone,.publish-phone,.opp-page,.application-shell,.card-editor-page,.settings,.site,.chat,.report-page,.recommend-page,.profile-page,.tech-page,.search-page,[class$="-phone"],main,.publisher,.cover,.cover-page,.editor-page),
  .prototype-canvas>.lc-split-shell,
  .prototype-canvas>#lianchengCommercialV2,
  .prototype-phone-surface{
    width:100vw!important;
    min-width:0!important;
    max-width:none!important;
    min-height:100vh!important;
    height:100vh!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  [data-generic-annotations] .proto-notes{position:fixed;top:0;right:0;bottom:0;width:min(88vw,340px);min-height:0;transform:translateX(100%);box-shadow:-10px 0 30px rgb(0 0 0 / 16%);transition:transform .2s ease}
  [data-generic-annotations] .proto-notes[data-open="true"]{transform:translateX(0)}
  [data-generic-annotations] .proto-mobile-toggle{position:fixed;z-index:9;right:14px;bottom:16px;display:block;padding:10px 12px;border:0;border-radius:8px;color:#fff;background:#165dff;box-shadow:0 4px 14px rgb(22 93 255 / 30%);cursor:pointer}
  [data-generic-annotations] .proto-lines{display:none}
}

/* Cross-page flash toast (e.g. publish success after leaving unified-publish) */
.prototype-flash-toast{
  position:absolute;
  z-index:80;
  left:50%;
  bottom:120px;
  transform:translateX(-50%);
  display:none;
  max-width:calc(100% - 48px);
  padding:10px 18px;
  border-radius:10px;
  background:rgb(17 24 39 / 88%);
  color:#fff;
  font:13px "Microsoft YaHei","PingFang SC",sans-serif;
  white-space:nowrap;
  pointer-events:none;
  box-shadow:0 8px 20px rgb(0 0 0 / 18%);
}
.prototype-flash-toast[data-open="true"]{
  display:block;
  animation:prototype-flash-toast-in .18s ease;
}
@keyframes prototype-flash-toast-in{
  from{opacity:0;transform:translate(-50%,8px)}
  to{opacity:1;transform:translate(-50%,0)}
}

/* 万企OA：顶部时间栏透明叠在背景图之上，不占布局高度 */
.prototype-phone-surface > .prototype-status-spacer,
.prototype-phone-host > .prototype-status-spacer{
  flex:0 0 0!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.prototype-status-overlay.prototype-unified-status,
.prototype-unified-status.prototype-status-overlay{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* 有顶部蓝底/Banner/小程序顶栏 的页面：状态栏用白字 */
.prototype-phone-surface:has(.banner) .prototype-status-overlay,
.prototype-phone-surface:has(.mp-top) .prototype-status-overlay,
.prototype-phone-surface:has(.nav) .prototype-status-overlay,
.prototype-phone-surface:has(.id-card) .prototype-status-overlay,
.prototype-phone-surface:has(.my-banner) .prototype-status-overlay,
.prototype-phone-host:has(.banner) .prototype-status-overlay,
.prototype-phone-host:has(.mp-top) .prototype-status-overlay,
.prototype-phone-host:has(.nav) .prototype-status-overlay,
.prototype-phone-host:has(.id-card) .prototype-status-overlay,
.prototype-phone-host:has(.my-banner) .prototype-status-overlay{
  color:#fff!important;
  text-shadow:none;
  padding:14px 18px 0!important;
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:.02em;
}
.prototype-phone-surface:has(.mp-top,.nav) .prototype-status-overlay > span:last-child,
.prototype-phone-host:has(.mp-top,.nav) .prototype-status-overlay > span:last-child{
  letter-spacing:.08em;
  font-size:13px!important;
  font-weight:500!important;
  opacity:.95;
}

/* 小程序顶栏：时间栏 + 胶囊按钮空白行 */
.prototype-phone-surface > .mp-top,
.prototype-phone-host > .mp-top,
.phone > .mp-top{
  flex:0 0 auto;
  height:88px;
  background:#4386fb;
  position:relative;
  z-index:5;
}
.mp-capsule-row{
  position:absolute;
  left:0;
  right:0;
  top:42px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:0 12px 0 16px;
  pointer-events:none;
  z-index:6;
}
.mp-capsule{
  display:flex;
  align-items:center;
  height:32px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.12);
  overflow:hidden;
}
.mp-capsule .cap-btn{
  width:44px;
  height:32px;
  display:grid;
  place-items:center;
  color:#fff;
}
.mp-capsule .cap-btn + .cap-btn{
  border-left:1px solid rgba(255,255,255,.28);
}
.mp-capsule .dots{
  display:flex;
  gap:3px;
  align-items:center;
}
.mp-capsule .dots i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  display:block;
}
.mp-capsule .close-ring{
  width:16px;
  height:16px;
  border:2px solid #fff;
  border-radius:50%;
  position:relative;
  box-sizing:border-box;
}
.mp-capsule .close-ring::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  border:1.5px solid #fff;
}