/* PC community layout only. Existing forum CSS stays as the mobile/legacy layer. */
@media (min-width: 769px) {
  body[data-page="forum"]:not(.mobile-page) {
    --fm-brand: #00aceb;
    --fm-brand-hover: #009bd4;
    --fm-bg: #f7f9fc;
    --fm-surface: #fff;
    --fm-text: #172033;
    /* B1B2: alias 到 ink-muted（#667085 → #2a5f7a，对比度 4.9→7.0；forum 次级文本统一） */
    --fm-text-2: var(--ink-muted);
    --fm-muted: #5A6B7E;
    --fm-border: #e7edf3;
    background: var(--fm-bg) !important;
    color: var(--fm-text);
  }
  html:has(body[data-page="forum"]:not(.mobile-page)) { background: var(--fm-bg) !important; }

  body[data-page="forum"]:not(.mobile-page) main { padding-bottom: 56px; }
  /* Empty feed only: the right rail remains the natural height owner. */
  body[data-page="forum"]:not(.mobile-page) main:has(#post-list .empty):not(:has(#retry-posts)) { padding-bottom: 28px; }
  body[data-page="forum"]:not(.mobile-page) main:has(#retry-posts) { padding-bottom: 40px; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero { /* 2026-10-11 用户指令：底边线删除 */ background: #f5fbfe; }
  /* 版心跟随全站桌面流式画布（desktop-nav.css 的 --desktop-canvas-*），与本页 Header
     （.container.nav-inner，1440 下 1344px）同一条左右基线；旧的 1280px 封顶会让
     Hero / 工具条 / 帖子列表比 Header 左右各内缩 32px。 */
  body[data-page="forum"]:not(.mobile-page) .forum-hero-shell { /* 2026-10-11 重设计：全宽单列版心，替代 1840 旧画布 */ width: min(var(--forum-shell-max, 1500px), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))) !important; max-width: none !important; min-height: 126px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding-block: 26px; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-copy { max-width: 740px; }
  body[data-page="forum"]:not(.mobile-page) .forum-eyebrow { margin: 0 0 8px; color: var(--text-link, #00698F); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero h1 { margin: 0; color: var(--fm-text); font-size: var(--type-page-title-size); letter-spacing: -.03em; line-height: var(--type-page-title-line-height); font-weight: var(--type-page-title-weight); }
  body[data-page="forum"]:not(.mobile-page) .forum-hero p:not(.forum-eyebrow) { margin: 9px 0 0; color: var(--fm-text-2); font-size: 14px; line-height: 1.7; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
  /* 2026-10-11 用户指令：.forum-hero-action / .forum-toolbar-post 已从页面移除（发帖改为独立 CTA），旧规则废止 */

  body[data-page="forum"]:not(.mobile-page) .forum-toolbar-wrap { /* 背景与 body 同色：白条与页面灰蓝底的突变边界被用户视为「线」（2026-10-10 两轮派单），同色后静止无边界、吸顶仍遮挡 */ position: sticky; top: 66px; z-index: 40; background: #F7F9FC; }
  body[data-page="forum"]:not(.mobile-page) .forum-toolbar { width: min(var(--forum-shell-max, 1500px), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))) !important; max-width: none !important; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter { display: flex; flex: 1 1 auto; flex-direction: column; gap: 14px; min-width: 0; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-group { display: flex; flex-direction: column; gap: 9px; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-title { color: var(--fm-text); font-size: 14.5px; font-weight: 700; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-head .time { flex: 0 0 auto; color: var(--fm-muted); font-size: 12.5px; }
  /* 2026-10-11 用户指令：pills 更轻更紧凑——选中=品牌蓝强调（浅底+描边+品牌蓝字），未选中=白底轻描边，不做大面积实心色块 */
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button { flex: 0 0 auto; min-height: 30px; border: 1px solid var(--fm-border); border-radius: 999px; padding: 0 13px; background: #fff; color: var(--fm-text-2); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: color .18s ease, border-color .18s ease, background-color .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button:hover { border-color: rgba(0, 172, 235, .45); color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button.active { border-color: rgba(0, 172, 235, .5); background: #eaf8fd; color: #00698F; font-weight: 700; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button.active:hover { border-color: rgba(0, 172, 235, .65); background: #e2f5fd; color: #00698F; }
  /* 问题求助：Shared backend 的 postType=question + resolved 字段未接入，置灰禁点（2026-10-11 用户指令） */
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button.disabled { border-color: #e3e9ef; color: #b6c2cd; cursor: not-allowed; }
  body[data-page="forum"]:not(.mobile-page) .forum-filter-chips button.disabled i { font-style: normal; opacity: .85; }

  /* 右侧工具集群：共 N 条帖子 [✎ 发帖]（2026-10-11 用户指令续轮：排序已平铺为主行，
     [筛选] 弹层与主行完全重复，连同其样式一并移除） */
  body[data-page="forum"]:not(.mobile-page) .forum-toolbar-side { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; }
  body[data-page="forum"]:not(.mobile-page) .forum-toolbar-side .time { flex: 0 0 auto; color: var(--fm-muted); font-size: 12.5px; }
  /* 发帖主 CTA：平色珊瑚橙（2026-10-11 用户指令——扁平、无渐变、无重阴影，区别于页面大面积蓝） */
  body[data-page="forum"]:not(.mobile-page) .forum-compose-cta { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 20px; border: 0; border-radius: 11px; background: #F97352; color: #fff; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; transition: background-color .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-cta svg { width: 16px; height: 16px; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-cta:hover { background: #E4653F; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-cta:focus-visible { outline: 2px solid #F97352; outline-offset: 2px; }

  body[data-page="forum"]:not(.mobile-page) .forum-page-grid { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 26px; align-items: start; width: min(var(--desktop-canvas-max, 1840px), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))) !important; max-width: none !important; margin: 0 auto; padding-top: 20px; }
  body[data-page="forum"]:not(.mobile-page) .forum-feed-column { min-width: 0; }
  body[data-page="forum"]:not(.mobile-page) .forum-feed-heading { display: flex; align-items: baseline; justify-content: space-between; min-height: 26px; margin: 0 0 11px; }
  body[data-page="forum"]:not(.mobile-page) .forum-feed-heading > div { display: flex; align-items: baseline; gap: 8px; }
  body[data-page="forum"]:not(.mobile-page) .forum-feed-heading h2 { margin: 0; color: var(--fm-text); font-size: var(--type-section-title-size); line-height: var(--type-section-title-line-height); font-weight: var(--type-section-title-weight); }
  body[data-page="forum"]:not(.mobile-page) .forum-feed-heading .time { color: var(--fm-muted); font-size: 12px; }
  body[data-page="forum"]:not(.mobile-page) .feed { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  body[data-page="forum"]:not(.mobile-page) .post-list { display: grid; gap: var(--spacing-section-compact); padding: 0; }
  body[data-page="forum"]:not(.mobile-page) .post-list:has(> .b4-forum-guide) { gap: 14px; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px 24px;
    padding: 24px 28px;
    border: 1px solid var(--fm-border);
    border-radius: var(--radius-panel, 16px);
    background: var(--fm-surface);
  }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__copy { min-width: 0; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__eyebrow { display: block; margin-bottom: 6px; color: var(--text-link, #00698F); font-size: 12px; font-weight: 800; letter-spacing: .06em; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide h3 { margin: 0; color: var(--fm-text); font-size: 18px; line-height: 1.35; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide p { margin: 7px 0 0; color: var(--fm-text-2); font-size: 13px; line-height: 1.7; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__topics { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__topic,
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__compose { min-height: 34px; border-radius: 999px; padding: 0 14px; border: 1px solid var(--fm-border); background: #fff; color: #00aceb; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__topic:hover,
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__topic:focus-visible { border-color: var(--border-focus, #00aceb); color: #0092C9; }
  body[data-page="forum"]:not(.mobile-page) .b4-forum-guide__compose { grid-column: 2; justify-self: end; border-color: transparent; /* 实心蓝与首页检索按钮同款渐变、白字（2026-10-10 用户指令） */ background: linear-gradient(135deg, #00aceb, #6fd4f4); color: #fff; }
  body[data-page="forum"]:not(.mobile-page) .post { padding: 16px 18px 14px; border: 1px solid var(--fm-border); border-radius: 12px; background: var(--fm-surface); box-shadow: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .post:hover { transform: translateY(-1px); border-color: #d6e6ee; box-shadow: 0 8px 18px rgba(23,32,51,.045); }
  body[data-page="forum"]:not(.mobile-page) .post-top { margin-bottom: 9px; }
  body[data-page="forum"]:not(.mobile-page) .post .author { gap: 8px; /* B1B1: ink-muted（#344054 → #2a5f7a，8.9→7.0 仍 AA） */ color: var(--ink-muted); font-size: var(--type-meta-size); font-weight: var(--type-meta-weight); }
  body[data-page="forum"]:not(.mobile-page) .post .avatar { width: 31px; height: 31px; border: 1px solid #edf2f5; background: #f2f8fb; }
  body[data-page="forum"]:not(.mobile-page) .post h3 { margin: 0 0 7px !important; color: var(--fm-text); font-size: var(--type-item-title-size); font-weight: var(--type-item-title-weight); line-height: var(--type-item-title-line-height); }
  body[data-page="forum"]:not(.mobile-page) .post-body { max-width: 720px; margin-bottom: 7px; /* B1B1: ink-muted */ color: var(--ink-muted); font-size: var(--type-body-size); line-height: var(--type-body-line-height); }
  body[data-page="forum"]:not(.mobile-page) .post-body-toggle { margin-right: 0; color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .post-promotion-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 9px; color: var(--fm-text-2); font-size: 12px; line-height: 1.5; }
  body[data-page="forum"]:not(.mobile-page) .post-promotion-meta span::before { content: '·'; margin-right: 5px; color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .post-promotion-compliance { color: var(--fm-muted); font-size: 11px; }
  body[data-page="forum"]:not(.mobile-page) .tags { gap: 5px; }
  body[data-page="forum"]:not(.mobile-page) .tags span { padding: 3px 7px; background: #f5f8fa; color: #667085; font-size: 11px; }
  body[data-page="forum"]:not(.mobile-page) .tags .post-type-badge.promotion { border: 1px solid rgba(0,172,235,.42); background: #fff; color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .post-images { width: min(100%, 560px); gap: 8px; margin: 9px 0 10px; }
  body[data-page="forum"]:not(.mobile-page) .post-images img { max-height: 188px; border: 1px solid #edf1f4; border-radius: 8px; background: #f7fafc; }
  body[data-page="forum"]:not(.mobile-page) .post-time { margin-top: 8px; padding-top: 8px; border-top: 1px solid #f0f3f5; color: var(--fm-muted); font-size: 12px; }
  body[data-page="forum"]:not(.mobile-page) .post-discussion { margin-top: 0; padding-top: 0; border-top: 0; }
  body[data-page="forum"]:not(.mobile-page) .comment, body[data-page="forum"]:not(.mobile-page) .reply { border-bottom-color: #f0f3f5; }
  body[data-page="forum"]:not(.mobile-page) .forum-pagination { padding: 14px 0 2px; }
  body[data-page="forum"]:not(.mobile-page) .forum-pagination button { border-radius: 7px; border-color: var(--fm-border); }
  body[data-page="forum"]:not(.mobile-page) .forum-pagination button.active { background: #eaf8fd; border-color: rgba(0,172,235,.25); color: var(--fm-brand); }

  body[data-page="forum"]:not(.mobile-page) .forum-sidebar { display: grid; gap: 12px; align-content: start; position: sticky; top: 138px; }
  body[data-page="forum"]:not(.mobile-page) .forum-side-card, body[data-page="forum"]:not(.mobile-page) .forum-points-bar { border: 1px solid var(--fm-border); border-radius: var(--radius-panel); background: var(--fm-surface); box-shadow: none; }
  body[data-page="forum"]:not(.mobile-page) .forum-side-card { padding: 16px; }
  body[data-page="forum"]:not(.mobile-page) .forum-side-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-side-card h2 { margin: 0; color: var(--fm-text); font-size: 15px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-card { min-height: 148px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-card > p { margin: 8px 0 14px; color: var(--fm-text-2); font-size: 13px; line-height: 1.65; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-guest-hints { display: grid; gap: 5px; margin-top: 12px; color: var(--fm-muted); font-size: 11px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-login, body[data-page="forum"]:not(.mobile-page) .forum-community-action { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; width: 100%; border: 1px solid transparent; border-radius: 7px; /* 实心蓝与首页检索按钮同款渐变、白字（2026-10-10 用户指令） */ background: linear-gradient(135deg, #00aceb, #6fd4f4); color: #fff !important; text-decoration: none; font-size: 13px; font-weight: 700; cursor: pointer; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-user { display: flex; align-items: center; gap: 10px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-user .avatar { width: 36px; height: 36px; overflow: hidden; border-radius: 50%; background: #eff7fa; color: var(--fm-brand); display: grid; place-items: center; font-size: 14px; font-weight: 800; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-user .avatar img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-user strong { display: block; color: var(--fm-text); font-size: 14px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-user span { display: block; margin-top: 2px; color: var(--fm-muted); font-size: 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 15px 0 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-stats div { min-width: 0; padding: 0 7px; border-left: 1px solid #edf1f4; text-align: center; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-stats div:first-child { padding-left: 0; border-left: 0; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-stats strong { display: block; color: var(--fm-text); font-size: 16px; line-height: 1.25; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-stats span { color: var(--fm-muted); font-size: 11px; white-space: nowrap; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-links button, body[data-page="forum"]:not(.mobile-page) .forum-community-links a { min-height: 31px; border: 1px solid #dcebf1; border-radius: 7px; background: #fff; color: #34718a; font: inherit; font-size: 12px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-compose-links { margin-top: 8px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-checkin-state, body[data-page="forum"]:not(.mobile-page) .forum-community-notice { min-height: 18px; margin: 0 0 10px; color: var(--fm-muted); font-size: 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-community-notice { margin: 8px 0 0; color: #667085; }
  body[data-page="forum"]:not(.mobile-page) .forum-rules-list { display: grid; gap: 8px; margin: 0; padding-left: 18px; color: var(--fm-text-2); font-size: 12px; line-height: 1.55; }
  body[data-page="forum"]:not(.mobile-page) .forum-rules-list li::marker { color: var(--fm-brand); font-weight: 700; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links { display: grid; gap: 2px; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links a { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 9px 0; border-bottom: 1px solid #f0f3f5; color: inherit; text-decoration: none; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links a:last-child { border-bottom: 0; padding-bottom: 0; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links strong { /* B1B2: ink-muted */ color: var(--ink-muted); font-size: 13px; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links span { color: var(--fm-muted); font-size: 11px; }
  body[data-page="forum"]:not(.mobile-page) .forum-quick-links b { grid-row: 1 / span 2; align-self: center; color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .forum-points-bar { display: none !important; padding: 13px; }
  body[data-page="forum"]:not(.mobile-page) .forum-points-bar.is-sidebar-ready { display: block !important; }
  body[data-page="forum"]:not(.mobile-page) .forum-points-copy { display: grid; gap: 4px; }
  body[data-page="forum"]:not(.mobile-page) .forum-points-copy strong { color: var(--fm-text); }
  body[data-page="forum"]:not(.mobile-page) .forum-points-actions { justify-content: flex-start; margin-top: 8px; }

  body[data-page="forum"]:not(.mobile-page) .post-contact-card { border-color: #e3edf1; background: #f9fcfd; }
  body[data-page="forum"]:not(.mobile-page) .post-contact-card button { border-color: rgba(0,172,235,.35); color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .post-contact-card small { display: block; margin-top: 4px; color: var(--fm-muted); font-size: 11px; }
  body[data-page="forum"]:not(.mobile-page) .floating-forum-post, body[data-page="forum"]:not(.mobile-page) .floating-forum-replies { display: none !important; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet-panel { width: min(680px, calc(100vw - 56px)); max-height: min(780px, calc(100vh - 44px)); border-radius: 14px; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .tag-picker-wrap, body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .image-uploader { border-radius: 10px; background: #fafcfd; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-fields { padding: 14px 16px; border-color: rgba(15, 94, 138, .14); background: #fbfdfe; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-toggle { gap: 8px; justify-content: flex-start; color: #172033; font-size: 14px; font-weight: 600; line-height: 20px; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-toggle input { width: 16px; height: 16px; margin: 0; accent-color: #00aceb; flex: 0 0 auto; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-note { margin: 5px 0 0 24px; color: #667085; font-size: 12px; line-height: 1.55; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 12px; }
  body[data-page="forum"]:not(.mobile-page) .forum-post-sheet .contact-grid input { grid-column: 1 / -1; }

  /* 中窄桌面（≤1320）：侧栏收窄到 304px，宽度本身由画布公式自动跟随，不再单独封顶。 */
  @media (max-width: 1320px) {
    body[data-page="forum"]:not(.mobile-page) .forum-page-grid { grid-template-columns: minmax(0, 1fr) 304px; gap: 22px; }
  }
}

/* 中窄桌面（769–1180）：Header 在 desktop-nav.css 里改用 calc(100% - 32px)，
   Hero / 工具条 / 帖子列表跟随同一条基线，避免 1024 等宽度下与 Header 左右各差 11px。 */
@media (min-width: 769px) and (max-width: 1180px) {
  body[data-page="forum"]:not(.mobile-page) .forum-hero-shell,
  body[data-page="forum"]:not(.mobile-page) .forum-toolbar,
  body[data-page="forum"]:not(.mobile-page) .forum-page-grid {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }
}

/* ============================================================
   PC 社区交流重设计（2026-10-11）
   单一主内容流：Hero+搜索 → 一级类型 → 推荐/最新/待解决
   → 横向帖子信息流 → 加载更多 → 页底社区说明。右侧大侧栏废止。
   （2026-10-11 用户指令：热门话题行删除；帖子底部 tags 行删除——类型已在卡片右侧 badge 展示）
   全部规则 PC 门控；Mobile 层（mobile-forum.css）零接触。
   ============================================================ */
@media (min-width: 769px) {
  body[data-page="forum"]:not(.mobile-page) { /* 2026-10-11 用户指令：两侧间距对齐实用工具页——版心同 tools 页画布（desktop-nav 的 --desktop-canvas-*），废止 1500 封顶 */ --forum-shell-max: min(var(--desktop-canvas-max, 1840px), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))); }

  body[data-page="forum"]:not(.mobile-page) .forum-shell-wide { width: min(var(--forum-shell-max), calc(100vw - (var(--desktop-canvas-gutter, 24px) * 2))); max-width: none; margin-inline: auto; }

  /* Hero 搜索框：白胶囊 + 品牌渐变按钮（视觉语言与全站检索一致） */
  body[data-page="forum"]:not(.mobile-page) .forum-hero-search { display: flex; align-items: center; gap: 8px; width: min(880px, 100%); min-height: 52px; padding: 5px 5px 5px 16px; border: 1px solid var(--fm-border); border-radius: 999px; background: #fff; box-shadow: 0 3px 14px rgba(23, 32, 51, .05); }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-search:focus-within { border-color: rgba(0, 172, 235, .55); box-shadow: 0 3px 14px rgba(0, 172, 235, .12); }
  body[data-page="forum"]:not(.mobile-page) .forum-search-icon { width: 19px; height: 19px; flex: 0 0 auto; color: #667085; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-search input { /* 2026-10-11 用户指令：框内阴影删除——ios-glass 的 input[type=search] 全 ！important，此处以更高特异性同级覆盖 */ -webkit-appearance: none; appearance: none; flex: 1 1 auto; min-width: 0; border: 0 !important; outline: none !important; background: #fff !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; font: inherit; font-size: 14px; color: var(--fm-text) !important; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-search input::placeholder { color: #93a4b5; }
  body[data-page="forum"]:not(.mobile-page) .forum-hero-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
  body[data-page="forum"]:not(.mobile-page) .forum-search-submit { flex: 0 0 auto; min-height: 42px; padding: 0 22px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #00aceb, #6fd4f4); color: #002E3D; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: filter .18s ease, transform .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .forum-search-submit:hover { filter: brightness(.94); transform: translateY(-1px); }
  body[data-page="forum"]:not(.mobile-page) .forum-replies-sheet-title p { color: #4F6579; }

  /* 筛选区（2026-10-11 用户指令：排序下拉 + 一级类型 pills + 推荐/最新/待解决 Tab
     浓缩为「帖子类型」「排序方式」双标签组，结构见用户参考图；Mobile 下拉保留。
     续轮：第二组定稿为「排序方式」= 推荐/最热/最新发布/最新回复 四标签平铺，
     [筛选] 弹层废止（内容与主行重复）+ 珊瑚橙发帖 CTA） */

  /* 内容流与筛选区间距（2026-10-11 用户指令：热门话题行删除后收紧） */
  body[data-page="forum"]:not(.mobile-page) .forum-main { margin-top: 12px; }

  /* 横向帖子信息流卡片 */
  body[data-page="forum"]:not(.mobile-page) .post-list { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
  body[data-page="forum"]:not(.mobile-page) .post-list .post { margin: 0; }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 16px; row-gap: 0; padding: 18px 20px 14px; border: 1px solid var(--fm-border); border-radius: 16px; background: var(--fm-surface); box-shadow: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost:hover { transform: translateY(-1px); border-color: #d6e6ee; box-shadow: 0 10px 24px rgba(23, 32, 51, .05); }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost.is-deep-linked { border-color: rgba(0, 172, 235, .5); box-shadow: 0 10px 24px rgba(0, 172, 235, .1); }
  body[data-page="forum"]:not(.mobile-page) .pcpost-avatar { grid-column: 1; grid-row: 1; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-avatar .avatar { width: 44px; height: 44px; font-size: 18px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-main { grid-column: 2; grid-row: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-aside { grid-column: 3; grid-row: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-byline { display: flex; align-items: center; gap: 10px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-byline b { color: var(--fm-text); font-size: 14px; font-weight: 700; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-byline .time, body[data-page="forum"]:not(.mobile-page) .pcpost-region { color: #5A6F80; font-size: 12.5px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-title { margin: 0; color: var(--fm-text); font-size: 16.5px; font-weight: 700; line-height: 1.45; cursor: pointer; transition: color .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-title:hover { color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .pcpost-pin { display: inline-block; margin-right: 8px; padding: 1.5px 8px; border-radius: 6px; background: #ffeceb; color: #b42318; font-size: 11.5px; font-weight: 800; vertical-align: 2px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-official { display: inline-block; margin-right: 6px; padding: 1.5px 8px; border-radius: 6px; background: #e8f4ff; color: #0b63b8; font-size: 11.5px; font-weight: 800; vertical-align: 2px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-excerpt { margin: 0; color: var(--fm-muted); font-size: 13.5px; line-height: 1.65; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-actions { display: flex; align-items: center; gap: 14px; margin-top: 2px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stats { /* 2026-10-11 用户指令：互动行整体放大 */ display: flex; align-items: center; gap: 14px; color: #667085; font-size: 14.5px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat { display: inline-flex; align-items: center; gap: 6px; }
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat { border: 0; background: transparent; padding: 0; color: #667085; font: inherit; font-size: 14.5px; cursor: pointer; transition: color .18s ease; }
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat:hover { color: var(--fm-brand); }
  /* 2026-10-23 需求 09c：帖子互动行只保留一个大拇指「赞」。
     原「大拇指计数 + 纯文字赞」两个点赞入口合并为这一处：匿名/作者本人为只读计数，
     登录用户可直接点击这里点赞（不再额外渲染 .post-like 文字按钮）。 */
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat-likes { cursor: default; }
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat-likes { cursor: pointer; border-radius: 8px; margin: -4px -6px; padding: 4px 6px; }
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat-likes:hover { background: #f2fafd; color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat-likes.is-on,
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat-likes.is-on { color: #007ea9; font-weight: 600; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat-likes.is-on::before { opacity: 1; }
  body[data-page="forum"]:not(.mobile-page) button.pcpost-stat-likes[aria-pressed="true"] { background: #eaf7fd; }
  /* PC 正文切换按钮：跟随卡片内容流（居左），展开态正文保留完整宽度 */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-body-toggle { margin: 0; padding: 0; border: 0; background: transparent; color: var(--text-link, #00698F); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; align-self: flex-start; }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-body-toggle:hover { color: var(--fm-brand); }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-body.is-expanded { margin: 0; color: var(--fm-text); font-size: 13.5px; line-height: 1.75; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat::before { content: ""; width: 17px; height: 17px; background: currentColor; opacity: .75; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 10v12"/><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"/></svg>') center / contain no-repeat; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-stat-comments::before { mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>') center / contain no-repeat; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-time-full { margin-left: auto; color: #93a4b5; font-size: 12px; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-actions .post-more { margin-left: 2px; }
  /* 右侧：类型 badge + 缩略图 */
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge { display: inline-flex; flex-direction: column; align-items: center; gap: 1px; padding: 4px 12px; border: 1px solid; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.35; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge i { font-style: normal; font-size: 10.5px; font-weight: 600; opacity: .8; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge.experience { border-color: rgba(0, 172, 235, .35); background: #eaf8fd; color: #007ea9; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge.discussion { border-color: rgba(124, 92, 214, .3); background: #f3effe; color: #6d4fc4; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge.resource { border-color: rgba(15, 157, 88, .3); background: #e9f9f0; color: #0d7d47; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-badge.question { border-color: rgba(217, 119, 6, .32); background: #fff3e0; color: #b45309; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-thumb-wrap { /* display:block 重置 forum-p1.css:137 遗留的 3 列 grid（156px 容器被分 3 列、图缩到 45px） */ display: block; margin: 0; width: 156px; height: 100px; border-radius: 10px; overflow: hidden; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="forum"]:not(.mobile-page) .pcpost-thumb-wrap img:not(:first-child) { display: none; }
  /* 评论/互动展开区：跨全宽，与卡片主体分隔 */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-discussion { grid-column: 1 / -1; grid-row: 2; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--fm-border); }
  /* 2026-10-11 用户指令：评论块左右间距略小于帖子正文——正文文字左缘在头像列+gap 之后（卡片内 ~60px），
     评论左缘比它再进 10px（margin-left 50px），右侧比正文 padding 再进 10px（margin-right 10px） */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .comments { margin: 0 10px 0 50px; }
  /* 2026-10-11 用户指令：「收起评论」与评论数字同色（继承互动行灰，不再用品牌蓝） */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-discussion .post-discussion-head { margin: 10px 0 0; }
  /* 2026-10-22 用户指令：「查看更多评论」最左边与帖子标题最左侧垂直对齐。
     卡片网格首列是 44px 头像列 + 16px column-gap，标题从展开区内容盒右侧 60px 处开始；
     仅含该按钮的操作行补同样缩进（不改变按钮尺寸与右缘）。 */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .post-discussion > .post-discussion-head {
    padding-left: 60px;
  }
  /* 2026-10-11 用户指令：社区交流帖子/评论头像去除阴影（覆盖 ios-glass 全局 .avatar 投影） */
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .avatar { box-shadow: none !important; }
  body[data-page="forum"]:not(.mobile-page) .post.pcpost .pcpost-actions .post-author-menu { position: relative; }

  /* 加载更多 */
  body[data-page="forum"]:not(.mobile-page) .forum-load-more-wrap { display: flex; justify-content: center; margin-top: 16px; }
  body[data-page="forum"]:not(.mobile-page) .forum-load-more { min-height: 44px; padding: 0 34px; border: 1px solid rgba(0, 172, 235, .45); border-radius: 999px; background: #fff; color: var(--fm-brand); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background-color .18s ease, transform .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .forum-load-more:hover { background: #f2fbff; transform: translateY(-1px); }
  body[data-page="forum"]:not(.mobile-page) .forum-load-more:disabled { cursor: default; color: #93a4b5; border-color: var(--fm-border); background: #fff; transform: none; }

  /* 空状态（分场景诚实文案） */
  body[data-page="forum"]:not(.mobile-page) .post-list .empty.pc-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0; padding: 64px 32px; border: 1px dashed #d5e2ec; border-radius: 16px; background: rgba(255, 255, 255, .72); text-align: center; }
  body[data-page="forum"]:not(.mobile-page) .empty.pc-empty strong { color: var(--fm-text); font-size: 16px; }
  body[data-page="forum"]:not(.mobile-page) .empty.pc-empty p { margin: 0; color: var(--fm-muted); font-size: 13.5px; max-width: 460px; }
  body[data-page="forum"]:not(.mobile-page) .pc-empty-compose { display: inline-flex; align-items: center; min-height: 40px; margin-top: 8px; padding: 0 22px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #00aceb, #6fd4f4); color: #fff; font: inherit; font-size: 13.5px; font-weight: 700; text-decoration: none; cursor: pointer; transition: filter .18s ease, transform .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .pc-empty-compose:hover { filter: brightness(1.05); transform: translateY(-1px); }



  /* 发帖类型选择弹层 */
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker { position: fixed; inset: 0; z-index: 1500; display: none; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker.open { display: block; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .44); }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-panel { position: absolute; left: 50%; top: 22%; transform: translateX(-50%); width: min(560px, calc(100vw - 48px)); padding: 20px 22px 22px; border-radius: 18px; background: #fff; box-shadow: 0 24px 64px rgba(15, 23, 42, .22); }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-head h2 { margin: 0; color: var(--fm-text); font-size: 17px; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-close { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: #667085; font-size: 20px; line-height: 1; cursor: pointer; }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-close:hover { background: #f1f5f9; color: var(--fm-text); }
  body[data-page="forum"]:not(.mobile-page) .forum-compose-picker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  body[data-page="forum"]:not(.mobile-page) .compose-option { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border: 1px solid var(--fm-border); border-radius: 12px; background: #fff; text-align: left; font: inherit; cursor: pointer; transition: border-color .18s ease, background-color .18s ease, transform .18s ease; }
  body[data-page="forum"]:not(.mobile-page) .compose-option:hover { border-color: rgba(0, 172, 235, .55); background: #f7fcff; transform: translateY(-1px); }
  body[data-page="forum"]:not(.mobile-page) .compose-option strong { color: var(--fm-text); font-size: 14.5px; }
  body[data-page="forum"]:not(.mobile-page) .compose-option span { color: var(--fm-muted); font-size: 12.5px; line-height: 1.55; }
  body[data-page="forum"]:not(.mobile-page) .compose-option:disabled { cursor: default; opacity: .55; }
  body[data-page="forum"]:not(.mobile-page) .compose-option:disabled:hover { border-color: var(--fm-border); background: #fff; transform: none; }
}
/* Comment/reply tools sit at the right of the PC feed. Open inward so the
   picker cannot extend the document width or lose its final emoji columns. */
body[data-page="forum"]:not(.mobile-page) .comment-emoji-panel {
  left: auto;
  right: 0;
  box-sizing: border-box;
  width: min(320px, calc(100vw - 32px));
  max-width: min(320px, calc(100vw - 32px));
  grid-template-columns: repeat(8, minmax(0, 1fr));
  justify-items: center;
  max-height: min(420px, calc(100dvh - 120px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
body[data-page="forum"]:not(.mobile-page) .comment-emoji-panel[data-emoji-floating] {
  position: fixed;
  inset: auto;
  margin: 0;
}