/* 共用侧栏覆盖旧页面各自的断点；只约束导航壳，不改创作、公告和账户正文。 */
html[data-shared-navigation="1"] { --rail:196px; --nav-paper:#fcfdf9; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] { --rail:68px; }
html[data-shared-navigation="1"] #sidebar {
  position:fixed; inset:0 auto 0 0; z-index:50; display:flex; flex-direction:column;
  align-items:stretch; justify-content:flex-start; flex-wrap:nowrap; gap:0;
  width:var(--rail); height:100vh; height:100dvh; min-height:0;
  padding:14px 12px 18px; background:var(--nav-paper); border:0;
  border-right:1px solid var(--line); overflow-y:auto; overflow-x:hidden;
}
html[data-shared-navigation="1"] #sidebar .rail-controls {
  display:flex; position:sticky; top:0; z-index:2; flex-shrink:0; height:40px; background:var(--nav-paper);
}
html[data-shared-navigation="1"] .icon-button {
  display:grid; place-items:center; padding:0; border:1px solid var(--line);
  border-radius:7px; background:transparent; color:var(--green); cursor:pointer;
}
html[data-shared-navigation="1"] #rail-toggle,
html[data-shared-navigation="1"] #drawer-close { width:44px; height:40px; flex-shrink:0; }
html[data-shared-navigation="1"] .icon-button svg { width:18px; height:18px; }
html[data-shared-navigation="1"] #drawer-close,
html[data-shared-navigation="1"] #rail-toggle .expand-icon { display:none; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] #rail-toggle .collapse-icon { display:none; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] #rail-toggle .expand-icon { display:block; }
html[data-shared-navigation="1"] #sidebar > .brand {
  display:block; width:170px; height:65px; flex-shrink:0; margin:17px 0 25px; overflow:hidden;
}
html[data-shared-navigation="1"] #sidebar .brand-window { display:block; width:170px; height:65px; }
html[data-shared-navigation="1"] #sidebar .brand-text { display:none; }
html[data-shared-navigation="1"] #sidebar .brand img { display:block; width:170px; max-width:none; height:65px; object-fit:contain; }
html[data-shared-navigation="1"] #sidebar .rail-caption { margin:0 12px 10px; color:#6b786d; font-size:11px; white-space:nowrap; }
html[data-shared-navigation="1"] #main-nav { display:grid; grid-template-columns:1fr; width:100%; gap:6px; padding:0; }
html[data-shared-navigation="1"] #main-nav .nav-link {
  position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;
  gap:12px; min-height:44px; width:100%; margin:0; padding:10px 12px;
  border-radius:7px; color:var(--muted); font-size:13px; line-height:1.65; font-weight:400; white-space:nowrap;
}
html[data-shared-navigation="1"] #main-nav .nav-link svg { width:20px; height:20px; }
html[data-shared-navigation="1"] #main-nav .nav-text { display:inline; font-size:13px; }
html[data-shared-navigation="1"] #main-nav .nav-link:hover { background:#f0f3ed; color:var(--green); }
html[data-shared-navigation="1"] #main-nav .nav-link[aria-current="page"] { background:#e5ece3; color:var(--green-dark); font-weight:600; }
html[data-shared-navigation="1"] #main-nav .nav-link[aria-current="page"]::before {
  content:""; position:absolute; left:0; top:13px; bottom:13px; width:3px; border-radius:0 3px 3px 0; background:var(--green);
}
html[data-shared-navigation="1"] #sidebar .rail-foot { display:block; margin-top:auto; padding:20px 10px 0; border:0; color:#6b786d; font-size:11px; }
html[data-shared-navigation="1"] #sidebar .rail-foot p { margin:4px 0 0; font-size:10px; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar > .brand { width:44px; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] #main-nav .nav-text,
html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .rail-caption,
html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .rail-foot { display:none; }
html[data-shared-navigation="1"][data-nav-collapsed="true"] #main-nav .nav-link { width:44px; padding:12px; }
html[data-shared-navigation="1"] body > .main { margin-left:var(--rail); min-width:0; min-height:100vh; }
html[data-shared-navigation="1"] .action-bar { left:var(--rail); }
html[data-shared-navigation="1"] #mobilebar,
html[data-shared-navigation="1"] #mobile-primary-nav,
html[data-shared-navigation="1"] #nav-backdrop { display:none; }
/* 登录/会话失效时继续由原认证页独占屏幕，共享样式不得覆盖其隐藏边界。 */
html[data-shared-navigation="1"] body.is-access-screen #sidebar,
html[data-shared-navigation="1"] body.is-access-screen #mobilebar,
html[data-shared-navigation="1"] body.is-access-screen #mobile-primary-nav,
html[data-shared-navigation="1"] body.is-access-screen #nav-backdrop { display:none!important; }
html[data-shared-navigation="1"] #content.nav-page-enter { animation:nav-page-enter 160ms ease-out both; }
/* 仅改透明度，避免 transform 暂时改变正文内固定提交栏的定位参照。 */
@keyframes nav-page-enter { from { opacity:.45; } to { opacity:1; } }
/* 无论旧页面是600/700/1150断点，手机统一为同一个可关闭的导航抽屉。 */
@media(max-width:760px) {
  html[data-shared-navigation="1"],
  html[data-shared-navigation="1"][data-nav-collapsed="true"] { --rail:0px; }
  /* 两行共用顶部吸附容器；安全区只补页头，不改正文或固定提交栏间距。 */
  html[data-shared-navigation="1"] #mobilebar {
    display:block; position:sticky; top:0; z-index:40; height:auto; min-width:0;
    padding:env(safe-area-inset-top,0px) 0 0; box-sizing:border-box;
    border-bottom:1px solid var(--line); background:var(--nav-paper);
  }
  /* 品牌固定在左、菜单固定在右，原按钮、品牌链接和抽屉行为由既有脚本继续管理。 */
  html[data-shared-navigation="1"] #mobilebar .mobile-brandbar {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    height:66px; min-width:0; padding:10px max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px));
    box-sizing:border-box;
  }
  html[data-shared-navigation="1"] #mobile-menu { order:2; width:44px; height:44px; flex-shrink:0; margin-left:0; }
  html[data-shared-navigation="1"] #mobilebar .mobile-brand { width:118px; height:45px; object-fit:contain; }
  html[data-shared-navigation="1"] #mobilebar .mobile-brandbar > .brand { display:block; order:0; flex:0 0 118px; width:118px; height:45px; margin:0 auto 0 0; overflow:hidden; }
  html[data-shared-navigation="1"] #mobilebar .brand-window,
  html[data-shared-navigation="1"] #mobilebar .brand img { display:block; width:118px; height:45px; object-fit:contain; }
  html[data-shared-navigation="1"] #mobilebar .brand-text { display:none; }
  html[data-shared-navigation="1"] #mobilebar .mobile-pill { order:1; min-width:0; margin-left:0; color:var(--muted); font-size:11px; }
  /* 首页与四个创作入口同排完整可见；52px链接高于44px触控下限，不借横向滚动容纳标签。 */
  html[data-shared-navigation="1"] #mobile-primary-nav {
    display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0;
    width:100%; height:52px; min-width:0; margin:0;
    padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px)); box-sizing:border-box;
  }
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link {
    position:relative; display:flex; align-items:center; justify-content:center;
    width:100%; height:52px; min-height:52px; min-width:0; margin:0; padding:0 2px;
    box-sizing:border-box; border:0; border-radius:0; text-decoration:none;
    color:var(--muted); font-size:14px; font-weight:500; line-height:1.5; letter-spacing:normal; white-space:nowrap;
  }
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link:hover { background:#ecf0eb66; }
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link[aria-current="page"] { color:var(--green); font-weight:650; }
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link[aria-current="page"]::after {
    content:""; position:absolute; bottom:0; left:calc(50% - 14px); width:28px; height:3px;
    border-radius:2px 2px 0 0; background:var(--green);
  }
  /* 焦点环留在链接内部，避免首尾列触边时被页面视口截断。 */
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link:focus-visible { outline:2px solid var(--green); outline-offset:-3px; }
  html[data-shared-navigation="1"] #sidebar {
    z-index:70; width:min(292px,calc(100vw - 56px)); padding:14px 18px 20px;
    transform:translateX(-100%); visibility:hidden;
    transition:transform 160ms ease-out, visibility 0s 160ms;
  }
  /* 开启时立即可见并接收焦点，关闭后才延迟隐藏，让退场动画完成。 */
  html[data-shared-navigation="1"][data-nav-open="true"] #sidebar { transform:translateX(0); visibility:visible; transition:transform 160ms ease-out; }
  html[data-shared-navigation="1"] #rail-toggle { display:none; }
  html[data-shared-navigation="1"] #drawer-close { display:grid; }
  html[data-shared-navigation="1"] #sidebar > .brand,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar > .brand { width:170px; }
  html[data-shared-navigation="1"] #main-nav .nav-link,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #main-nav .nav-link { width:100%; min-height:48px; padding:12px; }
  html[data-shared-navigation="1"] #main-nav .nav-text,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #main-nav .nav-text { display:inline; }
  html[data-shared-navigation="1"] #sidebar .rail-caption,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .rail-caption { display:block; }
  html[data-shared-navigation="1"] #sidebar .rail-foot,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .rail-foot { display:block; }
  html[data-shared-navigation="1"][data-nav-open="true"] #nav-backdrop {
    display:block; position:fixed; inset:0; z-index:60; width:100%; height:100%;
    padding:0; border:0; border-radius:0; background:#1e2e2870; cursor:pointer;
  }
  html[data-shared-navigation="1"][data-nav-open="true"] body { overflow:hidden; }
  html[data-shared-navigation="1"] body > .main { margin-left:0; }
  html[data-shared-navigation="1"] .action-bar { left:0; }
  /* 保留原有连接状态和账户操作，避免导航改造隐藏工作台能力。 */
  html[data-shared-navigation="1"] .main > .topbar { min-height:49px; height:auto; padding:9px 18px; gap:10px; }
  html[data-shared-navigation="1"] .main > .topbar > span:first-child { display:none; }
  html[data-shared-navigation="1"] .main > .topbar .demo-badge { flex:1 1 150px; min-width:0; max-width:none; font-size:10px; white-space:normal; }
  html[data-shared-navigation="1"] .main > .topbar .account-area { flex:0 1 140px; min-width:0; margin-left:0; }
  html[data-shared-navigation="1"] .main > .topbar .account-trigger { max-width:100%; }
  html[data-shared-navigation="1"] .skip-link { left:18px; }
}
/* 与认可稿一致，最窄手机略收边距和字号，保留四个完整标签。 */
@media(max-width:360px) {
  html[data-shared-navigation="1"] #mobilebar .mobile-brandbar {
    padding-left:max(14px,env(safe-area-inset-left,0px)); padding-right:max(14px,env(safe-area-inset-right,0px));
  }
  html[data-shared-navigation="1"] #mobile-primary-nav {
    padding-left:max(6px,env(safe-area-inset-left,0px)); padding-right:max(6px,env(safe-area-inset-right,0px));
  }
  html[data-shared-navigation="1"] #mobile-primary-nav .mobile-primary-link { font-size:13px; }
}
/* 尊重系统减少动态效果设置，所有导航功能保持可用。 */
@media(prefers-reduced-motion:reduce) {
  html[data-shared-navigation="1"] #content.nav-page-enter { animation:none; }
  html[data-shared-navigation="1"] #sidebar,
  html[data-shared-navigation="1"][data-nav-open="true"] #sidebar { transition:none; }
}

/* brand-b-clean-20261018：折叠时切换同款中文缩略资源，避免用44px窗口裁掉完整字标。 */
@media (min-width:761px) {
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .brand-window { width:44px; height:65px; }
  html[data-shared-navigation="1"][data-nav-collapsed="true"] #sidebar .brand img {
    content:url("/assets/chengxiang-mark.svg"); width:44px; height:44px; margin-top:10px; object-fit:contain;
  }
}


/* same-page-creation-20261018-v1 */
/* 六类入口沿用已确认的成象浅绿边框；原写真内容、固定提交栏和侧栏断点继续使用既有样式。 */
.cx-creation-entry{margin:0 0 24px;min-width:0}
.cx-creation-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;color:#204d40}
.cx-creation-heading>strong{font-size:18px;letter-spacing:.04em}.cx-creation-heading>span{font-size:12px;color:#6d7e77}
/* 批量入口收敛为三类后等分可用宽度，避免仍按六列留下半行空位。 */
.cx-creation-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cx-creation-type{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 12px;border:1px solid #d7e0d9;border-radius:8px;background:#fff;color:#193d33;text-decoration:none}
.cx-creation-type>strong{font-size:13px;line-height:1.45}.cx-creation-type>small{font-size:10px;line-height:1.6;color:#718279}
.cx-creation-type:hover,.cx-creation-type[aria-current="page"]{border-color:#719c88;background:#edf3ee}
.cx-creation-type:focus-visible,.cx-portrait-entries>a:focus-visible{outline:2px solid #2c6955;outline-offset:3px}
.cx-portrait-entries{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.cx-portrait-entries>a{padding:8px 15px;border:1px solid #d7e0d9;border-radius:6px;text-decoration:none;font-size:13px;color:#28513f;background:#fff}
.cx-portrait-entries>a[aria-current="page"]{background:#28513f;border-color:#28513f;color:#fff}
.cx-portrait-entries>span{font-size:11px;color:#6d7e77;line-height:1.7;margin-left:4px}
@media(max-width:1100px){.cx-creation-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cx-creation-entry{margin-bottom:18px}.cx-creation-heading{gap:8px}.cx-creation-heading>strong{font-size:17px}.cx-creation-type{padding:11px 8px;gap:3px}.cx-creation-type>strong{font-size:12px}.cx-creation-type>small{font-size:9px}.cx-portrait-entries>span{flex-basis:100%;margin-left:0}}

/* 同一壳的类型切换只隐藏正文；艺术样式放在ShadowRoot中，不能覆盖侧栏与账户。 */
.workspace[data-creation-mode]:not([data-creation-mode="portrait"]) > :not(#unified-creation-entry):not(#art-workspace){display:none!important}
#art-workspace[hidden],.cx-portrait-entries[hidden]{display:none!important}
html[data-creation-kind]:not([data-creation-kind="portrait"]) .main > .topbar .demo-badge{display:none}
.creation-preview-status{font-size:12px;color:#697b72;margin-left:auto}
html[data-creation-kind] .page-heading h1{font-family:inherit;font-size:24px;font-weight:700;line-height:1.4}
html[data-creation-kind] .page-heading p{font-size:13px}

/* 53号 studio-navigation-a：保留以上正式原CSS；以下仅迁移批准A的导航空间。
   颜色、字体与控件材质交给后加载的studio-system.css；真实状态仍由navigation.js维护。 */
html[data-shared-navigation="1"] body[data-studio-ui="a"]:not(.is-access-screen):has(> #sidebar:not([hidden])) {
  /* 旧账户/说明/风格宿主及固定提交栏共用此变量，取消左栏宽度，不能只挪可见导航。 */
  --rail:0px;
  --studio-nav-height:calc(88px + env(safe-area-inset-top,0px));
}
html[data-shared-navigation="1"] body[data-studio-ui="a"]:not(.is-access-screen):has(> #sidebar:not([hidden])) > .main {
  box-sizing:border-box; margin-left:0; min-width:0;
  padding-top:var(--studio-nav-height);
}
html[data-shared-navigation="1"] body[data-studio-ui="a"]:not(.is-access-screen):has(> #sidebar:not([hidden])) .action-bar {
  left:0;
}
/* 不重排业务正文；取消侧栏参照后，旧workspace/content仍沿用各页宽度与内边距。 */
html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar,
html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobilebar,
html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav,
html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobile-primary-nav {
  box-sizing:border-box;
}
html[data-shared-navigation="1"] body[data-studio-ui="a"] #rail-toggle,
html[data-shared-navigation="1"] body[data-studio-ui="a"] #drawer-close,
html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobile-menu {
  box-sizing:border-box; width:44px; height:44px; min-width:44px; min-height:44px;
  padding:0; flex-shrink:0;
}
/* 焦点环在滚动口内部绘制，横滚首尾与手机视口边沿均可见。 */
html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar :is(a,button):focus-visible {
  outline:3px solid var(--studio-brand,var(--green)); outline-offset:-3px;
}
html[data-shared-navigation="1"] body[data-studio-ui="a"] .skip-link:focus-visible {
  z-index:90;
}

/* 同级单张/批量模式采用胶囊状态；只改变材质，不改变路由与当前项。 */
body[data-studio-ui="a"] #unified-creation-entry .cx-portrait-entries {gap:8px;align-items:center;}
body[data-studio-ui="a"] #unified-creation-entry .cx-portrait-entries a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--studio-line);border-radius:999px;background:var(--studio-lilac);color:var(--studio-ink);font:500 14px/1.6 var(--studio-sans);}
body[data-studio-ui="a"] #unified-creation-entry .cx-portrait-entries a[aria-current="page"] {color:#fff;background:var(--studio-ink);border-color:var(--studio-ink);}
/* 桌面主创作与辅助入口分组，保留真实链接和折叠状态；状态栏缩成次级工具行。 */
@media (min-width:1100px) {
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav a[data-nav-key="pricing"] {margin-left:auto;}
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav a:is([data-nav-key="pricing"],[data-nav-key="announcements"],[data-nav-key="account"]) {font-size:12px;}
  html[data-shared-navigation="1"] body[data-studio-ui="a"] .topbar {min-height:48px;height:48px;background:var(--studio-page);}
}
/* 桌面只用761px以上的非模态顶部栏；不得在1100px提前变成JS未知的抽屉。 */
@media (min-width:761px) {
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar:not([hidden]) {
    display:flex; position:fixed; inset:0 0 auto; z-index:50;
    flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:20px;
    box-sizing:border-box; width:100%; height:var(--studio-nav-height,88px); min-height:0;
    padding:calc(16px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px));
    border-right:0; border-bottom:1px solid var(--studio-line,var(--line));
    overflow:visible; visibility:visible; transform:none; transition:none;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar > .brand:not([hidden]) {
    display:block; order:0; flex:0 0 146px; width:146px; height:56px; margin:0;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar .brand-window:not([hidden]),
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar .brand img:not([hidden]) {
    display:block; width:146px; height:56px; margin:0; object-fit:contain;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar .rail-controls:not([hidden]) {
    display:flex; order:2; position:static; align-items:center; justify-content:center;
    flex:0 0 44px; width:44px; height:44px; margin:0; padding:0; background:transparent;
  }
  /* 仅移去说明性副本；价格、公告、账户等全部真实链接仍在main-nav中横滚可达。 */
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar :is(.rail-caption,.rail-foot) {
    display:none;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav:not([hidden]) {
    display:flex; order:1; flex:1 1 0; flex-direction:row; align-items:center;
    justify-content:flex-start; gap:4px; width:auto; min-width:0; max-width:100%; min-height:52px;
    margin:0; padding:4px 2px; overflow-x:auto; overflow-y:hidden;
    overscroll-behavior-x:contain; scroll-padding-inline:8px; scrollbar-width:thin;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-link:not([hidden]) {
    display:flex; flex:0 0 auto; flex-direction:row; justify-content:center; align-items:center;
    box-sizing:border-box; gap:8px; width:auto; min-width:44px; min-height:44px;
    margin:0; padding:10px 12px; white-space:nowrap; text-decoration:none;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-text:not([hidden]) {
    display:inline; font-size:inherit;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-link svg {
    flex-shrink:0; width:18px; height:18px;
  }
  /* 将原侧向选中线移到胶囊底部，不制造新的选中状态。 */
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-link[aria-current="page"]::before {
    inset:auto 14px 3px; width:auto; height:2px; border-radius:2px;
  }
  /* 延用原navCollapsed偏好，收起文字为有title/aria-label的横向图标列，不丢入口。 */
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #main-nav .nav-text {
    display:none;
  }
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #main-nav .nav-link:not([hidden]) {
    width:44px; padding:12px;
  }
  /* 覆盖旧44px裁图规则，顶部品牌始终展示同一完整字标，避免偏好改变品牌含义。 */
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #sidebar > .brand,
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #sidebar .brand-window {
    width:146px; height:56px;
  }
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #sidebar .brand img {
    content:normal; width:146px; height:56px; margin:0; object-fit:contain;
  }
  /* 原宿主若把业务顶栏设为sticky，吸附位置须避开固定导航；不改变其定位策略。 */
  html[data-shared-navigation="1"] body[data-studio-ui="a"]:not(.is-access-screen):has(> #sidebar:not([hidden])) > .main > .topbar {
    top:var(--studio-nav-height);
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] .skip-link {
    left:24px;
  }
}

/* 窄桌面以完整图标列保留九个入口；沿用每项aria-label/title，不依赖横滚露出半截文字。 */
@media (min-width:761px) and (max-width:1199px) {
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-text:not([hidden]) { display:none; }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-link:not([hidden]) {
    width:44px; padding:12px;
  }
}

/* 手机与JS的max-width:760px完全一致；页头在文档流中，不再叠加桌面顶部留白。 */
@media (max-width:760px) {
  html[data-shared-navigation="1"] body[data-studio-ui="a"]:not(.is-access-screen):has(> #sidebar:not([hidden])) {
    --studio-nav-height:0px;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobilebar:not([hidden]) {
    display:block; position:sticky; top:0; z-index:40; width:100%; height:auto;
    padding-top:env(safe-area-inset-top,0px);
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobilebar .mobile-brandbar:not([hidden]) {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    box-sizing:border-box; height:66px; min-width:0;
    padding:10px max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px));
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobile-primary-nav:not([hidden]) {
    display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0;
    width:100%; min-width:0; height:52px; margin:0;
    padding:0 max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #mobile-primary-nav .mobile-primary-link:not([hidden]) {
    display:flex; align-items:center; justify-content:center; box-sizing:border-box;
    width:100%; height:52px; min-height:52px; min-width:0; margin:0; padding:0 2px;
    white-space:nowrap; text-decoration:none;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar:not([hidden]) {
    display:flex; position:fixed; inset:0 auto 0 0; z-index:70;
    flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0;
    box-sizing:border-box; width:min(320px,calc(100vw - 48px)); height:100vh; height:100dvh;
    padding:calc(14px + env(safe-area-inset-top,0px)) 18px max(20px,env(safe-area-inset-bottom,0px));
    overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain;
    transform:translateX(-100%); visibility:hidden;
    transition:transform 160ms ease-out,visibility 0s 160ms;
  }
  html[data-shared-navigation="1"][data-nav-open="true"] body[data-studio-ui="a"] #sidebar:not([hidden]) {
    transform:translateX(0); visibility:visible; transition:transform 160ms ease-out;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar .rail-controls:not([hidden]) {
    display:flex; flex:0 0 44px; align-items:center; justify-content:flex-end; height:44px;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #drawer-close:not([hidden]) {
    display:grid;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #rail-toggle {
    display:none;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar > .brand:not([hidden]) {
    display:block; width:170px; height:65px; margin:12px 0 20px; flex-shrink:0;
  }
  /* 手机始终完整文字，不能继承用户上次桌面折叠后的图标偏好。 */
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav:not([hidden]) {
    display:flex; flex:0 0 auto; flex-direction:column; align-items:stretch; gap:6px;
    width:100%; min-width:0; padding:0; margin:0;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-link:not([hidden]),
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #main-nav .nav-link:not([hidden]) {
    display:flex; box-sizing:border-box; flex:0 0 auto; flex-direction:row; align-items:center;
    justify-content:flex-start; gap:12px; width:100%; min-width:0; min-height:48px; padding:12px;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #main-nav .nav-text:not([hidden]),
  html[data-shared-navigation="1"][data-nav-collapsed="true"] body[data-studio-ui="a"] #main-nav .nav-text:not([hidden]) {
    display:inline; font-size:inherit;
  }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar .rail-foot {
    padding-top:24px;
  }
  /* 同时服从navOpen与真实hidden；不把脚本已关闭的遮罩强制显示。 */
  html[data-shared-navigation="1"][data-nav-open="true"] body[data-studio-ui="a"] #nav-backdrop:not([hidden]) {
    display:block; position:fixed; inset:0; z-index:60;
  }
}

/* 两条减少动态路径均取消导航入场与抽屉过渡，不清掉定位所需的translateX状态。 */
html[data-shared-navigation="1"] body[data-studio-ui="a"][data-reduce-motion="true"] #content.nav-page-enter {
  animation:none;
}
html[data-shared-navigation="1"] body[data-studio-ui="a"][data-reduce-motion="true"] #sidebar,
html[data-shared-navigation="1"][data-nav-open="true"] body[data-studio-ui="a"][data-reduce-motion="true"] #sidebar {
  transition:none;
}
@media (prefers-reduced-motion:reduce) {
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #content.nav-page-enter { animation:none; }
  html[data-shared-navigation="1"] body[data-studio-ui="a"] #sidebar,
  html[data-shared-navigation="1"][data-nav-open="true"] body[data-studio-ui="a"] #sidebar { transition:none; }
}