/* 静室 CSS：07-pages-studio.css。职责边界见 governance/CSS_ARCHITECTURE_AND_TOKENS_20260814.md。 */
@layer pages {
  /* 后台与表单：保留所有编辑能力，但不进入公共阅读场景。 */ .login-box,.admin-shell,.admin-page {
    max-width:780px;
    margin:70px auto
  }
  .login-box,.admin-card {
    padding:28px;
    border:var(--stroke-hairline) solid var(--border-subtle);
    background:var(--surface-canvas)
  }
  .login-box h1,.admin-page h1 {
    font:400 35px/1.2 var(--font-reading)
  }
  .admin-page h2 {
    font:400 25px var(--font-reading)
  }
  .login-box label,.admin-page label {
    display:block;
    margin:14px 0 5px;
    font-size:12px;
    font-weight:700
  }
  .login-box input,.admin-page input,.admin-page textarea,.admin-page select {
    width:100%;
    padding:9px 10px;
    border:var(--stroke-hairline) solid var(--border-strong);
    border-radius:0;
    background:var(--surface-canvas);
    color:var(--text-primary)
  }
  .admin-page textarea {
    min-height:300px;
    line-height:1.7
  }
  .button,.admin-page button {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    padding:10px 14px;
    border:var(--stroke-hairline) solid var(--text-primary);
    background:var(--text-primary);
    color:var(--surface-canvas);
    font-size:12px;
    font-weight:700;
    cursor:pointer
  }
  .button:hover,.admin-page button:hover {
    background:var(--action-primary);
    border-color:var(--action-primary)
  }
  .admin-page table {
    width:100%;
    border-collapse:collapse;
    font-size:13px
  }
  .admin-page th,.admin-page td {
    padding:11px 7px;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    text-align:left
  }
  .admin-page .post-actions {
    display:flex;
    gap:8px
  }
  .admin-page .post-actions a {
    color:var(--action-primary);
    font-size:12px
  }
  .admin-nav {
    display:flex;
    gap:14px;
    margin:20px 0;
    padding-bottom:12px;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    font-size:12px
  }
  .admin-nav a {
    color:var(--action-primary)
  }
  @media(max-width:760px) {
    .masthead {
      grid-template-columns:1fr auto;
      min-height:58px;
      padding:0 15px
    }
    .brand small,.desk-nav {
      display:none
    }
    .primary-nav {
      grid-column:1/-1;
      grid-row:2;
      justify-content:space-between;
      gap:0;
      padding:9px 0 10px;
      border-top:var(--stroke-hairline) solid var(--border-subtle);
      font-size:10px
    }
    .masthead-tools {
      gap:9px
    }
    .page-shell {
      padding:0 20px
    }
    .site-footer {
      display:block;
      margin-top:70px;
      padding:19px 15px 24px
    }
    .site-footer p {
      margin-bottom:8px
    }
    .footer-actions {
      margin-top:10px
    }
    .library-intro {
      padding:10vh 0 4.5rem
    }
    .library-intro h1,.archive-hero h1,.search-hero h1,.marks-hero h1 {
      font-size:40px
    }
    .library-intro>p:nth-of-type(2),.archive-hero div>p,.search-hero div>p,.marks-hero div>p {
      font-size:16px
    }
    .library-measure {
      margin-top:27px!important
    }
    .library-controls {
      align-items:start;
      flex-direction:column;
      padding-bottom:14px
    }
    .collection-actions {
      justify-content:space-between;
      width:100%;
      gap:12px
    }
    .category-constellation {
      gap:0 13px;
      padding-bottom:19px
    }
    .featured-reading {
      grid-template-columns:42px minmax(0,1fr);
      gap:12px;
      margin-top:50px;
      padding:24px 0 34px
    }
    .feature-copy h2 {
      font-size:30px
    }
    .feature-copy>p:not(.post-kicker) {
      font-size:15px
    }
    .library-entry {
      grid-template-columns:42px minmax(0,1fr) auto;
      gap:10px;
      padding:24px 0
    }
    .library-entry h2 {
      font-size:21px
    }
    .entry-excerpt {
      font-size:13px
    }
    .archive-hero,.search-hero,.marks-hero {
      padding:9vh 0 3.5rem
    }
    .archive-layout {
      grid-template-columns:1fr;
      gap:27px
    }
    .year-index {
      position:static;
      display:flex;
      flex-wrap:wrap;
      gap:0 12px
    }
    .year-index .section-kicker {
      width:100%
    }
    .year-index a {
      display:block;
      width:auto;
      padding:5px 0;
      border:0
    }
    .year-index a span {
      display:none
    }
    .archive-entries h2 {
      font-size:27px
    }
    .archive-entries li {
      grid-template-columns:42px minmax(0,1fr) auto;
      gap:8px
    }
    .archive-entries li div>a {
      font-size:16px
    }
    .search-form input {
      font-size:20px
    }
    .search-results-head {
      margin-top:36px
    }
    .search-results-head h2 {
      font-size:27px
    }
    .search-result {
      grid-template-columns:31px minmax(0,1fr) auto;
      gap:8px;
      padding:17px 0
    }
    .search-result h2 {
      font-size:20px
    }
    .marks-toolbar {
      align-items:start;
      flex-direction:column
    }
    .marks-toolbar h2 {
      font-size:24px
    }
    .mark-row {
      grid-template-columns:31px minmax(0,1fr) auto;
      gap:8px
    }
    .mark-row h2 {
      font-size:20px
    }
    .empty-library {
      margin:60px auto
    }
    .login-box,.admin-shell,.admin-page {
      margin:35px auto
    }
    .admin-page {
      overflow-x:auto
    }
  }
  /* 写下即发布：保持最短写作路径，不复用复杂编辑器的多栏负担。 */ .quick-write {
    max-width:var(--container-reading);
    margin:0 auto;
    padding:clamp(68px,11vw,142px) 0 110px
  }
  .quick-write-head {
    max-width:650px
  }
  .quick-write-head h1 {
    margin:14px 0 18px;
    font:400 clamp(42px,5.1vw,60px)/1.11 var(--font-reading);
    letter-spacing:-.045em
  }
  .quick-write-head>p:last-child {
    max-width:540px;
    margin:0;
    color:var(--text-muted);
    font:400 17px/1.75 var(--font-reading)
  }
  .quick-write-form {
    margin-top:44px
  }
  .quick-write-form textarea {
    display:block;
    box-sizing:border-box;
    width:100%;
    min-height:46vh;
    padding:22px 0;
    border:0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    border-radius:0;
    background:transparent;
    color:var(--text-primary);
    font:400 19px/1.78 var(--font-reading);
    letter-spacing:0;
    resize:vertical;
    outline:none;
    line-break:strict;
    word-break:normal;
    overflow-wrap:break-word
  }
  .quick-write-form textarea::placeholder {
    color:var(--text-muted);
    opacity:.76
  }
  .quick-write-form textarea:focus {
    border-color:var(--action-primary)
  }
  .quiet-details {
    margin-top:20px;
    color:var(--text-muted);
    font:500 12px/1.5 var(--font-ui);
    letter-spacing:.04em
  }
  .quiet-details summary {
    display:inline-block;
    cursor:pointer;
    user-select:none
  }
  .quiet-details summary::marker {
    color:var(--action-primary)
  }
  .quick-meta {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-top:14px
  }
  .quick-meta label {
    display:grid;
    gap:6px
  }
  .quick-meta input {
    box-sizing:border-box;
    width:100%;
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    border-radius:0;
    background:transparent;
    padding:7px 0;
    color:var(--text-primary);
    font:400 16px/1.5 var(--font-reading);
    outline:none
  }
  .quick-meta input:focus {
    border-color:var(--action-primary)
  }
  .quick-write-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:36px
  }
  .quick-write-note {
    margin:30px 0 0;
    color:var(--text-muted);
    font:400 13px/1.7 var(--font-ui)
  }
  .quick-write-note a {
    color:inherit;
    text-decoration-color:var(--border-subtle);
    text-underline-offset:.18em
  }
  .writing-tools {
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap
  }
  .writing-tools .plain-link {
    font-size:13px
  }
  @media(max-width:760px) {
    .quick-write {
      padding:62px 0 84px
    }
    .quick-write-head h1 {
      font-size:40px
    }
    .quick-write-head>p:last-child {
      font-size:16px;
      line-height:1.78
    }
    .quick-write-form {
      margin-top:34px
    }
    .quick-write-form textarea {
      min-height:48vh;
      padding:18px 0;
      font-size:18px;
      line-height:1.82
    }
    .quick-meta {
      grid-template-columns:1fr
    }
    .quick-write-actions {
      margin-top:30px
    }
    .quick-write-actions .button {
      min-height:44px
    }
    .quick-write-note {
      font-size:12px
    }
  }
  /* 私密全文订阅：只存在于作者侧，不进入读者导航。 */ .subscription-page {
    max-width:var(--container-reading);
    margin:0 auto;
    padding:clamp(68px,11vw,142px) 0 110px
  }
  .subscription-head {
    max-width:610px
  }
  .subscription-head h1 {
    margin:14px 0 18px;
    font:400 clamp(var(--font-size-4),5vw,var(--font-size-6))/1.12 var(--font-reading);
    letter-spacing:-.045em
  }
  .subscription-head>p:last-child,.subscription-state>p,.subscription-reveal>p:last-child {
    margin:0;
    color:var(--text-secondary);
    font:400 17px/1.78 var(--font-reading)
  }
  .subscription-state,.subscription-reveal {
    margin-top:48px;
    padding:25px 0 29px;
    border-top:var(--stroke-hairline) solid var(--text-primary);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .subscription-state h2,.subscription-reveal h2 {
    margin:8px 0 12px;
    font:400 29px/1.25 var(--font-reading);
    letter-spacing:-.03em
  }
  .feed-url {
    display:block;
    width:100%;
    min-height:102px;
    margin:21px 0 12px;
    padding:15px;
    border:var(--stroke-hairline) solid var(--border-subtle);
    border-radius:0;
    background:var(--surface-subtle);
    color:var(--text-primary);
    font:400 12px/1.65 ui-monospace,monospace;
    resize:vertical;
    outline:none;
    word-break:break-all
  }
  .feed-url:focus {
    border-color:var(--action-primary)
  }
  .subscription-action {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:28px
  }
  .subscription-note {
    max-width:570px;
    margin-top:54px;
    padding-top:16px;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    color:var(--text-muted)
  }
  .subscription-note>p:last-child {
    margin:7px 0 0;
    font:400 14px/1.75 var(--font-reading)
  }
  @media(max-width:760px) {
    .subscription-page {
      padding:62px 0 84px
    }
    .subscription-head h1 {
      font-size:40px
    }
    .subscription-head>p:last-child,.subscription-state>p,.subscription-reveal>p:last-child {
      font-size:16px;
      line-height:1.78
    }
    .subscription-state,.subscription-reveal {
      margin-top:37px
    }
    .subscription-action {
      align-items:flex-start;
      flex-direction:column-reverse;
      gap:20px
    }
    .subscription-action .button {
      min-height:44px
    }
    .feed-url {
      font-size:11px
    }
  }
  /* 媒体工作台保持单列，工具不挤压写作。 */ .asset-panel {
    max-width:var(--container-reading);
    margin:48px 0 0;
    padding:25px 0 29px;
    border-top:var(--stroke-hairline) solid var(--text-primary);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .asset-panel h2 {
    margin:8px 0 12px;
    font:400 29px/1.25 var(--font-reading);
    letter-spacing:-.03em
  }
  .asset-panel>p:not(.section-kicker),.asset-result>p:last-child {
    max-width:610px;
    margin:0;
    color:var(--text-secondary);
    font:400 16px/1.78 var(--font-reading)
  }
  .asset-form {
    display:grid;
    gap:16px;
    max-width:610px;
    margin-top:25px
  }
  .asset-form label {
    display:grid;
    gap:7px;
    color:var(--text-muted);
    font:600 11px/1.4 var(--font-ui);
    letter-spacing:.03em
  }
  .asset-form input {
    width:100%;
    padding:9px 0;
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    border-radius:0;
    background:transparent;
    color:var(--text-primary);
    font:400 16px/1.5 var(--font-reading)
  }
  .asset-form input[type="file"] {
    font:400 13px/1.5 var(--font-ui)
  }
  .asset-form .button {
    justify-self:start
  }
  .asset-result {
    margin-top:29px;
    padding-top:19px;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .asset-result .feed-url {
    min-height:78px;
    margin:12px 0
  }
  .media-page {
    padding-bottom:90px
  }
  @media(max-width:760px) {
    .asset-panel {
      margin-top:38px
    }
    .asset-panel h2 {
      font-size:25px
    }
    .asset-panel>p:not(.section-kicker),.asset-result>p:last-child {
      font-size:15px
    }
  }
  /* 仅在作者带 ?audit=1 打开的文章中出现的本地指标面板。 */ .performance-hud {
    max-width:var(--container-reading);
    margin:0 auto 32px;
    padding:13px 0 15px;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    color:var(--text-muted);
    font:400 10px/1.5 var(--font-ui)
  }
  .performance-hud>p {
    margin:0 0 9px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase
  }
  .performance-hud dl {
    display:flex;
    gap:20px;
    margin:0
  }
  .performance-hud dl div {
    display:flex;
    align-items:baseline;
    gap:6px
  }
  .performance-hud dt {
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em
  }
  .performance-hud dd {
    margin:0;
    color:var(--text-primary);
    font:500 12px/1.2 ui-monospace,monospace
  }
  .performance-hud[data-lcp="good"] dl div:first-child dd,.performance-hud[data-cls="good"] dl div:nth-child(2) dd,.performance-hud[data-inp="good"] dl div:nth-child(3) dd {
    color:var(--action-primary)
  }
  .performance-hud small {
    display:block;
    margin-top:7px;
    color:var(--text-muted);
    font-size:9px
  }
  .performance-targets {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    max-width:610px;
    margin:20px 0
  }
  .performance-targets p {
    margin:0;
    padding:12px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .performance-targets b {
    display:block;
    font:400 19px/1.2 var(--font-reading)
  }
  .performance-targets span,.performance-samples span {
    display:block;
    margin-top:4px;
    color:var(--text-muted);
    font-size:10px
  }
  .performance-samples {
    max-width:610px;
    margin:21px 0 0;
    padding:0;
    list-style:none
  }
  .performance-samples li {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:13px 0;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .performance-samples a {
    font:400 17px/1.45 var(--font-reading);
    text-decoration:underline;
    text-decoration-color:var(--action-subtle);
    text-underline-offset:.18em
  }
  .performance-samples span {
    flex:0 0 auto
  }
  @media(max-width:760px) {
    .performance-targets {
      grid-template-columns:1fr
    }
    .performance-hud dl {
      flex-wrap:wrap;
      gap:7px 15px
    }
    .performance-samples li {
      align-items:start;
      flex-direction:column;
      gap:3px
    }
    .performance-samples span {
      margin-top:0
    }
  }
  /* 内容治理：提示而非审判，便于在写作之后集中回看。 */ .content-audit-page {
    max-width:var(--container-wide)
  }
  .content-audit-summary {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    margin:2.4rem 0 1.1rem;
    background:color-mix(in srgb,var(--text-primary) 13%,transparent);
    border:var(--stroke-hairline) solid color-mix(in srgb,var(--text-primary) 13%,transparent)
  }
  .content-audit-summary p {
    display:grid;
    gap:.22rem;
    margin:0;
    padding:1.15rem 1.2rem;
    background:var(--surface-canvas)
  }
  .content-audit-summary b {
    font:500 clamp(1.55rem,3vw,2.2rem)/1 var(--font-reading);
    letter-spacing:-.035em
  }
  .content-audit-summary span,.content-audit-note {
    color:var(--text-muted);
    font-size:.88rem
  }
  .content-audit-note {
    max-width:68ch;
    margin:0 0 2.1rem;
    line-height:1.75
  }
  .content-audit-list {
    display:grid;
    gap:1rem
  }
  .content-audit-row {
    padding:1.2rem 0 0;
    border-top:var(--stroke-hairline) solid color-mix(in srgb,var(--text-primary) 16%,transparent)
  }
  .content-audit-row header {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:1rem
  }
  .content-audit-row header p,.content-audit-row header h2 {
    margin:0
  }
  .content-audit-row header p,.content-audit-row header>span {
    color:var(--text-muted);
    font-size:.82rem
  }
  .content-audit-row h2 {
    font:500 1.15rem/1.35 var(--font-reading)
  }
  .content-audit-row h2 a {
    color:inherit;
    text-decoration:none
  }
  .content-audit-row h2 a:hover {
    color:var(--action-primary)
  }
  .content-audit-row ul {
    display:grid;
    gap:.36rem;
    margin:.8rem 0 0;
    padding:0;
    list-style:none
  }
  .content-audit-row li {
    display:flex;
    align-items:baseline;
    gap:.55rem;
    color:var(--text-muted);
    font-size:.91rem;
    line-height:1.55
  }
  .content-audit-row li b {
    flex:0 0 auto;
    min-width:4.4em;
    font-size:.76rem;
    letter-spacing:.04em
  }
  .content-audit-row li small {
    color:var(--text-muted);
    white-space:nowrap
  }
  .quality-error b {
    color:var(--status-error)
  }
  .quality-warning b {
    color:var(--status-warning)
  }
  .quality-notice b {
    color:var(--action-primary)
  }
  @media(max-width:760px) {
    .content-audit-summary {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .content-audit-row header {
      align-items:flex-start
    }
    .content-audit-row li {
      align-items:flex-start;
      flex-wrap:wrap;
      gap:.2rem .5rem
    }
    .content-audit-row li span {
      flex-basis:100%
    }
  }
  /* 写作资产闭环：收件箱与版本历史保持纸面般的低干扰层级。 */ .editor-head-actions {
    display:flex;
    align-items:center;
    gap:18px
  }
  .markdown-inbox-form,.import-review,.revision-list {
    max-width:var(--container-reading);
    margin:0 auto
  }
  .markdown-inbox-form>p {
    color:var(--text-secondary);
    font:400 16px/1.75 var(--font-reading);
    margin:0 0 24px
  }
  .markdown-inbox-form label {
    display:block;
    font:600 14px/1.4 var(--font-ui);
    color:var(--text-primary);
    letter-spacing:.02em
  }
  .markdown-inbox-form input[type=file] {
    display:block;
    width:100%;
    margin-top:9px;
    padding:12px 0;
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    background:transparent;
    font:400 14px var(--font-ui)
  }
  .markdown-inbox-form textarea {
    display:block;
    width:100%;
    min-height:360px;
    box-sizing:border-box;
    margin-top:10px;
    padding:16px 0;
    border:0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    border-radius:0;
    background:transparent;
    color:var(--text-primary);
    font:400 17px/1.75 var(--font-reading);
    resize:vertical
  }
  .inbox-or {
    position:relative;
    margin:30px 0!important;
    text-align:center;
    font:12px var(--font-ui)!important;
    color:var(--text-muted)!important
  }
  .inbox-or:before,.inbox-or:after {
    position:absolute;
    top:50%;
    width:45%;
    height:1px;
    background:var(--border-subtle);
    content:""
  }
  .inbox-or:before {
    left:0
  }
  .inbox-or:after {
    right:0
  }
  .import-review {
    padding:30px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .import-review h2 {
    margin:4px 0 20px;
    font:500 clamp(25px,3vw,38px)/1.25 var(--font-reading);
    letter-spacing:-.02em
  }
  .import-meta,.revision-meta {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 28px;
    margin:0;
    padding:20px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .import-meta div,.revision-meta div {
    display:grid;
    gap:3px
  }
  .import-meta dt,.revision-meta dt {
    font:600 11px/1.2 var(--font-ui);
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--text-muted)
  }
  .import-meta dd,.revision-meta dd {
    margin:0;
    overflow-wrap:anywhere;
    font:400 14px/1.45 var(--font-ui);
    color:var(--text-secondary)
  }
  .audit-summary {
    margin:0 0 22px;
    padding:14px 16px;
    border-left:2px solid var(--action-primary);
    background:color-mix(in srgb,var(--action-primary) 5%,transparent);
    font:400 14px/1.65 var(--font-reading);
    color:var(--text-secondary)
  }
  .audit-summary p {
    margin:0
  }
  .audit-summary p+p {
    margin-top:6px
  }
  .import-confirm-form {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
  }
  .history-link {
    max-width:var(--container-reading);
    margin:0 auto 26px;
    color:var(--text-secondary);
    font:400 14px/1.6 var(--font-reading)
  }
  .history-link code {
    font:400 12px var(--font-mono)
  }
  .revision-list {
    display:grid;
    gap:18px;
    padding:0;
    list-style:none
  }
  .revision-item {
    padding:22px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .revision-item:last-child {
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .revision-item.is-current {
    border-left:2px solid var(--action-primary);
    padding-left:17px
  }
  .revision-head {
    display:flex;
    justify-content:space-between;
    gap:18px
  }
  .revision-head .section-kicker {
    margin:0 0 5px
  }
  .revision-head h2 {
    margin:0;
    font:500 23px/1.3 var(--font-reading)
  }
  .revision-head h2+p {
    margin:7px 0 0;
    color:var(--text-muted);
    font:400 12px/1.4 var(--font-ui)
  }
  .revision-state {
    align-self:flex-start;
    white-space:nowrap;
    color:var(--action-primary);
    font:600 11px/1 var(--font-ui);
    letter-spacing:.08em
  }
  .revision-excerpt {
    max-width:68ch;
    margin:18px 0;
    color:var(--text-secondary);
    font:400 16px/1.7 var(--font-reading)
  }
  .revision-meta {
    max-width:480px;
    margin:0 0 16px;
    padding:12px 0
  }
  .plain-button {
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--action-primary);
    padding:0;
    background:transparent;
    color:var(--action-primary);
    font:600 13px/1.5 var(--font-ui);
    cursor:pointer
  }
  .plain-button:hover {
    color:var(--text-primary)
  }
  .meta-fields input[readonly] {
    border-bottom-style:dashed;
    color:var(--text-secondary);
    cursor:not-allowed
  }
  @media(max-width:760px) {
    .editor-head-actions {
      gap:12px
    }
    .markdown-inbox-form textarea {
      min-height:300px;
      font-size:16px
    }
    .import-review {
      padding:22px 0
    }
    .import-meta,.revision-meta {
      grid-template-columns:1fr;
      gap:10px
    }
    .import-confirm-form {
      align-items:flex-start;
      flex-direction:column
    }
    .revision-item.is-current {
      padding-left:12px
    }
    .revision-head {
      gap:12px
    }
    .revision-head h2 {
      font-size:21px
    }
    .revision-state {
      font-size:10px
    }
  }
  /* 可携带性：完整迁移包是备用出口，不是日常运维面板。 */ .migration-page {
    max-width:var(--container-wide);
    margin:0 auto
  }
  .migration-card,.migration-list {
    max-width:var(--container-reading);
    margin:0 auto;
    padding:28px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .migration-card h2,.migration-list h2 {
    margin:0 0 10px;
    font:500 clamp(24px,3vw,34px)/1.3 var(--font-reading);
    letter-spacing:-.02em
  }
  .migration-card p,.migration-list>p:last-child {
    max-width:66ch;
    margin:0 0 20px;
    color:var(--text-secondary);
    font:400 16px/1.75 var(--font-reading)
  }
  .migration-result {
    margin-top:20px!important;
    padding:14px 16px;
    border-left:2px solid var(--action-primary);
    background:color-mix(in srgb,var(--action-primary) 5%,transparent);
    font-size:14px!important
  }
  .migration-result code {
    font:400 11px/1.4 var(--font-mono);
    overflow-wrap:anywhere
  }
  .migration-list {
    margin-top:42px
  }
  .migration-list ol {
    margin:16px 0 0;
    padding:0;
    list-style:none
  }
  .migration-list li {
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .migration-list li:last-child {
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .migration-list a {
    color:var(--text-primary);
    font:500 15px/1.4 var(--font-reading);
    overflow-wrap:anywhere
  }
  .migration-list span {
    flex:0 0 auto;
    color:var(--text-muted);
    font:400 12px/1.4 var(--font-ui)
  }
  @media(max-width:760px) {
    .migration-card,.migration-list {
      padding:22px 0
    }
    .migration-list li {
      align-items:flex-start;
      flex-direction:column;
      gap:5px
    }
  }
  /* 媒体语义门：用途先于格式，避免无说明的信息图片进入正文。 */ .media-purpose {
    display:grid;
    gap:8px;
    margin:2px 0 4px;
    padding:14px 0;
    border:0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .media-purpose legend {
    padding:0;
    font:600 12px/1.4 var(--font-ui);
    letter-spacing:.08em;
    color:var(--text-muted)
  }
  .media-purpose label {
    font:400 14px/1.5 var(--font-reading)!important;
    color:var(--text-secondary)!important
  }
  .media-purpose input {
    width:auto!important;
    margin-right:5px
  }
  /* 写作韧性：本机草稿只在需要时出现，避免成为额外管理面板。 */ .draft-recovery {
    max-width:var(--container-reading);
    margin:0 auto 28px;
    padding:18px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .draft-recovery h2 {
    margin:4px 0 8px;
    font:500 clamp(20px,2.5vw,28px)/1.35 var(--font-reading);
    letter-spacing:-.02em
  }
  .draft-recovery p:not(.section-kicker) {
    max-width:62ch;
    margin:0 0 15px;
    color:var(--text-secondary);
    font:400 15px/1.65 var(--font-reading)
  }
  .draft-recovery div {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px
  }
  .draft-status {
    min-height:1.35em;
    margin:7px 0 0;
    color:var(--text-muted);
    font:400 12px/1.45 var(--font-ui)
  }
  .editor-actions>div {
    min-width:0
  }
  @media(max-width:760px) {
    .draft-recovery {
      margin-bottom:22px
    }
    .draft-recovery div {
      align-items:flex-start;
      flex-direction:column;
      gap:9px
    }
    .draft-status {
      max-width:30ch
    }
  }

  /* v8：写作台中的批注索引沿用馆藏清单逻辑，而非另做管理卡片。 */
  .annotation-index-page { max-width:var(--container-feature); margin:0 auto; padding-top:var(--space-page-start); }
  .annotation-index-head { display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-6); padding-bottom:var(--space-6); border-bottom:var(--stroke-hairline) solid var(--border-strong); }
  .annotation-index-head .functional-intro { margin:0; }
  .annotation-index-tools { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-4); padding-bottom:var(--space-1); }
  .annotation-index-summary { margin:var(--space-5) 0 0; color:var(--text-secondary); font:400 var(--font-size--1)/1.7 var(--font-prose); }
  .annotation-index-list { margin:var(--space-5) 0 0; padding:0; border-top:var(--stroke-hairline) solid var(--border-subtle); list-style:none; }
  .annotation-index-list>li { padding:var(--space-5) 0; border-bottom:var(--stroke-hairline) solid var(--border-subtle); }
  .annotation-index-list article { max-width:62ch; }
  .annotation-index-list header { margin:0; }
  .annotation-index-list .section-kicker { margin:0; }
  .annotation-index-list .section-kicker a { color:var(--action-primary); }
  .annotation-index-list h2 { margin:var(--space-2) 0 0; font:400 var(--font-size-2)/1.3 var(--font-reading); letter-spacing:-.022em; }
  .annotation-index-list h2 a:hover,.annotation-index-list h2 a:focus-visible { color:var(--action-primary); }
  .annotation-index-body { margin:var(--space-3) 0 0; white-space:pre-wrap; color:var(--text-secondary); font:400 var(--font-size-0)/1.72 var(--font-prose); }
  .annotation-index-list footer { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:var(--space-3); margin-top:var(--space-3); color:var(--text-muted); font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }
  .annotation-index-list footer a { color:var(--action-primary); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
  .annotation-index-empty { margin-top:var(--space-7); }
  @media(max-width:760px) {
    .annotation-index-page { padding-top:var(--space-8); }
    .annotation-index-head { align-items:flex-start; flex-direction:column; gap:var(--space-4); padding-bottom:var(--space-5); }
    .annotation-index-tools { justify-content:flex-start; padding-bottom:0; }
    .annotation-index-list>li { padding:var(--space-4) 0; }
    .annotation-index-list h2 { font-size:var(--font-size-1); }

    /* v8 移动导航：文字按钮、自然文档流与键盘状态共同表达展开，不以动画转移注意力。 */
    .masthead { grid-template-columns:minmax(0,1fr) auto; min-height:56px; padding-top:var(--space-2); padding-bottom:var(--space-2); }
    .navigation-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 var(--space-2); border:var(--stroke-hairline) solid var(--border-strong); border-radius:0; background:transparent; color:var(--text-primary); cursor:pointer; font:600 var(--publication-meta)/1 var(--font-ui); letter-spacing:.04em; }
    .navigation-toggle:hover,.navigation-toggle:focus-visible { border-color:var(--action-primary); color:var(--action-primary); }
    .masthead-navigation { display:none; grid-column:1/-1; grid-template-columns:1fr; justify-content:stretch; gap:0; margin-top:var(--space-2); padding-top:var(--space-2); border-top:var(--stroke-hairline) solid var(--border-subtle); }
    .site-header[data-navigation-open] .masthead-navigation { display:grid; }
    .masthead-navigation .primary-nav { display:grid; grid-template-columns:1fr; gap:0; }
    .masthead-navigation .primary-nav-main { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; width:100%; }
    .masthead-navigation .primary-nav-main a { justify-content:center; min-height:44px; border-bottom:var(--stroke-hairline) solid var(--border-subtle); }
    .masthead-navigation .primary-nav-explore { display:block; width:100%; margin:0; padding:0; border-left:0; }
    .masthead-navigation .primary-nav-explore .nav-secondary { display:flex; align-items:center; min-height:44px; border-bottom:var(--stroke-hairline) solid var(--border-subtle); }
    .masthead-navigation .masthead-tools { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:var(--space-4); padding-top:var(--space-3); }
    .masthead-navigation .desk-nav { padding-left:var(--space-4); }
    .masthead-navigation .reading-environment-controls { margin-left:auto; }
  }
  @media(min-width:761px) {
    .navigation-toggle { display:none; }
    .masthead-navigation { display:grid!important; }
  }
}

  /* 馆藏耐久性：提示只制造一次停顿，不把判断做成评分或卡片。 */
  .durability-prompt {
    margin:24px 0;
    padding:18px 0;
    border-top:var(--stroke-hairline) solid var(--border-strong);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .durability-prompt h2 {
    max-width:650px;
    margin:7px 0 8px;
    font:400 clamp(21px,2.4vw,27px)/1.35 var(--font-reading)
  }
  .durability-prompt>p:not(.section-kicker) {
    max-width:640px;
    margin:0;
    color:var(--text-muted);
    font-size:13px;
    line-height:1.7
  }
  .durability-prompt label {
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:13px 0 0!important;
    color:var(--text-primary);
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.55
  }
  .durability-prompt input[type="checkbox"] {
    width:auto!important;
    min-width:16px;
    margin:3px 0 0;
    padding:0!important;
    accent-color:var(--text-primary)
  }
  .durability-page {
    max-width:920px
  }
  .durability-intake-rule,.durability-audit,.durability-documents,.durability-empty {
    margin:36px 0;
    padding-top:20px;
    border-top:var(--stroke-hairline) solid var(--border-strong)
  }
  .durability-intake-rule h2,.durability-audit h2,.durability-documents h2,.durability-empty h2 {
    max-width:680px;
    margin:7px 0 10px;
    font:400 clamp(24px,3vw,32px)/1.28 var(--font-reading)
  }
  .durability-intake-rule>p:not(.section-kicker),.durability-empty>p {
    max-width:680px;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.75
  }
  .durability-totals,.durability-intake-totals {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:22px 0 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .durability-totals>div,.durability-intake-totals>div {
    min-height:74px;
    padding:12px 14px 12px 0;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .durability-totals dt,.durability-intake-totals dt {
    color:var(--text-muted);
    font-size:11px
  }
  .durability-totals dd,.durability-intake-totals dd {
    margin:4px 0 0;
    font:400 23px/1.2 var(--font-reading)
  }
  .durability-pass {
    margin:20px 0 0;
    font-size:14px
  }
  .durability-failures {
    margin-top:22px;
    padding-top:16px;
    border-top:var(--stroke-hairline) solid var(--border-strong)
  }
  .durability-failures h2 {
    font-size:21px
  }
  .durability-failures ul,.durability-documents ol {
    margin:18px 0 0;
    padding:0;
    list-style:none;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .durability-failures li,.durability-documents li {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:14px;
    padding:11px 0;
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .durability-documents li span {
    min-width:0
  }
  .durability-documents li strong,.durability-documents li small,.durability-failures li span {
    color:var(--text-muted);
    font-size:12px;
    font-weight:400
  }
  .durability-decision {
    white-space:nowrap;
    color:var(--text-muted);
    font-size:12px
  }
  .durability-decision-confirmed { color:var(--text-primary) }
  .durability-decision-unconfirmed::before { content:"·"; margin-right:4px }
  @media(max-width:760px) {
    .durability-totals,.durability-intake-totals { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .durability-documents li { grid-template-columns:minmax(0,1fr) auto }
    .durability-documents li small { grid-column:1/-1 }
  }

  /* v11 巡检修复：编辑元信息在窄屏必须按单列逐项填写，不能挤在同一行。 */
  @media(max-width:760px) {
    .editor-page .meta-fields {
      display:grid!important;
      grid-template-columns:minmax(0,1fr)!important;
      gap:12px
    }
    .editor-page .meta-fields label {
      margin:0
    }
  }
