@media (max-width: 1180px) {
  .page-grid { grid-template-columns: 164px minmax(0, 1fr); }
  .rail--right { display: none; }
  .intro { grid-template-columns: minmax(0, 1fr) 214px; }
  .detail-layout { grid-template-columns: 164px minmax(0, 1fr); }
  .detail-rail--right { display: none; }
}
@media (max-width: 860px) {
  .page-shell { width: min(calc(100% - 32px), var(--page-max)); }
  .site-header__inner { min-height: 68px; }
  .top-nav { margin-left: var(--space-4); }
  .page-grid { display: block; padding-top: var(--space-7); }
  .rail--left { display: none; }
  .intro { grid-template-columns: minmax(0, 1fr) 194px; gap: var(--space-5); }
  .feed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .species-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .help-callout { align-items: flex-start; }
  .detail-layout { display: block; }
  .detail-rail--left { display: none; }
  .detail-page { padding-top: var(--space-6); }
  .create-page { min-height: calc(100svh - 68px); padding-block: var(--space-5); }
  .create-context { grid-template-columns: minmax(0, 1fr); inset: var(--space-5) 0; }
  .create-context__rail { display: none; }
  .create-context__content { padding-inline: clamp(var(--space-5), 8vw, var(--space-9)); }
  .create-dialog { width: min(100%, 640px); max-height: calc(100svh - 96px); }
  .composer-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .composer-heading { max-width: 650px; }
  .composer-view-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin-top: var(--space-5);
    padding: 4px;
    background: rgba(229, 236, 229, 0.72);
    border: 1px solid rgba(111, 139, 116, 0.28);
    border-radius: var(--radius-xs);
  }
  .composer-view-toggle button {
    min-height: 44px;
    padding: 0 12px;
    color: var(--ink-soft);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
  }
  .composer-view-toggle button[aria-selected="true"] { color: var(--forest); background: rgba(255, 255, 255, 0.82); border-color: rgba(111, 139, 116, 0.3); }
  .composer-layout { display: block; }
  .composer-preview { display: none; position: static; margin-top: 0; }
  body[data-composer-view="preview"] .composer-editor { display: none; }
  body[data-composer-view="preview"] .composer-preview { display: block; }
  .composer-preview__media { display: none; }
  .composer-f02-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .page-shell { width: min(calc(100% - 24px), var(--page-max)); }
  .site-header__inner { min-height: 64px; }
  .brand__wordmark { font-size: 16px; }
  .brand__logo-slot { width: 25px; height: 25px; }
  .top-nav, .header-actions__explore { display: none; }
  .header-actions { margin-left: auto; }
  .page-grid { padding-block: var(--space-6) calc(94px + env(safe-area-inset-bottom)); }
  .intro { grid-template-columns: 1fr; gap: var(--space-3); padding-bottom: var(--space-4); }
  .intro h1 { font-size: clamp(31px, 9.2vw, 39px); }
  .intro__lede { font-size: 14px; }
  .welcome-card {
    min-height: 88px;
    grid-template-columns: 74px 1fr;
    grid-template-rows: 1fr;
    border-radius: var(--radius-sm);
  }
  .welcome-card__media { min-height: 88px; }
  .welcome-card__media img { object-position: 50% 21%; }
  .welcome-card__body { align-self: center; padding: 10px 12px; }
  .welcome-card__kicker { font-size: 11px; }
  .welcome-card__copy { font-size: 11px; }
  .welcome-card__link { margin-top: 4px; font-size: 11px; }
  .section-block { padding-top: var(--space-8); }
  .section-heading { align-items: flex-start; }
  .section-heading h2 { font-size: 27px; }
  .section-heading__actions { align-items: flex-end; flex-direction: column; gap: 5px; }
  .data-status { max-width: 136px; font-size: 11px; }
  .feed-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .feed-card__media { aspect-ratio: .93; }
  .feed-card__body { padding: 11px 11px 12px; }
  .feed-card h3 { font-size: 13px; }
  .feed-card__meta { display: block; margin-top: 8px; line-height: 1.4; }
  .feed-card__source { display: block; margin-top: 3px; }
  .species-grid { grid-template-columns: 1fr; gap: 10px; }
  .species-card { min-height: 142px; }
  .help-callout { display: grid; gap: var(--space-5); padding: 23px; }
  .help-callout h2 { font-size: 26px; }
  .mobile-nav {
    position: fixed;
    z-index: 40;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-height: calc(64px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid rgba(68, 88, 74, .13);
    background: rgba(249, 251, 248, .94);
    box-shadow: 0 -8px 20px rgba(55, 73, 59, .08);
    backdrop-filter: blur(16px);
  }
  .mobile-nav__item {
    min-height: 64px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 2px;
    color: var(--ink-faint);
    font-size: 10px;
    font-weight: 750;
  }
  .mobile-nav__item > span:first-child { font-size: 20px; line-height: 1; }
  .mobile-nav__item--active { color: var(--forest); }
  .mobile-nav__item--create { color: var(--forest); }
  .mobile-nav__item--create > span:first-child {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: white;
    background: var(--forest);
    border-radius: 50%;
  }
  .site-footer { display: none; }
  .detail-page { min-height: calc(100vh - 64px); padding-block: var(--space-4) calc(94px + env(safe-area-inset-bottom)); }
  .detail-breadcrumb { gap: 6px; margin-bottom: var(--space-3); font-size: 12px; }
  .detail-breadcrumb a { font-size: 13px; }
  .post-detail__card { padding: 18px; border-radius: var(--radius-sm); }
  .post-detail__card h1 { margin-top: 14px; font-size: clamp(26px, 8vw, 34px); line-height: 1.24; }
  .post-detail__meta { gap: 3px 9px; font-size: 12px; line-height: 1.45; }
  .post-detail__meta span + span::before { margin-right: 9px; }
  .post-detail__body { margin-top: var(--space-5); font-size: 15px; line-height: 1.8; }
  .post-detail__media, .post-detail__no-media, .post-detail__comments { margin-top: var(--space-5); }
  .post-detail__media-grid, .post-detail__media-grid--2 { grid-template-columns: 1fr; }
  .post-detail__media-item img { aspect-ratio: 1.22; }
  .post-detail__comments { padding: 18px; }
  .post-detail__actions { align-items: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .post-detail__actions .button { width: 100%; padding-inline: 10px; }
  .post-detail__action-status { grid-column: 1 / -1; text-align: center; }
  .detail-skeleton { min-height: 430px; padding: 18px; border-radius: var(--radius-sm); }
  .detail-state-wrap { min-height: calc(100vh - 210px); padding-block: var(--space-5); }
  .detail-state { padding: 28px 20px; border-radius: var(--radius-sm); }
  body[data-page="create"] .mobile-nav { display: none; }
  .create-page.page-shell {
    width: 100%;
    min-height: calc(100svh - 64px);
    display: block;
    margin: 0;
    padding: 0;
  }
  .create-page::before { background: rgba(55, 73, 59, 0.38); }
  .create-context {
    inset: 22px 12px 18px;
    display: block;
  }
  .create-context__content { display: grid; gap: 11px; padding: 18px 0; }
  .create-context__content > span { min-height: 118px; border-radius: var(--radius-sm); }
  .create-context__content > span:nth-child(1) { min-height: 76px; }
  .create-dialog {
    position: fixed;
    z-index: 50;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(650px, calc(100svh - 72px));
    max-height: none;
    display: flex;
    flex-direction: column;
    padding: 30px 12px calc(12px + env(safe-area-inset-bottom));
    overflow: hidden;
    border-radius: 26px 26px 0 0;
    background: rgba(250, 253, 249, 0.96);
    box-shadow: 0 -16px 48px rgba(28, 43, 33, 0.22);
  }
  .create-dialog::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 50%;
    width: 36px;
    height: 4px;
    border-radius: 999px;
    background: rgba(111, 139, 116, 0.52);
    transform: translateX(-50%);
  }
  .create-dialog__header { flex: 0 0 auto; padding-inline: 4px; }
  .create-dialog__header h1 { font-size: clamp(25px, 7vw, 31px); }
  .create-dialog__header p:not(.eyebrow) { max-width: none; font-size: 12px; line-height: 1.5; }
  .create-dialog__close { width: 44px; min-height: 44px; flex-basis: 44px; font-size: 22px; }
  .create-options {
    min-height: 0;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 14px;
    padding: 1px 2px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .create-option {
    min-height: 78px;
    grid-template-columns: 36px minmax(0, 1fr) 28px;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 10px;
    padding: 10px 12px;
    border-radius: 16px;
  }
  .create-option__icon { width: 36px; height: 36px; grid-column: 1; grid-row: 1; font-size: 21px; }
  .create-option__content { grid-column: 2; grid-row: 1; align-self: center; }
  .create-option__title { font-size: 15px; }
  .create-option__copy { margin-top: 3px; font-size: 11px; line-height: 1.45; }
  .create-option__route {
    min-height: 44px;
    grid-column: 3;
    grid-row: 1;
    align-items: center;
    justify-content: flex-end;
    color: var(--forest);
    font-size: 0;
  }
  .create-option__route b { font-size: 18px; }
  .create-option--selected { transform: none; }
  .create-selection-status { flex: 0 0 auto; min-height: 19px; margin: 10px 4px 0; font-size: 11px; line-height: 1.45; }
  .create-gate-note { flex: 0 0 auto; margin: 7px 4px 0; padding: 7px 9px; font-size: 10px; line-height: 1.45; }
  .create-dialog__footer {
    flex: 0 0 auto;
    margin: 10px 4px 0;
    padding-top: 10px;
  }
  .create-dialog__footer .button { width: 100%; min-width: 0; min-height: 48px; }
  body[data-page="compose"] .mobile-nav { display: none; }
  .composer-header-status { min-height: 28px; padding-inline: 8px; font-size: 10px; }
  .composer-page.page-shell {
    width: min(calc(100% - 24px), var(--page-max));
    min-height: calc(100svh - 64px);
    padding-block: var(--space-5) calc(98px + env(safe-area-inset-bottom));
  }
  .composer-heading h1 { font-size: clamp(27px, 8vw, 34px); }
  .composer-heading > p:not(.eyebrow) { margin-top: 10px; font-size: 13px; line-height: 1.55; }
  .composer-rules-reminder { min-height: 44px; margin-top: 10px; padding-inline: 11px; font-size: 11px; }
  .composer-view-toggle { display: none; }
  .composer-status { min-height: 34px; margin-top: 10px; font-size: 11px; line-height: 1.45; }
  .composer-layout { margin-top: var(--space-3); }
  .composer-editor, .composer-preview { padding: 18px; border-radius: var(--radius-sm); }
  .composer-panel-heading h2 { font-size: 25px; }
  .composer-scope-line { gap: 3px 6px; padding: 8px 9px; font-size: 10px; }
  .composer-field { margin-top: var(--space-4); }
  .composer-field input, .composer-field textarea { padding: 11px; }
  .composer-field textarea { min-height: 124px; }
  .composer-attachments { margin-top: var(--space-5); padding-top: var(--space-4); }
  .composer-section-heading { gap: 10px; }
  .composer-section-heading h3 { font-size: 19px; }
  .composer-section-heading > span { max-width: 120px; font-size: 10px; }
  .composer-attachment-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .composer-attachment:not(.composer-attachment--failed), .composer-add-attachment { display: none; }
  .composer-attachment--failed { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 9px; }
  .composer-attachment--failed .composer-attachment__media { grid-column: 1; grid-row: 1 / span 2; width: 78px; height: 78px; }
  .composer-attachment--failed > p { min-height: 0; align-self: end; padding: 3px 0; font-size: 11px; }
  .composer-attachment--failed .button { width: 100%; min-height: 44px; align-self: start; margin: 0; padding-inline: 9px; }
  .composer-attachment-note { margin-top: 8px; padding: 8px 9px; font-size: 10px; }
  .composer-protection { margin-top: var(--space-4); padding: 10px; font-size: 11px; }
  .composer-editor-actions { display: none; }
  .composer-preview__lead { font-size: 11px; }
  .composer-preview__post h3 { font-size: 27px; }
  .composer-preview__boundary { margin-top: var(--space-4); }
  .composer-preview__submit { display: none; }
  .composer-f02 { display: none; }
  .composer-action-bar {
    position: fixed;
    z-index: 40;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr);
    gap: 8px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    background: rgba(249, 251, 248, 0.96);
    border-top: 1px solid rgba(68, 88, 74, .13);
    box-shadow: 0 -8px 20px rgba(55, 73, 59, .08);
    backdrop-filter: blur(16px);
  }
  .composer-action-bar .button { min-width: 0; min-height: 48px; padding-inline: 9px; font-size: 12px; }
}
@media (max-width: 360px) {
  .header-actions .button { padding-inline: 12px; }
  .intro__actions { align-items: stretch; flex-direction: column; gap: 6px; }
  .intro__actions .button { width: 100%; }
  .feed-grid { grid-template-columns: 1fr; }
  .feed-card { display: grid; grid-template-columns: 118px 1fr; }
  .feed-card__media { aspect-ratio: auto; min-height: 132px; }
  .create-dialog { padding-inline: 10px; }
  .create-dialog__header h1 { font-size: 24px; }
  .create-option { grid-template-columns: 34px minmax(0, 1fr) 24px; padding-inline: 9px; }
  .create-option__icon { width: 34px; height: 34px; font-size: 19px; }
  .create-option__badge { padding-inline: 5px; font-size: 9px; }
  .composer-header-status { display: none; }
  .composer-editor, .composer-preview { padding: 16px; }
  .composer-panel-heading { gap: 10px; }
  .composer-panel-heading h2 { font-size: 23px; }
  .composer-draft-badge { padding-inline: 7px; }
  .composer-action-bar .button { font-size: 11px; }
}

@media (max-width: 860px) {
  .help-composer-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .help-composer-heading { max-width: 650px; }
  .help-view-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin-top: var(--space-5);
    padding: 4px;
    background: rgba(229, 236, 229, 0.72);
    border: 1px solid rgba(111, 139, 116, 0.28);
    border-radius: var(--radius-xs);
  }
  .help-view-toggle button { min-height: 44px; padding: 0 12px; color: var(--ink-soft); background: transparent; border: 1px solid transparent; border-radius: 10px; font-size: 13px; font-weight: 800; }
  .help-view-toggle button[aria-selected="true"] { color: var(--forest); background: rgba(255, 255, 255, 0.82); border-color: rgba(111, 139, 116, 0.3); }
  .help-composer-layout { display: block; }
  .help-preview { display: none; position: static; margin-top: 0; }
  body[data-help-view="preview"] .help-editor { display: none; }
  body[data-help-view="preview"] .help-preview { display: block; }
  .help-preview__media { display: none; }
  .help-measurement-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .help-f03-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  body[data-page="help-composer"] .site-header { display: none; }
  .help-composer-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(104px + env(safe-area-inset-bottom)); }
  .help-composer-heading { display: none; }
  .help-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .help-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 22px; }
  .help-mobile-header strong { color: var(--forest); font-size: 15px; }
  .help-mobile-header span { min-height: 27px; display: inline-flex; align-items: center; padding: 0 8px; color: var(--moss-strong); border: 1px solid rgba(111, 139, 116, 0.38); border-radius: 999px; font-size: 10px; font-weight: 800; }
  .help-view-toggle, .help-composer-status { display: none; }
  .help-composer-layout { margin-top: 0; }
  .help-editor, .help-preview { padding: 18px 2px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .help-panel-heading { align-items: center; }
  .help-panel-heading h2 { font-size: 24px; }
  .help-draft-badge { min-height: 26px; padding-inline: 8px; }
  .help-editor-lede { margin-top: 8px; font-size: 11px; }
  .help-stepper { gap: 4px; margin-top: 16px; }
  .help-stepper button { min-height: 44px; display: grid; place-items: center; padding: 4px 2px; font-size: 9px; line-height: 1.15; text-align: center; overflow-wrap: anywhere; }
  .help-stepper__number, .help-stepper__full { display: none; }
  .help-stepper__short { display: block; }
  .help-step-panel { margin-top: 20px; padding: 16px; background: rgba(234, 242, 233, 0.82); border: 1px solid rgba(111, 139, 116, 0.28); border-radius: var(--radius-sm); }
  .help-step-copy h3 { font-size: 21px; }
  .help-step-copy > p:not(.eyebrow) { font-size: 11px; }
  .help-field { margin-top: var(--space-4); }
  .help-field input, .help-field textarea, .help-field select, .help-measurement select { padding: 11px; }
  .help-field textarea { min-height: 120px; }
  .help-measurement-grid { grid-template-columns: 1fr; gap: 8px; margin-top: var(--space-4); }
  .help-measurement { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
  .help-measurement > span { display: block; }
  .help-measurement select { width: auto; min-width: 105px; min-height: 40px; margin: 0; padding: 7px; font-size: 13px; text-align: right; }
  .help-inline-note, .help-supplement, .help-protection, .help-health-prompt { margin-top: 10px; padding: 10px; font-size: 11px; }
  .help-photo-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: var(--space-4); }
  .help-photo--ready, .help-add-photo { display: none; }
  .help-photo--failed { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 9px; }
  .help-photo--failed .help-photo__media { grid-column: 1; grid-row: 1 / span 2; width: 78px; height: 78px; }
  .help-photo--failed > p { min-height: 0; align-self: end; padding: 3px 0; font-size: 11px; }
  .help-photo--failed .button { width: 100%; min-height: 44px; align-self: start; margin: 0; padding-inline: 9px; }
  .help-public-fields { grid-template-columns: 1fr; gap: 2px; margin-top: var(--space-4); padding: 10px; }
  .help-public-fields label { min-height: 40px; }
  .help-inline-preview { display: block; }
  .help-editor-actions { display: none; }
  .help-preview { padding-top: 16px; }
  .help-preview__post h3 { font-size: 27px; }
  .help-preview__measurements { grid-template-columns: 1fr; }
  .help-preview__submit { display: none; }
  .help-f03 { display: none; }
  .help-action-bar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr); gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(249, 251, 248, 0.96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .help-action-bar .button { min-width: 0; min-height: 48px; padding-inline: 9px; font-size: 12px; }
}

@media (max-width: 360px) {
  .help-mobile-header strong { font-size: 14px; }
  .help-panel-heading h2 { font-size: 22px; }
  .help-stepper { gap: 3px; }
  .help-stepper button { min-height: 42px; padding-inline: 1px; font-size: 8px; }
  .help-step-panel { padding: 14px; }
  .help-action-bar .button { font-size: 11px; }
}

/* S08 · 宽屏作者等待、平板回答者已有回复、手机作者已采纳；所有动态状态仅为本页预览。 */
@media (max-width: 1160px) {
  .help-detail-layout { grid-template-columns: minmax(0, 1fr) minmax(250px, 290px); }
  .help-detail-rail--left { display: none; }
  .help-detail-f03-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .help-detail-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .help-detail-heading { max-width: 680px; }
  .help-detail-modebar { grid-template-columns: 1fr; gap: 12px; }
  .help-detail-modebar__controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .help-detail-role-tabs, .help-detail-scenario-tabs { grid-template-columns: 1fr; }
  .help-detail-layout { display: block; }
  .help-detail-side { position: static; margin-top: var(--space-5); }
  .help-detail-f03-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="help-detail"] .site-header { display: none; }
  .help-detail-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(112px + env(safe-area-inset-bottom)); }
  .help-detail-heading, .help-detail-modebar__intro, .help-detail-scenario-tabs { display: none; }
  .help-detail-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .help-detail-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 22px; }
  .help-detail-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .help-detail-mobile-header span { min-height: 27px; display: inline-flex; align-items: center; padding: 0 8px; color: var(--moss-strong); border: 1px solid rgba(111, 139, 116, .38); border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; }
  .help-detail-modebar { display: block; margin-top: 8px; padding: 0; background: transparent; border: 0; box-shadow: none; }
  .help-detail-modebar__controls { display: block; }
  .help-detail-role-tabs { display: none; }
  .help-detail-status { min-height: 0; margin-top: 6px; font-size: 11px; }
  .help-detail-layout { margin-top: var(--space-3); }
  .help-detail-post { padding: 18px; border-radius: var(--radius-sm); }
  .help-detail-post__header { gap: 8px; }
  .help-detail-post__scope { display: none; }
  .help-detail-post h2 { margin-top: 14px; font-size: 27px; line-height: 1.25; }
  .help-detail-post__meta { font-size: 11px; }
  .help-detail-media { margin-top: var(--space-4); border-radius: var(--radius-xs); }
  .help-detail-media img { aspect-ratio: 1.28; }
  .help-detail-facts { grid-template-columns: 1fr; gap: 7px; margin-top: var(--space-4); }
  .help-detail-facts > div { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
  .help-detail-facts dd { margin: 0; text-align: right; }
  .help-detail-copy { gap: 8px; margin-top: var(--space-4); }
  .help-detail-copy p { font-size: 13px; line-height: 1.7; }
  .help-detail-health, .help-detail-boundary { margin-top: 12px; padding: 10px; font-size: 11px; }
  .help-detail-post__actions { margin-top: var(--space-4); }
  .help-detail-post__actions .button { width: 100%; }
  .help-detail-post__actions > span { width: 100%; }
  .help-detail-replies { margin-top: var(--space-5); }
  .help-detail-section-heading { display: block; }
  .help-detail-section-heading h2 { font-size: 24px; }
  .help-detail-section-heading > p { max-width: none; margin-top: 7px; text-align: left; }
  .help-detail-empty { grid-template-columns: 26px minmax(0, 1fr); padding: 14px; }
  .help-detail-reply { padding: 15px; }
  .help-detail-reply__header { gap: 8px; }
  .help-detail-reply__actions { display: grid; grid-template-columns: 1fr; }
  .help-detail-reply__actions .button, .help-detail-remove { width: 100%; }
  .help-detail-response-entry { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px; }
  .help-detail-response-entry .button { width: 100%; }
  .help-detail-side { margin-top: var(--space-4); padding: 16px; border-radius: var(--radius-sm); }
  .help-detail-f03 { display: none; }
  .help-detail-mobile-bar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.28fr); gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .help-detail-mobile-bar .button { min-width: 0; min-height: 48px; padding-inline: 9px; font-size: 11px; line-height: 1.25; overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .help-detail-mobile-header strong { font-size: 14px; }
  .help-detail-mobile-header span { padding-inline: 6px; font-size: 9px; }
  .help-detail-post { padding: 15px; }
  .help-detail-post h2 { font-size: 24px; }
  .help-detail-mobile-bar .button { font-size: 10px; }
}

/* S09 · D 图文并列，T 收束单列表单，M 保持 44px 热区与安全区上方返回操作。 */
@media (max-width: 1180px) {
  .login-workbench { grid-template-columns: minmax(258px, .7fr) minmax(0, 1.3fr); }
  .login-brand-guidance__media { min-height: 330px; }
  .login-f01-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .login-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .login-heading { max-width: 650px; }
  .login-workbench { display: block; width: min(100%, 670px); margin-inline: auto; padding: 16px; }
  .login-brand-guidance { display: grid; grid-template-columns: 142px minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px; }
  .login-brand-guidance__media { min-height: 146px; height: 146px; }
  .login-brand-guidance__copy { gap: 5px; padding: 0; }
  .login-brand-guidance__copy h2 { font-size: 23px; }
  .login-brand-guidance__promise { margin-top: 3px; padding: 9px; }
  .login-form-panel { padding: 18px 2px 2px; }
  .login-return-context { margin-top: var(--space-4); }
  .login-f01-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="login"] .site-header { display: none; }
  .login-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(116px + env(safe-area-inset-bottom)); }
  .login-heading { display: none; }
  .login-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .login-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 22px; }
  .login-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .login-mobile-header span { min-height: 27px; display: inline-flex; align-items: center; max-width: 96px; padding: 0 8px; color: var(--moss-strong); border: 1px solid rgba(111, 139, 116, .38); border-radius: 999px; font-size: 10px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
  .login-workbench { display: block; width: auto; margin-top: 8px; padding: 0; background: transparent; border: 0; box-shadow: none; }
  .login-brand-guidance { grid-template-columns: 84px minmax(0, 1fr); gap: 10px; padding: 9px; border-radius: var(--radius-sm); }
  .login-brand-guidance__media { min-height: 86px; height: 86px; border-radius: 10px; }
  .login-brand-guidance__media figcaption { display: none; }
  .login-brand-guidance__copy { gap: 3px; }
  .login-brand-guidance__copy .eyebrow { font-size: 9px; }
  .login-brand-guidance__copy h2 { font-size: 16px; line-height: 1.3; }
  .login-brand-guidance__copy > p:not(.eyebrow) { font-size: 10px; line-height: 1.48; }
  .login-brand-guidance__promise { display: none; }
  .login-form-panel { margin-top: 10px; padding: 16px; background: rgba(239, 247, 238, .77); border: 1px solid var(--glass-border); border-radius: var(--radius-sm); box-shadow: var(--shadow-soft); backdrop-filter: blur(18px) saturate(105%); }
  .login-form-panel h2 { font-size: 24px; line-height: 1.26; }
  .login-form-panel__intro { margin-top: 6px; font-size: 11px; line-height: 1.55; }
  .login-return-context { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px; margin-top: 12px; padding: 10px; }
  .login-return-context h3 { font-size: 13px; line-height: 1.4; }
  .login-return-context__tag { max-width: 86px; padding-inline: 6px; font-size: 9px; }
  .login-return-context > p { font-size: 10px; line-height: 1.5; }
  .login-field { margin-top: 14px; }
  .login-field input { min-height: 44px; padding: 10px 11px; }
  .login-send-row { display: grid; grid-template-columns: 1fr; margin-top: 10px; }
  .login-send-row .button { width: 100%; min-height: 44px; }
  .login-code-panel { margin-top: 14px; }
  .login-code-line { gap: 18px; }
  .login-code-cells { gap: 5px; max-width: none; }
  .login-code-cells input { min-height: 42px; font-size: 15px; }
  .login-verified-badge { min-height: 27px; padding-inline: 7px; font-size: 9px; }
  .login-code-panel__hint { font-size: 9px; line-height: 1.45; }
  .login-inline-state, .login-no-write, .login-account-boundary { margin-top: 8px; padding: 10px; font-size: 10px; line-height: 1.5; }
  .login-status { min-height: 0; margin-top: 8px; font-size: 10px; }
  .login-form-actions, .login-f01 { display: none; }
  .login-mobile-action-bar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.26fr); gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .login-mobile-action-bar .button { min-width: 0; min-height: 48px; padding-inline: 8px; font-size: 11px; line-height: 1.25; overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
  .login-mobile-header strong { font-size: 14px; }
  .login-mobile-header span { max-width: 78px; padding-inline: 6px; font-size: 9px; }
  .login-brand-guidance { grid-template-columns: 76px minmax(0, 1fr); }
  .login-brand-guidance__media { min-height: 78px; height: 78px; }
  .login-brand-guidance__copy h2 { font-size: 15px; }
  .login-form-panel { padding: 14px; }
  .login-code-line { gap: 18px; }
  .login-code-cells { gap: 4px; }
  .login-code-cells input { min-height: 40px; font-size: 14px; }
  .login-verified-badge { padding-inline: 6px; font-size: 8px; }
  .login-mobile-action-bar .button { font-size: 10px; }
}

/* S10 · D 三栏公开搜索，T 单主栏，M 紧凑条件与五项文字底栏。 */
@media (max-width: 1180px) {
  .search-layout { grid-template-columns: 154px minmax(0, 1fr) minmax(218px, 242px); }
  .search-f06-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .search-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .search-heading { max-width: 650px; }
  .search-workbench { width: min(100%, 670px); margin-inline: auto; padding: 16px; }
  .search-layout { display: block; }
  .search-filter-rail { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 8px; align-items: stretch; margin-top: var(--space-4); padding: 12px; }
  .search-filter-rail .rail__label { display: none; }
  .search-filter-rail__section { min-width: 0; padding: 0 9px 0 0; border: 0; border-right: 1px solid rgba(111, 139, 116, .2); }
  .search-filter-rail__section strong { font-size: 11px; }
  .search-filter-rail__section span { font-size: 10px; }
  .search-filter-rail__private { display: none; }
  .search-filter-rail > .button { width: auto; min-width: 98px; margin: 0; }
  .search-main-column { margin-top: var(--space-5); }
  .search-scope-rail { display: none; }
  .search-f06-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="search"] .site-header { display: none; }
  .search-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .search-heading { display: none; }
  .search-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .search-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 12px; font-weight: 800; }
  .search-mobile-header a:first-child { font-size: 22px; }
  .search-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .search-workbench { width: auto; margin-top: 8px; padding: 0; background: transparent; border: 0; box-shadow: none; }
  .search-toolbar { display: block; padding: 0; background: transparent; border: 0; }
  .search-input-wrap { min-height: 46px; }
  .search-toolbar__submit { display: none; }
  .search-tabs { gap: 3px; margin-top: 8px; padding: 3px; border-radius: 10px; }
  .search-tabs button { min-height: 44px; padding: 5px 1px; font-size: 10px; }
  .search-tabs button span { display: none; }
  .search-toolbar__filters { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 6px; margin-top: 8px; }
  .search-public-scope, .search-current-filter { min-height: 25px; padding-inline: 7px; font-size: 9px; }
  .search-toolbar__filters .button { min-height: 44px; padding-inline: 8px; font-size: 10px; }
  .search-toolbar__filters [data-search-scope] { display: none; }
  .search-toolbar__filters .button--secondary { margin-left: 0; width: 100%; }
  .search-status { min-height: 0; margin-top: 7px; font-size: 10px; }
  .search-filter-rail, .search-scope-rail { display: none; }
  .search-main-column { margin-top: var(--space-4); }
  .search-results-heading { display: block; padding: 0 2px; }
  .search-results-heading h2 { font-size: 22px; line-height: 1.32; }
  .search-results-heading > p { max-width: none; margin-top: 5px; font-size: 10px; text-align: left; }
  .search-result-group { margin-top: var(--space-4); }
  .search-result-group > header { margin-bottom: 6px; }
  .search-result-group h3 { font-size: 14px; }
  .search-result-card { grid-template-columns: 90px minmax(0, 1fr); gap: 10px; padding: 9px; border-radius: var(--radius-xs); }
  .search-result-card__media { min-height: 90px; }
  .search-result-card__chips { gap: 4px; }
  .search-result-card__chips span { min-height: 20px; padding-inline: 6px; font-size: 8px; }
  .search-result-card h4 { margin-top: 6px; font-size: 13px; line-height: 1.35; }
  .search-result-card p { margin-top: 4px; font-size: 10px; line-height: 1.48; }
  .search-result-card small { margin-top: 5px; font-size: 9px; }
  .search-result-card--copy { min-height: 0; padding: 12px; }
  .search-result-card--user { grid-template-columns: 36px minmax(0, 1fr); min-height: 0; }
  .search-user-avatar { width: 32px; height: 32px; font-size: 12px; }
  .search-skeleton { min-height: 220px; margin-top: var(--space-4); padding: 14px; }
  .search-skeleton span { height: 48px; }
  .search-empty, .search-error { margin-top: var(--space-4); padding: 14px; }
  .search-empty h3, .search-error h3 { font-size: 18px; }
  .search-empty p, .search-error p, .search-private-note { font-size: 10px; line-height: 1.55; }
  .search-empty .button, .search-error .button { width: 100%; }
  .search-private-note { margin-top: var(--space-4); padding: 10px; }
  .search-mobile-rules { display: grid; gap: 7px; margin-top: var(--space-4); }
  .search-mobile-rules > div { display: grid; gap: 2px; padding: 10px; color: var(--ink-soft); background: rgba(229, 236, 229, .56); border: 1px solid rgba(111, 139, 116, .25); border-radius: 10px; font-size: 10px; line-height: 1.5; }
  .search-mobile-rules strong { color: var(--forest); }
  .search-f06 { display: none; }
  .search-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .search-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .search-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .search-mobile-nav__active { color: var(--forest) !important; }
  .search-mobile-nav__create { color: var(--forest) !important; }
  .search-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width: 360px) {
  .search-mobile-header strong { font-size: 14px; }
  .search-tabs button { font-size: 9px; }
  .search-toolbar__filters { gap: 4px; }
  .search-public-scope, .search-current-filter { padding-inline: 5px; font-size: 8px; }
  .search-toolbar__filters .button { padding-inline: 5px; font-size: 9px; }
  .search-result-card { grid-template-columns: 82px minmax(0, 1fr); }
  .search-result-card__media { min-height: 82px; }
  .search-mobile-nav a { font-size: 8px; }
}

/* S11 · D 四类图鉴与三维筛选，T 保留搜索交接，M 将说明固定到独立信息轨道。 */
@media (max-width: 1180px) {
  .species-layout { grid-template-columns: 154px minmax(0, 1fr) minmax(208px, 234px); }
  .species-card-grid { gap: 10px; }
  .species-list-card { grid-template-columns: 94px minmax(0, 1fr); gap: 10px; }
  .species-list-card__media { min-height: 128px; }
  .species-f11-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .species-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .species-heading { max-width: 650px; }
  .species-workbench { width: min(100%, 670px); margin-inline: auto; padding: 16px; }
  .species-layout { display: block; }
  .species-filter-rail { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 8px; align-items: stretch; margin-top: var(--space-4); padding: 12px; }
  .species-filter-rail .rail__label { display: none; }
  .species-filter-rail__section { min-width: 0; padding: 0 9px 0 0; border: 0; border-right: 1px solid rgba(111, 139, 116, .2); }
  .species-filter-rail__section strong { font-size: 11px; }
  .species-filter-rail__section span { font-size: 10px; }
  .species-filter-rail__section button { min-height: 44px; padding-inline: 7px; font-size: 9px; }
  .species-filter-rail__scope { display: none; }
  .species-filter-rail > .button { width: auto; min-width: 98px; margin: 0; }
  .species-main-column { margin-top: var(--space-5); }
  .species-scope-rail { display: none; }
  .species-card-grid { grid-template-columns: 1fr; }
  .species-list-card { grid-template-columns: 118px minmax(0, 1fr); }
  .species-list-card__media { min-height: 140px; }
  .species-f11-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="species"] .site-header { display: none; }
  .species-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .species-heading { display: none; }
  .species-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .species-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 12px; font-weight: 800; }
  .species-mobile-header a:first-child { font-size: 22px; }
  .species-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .species-workbench { width: auto; margin-top: 8px; padding: 0; background: transparent; border: 0; box-shadow: none; }
  .species-toolbar { display: block; padding: 0; background: transparent; border: 0; }
  .species-input-wrap { min-height: 46px; }
  .species-toolbar__submit { display: none; }
  .species-categories { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 8px; padding: 3px; border-radius: 10px; }
  .species-categories button { min-height: 44px; flex: 1 1 auto; padding: 5px 7px; font-size: 10px; }
  .species-categories button:nth-child(3) { flex-basis: 82px; }
  .species-categories button span { display: none; }
  .species-toolbar__conditions { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 6px; margin-top: 8px; }
  .species-public-scope, .species-current-category { min-height: 25px; padding-inline: 7px; font-size: 9px; }
  .species-toolbar__conditions .button { min-height: 44px; padding-inline: 8px; font-size: 10px; }
  .species-toolbar__conditions .button--secondary { grid-column: 1 / -1; width: 100%; margin-left: 0; }
  .species-status { min-height: 0; margin-top: 7px; font-size: 10px; }
  .species-filter-rail, .species-scope-rail { display: none; }
  .species-main-column { margin-top: var(--space-4); }
  .species-mobile-filter-panel { display: grid; gap: 8px; margin-bottom: var(--space-4); padding: 12px; border-radius: var(--radius-xs); }
  .species-mobile-filter-panel > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--forest); font-size: 12px; }
  .species-mobile-filter-panel > div:first-child button { min-height: 36px; padding: 3px 8px; color: var(--forest); background: transparent; border: 1px solid rgba(111, 139, 116, .28); border-radius: 999px; font-size: 10px; font-weight: 800; }
  .species-mobile-filter-panel > p { color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
  .species-mobile-filter-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .species-mobile-filter-actions button { min-width: 0; min-height: 44px; padding: 5px 3px; color: #824419; background: rgba(249, 239, 231, .65); border: 1px solid rgba(188, 111, 60, .27); border-radius: 9px; font-size: 9px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
  .species-mobile-filter-actions button[aria-pressed="true"] { color: #fff8f1; background: #9b633d; border-color: #9b633d; }
  .species-results-heading { display: block; padding: 0 2px; }
  .species-results-heading h2 { font-size: 22px; line-height: 1.32; }
  .species-results-heading > p { max-width: none; margin-top: 5px; font-size: 10px; text-align: left; }
  .species-card-grid { grid-template-columns: 1fr; gap: 9px; margin-top: var(--space-4); }
  .species-list-card { min-height: 156px; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; padding: 9px; border-radius: var(--radius-xs); }
  .species-list-card__media { min-height: 138px; }
  .species-list-card__copy { align-self: stretch; align-content: start; gap: 3px; }
  .species-list-card__category { min-height: 20px; padding-inline: 6px; font-size: 8px; }
  .species-list-card h3 { margin-top: 3px; font-size: 13px; line-height: 1.3; }
  .species-list-card__latin { font-size: 9px; line-height: 1.4; }
  .species-list-card__tags { gap: 3px; margin-top: 2px; }
  .species-list-card__tags span { min-height: 19px; padding-inline: 5px; font-size: 8px; }
  .species-list-card__meta-rail { min-height: 35px; margin-top: 3px; padding: 6px 7px; font-size: 8px; line-height: 1.4; }
  .species-unknown-note, .species-handoff-note { gap: 3px; margin-top: var(--space-4); padding: 10px; font-size: 10px; line-height: 1.5; }
  .species-unknown-note strong, .species-handoff-note strong { font-size: 10px; }
  .species-no-match { margin-top: var(--space-4); padding: 14px; }
  .species-no-match h3 { font-size: 18px; }
  .species-no-match > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .species-no-match > div { display: grid; grid-template-columns: 1fr; }
  .species-no-match .button { width: 100%; }
  .species-f11 { display: none; }
  .species-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .species-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .species-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .species-mobile-nav__active { color: var(--forest) !important; }
  .species-mobile-nav__create { color: var(--forest) !important; }
  .species-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width: 360px) {
  .species-mobile-header strong { font-size: 14px; }
  .species-categories button { padding-inline: 5px; font-size: 9px; }
  .species-categories button:nth-child(3) { flex-basis: 78px; }
  .species-toolbar__conditions { gap: 4px; }
  .species-public-scope, .species-current-category { padding-inline: 5px; font-size: 8px; }
  .species-toolbar__conditions .button { padding-inline: 5px; font-size: 9px; }
  .species-list-card { grid-template-columns: 82px minmax(0, 1fr); }
  .species-list-card__media { min-height: 138px; }
  .species-list-card__meta-rail { font-size: 8px; }
  .species-mobile-nav a { font-size: 8px; }
}

/* S12 · D 来源栏，T 单主栏，M 将目录和资料范围固定为连续阅读轨道。 */
@media (max-width: 1180px) {
  .species-detail-layout { grid-template-columns: minmax(0, 1fr) minmax(220px, 244px); }
  .species-detail-hero { grid-template-columns: minmax(190px, .74fr) minmax(0, 1fr); }
  .species-detail-f12-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .species-detail-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .species-detail-heading { max-width: 650px; }
  .species-detail-layout { display: block; max-width: 670px; margin-inline: auto; }
  .species-detail-source-rail { position: static; margin-top: var(--space-5); }
  .species-detail-source-list { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .species-detail-f12-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="species-detail"] .site-header { display: none; }
  .species-detail-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .species-detail-heading { display: none; }
  .species-detail-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .species-detail-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 10px; font-weight: 800; }
  .species-detail-mobile-header a:first-child { font-size: 22px; }
  .species-detail-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .species-detail-context { gap: 6px; margin-top: 8px; font-size: 10px; }
  .species-detail-context a { min-height: 44px; padding-inline: 8px; font-size: 10px; }
  .species-detail-status { min-height: 0; margin-top: 6px; font-size: 10px; }
  .species-detail-layout { margin-top: var(--space-3); }
  .species-detail-hero { grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 10px; border-radius: var(--radius-xs); }
  .species-detail-hero__media { min-height: 122px; }
  .species-detail-hero__media figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .species-detail-hero__copy { gap: 4px; padding: 0; }
  .species-detail-hero__category { min-height: 20px; padding-inline: 6px; font-size: 8px; }
  .species-detail-hero h1 { font-size: 20px; line-height: 1.25; }
  .species-detail-hero__latin { font-size: 9px; line-height: 1.4; }
  .species-detail-hero__source { font-size: 9px; line-height: 1.45; }
  .species-detail-directory { gap: 6px; margin-top: var(--space-4); padding: 9px; border-radius: var(--radius-xs); }
  .species-detail-directory > p { font-size: 10px; }
  .species-detail-directory > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .species-detail-directory a { min-width: 0; min-height: 44px; justify-content: center; padding: 4px 2px; font-size: 8px; text-align: center; overflow-wrap: anywhere; }
  .species-detail-fact { gap: 6px; margin-top: var(--space-4); padding: 12px; border-radius: var(--radius-xs); }
  .species-detail-fact h2, .species-detail-parameters h2, .species-detail-related h2, .species-detail-no-profile h2 { font-size: 18px; }
  .species-detail-fact > p { font-size: 11px; line-height: 1.65; }
  .species-detail-fact__source { min-height: 44px; padding-inline: 8px; font-size: 9px; }
  .species-detail-parameters { gap: 8px; margin-top: var(--space-4); padding: 13px; border-radius: var(--radius-xs); }
  .species-detail-parameters > p { font-size: 10px; line-height: 1.55; }
  .species-detail-parameters dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .species-detail-parameters dl > div { gap: 3px; padding: 9px; }
  .species-detail-parameters dt { font-size: 9px; }
  .species-detail-parameters dd { font-size: 10px; }
  .species-detail-related { gap: 7px; margin-top: var(--space-4); padding: 13px; border-radius: var(--radius-xs); }
  .species-detail-related > p:not(.species-detail-related__note), .species-detail-related__note { font-size: 10px; line-height: 1.55; }
  .species-detail-related .button, .species-detail-no-profile .button { width: 100%; }
  .species-detail-source-rail { gap: 9px; margin-top: var(--space-4); padding: 12px; border-radius: var(--radius-xs); }
  .species-detail-source-list { display: grid; grid-template-columns: 1fr; gap: 7px; }
  .species-detail-source-card { gap: 5px; padding: 10px; }
  .species-detail-source-card strong { font-size: 10px; }
  .species-detail-source-card a, .species-detail-source-card span { font-size: 9px; }
  .species-detail-source-boundary { padding: 10px; font-size: 9px; }
  .species-detail-source-boundary strong { font-size: 10px; }
  .species-detail-source-boundary span { font-size: 9px; }
  .species-detail-source-rail > .button { min-height: 44px; }
  .species-detail-f12 { display: none; }
  .species-detail-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .species-detail-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .species-detail-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .species-detail-mobile-nav__active, .species-detail-mobile-nav__create { color: var(--forest) !important; }
  .species-detail-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width: 360px) {
  .species-detail-mobile-header strong { font-size: 14px; }
  .species-detail-context { font-size: 9px; }
  .species-detail-hero { grid-template-columns: 84px minmax(0, 1fr); }
  .species-detail-hero__media { min-height: 124px; }
  .species-detail-directory a { font-size: 7px; }
  .species-detail-mobile-nav a { font-size: 8px; }
}

/* S13 · D 来源栏，T 单主栏，M 两行分类与连续阅读轨道。 */
@media (max-width: 1180px) {
  .knowledge-layout { grid-template-columns: minmax(0, 1fr) minmax(228px, 246px); }
  .knowledge-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-f05-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .knowledge-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .knowledge-heading { max-width: 650px; }
  .knowledge-toolbar { grid-template-columns: minmax(220px, 1fr) auto; }
  .knowledge-current-context { grid-column: 1 / -1; justify-self: start; }
  .knowledge-toolbar__reset { grid-column: 2; grid-row: 1; }
  .knowledge-layout { display: block; max-width: 680px; margin-inline: auto; }
  .knowledge-source-rail { position: static; margin-top: var(--space-5); }
  .knowledge-source-rail__section { grid-template-columns: minmax(0, 1fr); }
  .knowledge-f05-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="knowledge"] .site-header { display: none; }
  .knowledge-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .knowledge-heading { display: none; }
  .knowledge-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .knowledge-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 10px; font-weight: 800; }
  .knowledge-mobile-header a:first-child { font-size: 22px; }
  .knowledge-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .knowledge-workbench { margin-top: 0; padding: 12px 0 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  .knowledge-toolbar { grid-template-columns: minmax(0, 1fr) 118px; gap: 7px; }
  .knowledge-input-wrap { min-height: 44px; grid-template-columns: 20px minmax(0, 1fr) 26px; padding-left: 8px; }
  .knowledge-input-wrap input { height: 42px; font-size: 12px; }
  .knowledge-input-wrap > span { font-size: 17px; }
  .knowledge-input-wrap button { min-width: 26px; min-height: 30px; font-size: 18px; }
  .knowledge-toolbar__reset { min-height: 44px; min-width: 0; padding-inline: 6px; font-size: 10px; }
  .knowledge-current-context { min-height: 28px; padding: 3px 8px; font-size: 9px; }
  .knowledge-categories { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; margin-top: 12px; }
  .knowledge-categories button { min-height: 44px; padding: 3px 2px; border-radius: 8px; font-size: 9px; line-height: 1.3; }
  .knowledge-status { min-height: 31px; margin-top: 7px; font-size: 10px; line-height: 1.5; }
  .knowledge-layout { margin-top: 0; }
  .knowledge-results-heading { display: grid; gap: 5px; margin: 9px 1px 10px; }
  .knowledge-results-heading h2 { font-size: 19px; }
  .knowledge-results-heading > p { max-width: none; font-size: 10px; line-height: 1.55; text-align: left; }
  .knowledge-card-grid { grid-template-columns: 1fr; gap: 9px; }
  .knowledge-card { display: grid; grid-template-columns: 102px minmax(0, 1fr); min-height: 146px; border-radius: var(--radius-xs); }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) { grid-column: auto; display: grid; grid-template-columns: 102px minmax(0, 1fr); min-height: 146px; }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) .knowledge-card__media { min-height: 146px; }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) .knowledge-card__copy { padding: 10px; }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) h3 { font-size: 14px; }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) .knowledge-card__copy > p { font-size: 9px; }
  .knowledge-card-grid[data-knowledge-card-count="1"] .knowledge-card:not([hidden]) .knowledge-card__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-card__media { min-height: 146px; }
  .knowledge-card__media figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 4px; font-size: 7px; }
  .knowledge-card__copy { gap: 5px; padding: 10px; }
  .knowledge-card__chips { gap: 3px; }
  .knowledge-card__chips span { min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .knowledge-card h3 { font-size: 14px; line-height: 1.32; }
  .knowledge-card__copy > p { font-size: 9px; line-height: 1.45; }
  .knowledge-card__fields { gap: 3px; }
  .knowledge-card__fields > div { gap: 1px; padding: 4px; border-radius: 6px; }
  .knowledge-card__fields dt { font-size: 7px; }
  .knowledge-card__fields dd { font-size: 8px; }
  .knowledge-card small { display: none; }
  .knowledge-empty, .knowledge-skeleton, .knowledge-error { gap: 6px; margin-top: 9px; padding: 13px; border-radius: var(--radius-xs); }
  .knowledge-empty h3, .knowledge-error h3 { font-size: 17px; }
  .knowledge-empty > p:not(.eyebrow), .knowledge-error > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .knowledge-empty .button, .knowledge-error .button { width: 100%; font-size: 10px; }
  .knowledge-skeleton { grid-template-columns: 1fr; min-height: 174px; }
  .knowledge-skeleton > span { min-height: 28px; }
  .knowledge-skeleton > p { font-size: 10px; }
  .knowledge-mobile-boundaries { display: grid; gap: 7px; margin-top: 10px; }
  .knowledge-mobile-boundaries > div { display: grid; gap: 3px; padding: 11px; background: rgba(229, 236, 229, .64); border: 1px solid rgba(111, 139, 116, .25); border-radius: 10px; }
  .knowledge-mobile-boundaries > div:first-child { background: rgba(249, 239, 231, .7); border-color: rgba(188, 111, 60, .29); }
  .knowledge-mobile-boundaries strong { color: var(--forest); font-size: 10px; }
  .knowledge-mobile-boundaries > div:first-child strong { color: #824419; }
  .knowledge-mobile-boundaries span { color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
  .knowledge-mobile-boundaries > div:first-child span { color: #824419; }
  .knowledge-source-rail { gap: 8px; margin-top: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .knowledge-source-rail__section { gap: 4px; padding: 10px; }
  .knowledge-source-rail__section strong { font-size: 10px; }
  .knowledge-source-rail__section a, .knowledge-source-rail__section span { font-size: 9px; }
  .knowledge-source-rail > .button { min-height: 44px; font-size: 10px; }
  .knowledge-f05 { display: none; }
  .knowledge-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .knowledge-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .knowledge-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .knowledge-mobile-nav__active, .knowledge-mobile-nav__create { color: var(--forest) !important; }
  .knowledge-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width: 360px) {
  .knowledge-mobile-header strong { font-size: 14px; }
  .knowledge-toolbar { grid-template-columns: minmax(0, 1fr) 102px; }
  .knowledge-categories { gap: 4px; }
  .knowledge-categories button { font-size: 8px; }
  .knowledge-current-context { font-size: 8px; }
  .knowledge-card { grid-template-columns: 88px minmax(0, 1fr); }
  .knowledge-card__media { min-height: 148px; }
  .knowledge-card h3 { font-size: 13px; }
  .knowledge-card__copy > p { font-size: 8px; }
  .knowledge-mobile-nav a { font-size: 8px; }
}

/* S14 · D 文章与资料栏，T 单主栏，M 连续阅读与安全区收藏入口。 */
@media (max-width: 1180px) {
  .knowledge-article-layout { grid-template-columns: minmax(0, 1fr) minmax(232px, 252px); }
  .knowledge-article-f05-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .knowledge-article-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .knowledge-article-heading { max-width: 650px; }
  .knowledge-article-layout { display: block; max-width: 690px; margin-inline: auto; }
  .knowledge-article-rail { position: static; margin-top: var(--space-5); }
  .knowledge-article-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .knowledge-article-directory, .knowledge-article-source, .knowledge-article-favorite-gate { grid-column: 1 / -1; }
  .knowledge-article-f05-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body[data-page="knowledge-article"] .site-header { display: none; }
  .knowledge-article-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .knowledge-article-heading { display: none; }
  .knowledge-article-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .knowledge-article-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 10px; font-weight: 800; }
  .knowledge-article-mobile-header a:first-child { font-size: 22px; }
  .knowledge-article-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .knowledge-article-status { min-height: 30px; margin-top: 7px; font-size: 10px; line-height: 1.5; }
  .knowledge-article-layout { margin-top: 0; }
  .knowledge-article-hero { gap: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .knowledge-article-hero__context { gap: 5px; font-size: 9px; }
  .knowledge-article-hero__context a { min-height: 32px; padding-inline: 7px; }
  .knowledge-article-hero__context > span { min-height: 20px; padding-inline: 6px; font-size: 8px; }
  .knowledge-article-hero__title { gap: 4px; }
  .knowledge-article-hero__title h2 { font-size: 21px; line-height: 1.27; }
  .knowledge-article-hero__title > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .knowledge-article-source-summary { grid-template-columns: auto minmax(0, 1fr); gap: 4px 7px; padding: 9px; border-radius: 10px; }
  .knowledge-article-source-summary > span { min-height: 19px; padding-inline: 5px; font-size: 7px; }
  .knowledge-article-source-summary strong { font-size: 9px; line-height: 1.4; }
  .knowledge-article-source-summary p { font-size: 8px; line-height: 1.45; }
  .knowledge-article-source-summary small { font-size: 8px; }
  .knowledge-article-content { gap: 9px; margin-top: 9px; }
  .knowledge-article-feature-media { min-height: 210px; border-radius: var(--radius-xs); }
  .knowledge-article-feature-media figcaption, .knowledge-article-gallery figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .knowledge-article-fact { gap: 6px; padding: 12px; border-radius: var(--radius-xs); }
  .knowledge-article-fact > div { gap: 5px; }
  .knowledge-article-fact > div > span { min-height: 20px; padding-inline: 6px; font-size: 8px; }
  .knowledge-article-fact h3 { font-size: 16px; }
  .knowledge-article-fact > p { font-size: 11px; line-height: 1.63; }
  .knowledge-article-fact > a { min-height: 36px; font-size: 9px; }
  .knowledge-article-gallery { display: none; }
  .knowledge-article-skeleton, .knowledge-article-error, .knowledge-article-unavailable { gap: 6px; margin-top: 9px; padding: 13px; border-radius: var(--radius-xs); }
  .knowledge-article-skeleton { grid-template-columns: 1fr; min-height: 174px; }
  .knowledge-article-skeleton > span { min-height: 28px; }
  .knowledge-article-skeleton > p { font-size: 10px; }
  .knowledge-article-error h3, .knowledge-article-unavailable h3 { font-size: 17px; }
  .knowledge-article-error > p:not(.eyebrow), .knowledge-article-unavailable > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .knowledge-article-error .button, .knowledge-article-unavailable .button { width: 100%; font-size: 10px; }
  .knowledge-article-rail { grid-template-columns: 1fr; gap: 9px; margin-top: 10px; }
  .knowledge-article-directory, .knowledge-article-source, .knowledge-article-favorite-gate { grid-column: auto; }
  .knowledge-article-directory, .knowledge-article-parameters, .knowledge-article-source, .knowledge-article-review, .knowledge-article-favorite-gate { padding: 12px; border-radius: var(--radius-xs); }
  .knowledge-article-directory summary { min-height: 40px; font-size: 11px; }
  .knowledge-article-directory a { min-height: 40px; font-size: 10px; }
  .knowledge-article-parameters { gap: 7px; }
  .knowledge-article-parameters h3 { font-size: 16px; }
  .knowledge-article-parameters > p { font-size: 10px; line-height: 1.55; }
  .knowledge-article-parameters dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .knowledge-article-parameters dl > div { padding: 6px; }
  .knowledge-article-parameters dt { font-size: 7px; }
  .knowledge-article-parameters dd { font-size: 8px; }
  .knowledge-article-source strong, .knowledge-article-review h3, .knowledge-article-favorite-gate h3 { font-size: 12px; }
  .knowledge-article-source a, .knowledge-article-source span, .knowledge-article-review p, .knowledge-article-favorite-gate p { font-size: 9px; }
  .knowledge-article-favorite-gate .button { min-height: 44px; font-size: 10px; }
  .knowledge-article-return-notice { gap: 3px; margin-top: 10px; padding: 11px; }
  .knowledge-article-return-notice strong { font-size: 11px; }
  .knowledge-article-return-notice span { font-size: 9px; line-height: 1.55; }
  .knowledge-article-f05 { display: none; }
  .knowledge-article-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .knowledge-article-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .knowledge-article-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .knowledge-article-mobile-nav__active, .knowledge-article-mobile-nav__create { color: var(--forest) !important; }
  .knowledge-article-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width: 360px) {
  .knowledge-article-mobile-header strong { font-size: 14px; }
  .knowledge-article-hero__title h2 { font-size: 20px; }
  .knowledge-article-source-summary strong { font-size: 8px; }
  .knowledge-article-feature-media { min-height: 194px; }
  .knowledge-article-fact h3 { font-size: 15px; }
  .knowledge-article-parameters dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .knowledge-article-mobile-nav a { font-size: 8px; }
}

/* S15 · D 筛选双栏，T 单主栏，M 公开条目与安全区五项底栏。 */
@media (max-width:1180px) {
  .help-center-filter-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .help-center-filter-context { grid-column:1 / -1; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .help-center-f15-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:860px) {
  .help-center-page { min-height:calc(100svh - 68px); padding-block:var(--space-6) var(--space-9); }
  .help-center-heading { max-width:650px; }
  .help-center-workbench { width:min(100%,680px); margin-inline:auto; padding:16px; }
  .help-center-layout { display:block; max-width:680px; margin-inline:auto; }
  .help-center-rail { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:var(--space-5); }
  .help-center-rail > .button { grid-column:1 / -1; }
}
@media (max-width:640px) {
  body[data-page="help-center"] .site-header { display:none; }
  .help-center-page.page-shell { width:100%; min-height:100svh; margin:0; padding:0 12px calc(102px + env(safe-area-inset-bottom)); }
  .help-center-heading { display:none; }
  .help-center-mobile-header { min-height:58px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:8px; padding:max(8px,env(safe-area-inset-top)) 2px 8px; border-bottom:1px solid rgba(68,88,74,.13); }
  .help-center-mobile-header a { min-width:44px; min-height:44px; display:grid; place-items:center; color:var(--forest); font-size:10px; font-weight:800; }
  .help-center-mobile-header a:first-child { font-size:22px; }
  .help-center-mobile-header a:last-child { min-width:auto; max-width:78px; padding-inline:5px; color:var(--moss-strong); font-size:9px; white-space:nowrap; }
  .help-center-mobile-header strong { min-width:0; color:var(--forest); font-size:15px; overflow-wrap:anywhere; }
  .help-center-workbench { width:auto; margin-top:0; padding:12px 0 0; background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; }
  .help-center-toolbar { display:block; }
  .help-center-toolbar .eyebrow { font-size:9px; }
  .help-center-toolbar p:not(.eyebrow) { font-size:10px; line-height:1.5; }
  .help-center-toolbar__create { display:none; }
  .help-center-filter-grid { grid-template-columns:1fr; gap:9px; margin-top:10px; }
  .help-center-filter-group { gap:5px; }
  .help-center-filter-label { font-size:9px; }
  .help-center-filter-options { gap:4px; padding:3px; border-radius:11px; }
  .help-center-filter-options--species { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .help-center-filter-options--status { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .help-center-filter-options button { min-height:44px; padding:3px 4px; border-radius:8px; font-size:9px; line-height:1.28; }
  .help-center-filter-context { grid-column:auto; grid-template-columns:minmax(0,1fr) 116px; gap:7px; }
  .help-center-filter-context > span { min-height:44px; padding:4px 8px; border-radius:10px; font-size:9px; }
  .help-center-filter-context .button { min-width:0; min-height:44px; padding-inline:5px; font-size:9px; line-height:1.25; overflow-wrap:anywhere; white-space:normal; }
  .help-center-status { min-height:31px; margin-top:7px; font-size:10px; line-height:1.5; }
  .help-center-layout { margin-top:0; }
  .help-center-results-heading { display:grid; gap:5px; margin:9px 1px 10px; }
  .help-center-results-heading h2 { font-size:19px; }
  .help-center-results-heading > p { max-width:none; font-size:10px; line-height:1.55; text-align:left; }
  .help-center-card-grid { grid-template-columns:1fr; gap:9px; }
  .help-center-card,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) { grid-column:auto; display:grid; grid-template-columns:102px minmax(0,1fr); min-height:150px; border-radius:var(--radius-xs); }
  .help-center-card__media,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) .help-center-card__media { min-height:150px; }
  .help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) .help-center-card__copy,.help-center-card__copy { gap:5px; padding:10px; }
  .help-center-card__media figcaption { right:5px; bottom:5px; left:5px; min-height:18px; padding-inline:4px; font-size:7px; }
  .help-center-card__chips { gap:3px; }
  .help-center-card__chips span { min-height:18px; padding-inline:5px; font-size:7px; }
  .help-center-card h3,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) h3 { font-size:14px; line-height:1.32; }
  .help-center-card__copy > p { font-size:9px; line-height:1.45; }
  .help-center-card__facts { gap:3px; }
  .help-center-card__facts > div { gap:1px; padding:4px; border-radius:6px; }
  .help-center-card__facts dt { font-size:7px; }
  .help-center-card__facts dd { font-size:8px; }
  .help-center-card__foot { gap:3px 5px; }
  .help-center-card__foot small { display:none; }
  .help-center-card__foot a { min-height:28px; padding-inline:6px; font-size:8px; }
  .help-center-empty,.help-center-skeleton,.help-center-error { gap:6px; margin-top:9px; padding:13px; border-radius:var(--radius-xs); }
  .help-center-empty h3,.help-center-error h3 { font-size:17px; }
  .help-center-empty > p:not(.eyebrow),.help-center-error > p:not(.eyebrow) { font-size:10px; line-height:1.55; }
  .help-center-empty .button,.help-center-error .button { width:100%; font-size:10px; }
  .help-center-skeleton { grid-template-columns:1fr; min-height:174px; }
  .help-center-skeleton > span { min-height:28px; }
  .help-center-skeleton > p { font-size:10px; }
  .help-center-rail { grid-template-columns:1fr; gap:8px; margin-top:10px; padding:12px; border-radius:var(--radius-xs); }
  .help-center-rail__section { gap:4px; padding:10px; }
  .help-center-rail__section h2 { font-size:12px; }
  .help-center-rail__section p:not(.eyebrow) { font-size:9px; }
  .help-center-state-list dt,.help-center-state-list dd { font-size:8px; }
  .help-center-rail > .button { min-height:44px; font-size:10px; }
  .help-center-f15 { display:none; }
  .help-center-mobile-nav { position:fixed; z-index:40; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); min-height:calc(64px + env(safe-area-inset-bottom)); padding-bottom:env(safe-area-inset-bottom); background:rgba(249,251,248,.96); border-top:1px solid rgba(68,88,74,.13); box-shadow:0 -8px 20px rgba(55,73,59,.08); backdrop-filter:blur(16px); }
  .help-center-mobile-nav a { min-width:0; min-height:64px; display:grid; place-content:center; justify-items:center; gap:2px; color:var(--ink-faint); font-size:9px; font-weight:750; line-height:1.2; overflow-wrap:anywhere; }
  .help-center-mobile-nav a > span:first-child { font-size:18px; line-height:1; }
  .help-center-mobile-nav__active,.help-center-mobile-nav__create { color:var(--forest) !important; }
  .help-center-mobile-nav__create > span:first-child { width:28px; height:28px; display:grid; place-items:center; color:white; background:var(--forest); border-radius:50%; }
}
@media (max-width:360px) {
  .help-center-mobile-header strong { font-size:14px; }
  .help-center-mobile-header a:last-child { max-width:68px; font-size:8px; }
  .help-center-filter-options button { font-size:8px; }
  .help-center-filter-context { grid-template-columns:minmax(0,1fr) 106px; }
  .help-center-filter-context > span,.help-center-filter-context .button { font-size:8px; }
  .help-center-card,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) { grid-template-columns:88px minmax(0,1fr); }
  .help-center-card__media,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) .help-center-card__media { min-height:152px; }
  .help-center-card h3,.help-center-card-grid[data-help-center-card-count="1"] .help-center-card:not([hidden]) h3 { font-size:13px; }
  .help-center-card__copy > p { font-size:8px; }
  .help-center-mobile-nav a { font-size:8px; }
}

/* S16 · D 本人四 Tabs，T 访客公开面，M 本人四等宽 Tab 与安全区五项底栏。 */
@media (max-width:1180px) {
  .user-profile-f16-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width:860px) {
  .user-profile-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .user-profile-heading { max-width: 650px; }
  .user-profile-identity { max-width: 680px; margin-inline: auto; }
  .user-profile-layout { display: block; max-width: 680px; margin-inline: auto; }
  .user-profile-rail { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-5); }
  .user-profile-rail > .button { grid-column: 1 / -1; }
}
@media (max-width:640px) {
  body[data-page="user-profile"] .site-header { display: none; }
  .user-profile-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(102px + env(safe-area-inset-bottom)); }
  .user-profile-heading { display: none; }
  .user-profile-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .user-profile-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 10px; font-weight: 800; }
  .user-profile-mobile-header a:first-child { font-size: 22px; }
  .user-profile-mobile-header a:last-child { min-width: auto; max-width: 78px; padding-inline: 5px; color: var(--moss-strong); font-size: 9px; white-space: nowrap; }
  .user-profile-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .user-profile-identity { grid-template-columns: 54px minmax(0, 1fr); gap: 10px; margin-top: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .user-profile-avatar { width: 54px; height: 54px; box-shadow: inset 0 0 0 4px rgba(250, 253, 249, .56); }
  .user-profile-avatar::before { width: 14px; height: 14px; border-width: 1.5px; transform: translateY(5px); }
  .user-profile-avatar span { width: 27px; height: 15px; border-width: 1.5px; transform: translateY(-6px); }
  .user-profile-identity__copy .eyebrow { margin-bottom: 2px; font-size: 8px; }
  .user-profile-identity h2 { font-size: 16px; line-height: 1.32; }
  .user-profile-identity__copy > p:not(.eyebrow) { margin-top: 3px; font-size: 9px; line-height: 1.48; }
  .user-profile-metrics { gap: 3px; margin-top: 5px; }
  .user-profile-metrics span { min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .user-profile-owner-actions { display: none; }
  .user-profile-follow { grid-column: 1 / -1; width: 100%; min-height: 44px; margin-top: 2px; font-size: 10px; }
  .user-profile-status { min-height: 31px; margin-top: 7px; font-size: 10px; line-height: 1.5; }
  .user-profile-tabs { gap: 3px; margin-top: 4px; padding: 3px; border-radius: 11px; }
  .user-profile-tabs button { min-height: 44px; padding: 3px 4px; border-radius: 8px; font-size: 9px; line-height: 1.28; }
  .user-profile-layout { margin-top: 0; }
  .user-profile-content { gap: 9px; }
  .user-profile-content > section > header { display: grid; gap: 3px; margin: 8px 1px 7px; }
  .user-profile-content > section > header .eyebrow { margin-bottom: 0; font-size: 9px; }
  .user-profile-content > section > header h2 { font-size: 19px; }
  .user-profile-post-card { gap: 5px; padding: 13px; border-radius: var(--radius-xs); }
  .user-profile-post-card > span, .user-profile-collection__label { min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .user-profile-post-card h3, .user-profile-pet-card h3, .user-profile-private-pet h3, .user-profile-collection h3 { font-size: 14px; line-height: 1.32; }
  .user-profile-post-card p, .user-profile-pet-card p, .user-profile-private-pet p, .user-profile-collection p { font-size: 9px; line-height: 1.48; }
  .user-profile-post-card a, .user-profile-pet-card a, .user-profile-private-pet a { min-height: 28px; padding-inline: 6px; font-size: 8px; }
  .user-profile-pet-card, .user-profile-private-pet, .user-profile-collection { grid-template-columns: 102px minmax(0, 1fr); min-height: 150px; border-radius: var(--radius-xs); }
  .user-profile-pet-card figure, .user-profile-private-pet figure, .user-profile-collection figure, .user-profile-private-pet figure { min-height: 150px; }
  .user-profile-pet-card figcaption, .user-profile-private-pet figcaption, .user-profile-collection figcaption { right: 5px; bottom: 5px; left: 5px; min-height: 18px; padding-inline: 4px; font-size: 7px; }
  .user-profile-pet-card > div, .user-profile-private-pet__copy, .user-profile-collection__copy { gap: 5px; padding: 10px; }
  .user-profile-chip-row { gap: 3px; }
  .user-profile-chip-row span { min-height: 18px; padding-inline: 5px; font-size: 7px; }
  .user-profile-empty, .user-profile-error { gap: 6px; margin-top: 9px; padding: 13px; border-radius: var(--radius-xs); }
  .user-profile-empty h3, .user-profile-error h3 { font-size: 17px; }
  .user-profile-empty > p:not(.eyebrow), .user-profile-error > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .user-profile-empty .button, .user-profile-error .button { width: 100%; font-size: 10px; }
  .user-profile-rail { grid-template-columns: 1fr; gap: 8px; margin-top: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .user-profile-rail section { gap: 4px; padding: 10px; }
  .user-profile-rail h2 { font-size: 12px; }
  .user-profile-rail p:not(.eyebrow) { font-size: 9px; }
  .user-profile-rail > .button { min-height: 44px; font-size: 10px; }
  .user-profile-f16 { display: none; }
  .user-profile-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .user-profile-mobile-nav a { min-width: 0; min-height: 64px; display: grid; place-content: center; justify-items: center; gap: 2px; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
  .user-profile-mobile-nav a > span:first-child { font-size: 18px; line-height: 1; }
  .user-profile-mobile-nav__active, .user-profile-mobile-nav__create { color: var(--forest) !important; }
  .user-profile-mobile-nav__create > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; color: white; background: var(--forest); border-radius: 50%; }
}
@media (max-width:360px) {
  .user-profile-mobile-header strong { font-size: 14px; }
  .user-profile-mobile-header a:last-child { max-width: 68px; font-size: 8px; }
  .user-profile-tabs button { font-size: 8px; }
  .user-profile-pet-card, .user-profile-private-pet, .user-profile-collection { grid-template-columns: 88px minmax(0, 1fr); min-height: 152px; }
  .user-profile-pet-card figure, .user-profile-private-pet figure, .user-profile-collection figure { min-height: 152px; }
  .user-profile-pet-card h3, .user-profile-private-pet h3, .user-profile-collection h3 { font-size: 13px; }
  .user-profile-pet-card p, .user-profile-private-pet p, .user-profile-collection p { font-size: 8px; }
  .user-profile-mobile-nav a { font-size: 8px; }
}

/* S17 · T 单栏校验态，M 专注编辑与安全区保存条。 */
@media (max-width:1180px) {
  .profile-edit-f17-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width:860px) {
  .profile-edit-page { min-height: calc(100svh - 68px); padding-block: var(--space-6) var(--space-9); }
  .profile-edit-heading { max-width: 650px; }
  .profile-edit-workbench { display: block; max-width: 680px; margin-inline: auto; }
  .profile-edit-rail { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-5); }
  .profile-edit-f17 { display: none; }
}
@media (max-width:640px) {
  body[data-page="profile-edit"] .site-header { display: none; }
  .profile-edit-page.page-shell { width: 100%; min-height: 100svh; margin: 0; padding: 0 12px calc(98px + env(safe-area-inset-bottom)); }
  .profile-edit-heading { display: none; }
  .profile-edit-mobile-header { min-height: 58px; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: max(8px, env(safe-area-inset-top)) 2px 8px; border-bottom: 1px solid rgba(68, 88, 74, .13); }
  .profile-edit-mobile-header a { min-width: 44px; min-height: 44px; display: grid; place-items: center; color: var(--forest); font-size: 22px; font-weight: 800; }
  .profile-edit-mobile-header strong { min-width: 0; color: var(--forest); font-size: 15px; overflow-wrap: anywhere; }
  .profile-edit-mobile-header span { min-width: 0; max-width: 54px; color: #824419; font-size: 9px; font-weight: 800; line-height: 1.25; text-align: right; overflow-wrap: anywhere; }
  .profile-edit-workbench { margin-top: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .profile-edit-form-panel { gap: 10px; }
  .profile-edit-form-panel > header { gap: 3px; }
  .profile-edit-form-panel > header .eyebrow { font-size: 8px; }
  .profile-edit-form-panel > header h2 { font-size: 19px; }
  .profile-edit-form-panel > header > p:not(.eyebrow) { font-size: 10px; line-height: 1.54; }
  .profile-edit-status { min-height: 30px; font-size: 10px; line-height: 1.5; }
  .profile-edit-avatar-card { grid-template-columns: 62px minmax(0, 1fr); gap: 10px; padding: 12px; border-radius: var(--radius-xs); }
  .profile-edit-avatar { width: 62px; height: 62px; box-shadow: inset 0 0 0 4px rgba(250, 253, 249, .56); }
  .profile-edit-avatar::before { width: 16px; height: 16px; border-width: 1.5px; transform: translateY(6px); }
  .profile-edit-avatar span { width: 29px; height: 16px; border-width: 1.5px; transform: translateY(-7px); }
  .profile-edit-avatar-card .eyebrow { margin-bottom: 2px; font-size: 8px; }
  .profile-edit-avatar-card h3 { font-size: 13px; }
  .profile-edit-avatar-card p:not(.eyebrow) { margin-top: 3px; font-size: 9px; line-height: 1.48; }
  .profile-edit-avatar-card .button { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 44px; font-size: 10px; }
  .profile-edit-avatar-error, .profile-edit-save-error, .profile-edit-confirmed, .profile-edit-saving, .profile-edit-leave { gap: 4px; padding: 12px; border-radius: var(--radius-xs); }
  .profile-edit-leave { width: calc(100vw - 24px); max-height: calc(100svh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .profile-edit-avatar-error strong, .profile-edit-save-error strong, .profile-edit-saving strong, .profile-edit-confirmed strong, .profile-edit-leave h3 { font-size: 12px; }
  .profile-edit-avatar-error span, .profile-edit-save-error span, .profile-edit-saving span, .profile-edit-confirmed span, .profile-edit-leave > p:not(.eyebrow) { font-size: 10px; line-height: 1.55; }
  .profile-edit-save-error .button, .profile-edit-confirmed .button { width: 100%; min-height: 44px; font-size: 10px; }
  .profile-edit-field { gap: 4px; }
  .profile-edit-field label { font-size: 10px; }
  .profile-edit-field input { min-height: 46px; padding: 10px 12px; font-size: 16px; }
  .profile-edit-field textarea { min-height: 104px; padding: 10px 12px; font-size: 16px; }
  .profile-edit-field-hint, .profile-edit-field-error { font-size: 9px; }
  .profile-edit-save-note { gap: 3px; padding: 12px; border-radius: var(--radius-xs); }
  .profile-edit-save-note strong { font-size: 11px; }
  .profile-edit-save-note span { font-size: 9px; line-height: 1.55; }
  .profile-edit-actions { display: none; }
  .profile-edit-rail { display: none; }
  .profile-edit-mobile-save-bar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(40px, .45fr) minmax(68px, .8fr) minmax(116px, 1.35fr); align-items: center; gap: 7px; min-height: calc(70px + env(safe-area-inset-bottom)); padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); background: rgba(249, 251, 248, .96); border-top: 1px solid rgba(68, 88, 74, .13); box-shadow: 0 -8px 20px rgba(55, 73, 59, .08); backdrop-filter: blur(16px); }
  .profile-edit-mobile-save-bar > span { min-width: 0; color: var(--ink-faint); font-size: 9px; font-weight: 750; line-height: 1.3; overflow-wrap: anywhere; }
  .profile-edit-mobile-save-bar .button { min-width: 0; min-height: 44px; padding-inline: 8px; font-size: 10px; white-space: nowrap; }
}
@media (max-width:360px) {
  .profile-edit-mobile-header { gap: 5px; }
  .profile-edit-mobile-header strong { font-size: 14px; }
  .profile-edit-mobile-header span { max-width: 45px; font-size: 8px; }
  .profile-edit-workbench { padding: 10px; }
  .profile-edit-avatar-card { grid-template-columns: 56px minmax(0, 1fr); gap: 8px; padding: 10px; }
  .profile-edit-avatar { width: 56px; height: 56px; }
  .profile-edit-avatar-card h3 { font-size: 12px; }
  .profile-edit-avatar-card p:not(.eyebrow) { font-size: 8px; }
  .profile-edit-mobile-save-bar { grid-template-columns: 36px 62px minmax(106px, 1fr); gap: 5px; padding-inline: 9px; }
  .profile-edit-mobile-save-bar > span { font-size: 8px; }
  .profile-edit-mobile-save-bar .button { padding-inline: 5px; font-size: 9px; }
}