/* ============================================================
   艾创商单 · 移动端适配（仅 max-width: 860px 生效，桌面端零改动）
   首页布局保持原样，仅：广告栏下方 80px 共创入口框 + APP 框架
   （底部 Tab / 下拉刷新 / 按压反馈 / safe-area / 页面过渡）
   ============================================================ */

@media (max-width: 860px) {

  /* ---------- 基础：vw 基准 + 安全区 ---------- */
  html { font-size: calc(100vw / 7.5); }
  body {
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
  }
  body.mobile-tab-visible { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }

  /* 可点元素最小触控区 */
  a, button, .g-btn, .btn, .collab-filter-btn, .collab-rank-more, .collab-my-projects-btn,
  .nav-notation, .notation-start, .m-btn, .collab-mini {
    min-height: 44px;
    -webkit-user-select: none; user-select: none;
  }
  /* 按压反馈 */
  .touching { transform: scale(.97); opacity: .85; transition: transform .1s ease, opacity .1s ease; }

  /* 页面进入过渡 */
  body.page-enter { animation: mobilePageIn .38s cubic-bezier(.22,.9,.3,1); }
  @keyframes mobilePageIn {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* 隐藏主站旧版底部 Tab（保留 mobile.js 的 5 项导航） */
  .mob-tabbar { display: none !important; }

  /* ---------- 底部固定 Tab 导航 ---------- */
  .mobile-tabbar {
    display: flex;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
    height: calc(58px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: rgba(16,18,22,.92);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    border-top: 1px solid rgba(255,255,255,.07);
  }
  .mt-item {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; min-height: 44px; color: rgba(230,233,236,.55);
    text-decoration: none; font-size: 10.5px; letter-spacing: .5px;
    transition: color .2s ease; cursor: pointer; border: none; background: none; font-family: inherit;
  }
  .mt-item .mt-ic { font-size: 21px; line-height: 1; }
  .mt-item.is-active { color: #5FE3C0; }
  .mt-item.is-active .mt-ic { filter: drop-shadow(0 0 8px rgba(95,227,192,.6)); }
  .mt-item:active { opacity: .7; }

  /* ---------- 下拉刷新指示器 ---------- */
  .ptr-indicator {
    position: fixed; top: 0; left: 0; right: 0; z-index: 9980;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    height: 48px; font-size: 12px; color: rgba(230,233,236,.7);
    background: rgba(13,15,18,.9); backdrop-filter: blur(8px);
    transform: translateY(-100%); transition: transform .25s ease; pointer-events: none;
  }
  .ptr-indicator.ptr-visible { transform: translateY(0); }
  .ptr-indicator.ptr-refresh { transform: translateY(0); }
  .ptr-indicator .ptr-spin {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid rgba(95,227,192,.3); border-top-color: #5FE3C0;
  }
  .ptr-indicator.ptr-refresh .ptr-spin { animation: ptrSpin .8s linear infinite; }
  @keyframes ptrSpin { to { transform: rotate(360deg); } }

  /* ============================================================
     首页 index.html：布局完全保持原样
     仅：隐藏大共创通栏 + 广告栏下方注入 80px 共创入口框
     ============================================================ */

  /* 头部安全区（不改布局尺寸，仅适配刘海） */
  .site-header { padding-top: env(safe-area-inset-top, 0px); }

  /* 共创实验室 · 完整展示面（移动端压缩版，桌面完整保留） */
  .collab-entry-hifi { display: block !important; margin: 10px 12px; border-radius: 18px; }
  .collab-entry-hifi-inner { padding: 18px 16px 14px; border-radius: 17px; }
  .collab-entry-hifi-body { flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }
  .collab-entry-hifi-left { width: 100%; }
  .collab-entry-hifi-label { font-size: 9px !important; }
  .collab-entry-hifi-title { font-size: 24px !important; margin: 8px 0 8px !important; }
  .collab-entry-hifi-sub { font-size: 11.5px !important; line-height: 1.6 !important; margin: 0 0 12px !important; max-width: none !important; }
  .collab-entry-hifi-stats { gap: 14px !important; margin-bottom: 12px !important; }
  .collab-entry-hifi-stat .num { font-size: 22px !important; }
  .collab-entry-hifi-stat .label { font-size: 10px !important; }
  .collab-entry-hifi-divider { height: 34px !important; }
  /* 团队影响力 TOP3 · 移动端显示在数据旁（填补空位） */
  .collab-entry-hifi-top3 {
    display: flex !important; flex-direction: column; gap: 6px;
    margin-left: auto; min-width: 0; flex: 1;
  }
  .collab-entry-top3-label { font-size: 9px; color: rgba(255,255,255,.45); letter-spacing: .06em; }
  .collab-entry-top3-list { display: flex; flex-direction: column; gap: 4px; }
  .collab-entry-top3-item {
    display: flex; align-items: center; gap: 7px;
    padding: 4px 8px; border-radius: 9px;
    background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07);
  }
  .collab-entry-top3-rank { font-size: 13px; flex-shrink: 0; }
  .collab-entry-top3-cover {
    width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; color: rgba(0,0,0,.55);
  }
  .collab-entry-top3-name {
    font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; min-width: 0; flex: 1;
  }
  .collab-entry-top3-inf { font-size: 10px; font-family: 'IBM Plex Mono', monospace; color: rgba(255,255,255,.5); flex-shrink: 0; }
  .collab-entry-top3-empty { font-size: 10px; color: rgba(255,255,255,.4); padding: 4px 0; }
  .collab-entry-hifi-btns { gap: 8px !important; }
  .collab-entry-hifi-btns .g-btn { flex: 1 !important; justify-content: center !important; padding: 10px 8px !important; font-size: 12px !important; text-align: center !important; }
  .collab-entry-hifi-wave, .collab-entry-hifi-cards, .collab-entry-hifi-labels { display: none !important; }
  .collab-entry-hifi-bar { height: 4px !important; }



  /* ============================================================
     共创独立页 collab.html
     ============================================================ */
  .collab-page { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }

  .collab-nav {
    position: sticky; top: 0; z-index: 999;
    flex-wrap: wrap; padding: calc(env(safe-area-inset-top, 0px) + 12px) 14px 12px;
    background: rgba(13,15,18,.85); backdrop-filter: blur(16px);
    gap: 10px;
  }
  .collab-nav-left { flex-shrink: 0; }
  .collab-nav-left .collab-logo { width: 34px; height: 34px; }
  .collab-nav-left .collab-logo-text strong { font-size: 15px; }
  .collab-nav-left .collab-logo-text em { font-size: 9px; }
  .collab-nav-center {
    order: 3; width: 100%; flex-shrink: 0;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .collab-nav-center::-webkit-scrollbar { display: none; }
  .collab-filter-btn { flex-shrink: 0; min-height: 40px; padding: 0 16px; font-size: 13px; }
  .collab-nav-right { gap: 8px; flex-shrink: 0; }
  .collab-nav-right .collab-back { display: none; }
  .collab-nav-right .g-btn { min-height: 40px; padding: 0 14px; font-size: 13px; }
  .collab-my-projects-btn { min-height: 40px; font-size: 12px; padding: 0 10px; }

  .collab-hero { padding: 24px 18px 20px; min-height: auto; flex-direction: column; align-items: stretch; gap: 14px; }
  .collab-hero-left { flex: none; width: 100%; }
  .collab-hero-title { display: block; }
  .collab-hero-sub { margin-bottom: 14px !important; max-width: none !important; }
  .collab-hero-stats { gap: 8px !important; flex-wrap: nowrap; }
  .collab-stat-card { flex: 1; min-width: 0 !important; padding: 12px 6px !important; border-radius: 12px !important; }
  .collab-stat-num { font-size: 22px !important; }
  .collab-stat-label { font-size: 9.5px !important; }
  .collab-hero-wave { flex: none; width: 100%; height: 44px !important; }
  .collab-hero-title { font-size: clamp(24px, 7.2vw, 34px) !important; line-height: 1.3 !important; }
  .collab-hero-sub { font-size: 12.5px !important; }
  .collab-hero-stats { gap: 10px; flex-wrap: nowrap; }
  .collab-stat-card { flex: 1; padding: 14px 6px; }
  .collab-stat-num { font-size: 24px !important; }
  .collab-stat-label { font-size: 11px !important; }
  .collab-hero-wave { height: 42px; opacity: .5; }

  .collab-rank-section { padding: 18px 12px; margin: 0 10px 15px; border-radius: 14px; }
  .collab-rank-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 14px; }
  .collab-rank-title { font-size: 18px !important; flex-wrap: wrap; width: 100%; gap: 6px !important; }
  .collab-rank-title .trophy { font-size: 16px !important; }
  .collab-rank-title .collab-rank-sub { display: block; width: 100%; margin-top: 3px; font-size: 10.5px; }
  .collab-rank-more { min-height: 38px; padding: 0 14px; font-size: 12px; }

  .collab-section { padding-left: 16px; padding-right: 16px; }
  .collab-grid { grid-template-columns: 1fr !important; gap: 16px; }
  /* 项目卡片高度压缩到原 1/3（移动端紧凑列表） */
  .collab-card-cover { height: 50px !important; }
  .collab-card-cover .big-char { font-size: 22px !important; }
  .collab-card-body { padding: 10px 12px !important; }
  .collab-card-title { font-size: 14px !important; margin-bottom: 4px !important; }
  .collab-card-tags { margin-bottom: 6px !important; }
  .collab-card-tags .collab-tag { font-size: 10px !important; padding: 2px 8px !important; }
  .collab-phase-dots { margin-bottom: 6px !important; gap: 6px !important; }
  .collab-phase-dot { width: 8px !important; height: 8px !important; }
  .collab-card-foot { font-size: 10.5px !important; }
  .collab-card-captain .collab-avatar { width: 18px !important; height: 18px !important; font-size: 9px !important; }
  .collab-card-body > div[style*="margin-top:10px"] { margin-top: 6px !important; }
  .collab-card-body .collab-status-badge { font-size: 10px !important; padding: 2px 9px !important; }
  .collab-section-head { flex-wrap: wrap; gap: 10px; }
  .collab-section-title { font-size: 21px !important; }
  .collab-form-select { min-height: 44px; font-size: 13px; }

  .collab-page [style*="display:flex;gap:24px"] { flex-direction: column !important; gap: 14px !important; max-width: none !important; }
  .collab-page .glass-card { width: 100%; padding: 22px 18px !important; }

  /* ============================================================
     制谱页 notation.html
     ============================================================ */
  .notation-nav {
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px;
    background: rgba(13,15,18,.85);
  }
  .notation-nav .brand strong { font-size: 15px; }
  .notation-nav .back { min-height: 40px; padding: 0 14px; font-size: 13px; }
  .notation-wrap { padding: 50px 18px 70px !important; }
  .notation-hero { margin-bottom: 15px !important; padding-top: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
  .notation-hero .notation-eyebrow { margin-bottom: 10px !important; }
  .notation-hero h1 { font-size: clamp(24px, 7vw, 34px) !important; line-height: 1.3 !important; margin-bottom: 10px !important; }
  .notation-hero p.lead { font-size: 12px !important; max-width: 340px !important; margin: 0 auto !important; line-height: 1.6 !important; }
  .notation-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin-bottom: 15px !important; }
  .notation-card { padding: 14px 10px !important; }
  .notation-card .nc-icon { width: 38px !important; height: 38px !important; border-radius: 12px !important; font-size: 17px !important; margin-bottom: 10px !important; }
  .notation-card h3 { font-size: 15px !important; margin-bottom: 6px !important; gap: 6px !important; }
  .notation-card .en { font-size: 8px !important; letter-spacing: 1px !important; }
  .notation-card p { font-size: 11px !important; line-height: 1.6 !important; }
  .notation-card .sample { margin-top: 10px !important; height: 34px !important; font-size: 11px !important; gap: 4px !important; letter-spacing: 1px !important; border-radius: 9px !important; }
  .notation-flow { flex-direction: row !important; align-items: stretch !important; gap: 2px !important; margin-bottom: 15px !important; }
  .notation-flow .flow-step { width: auto !important; flex: 1 !important; min-width: 0 !important; max-width: none !important; padding: 14px 6px !important; }
  .notation-flow .flow-step .fs-num { width: 24px !important; height: 24px !important; margin: 0 auto 8px !important; font-size: 12px !important; box-shadow: none !important; }
  .notation-flow .flow-step h4 { font-size: 12px !important; margin-bottom: 4px !important; }
  .notation-flow .flow-step p { font-size: 10px !important; line-height: 1.5 !important; }
  .notation-flow .flow-arrow { transform: none !important; margin: 0 1px !important; font-size: 13px !important; align-self: center !important; }
  .notation-cta { padding: 24px 20px !important; }
  .notation-cta h2, .notation-cta p { display: none !important; }
  .notation-start { width: 100%; justify-content: center; min-height: 52px; font-size: 16px; }
  .notation-footer { padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px)); }
  body.mobile-tab-visible .notation-wrap { padding-bottom: 40px; }

  /* ---------- 首页：Hero 四选项按钮高度各减 3px ---------- */
  .hero-cta .btn { padding-top: 10.5px !important; padding-bottom: 10.5px !important; }

  /* ---------- 首页：板块间距统一 10px ---------- */
  #view-hall > .container:first-child { padding-bottom: 0 !important; }
  #view-hall > .container:nth-child(2) { padding-top: 0 !important; }
  #adReserve { margin-top: 10px !important; margin-bottom: 0 !important; }
  .collab-entry-hifi { margin: 10px 12px 0 !important; }
  body #view-hall > .container > .spotlight { margin-top: 10px !important; margin-bottom: 0 !important; }
  .hero-cta .btn-primary { padding-top: 11.5px !important; padding-bottom: 11.5px !important; }
  .ad-slot[data-ad="mid"] { margin: 10px 0 0 !important; }
  .rc-section { margin: 10px 0 0 !important; }
  .section-head { margin-top: 10px !important; margin-bottom: 10px !important; }

  /* ---------- 共创页：发起/共创/成品 三卡 80px 同排、间距 10px ---------- */
  .collab-page [style*="display:flex;gap:24px"] { flex-direction: row !important; gap: 10px !important; max-width: none !important; align-items: stretch !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card { height: 80px !important; padding: 10px 12px !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; text-align: left !important; gap: 8px !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:first-child { font-size: 26px !important; margin-bottom: 0 !important; flex: none !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:nth-child(2) { font-size: 14px !important; margin-bottom: 2px !important; flex: none !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:nth-child(3) { font-size: 10.5px !important; line-height: 1.45 !important; }

  /* ---------- 共创页：防横向滑动 ---------- */
  body.collab-page { margin: 0 !important; max-width: 100vw !important; overflow-x: hidden !important; }
  html { margin: 0 !important; }

  /* ---------- 共创页：排行榜 60px 行卡 / 榜单固定 400px ---------- */
  .collab-rank-grid { grid-template-columns: 1fr !important; gap: 1px !important; }
  .collab-rank-grid .rank-card { height: 44px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; padding: 4px 10px !important; border-radius: 12px !important; box-sizing: border-box !important; max-width: 100% !important; overflow: hidden !important; }
  .collab-rank-grid .rank-card-head { display: flex !important; align-items: center !important; gap: 4px !important; flex: none !important; margin-bottom: 0 !important; max-width: 42% !important; min-width: 0 !important; overflow: hidden !important; }
  .collab-rank-grid .rank-badge { font-size: 10px !important; padding: 2px 6px !important; border-radius: 999px !important; line-height: 1.2 !important; white-space: nowrap !important; flex: none !important; }
  .collab-rank-grid .rank-influence { font-size: 9px !important; color: #A89BFF !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .collab-rank-grid .rank-cover { width: 28px !important; height: 28px !important; border-radius: 8px !important; font-size: 12px !important; flex: none !important; margin-bottom: 0 !important; }
  .collab-rank-grid .rank-name { font-size: 11px !important; font-weight: 600 !important; flex: 1 !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .collab-rank-grid .rank-tags { display: none !important; }
  .collab-rank-grid .rank-meta { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 8px !important; flex: none !important; max-width: 34% !important; min-width: 0 !important; overflow: hidden !important; }
  .collab-rank-grid .rank-meta span { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .collab-rank-grid .rank-meta span:nth-child(2) { display: none !important; }
  .collab-rank-grid .rank-link { display: none !important; }
  .collab-rank-grid .collab-empty { height: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 20px !important; box-sizing: border-box !important; }
  /* ---------- 共创页：板块间距 15px / 排行榜 250px 高 + 每边宽度 +10px ---------- */
  .collab-hero { padding-bottom: 15px !important; }
  .collab-rank-section { margin: 0 44px 15px !important; }
  .collab-section { padding-bottom: 15px !important; }
  .collab-section[style*="padding-top:0"] { padding-top: 15px !important; }
  /* ---------- 首页：广告位全隐藏 ---------- */
  #adReserve, .ad-slot[data-ad="mid"], .ad-unit[data-ad="superleader"], [data-ad-reserve] { display: none !important; }
  /* ---------- 首页：板块间距统一 15px ---------- */
  .collab-entry-hifi { margin: 15px 12px 0 !important; }
  body #view-hall > .container > .spotlight { margin-top: 15px !important; margin-bottom: 0 !important; }
  .rc-section { margin: 15px 0 0 !important; }
  .section-head { margin-top: 15px !important; margin-bottom: 15px !important; }
  /* ---------- 接单筛选工具栏：永久固定在其版块位置（文档流，不随商单滚动吸顶） ---------- */
  #ordersToolbar { position: static !important; z-index: auto !important; background: #0b0d10 !important; padding: 10px 12px !important; margin: 15px -12px 0 !important; }
  /* ---------- 商单分页：上一页/下一页 + 页数 + 精准跳转 ---------- */
  .pager { gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; padding: 0 12px !important; }
  .pg-btn { min-height: 40px !important; padding: 0 14px !important; font-size: 13px !important; }
  .pg-info { font-size: 13px !important; color: rgba(255,255,255,.55) !important; }
  .pg-jump { width: 56px !important; min-height: 40px !important; text-align: center !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 10px !important; color: #fff !important; font-size: 14px !important; box-sizing: border-box !important; }
  .pg-jump::-webkit-outer-spin-button, .pg-jump::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  .pg-go { min-height: 40px !important; padding: 0 14px !important; background: #5FE3C0 !important; color: #0b0d10 !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; }
  /* ---------- 共创页：hero 高度压缩 1/3（内容排版不变） ---------- */
  .collab-hero { padding: 8px 18px 4px !important; gap: 3px !important; }
  .collab-hero-title { line-height: 1.15 !important; }
  .collab-hero-sub { margin-bottom: 4px !important; line-height: 1.5 !important; }
  .collab-stat-card { padding: 6px !important; }
  .collab-stat-num { font-size: 20px !important; }
  .collab-stat-label { font-size: 9px !important; }
  .collab-hero-wave { height: 18px !important; }
  /* ---------- 排行榜：左右与边界 15px、上下 15px ---------- */
  .collab-rank-section { margin: 15px 15px 15px !important; }
  /* ---------- 排行榜上方发起共创按钮隐藏 ---------- */
  .collab-nav a[href*="collab-create"] { display: none !important; }
  /* ---------- 如何共创三卡：竖排三行 60px、与排行榜同宽 ---------- */
  .collab-page [style*="display:flex;gap:24px"] { flex-direction: column !important; gap: 10px !important; margin: 0 5px !important; max-width: none !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card { width: 100% !important; height: 60px !important; padding: 0 14px !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; text-align: left !important; flex: none !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div { margin: 0 !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:first-child { font-size: 20px !important; line-height: 1 !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:nth-child(2) { font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; }
  .collab-page [style*="display:flex;gap:24px"] .glass-card > div:last-child { font-size: 11px !important; line-height: 1.4 !important; color: rgba(255,255,255,.55) !important; flex: 1 !important; min-width: 0 !important; }
  /* ---------- 共创页：隐藏板块英文小标 ---------- */
  .collab-section-head em { display: none !important; }
  /* ---------- 共创页：共创项目 与 如何共创 分界线 ---------- */
  .collab-section[style*="padding-top:0"] { border-top: 1px solid rgba(255,255,255,.08) !important; }
  /* ---------- 制谱页：隐藏谱卡绿色英文 ---------- */
  .notation-card .en { display: none !important; }

  /* ---------- 如何共创旁的发起共创按钮（移动端尺寸） ---------- */
  .collab-section[style*="padding-top:0"] .collab-section-head .g-btn { min-height: 40px !important; display: inline-flex !important; align-items: center !important; padding: 0 18px !important; font-size: 13px !important; }
  /* ---------- 修复：视图入场动画残留 transform 破坏 sticky，移动端禁用（桌面保留） ---------- */
  .view.is-active { animation: none !important; transform: none !important; }
  /* ---------- 发单强制提醒：移动端居中展示（其余弹窗保持底部 sheet） ---------- */
  .modal-root.modal-center-mobile { align-items: center !important; padding: 24px !important; }
  .modal-root.modal-center-mobile .modal-card {
    width: min(660px, 100%) !important;
    border-radius: 20px !important;
    max-height: 88vh !important;
    padding-bottom: 0 !important;
    animation: modalIn .45s var(--ease) both !important;
  }
  /* ============================================================
     团队详情页 team.html（排行榜点入）
     ============================================================ */
  body.collab-page { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }
  .collab-team { padding: 0 14px 40px !important; }
  .collab-team-nav {
    flex-wrap: wrap; gap: 8px;
    padding: calc(env(safe-area-inset-top, 0px) + 10px) 14px 10px !important;
  }
  .collab-team-nav .divider { display: none !important; }
  .collab-team-nav .tags { display: none !important; }
  .collab-team-nav .name {
    font-size: 13px !important; max-width: 44vw;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .collab-team-nav .influence { font-size: 11px !important; }
  .collab-team-nav .spacer { display: none !important; }
  .collab-team-nav #teamVoteBtn { min-height: 36px; margin-left: 0 !important; padding: 0 14px; font-size: 12px; }
  .collab-team-hero { padding: 18px 0 14px !important; }
  .collab-team-hero-card {
    flex-direction: column; align-items: stretch !important;
    gap: 10px !important; padding: 14px 12px !important; border-radius: 12px !important;
  }
  .collab-team-hero-name { font-size: 20px !important; flex-wrap: wrap; gap: 6px !important; }
  .collab-team-hero-desc { font-size: 11.5px !important; margin-bottom: 8px !important; }
  .collab-team-hero-stats { gap: 8px !important; flex-wrap: wrap; }
  .collab-team-hero-stat .num { font-size: 16px !important; }
  .collab-team-hero-stat .label { font-size: 9.5px !important; }
  .collab-team-avatar-big {
    width: 64px !important; height: 64px !important;
    font-size: 22px !important; margin: 0 auto;
  }
  .collab-team [style*="padding:24px 0"] { padding: 14px 0 10px !important; }
  .collab-team .collab-rank-title { font-size: 17px !important; margin-bottom: 12px !important; }
  .collab-team-members-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important; margin-bottom: 12px !important;
  }
  .collab-team-member { padding: 8px 6px !important; border-radius: 10px !important; }
  .collab-team-member .m-avatar { width: 32px !important; height: 32px !important; font-size: 13px !important; margin-bottom: 4px !important; }
  .collab-team-member .m-name { font-size: 11px !important; margin-bottom: 2px !important; }
  .collab-team-member .m-role { font-size: 9px !important; }
  .collab-team-projects { grid-template-columns: 1fr !important; gap: 10px !important; }
  .collab-team-projects .collab-card-cover { height: 40px !important; }
  .collab-team-projects .collab-card-cover .big-char { font-size: 18px !important; }
  .collab-team-projects .collab-card-body { padding: 8px 10px !important; }
  .collab-team-projects .collab-card-title { font-size: 13px !important; margin-bottom: 2px !important; }

  /* ============================================================
     项目详情页 collab-project.html（共创项目点入）
     ============================================================ */
  .collab-detail-head { padding: calc(env(safe-area-inset-top, 0px) + 12px) 14px 12px !important; }
  .collab-detail-top-row { flex-wrap: wrap; gap: 8px !important; margin-bottom: 10px !important; }
  .collab-detail-back { min-height: 40px; }
  .collab-view-switch { flex: 1; min-width: 0; justify-content: center; }
  .collab-view-btn { flex: 1; text-align: center; padding: 7px 8px !important; font-size: 11.5px !important; }
  .collab-detail-title-row { align-items: center; gap: 10px !important; }
  .collab-detail-cover { width: 48px !important; height: 48px !important; border-radius: 10px !important; }
  .collab-detail-title { font-size: 19px !important; line-height: 1.3 !important; }
  .collab-detail-meta { flex-wrap: wrap !important; gap: 5px 8px !important; font-size: 11px !important; }
  .collab-detail-members { flex-wrap: wrap !important; }
  .collab-member-avatars .collab-avatar { width: 22px !important; height: 22px !important; font-size: 10px !important; margin-left: -7px !important; }
  .collab-phase-bar { margin-top: 8px !important; width: 100% !important; max-width: 100% !important; }
  .collab-phase-node { min-width: 58px !important; gap: 3px !important; }
  .collab-phase-circle { width: 20px !important; height: 20px !important; font-size: 9px !important; }
  .collab-phase-label { font-size: 9px !important; white-space: nowrap !important; }
  .collab-phase-line { height: 1.5px !important; }
  .collab-member-strip {
    flex-direction: column !important; align-items: stretch !important;
    gap: 8px !important; padding: 10px 12px !important;
  }
  .collab-member-strip .strip-actions { justify-content: center; }
  .collab-member-strip .strip-actions .g-btn { flex: 1; justify-content: center; min-height: 36px; }
  .collab-detail-body { grid-template-columns: 1fr !important; padding: 12px 14px 16px !important; gap: 10px !important; }
  .collab-detail-main, .collab-detail-sidebar { min-width: 0 !important; width: 100% !important; }
  .collab-plan-card, .collab-sidebar-card { padding: 12px 10px !important; border-radius: 12px !important; }
  .collab-plan-card h3, .collab-sidebar-card h3 { font-size: 14px !important; margin-bottom: 8px !important; }
  .collab-plan-row { font-size: 11.5px !important; margin-bottom: 4px !important; }
  .collab-slot-head { padding: 10px 12px !important; }
  .collab-slot-body { padding: 0 12px 12px !important; }
  .collab-slot-name { font-size: 13px !important; }
  .collab-slot-desc, .collab-slot-meta { font-size: 10.5px !important; }
  .collab-slot-editor-row { flex-wrap: wrap !important; }
  .collab-chat { height: 280px !important; }
  .collab-chat-input input { min-height: 38px; font-size: 13px !important; }
  .collab-chat-send { min-width: 60px; min-height: 38px; font-size: 13px !important; }
}


/* 需求3：移动端发布红点 */
.mt-badge{
  position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#FF6B5E;color:#fff;font-size:10px;font-weight:700;line-height:16px;
  display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(255,107,94,.2);
}
.mt-ic{position:relative;display:inline-block}

/* 内部投票 / 成员管理 · 移动端紧凑适配 */
@media (max-width:860px){
  .collab-subpage { padding: 14px 14px 84px !important; }
  .collab-subpage-title { font-size: 18px !important; margin-bottom: 4px !important; }
  .collab-subpage-sub { font-size: 11px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
  .collab-vote-rule { font-size: 11px !important; padding: 8px 10px !important; border-radius: 10px !important; margin-bottom: 12px !important; line-height: 1.5 !important; }
  .collab-candidate-list { grid-template-columns: 1fr !important; gap: 8px !important; }
  .collab-candidate-card { padding: 10px !important; border-radius: 12px !important; gap: 10px !important; }
  .collab-candidate-card .c-avatar { width: 38px !important; height: 38px !important; font-size: 15px !important; }
  .collab-candidate-card .c-name { font-size: 13px !important; }
  .collab-candidate-card .c-meta { font-size: 10.5px !important; margin-top: 2px !important; }
  .collab-vote-progress { height: 4px !important; margin-top: 6px !important; }
  .collab-candidate-card .g-btn-sm { padding: 6px 14px !important; font-size: 11.5px !important; flex: none; }
  .collab-manage-table th { padding: 8px 6px !important; font-size: 10px !important; }
  .collab-manage-table td { padding: 9px 6px !important; font-size: 10.5px !important; white-space: nowrap; }
  .collab-manage-table .c-progress { width: 46px !important; height: 4px !important; }
  .collab-manage-table .collab-avatar { width: 22px !important; height: 22px !important; font-size: 10px !important; }
  .collab-subpage > div[style*="text-align:center"] { margin-top: 16px !important; display: flex; flex-direction: column; gap: 10px; align-items: center; }
  .collab-subpage > div[style*="text-align:center"] .g-btn { width: 100%; max-width: 260px; justify-content: center; }
  .collab-subpage > div[style*="text-align:center"] .g-btn + .g-btn { margin-left: 0 !important; }
}

/* ---------- 建议与反馈页 移动端 ---------- */
@media (max-width:860px){
  .collab-suggest-form { padding: 14px !important; margin-bottom: 15px !important; }
  .collab-suggest-form-head { font-size: 13px !important; }
  .collab-suggest-form-note { font-size: 10px !important; }
  .collab-suggest-form textarea { min-height: 64px !important; font-size: 13px !important; padding: 10px 12px !important; }
  .collab-suggest-item { padding: 12px 10px !important; gap: 9px !important; }
  .collab-suggest-avatar { width: 32px !important; height: 32px !important; font-size: 13px !important; }
  .collab-suggest-content { font-size: 13px !important; }
  .collab-suggest-actions { gap: 8px !important; }
  .collab-suggest-vote-btn, .collab-suggest-cmt-btn { font-size: 11px !important; padding: 4px 11px !important; }
  .collab-suggest-comment-input input { font-size: 12px !important; padding: 7px 12px !important; }
}

/* ---------- 我的项目页 移动端 ---------- */
@media (max-width:860px){
  .collab-my-projects { padding: 14px 14px 84px !important; }
  .collab-myp-stats { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin-bottom: 15px !important; }
  .collab-myp-stat { padding: 10px 6px !important; border-radius: 12px !important; }
  .collab-myp-stat .num { font-size: 22px !important; }
  .collab-myp-stat .label { font-size: 10px !important; margin-top: 2px !important; }
  .collab-myp-tabs { gap: 6px !important; margin-bottom: 15px !important; flex-wrap: wrap !important; }
  .collab-myp-tab { font-size: 12px !important; padding: 7px 12px !important; }
  .collab-myp-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .collab-myp-card { flex-direction: row !important; align-items: center !important; padding: 10px !important; gap: 10px !important; }
  .collab-myp-cover { width: 72px !important; height: 72px !important; min-height: 0 !important; border-radius: 10px !important; flex: none !important; }
  .collab-myp-cover .big-char { font-size: 26px !important; }
  .collab-myp-body { padding: 0 !important; }
  .collab-myp-title { font-size: 13.5px !important; }
  .collab-myp-tags { margin: 4px 0 !important; }
  .collab-myp-info { font-size: 10.5px !important; }
  .collab-myp-contrib { font-size: 10px !important; }
  .collab-phase-dots { margin: 6px 0 !important; }
}

/* ---------- 首页建议与反馈框 移动端 ---------- */
@media (max-width:860px){
  .collab-suggest-entry { grid-template-columns: 1fr !important; gap: 16px !important; padding: 22px 18px !important; margin-top: 15px !important; }
  .collab-suggest-entry-label { font-size: 9px !important; padding: 5px 11px !important; margin-bottom: 14px !important; }
  .collab-suggest-entry-title { font-size: 20px !important; }
  .collab-suggest-entry-sub { font-size: 12px !important; line-height: 1.6 !important; }
  .collab-suggest-entry-row { display: flex; align-items: center; gap: 12px; margin-top: 16px !important; }
  .collab-suggest-entry-stats { margin-top: 0 !important; gap: 12px !important; flex: 1; min-width: 0; }
  .collab-suggest-entry-stat .num { font-size: 20px !important; }
  .collab-suggest-entry-btns { margin-top: 0 !important; margin-left: auto; flex-shrink: 0; }
  .collab-suggest-entry-btns .g-btn { padding: 8px 12px !important; font-size: 12px !important; white-space: nowrap; }
  .collab-suggest-entry-visual { display: none !important; }
  .collab-suggest-entry-watermark { display: none !important; }
}

/* ============ 0908r16 · 商单新流程移动端适配 ============ */
@media (max-width: 768px) {
  .post-tabs { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; gap: 8px; }
  .post-tab { white-space: nowrap; }
  .owner-desk-card .odc-head { align-items: flex-start; flex-wrap: wrap; }
  .owner-desk-card .odc-aside { width: 100%; margin-top: 8px; flex-wrap: wrap; }
  .owner-desk-card .odc-btns { flex-wrap: wrap; }
  .owner-desk-card .odc-meta { flex-wrap: wrap; row-gap: 4px; }
  .app-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .app-actions .btn { flex: 1 1 auto; min-width: 96px; margin: 0; }
  .applicant-card .app-head { flex-wrap: wrap; }
  .app-offer { margin-left: auto; }
  .me-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .me-badge { flex-wrap: wrap; }
  .me-badge .ow-status-chip { margin-left: auto; }
  .ow-wrap { padding: 14px 12px 70px; }
  .ow-card { padding: 13px; border-radius: 14px; }
  .ow-specs { gap: 8px 14px; font-size: 12.5px; }
  .ow-msg { max-width: 92%; }
  .ow-actions .btn { min-width: 88px; font-size: 12.5px; }
  .ow-input-bar { flex-direction: column; align-items: stretch; }
  .ow-input-bar textarea { min-height: 56px; }
  .ow-input-bar .btn { height: 46px !important; }
  .ow-upload-btns { overflow-x: auto; }
  .ow-up-btn { white-space: nowrap; }
  .ow-congrats .box { padding: 24px 18px; }
  .dlv-item .ow-actions .btn { min-width: 76px; padding: 7px 8px; font-size: 12px; }
  .od-empty { padding: 24px 12px; }
}


/* ============ 0908r17 移动端微调（桌面端零改动） ============ */
@media (max-width: 768px) {
  /* 1. 共创页最底部「成品」区块整体上移 20px，手机端不再被截断 */
  .collab-page [style*="display:flex;gap:24px"] { margin-bottom: -20px !important; }

  /* 2. 共创项目卡片：封面展示区扩大，项目名块整体下移，与征集状态保持 5px，状态行右侧加成员头像 */
  .collab-card-cover-m { height: 120px !important; }
  .collab-card-cover-m .big-char { font-size: 34px !important; }
  .collab-card-title-m { margin-top: 4px; }
  .collab-card-status-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 5px !important;
    padding-top: 2px;
  }
  .collab-card-status-row .collab-status-badge { flex: 0 0 auto; }
  .collab-card-avatars { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; flex: 0 0 auto; }
  .collab-avatar-mini {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 50%;
    background: rgba(255,255,255,.14); border: 1.5px solid rgba(13,15,18,.85);
    color: #fff; font-size: 9px; font-weight: 600; overflow: hidden; box-sizing: border-box;
  }
  .collab-avatar-mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .collab-avatar-mini i { font-style: normal; }
  .collab-avatar-mini em {
    position: absolute; right: -3px; bottom: -3px; font-size: 8px; font-style: normal;
    filter: drop-shadow(0 0 2px rgba(0,0,0,.6));
  }
  .collab-avatar-mini.is-captain { border-color: #FFD700; box-shadow: 0 0 5px rgba(255,215,0,.55); }

  /* 3. 排行榜前三名：金银铜配色，文字改为深色（金色背景不再看不清） */
  .rank-top3-1 { background: linear-gradient(135deg, #FFD700, #FFA500, #FFD700) !important; }
  .rank-top3-1 .rank-name,
  .rank-top3-1 .rank-influence,
  .rank-top3-1 .rank-influence .val,
  .rank-top3-1 .rank-influence .unit,
  .rank-top3-1 .rank-meta,
  .rank-top3-1 .rank-meta span,
  .rank-top3-1 .rank-tag,
  .rank-top3-1 .rank-link { color: #2B1F00 !important; border-color: rgba(43,31,0,.45) !important; }
  .rank-top3-2 { background: linear-gradient(135deg, #C2CAD4, #8FA0B2, #C2CAD4) !important; }
  .rank-top3-2 .rank-name,
  .rank-top3-2 .rank-influence,
  .rank-top3-2 .rank-influence .val,
  .rank-top3-2 .rank-influence .unit,
  .rank-top3-2 .rank-meta,
  .rank-top3-2 .rank-meta span,
  .rank-top3-2 .rank-tag,
  .rank-top3-2 .rank-link { color: #0F1B26 !important; border-color: rgba(15,27,38,.4) !important; }
  .rank-top3-3 { background: linear-gradient(135deg, #E8A05A, #A85E1E, #E8A05A) !important; }
  .rank-top3-3 .rank-name,
  .rank-top3-3 .rank-influence,
  .rank-top3-3 .rank-influence .val,
  .rank-top3-3 .rank-influence .unit,
  .rank-top3-3 .rank-meta,
  .rank-top3-3 .rank-meta span,
  .rank-top3-3 .rank-tag,
  .rank-top3-3 .rank-link { color: #241104 !important; border-color: rgba(36,17,4,.45) !important; }

  /* 4. 前端推荐位整体上移 30px（底部不再被遮挡） */
  .rc-section { margin-bottom: -30px !important; }
}

/* ===== 0908r19 移动端个人主页优化（桌面端零改动） ===== */
@media (max-width: 860px) {
  #view-member { padding-top: 30px !important; }
  #view-member .view-head { margin-top: 0 !important; }

  /* 我的页面四格统计：暗色底 + 四格同排 + 缩小 */
  #memberStage .me-stats { grid-template-columns: repeat(4, 1fr) !important; gap: 6px !important; margin: 15px 0 !important; }
  #memberStage .me-stats > div { background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 12px !important; padding: 10px 2px !important; }
  #memberStage .me-stats strong { font-size: 16px !important; color: #fff !important; }
  #memberStage .me-stats p { margin: 3px 0 0 !important; font-size: 10.5px !important; color: rgba(255,255,255,.62) !important; }

  #memberStage > .mem-status,
  #memberStage > #meStatsHost,
  #memberStage > .mem-vip,
  #memberStage > .mem-home,
  #memberStage > .mem-profile,
  #memberStage > .mem-activate,
  #memberStage > .mem-benefits,
  #memberStage > .mem-vip-scheme,
  #memberStage > .mem-posts,
  #memberStage > .mem-foot { margin: 15px 0 !important; }
  #memberStage > .mem-status { margin-top: 15px !important; }

  /* 会员权益：四合一框 + 副标题过长滚动 */
  #memberStage .mem-benefits { max-height: 320px; overflow-y: auto; border-radius: 16px; }
  #memberStage .mem-ben-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  #memberStage .mem-ben { min-width: 0; }
  #memberStage .mem-ben span:last-child { font-size: 12px; line-height: 1.5; word-break: break-word; }

  /* 牌子占位 */
  #memberStage .me-badge-empty {
    background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.18);
    border-radius: 14px; padding: 14px; font-size: 12.5px; color: rgba(255,255,255,.5); text-align: center;
  }

  /* 会员等级配色：会员生效中 + 显示 VIP 几 的板块 */
  #memberStage .mem-status.tier-copper,
  #memberStage .mem-vip.tier-copper {
    background: linear-gradient(135deg, #6B4423 0%, #8C5A2B 40%, #B57B1A 70%, #8C5A2B 100%) !important;
    border-color: #C9A24B !important;
  }
  #memberStage .mem-status.tier-copper .mem-badge,
  #memberStage .mem-status.tier-copper strong,
  #memberStage .mem-status.tier-copper span,
  #memberStage .mem-vip.tier-copper .mem-vip-name,
  #memberStage .mem-vip.tier-copper .mem-vip-sub { color: #FFE9C2 !important; }
  #memberStage .mem-status.tier-copper .mem-status-side { border-color: rgba(255,233,194,.4) !important; }
  #memberStage .mem-status.tier-copper .mem-badge { background: rgba(0,0,0,.25) !important; }

  #memberStage .mem-status.tier-premium,
  #memberStage .mem-vip.tier-premium {
    background: linear-gradient(135deg, #241B4D 0%, #3D2E7C 45%, #6B4DE0 75%, #241B4D 100%) !important;
    border-color: #9B8CFF !important;
  }
  #memberStage .mem-status.tier-premium .mem-badge,
  #memberStage .mem-status.tier-premium strong,
  #memberStage .mem-status.tier-premium span,
  #memberStage .mem-vip.tier-premium .mem-vip-name,
  #memberStage .mem-vip.tier-premium .mem-vip-sub { color: #EFE9FF !important; }
  #memberStage .mem-status.tier-premium .mem-status-side { border-color: rgba(239,233,255,.4) !important; }
  #memberStage .mem-status.tier-premium .mem-badge { background: rgba(0,0,0,.28) !important; }

  /* 钻石档（VIP7 以上）：流光 + 钻石颗粒感 */
  #memberStage .mem-status.tier-diamond,
  #memberStage .mem-vip.tier-diamond {
    position: relative; overflow: hidden;
    background:
      radial-gradient(circle at 18% 28%, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 12%),
      radial-gradient(circle at 68% 62%, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 10%),
      radial-gradient(circle at 86% 18%, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 9%),
      radial-gradient(circle at 38% 82%, rgba(210,245,255,.35) 0%, rgba(210,245,255,0) 12%),
      radial-gradient(circle at 55% 40%, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 6%),
      linear-gradient(135deg, #4A5D7A 0%, #8FA8C8 30%, #EAF6FF 50%, #9FB8D8 68%, #3E516E 100%) !important;
    border-color: #EAF6FF !important;
  }
  #memberStage .mem-status.tier-diamond::before,
  #memberStage .mem-vip.tier-diamond::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.8) 44%, rgba(255,255,255,0) 58%, rgba(255,255,255,.4) 72%, transparent 86%);
    background-size: 260% 100%;
    animation: memDiamondShine 3.2s linear infinite;
  }
  #memberStage .mem-status.tier-diamond .mem-badge,
  #memberStage .mem-status.tier-diamond strong,
  #memberStage .mem-status.tier-diamond span,
  #memberStage .mem-vip.tier-diamond .mem-vip-name,
  #memberStage .mem-vip.tier-diamond .mem-vip-sub { color: #0E1E30 !important; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
  #memberStage .mem-status.tier-diamond .mem-status-side { border-color: rgba(14,30,48,.35) !important; }
  #memberStage .mem-status.tier-diamond .mem-badge { background: rgba(255,255,255,.35) !important; }

  @keyframes memDiamondShine {
    0% { background-position: 120% 0; }
    100% { background-position: -140% 0; }
  }
}