/* mobile.css — Pocket Editorial
   规则：只有 @media，桌面零影响
   字体：全部直写字体名，不依赖 CSS 变量 */

@media (max-width: 1024px) {
    #hero { grid-template-columns: 1fr !important; min-height: auto !important; }
    .hero-light, .hero-intersection { display: none !important; }
    .hero-dark { padding: 48px 28px !important; }
    .hero-l1 { font-size: 2.6rem !important; }
    .hero-l2 { font-size: 4rem !important; }
    .hero-plus-row .mark { width: 40px !important; height: 40px !important; }
    .bento { grid-template-columns: 1fr 1fr !important; }
    .bento-hero { grid-template-columns: 1fr !important; grid-column: 1/-1 !important; }
    .bento-hero-right { padding-left: 0 !important; border-left: 0 !important; padding-top: 16px !important; border-top: 1px solid rgba(255,255,255,0.1) !important; }
    .chain-strip { grid-template-columns: 1fr !important; }
    .chain-card { border-right: 0 !important; border-bottom: 1px solid #111 !important; }
    .chain-card::after { display: none !important; }
    .senses { grid-template-columns: 1fr 1fr !important; }
    .s:nth-child(2n) { border-right: 0 !important; }
    h2 { font-size: 2.8rem !important; }
    section, .sec { padding: 56px 24px !important; }
    nav { padding: 12px 20px !important; }
    .cta-headline, .cta-t { font-size: 3rem !important; }
    .hero-t { font-size: 3.5rem !important; }
    .hero-t .plus-inline { width: 32px !important; height: 32px !important; }
    .members { grid-template-columns: 1fr 1fr !important; }
    .member { border-bottom: 1px solid #DDD8CE !important; }
    .nums { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 640px) {
    html, body { max-width: 100vw !important; overflow-x: hidden !important; }

    /* ── Nav ── */
    nav { padding: 8px 12px !important; border-bottom: 0 !important; box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important; }
    .nav-links { display: none !important; }
    .nav-name, .nn { font-family: 'Instrument Sans', -apple-system, 'PingFang SC', sans-serif !important; font-size: 0.85rem !important; }
    .nav-sub, .ns { display: none !important; }
    .nav-cta { padding: 6px 12px !important; font-size: 0.65rem !important; border-radius: 6px !important; font-family: 'Instrument Sans', sans-serif !important; }
    nav a[href="/"] { padding: 6px 12px !important; font-size: 0.65rem !important; border-radius: 6px !important; font-family: 'Instrument Sans', sans-serif !important; }
    .topbar, .bar { display: none !important; }

    /* ── 共用排版 ── */
    h2 { font-family: 'DM Serif Display', 'Songti SC', serif !important; font-size: 1.5rem !important; margin-bottom: 8px !important; line-height: 1.15 !important; }
    .lede, .ld { font-family: 'Instrument Sans', -apple-system, sans-serif !important; font-size: 0.84rem !important; margin-bottom: 16px !important; line-height: 1.6 !important; }
    .eyebrow, .ey { font-family: 'JetBrains Mono', monospace !important; font-size: 0.5rem !important; letter-spacing: 0.14em !important; margin-bottom: 6px !important; }

    /* ── 共用 section ── */
    section, .sec { padding: 32px 16px !important; }
    .sec:first-of-type { margin-top: 0 !important; }
    .marquee { padding: 6px 0 !important; border-top-width: 2px !important; }
    .marquee-item { font-family: 'JetBrains Mono', monospace !important; font-size: 0.5rem !important; padding: 0 12px !important; }
    .div-line { margin: 0 !important; }

    /* ── 共用按钮 ── */
    .btn-l { min-height: 44px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.78rem !important; border-radius: 8px !important; font-family: 'Instrument Sans', sans-serif !important; }

    /* ══════════ HOMEPAGE ══════════ */

    /* Hero — #hero 自身设暗色背景，消除白边 */
    #hero { margin-top: 38px !important; padding: 0 !important; min-height: auto !important; display: block !important; background: #111 !important; }
    .hero-dark { padding: 28px 16px 24px !important; min-height: calc(100vh - 38px) !important; min-height: calc(100dvh - 38px) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
    .hero-eyebrow { font-family: 'JetBrains Mono', monospace !important; font-size: 0.5rem !important; letter-spacing: 0.14em !important; margin-bottom: 12px !important; }
    .hero-eyebrow span { width: 16px !important; }
    .hero-l1 { font-family: 'DM Serif Display', 'Songti SC', serif !important; font-size: 1.4rem !important; margin-bottom: 4px !important; }
    .hero-l2 { font-family: 'DM Serif Display', 'Songti SC', serif !important; font-size: 2rem !important; }
    .hero-plus-row { padding: 4px 0 6px !important; }
    .hero-plus-row .mark { width: 24px !important; height: 24px !important; }
    .hero-desc { font-family: 'Instrument Sans', -apple-system, sans-serif !important; font-size: 0.84rem !important; margin-bottom: 16px !important; line-height: 1.6 !important; }
    .hero-actions { flex-direction: column !important; gap: 6px !important; }
    .hero-stats { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 0 !important; margin-top: 20px !important; padding-top: 12px !important; flex-direction: unset !important; }
    .hero-stats > div { text-align: center !important; }
    .hero-stat-num { font-family: 'DM Serif Display', serif !important; font-size: 1.3rem !important; }
    .hero-stat-label { font-family: 'JetBrains Mono', monospace !important; font-size: 0.4rem !important; letter-spacing: 0.06em !important; }

    /* Benefits — 全屏暗色区，items 用底线分隔，不用卡片 */
    #benefits { padding: 32px 16px !important; }
    .bento { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 0 !important; background: transparent !important; }
    .bento-item { border: 0 !important; border-radius: 0 !important; padding: 16px 0 !important; box-shadow: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
    .b-num { font-family: 'DM Serif Display', serif !important; font-size: 2.2rem !important; }
    .b-title { font-family: 'JetBrains Mono', monospace !important; font-size: 0.48rem !important; margin-bottom: 6px !important; padding-bottom: 4px !important; }
    .b-body { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.78rem !important; }
    .bento-hero { grid-template-columns: 1fr !important; gap: 10px !important; padding: 16px 0 !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; }
    .bento-hero .b-num { font-size: 1.8rem !important; }
    .bento-hero-badge { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; }
    .bento-hero-right { padding-top: 10px !important; }
    .sense-mini { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.68rem !important; padding: 4px 0 !important; }

    /* Chain — 浅色区，items 用底线分隔 */
    #chain { padding: 32px 16px !important; }
    .chain-strip { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 0 !important; background: transparent !important; }
    .chain-card { border: 0 !important; border-radius: 0 !important; padding: 16px 0 !important; box-shadow: none !important; border-bottom: 1px solid #DDD8CE !important; }
    .chain-card::after { display: none !important; }
    .chain-card-bg { font-size: 2.5rem !important; opacity: 0.04 !important; }
    .chain-card-name { font-family: 'DM Serif Display', serif !important; font-size: 1.3rem !important; }
    .chain-card-role { font-family: 'JetBrains Mono', monospace !important; }
    .chain-card-en { font-family: 'JetBrains Mono', monospace !important; }
    .chain-card-list li { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.78rem !important; }

    /* AI Senses — 暗色区，items 用底线分隔 */
    #ai { padding: 32px 16px !important; }
    .senses { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 0 !important; background: transparent !important; }
    .s { border: 0 !important; border-radius: 0 !important; padding: 14px 0 !important; background: transparent !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
    .s-name { font-family: 'DM Serif Display', serif !important; font-size: 1.2rem !important; }
    .s-glyph { font-size: 1.1rem !important; }
    .s-en { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; }
    .s-ex { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.72rem !important; }

    /* CTA */
    #cta { padding: 40px 16px !important; }
    .cta-headline { font-family: 'DM Serif Display', serif !important; font-size: 1.6rem !important; line-height: 1.15 !important; }
    .cta-sub { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.82rem !important; margin-bottom: 16px !important; }
    .cta-actions { flex-direction: column !important; gap: 6px !important; }
    .cta-bg-mark .mark { width: 160px !important; height: 160px !important; }

    /* Footer */
    footer { flex-direction: column !important; gap: 6px !important; padding: 12px 16px !important; text-align: center !important; }
    .f-brand { justify-content: center !important; }
    .f-links { flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; }

    /* ══════════ PLUS DEMO ══════════ */

    #hero { padding: 28px 16px !important; min-height: auto !important; margin-top: 38px !important; }
    .hero-inner { width: 100% !important; }
    .hero-label { font-family: 'JetBrains Mono', monospace !important; font-size: 0.5rem !important; letter-spacing: 0.12em !important; margin-bottom: 10px !important; }
    .hero-label span { width: 14px !important; }
    .hero-t { font-family: 'DM Serif Display', 'Songti SC', serif !important; font-size: 1.8rem !important; line-height: 1.1 !important; margin-bottom: 12px !important; }
    .hero-t .plus-inline { width: 18px !important; height: 18px !important; margin: 0 3px !important; }
    .hero-sub { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.82rem !important; margin-bottom: 16px !important; max-width: 100% !important; }
    .hero-cta { font-family: 'Instrument Sans', sans-serif !important; width: 100% !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; border-radius: 8px !important; font-size: 0.78rem !important; }

    /* Members — 底线分隔，不是卡片 */
    .members { display: flex !important; flex-direction: column !important; gap: 0 !important; border: 0 !important; }
    .member { border: 0 !important; border-radius: 0 !important; padding: 12px 0 !important; box-shadow: none !important; border-bottom: 1px solid #DDD8CE !important; }
    .m-name { font-family: 'DM Serif Display', serif !important; font-size: 1rem !important; }
    .m-role { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; }
    .m-desc { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.7rem !important; }

    /* Chat */
    .story { max-width: 100% !important; }
    .story-time { font-family: 'JetBrains Mono', monospace !important; font-size: 0.48rem !important; padding: 12px 0 6px !important; }
    .msg { gap: 8px !important; margin-bottom: 10px !important; }
    .msg-av { width: 26px !important; height: 26px !important; font-size: 0.72rem !important; border: 0 !important; border-radius: 6px !important; background: #F3F0EA !important; font-family: 'DM Serif Display', serif !important; }
    .msg-av.ai { background: #E8501C !important; }
    .msg-name { font-family: 'DM Serif Display', serif !important; font-size: 0.72rem !important; }
    .msg-tag { font-family: 'JetBrains Mono', monospace !important; font-size: 0.4rem !important; border-radius: 3px !important; }
    .msg-time { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; }
    .msg-text { font-family: 'Instrument Sans', sans-serif !important; border: 0 !important; border-radius: 8px !important; background: #F3F0EA !important; padding: 8px 12px !important; font-size: 0.78rem !important; max-width: 100% !important; display: block !important; }
    .msg-text.ai-bg { background: #FFF0E8 !important; border: 0 !important; }
    .sys span { font-family: 'JetBrains Mono', monospace !important; font-size: 0.42rem !important; padding: 3px 8px !important; border: 0 !important; border-radius: 12px !important; background: #F3F0EA !important; }

    /* Cards */
    .match, .milestone, .suggest, .content-card { margin: 6px 0 10px !important; max-width: 100% !important; border: 0 !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important; }
    .match-h, .milestone-h, .suggest-h, .content-card-h { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; padding: 4px 12px !important; }
    .match-body { flex-wrap: wrap !important; gap: 6px !important; padding: 12px !important; }
    .match-name { font-family: 'DM Serif Display', serif !important; font-size: 0.95rem !important; }
    .match-foot { font-family: 'JetBrains Mono', monospace !important; flex-wrap: wrap !important; gap: 3px !important; padding: 5px 12px !important; font-size: 0.44rem !important; }
    .milestone-body { padding: 12px !important; }
    .milestone-body .big { font-family: 'DM Serif Display', serif !important; font-size: 1.3rem !important; }
    .milestone-body p { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.72rem !important; }
    .suggest-body { padding: 12px !important; }
    .suggest-body .title { font-family: 'DM Serif Display', serif !important; font-size: 0.82rem !important; }
    .sg-row { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.68rem !important; }
    .sg-l { font-family: 'JetBrains Mono', monospace !important; }
    .content-card-body { padding: 12px !important; }
    .content-card-body .draft { font-family: 'DM Serif Display', serif !important; font-size: 0.78rem !important; }
    .content-card-foot { font-family: 'JetBrains Mono', monospace !important; font-size: 0.42rem !important; padding: 5px 12px !important; }
    .priv { border: 0 !important; border-radius: 8px !important; margin: 8px 0 10px !important; padding: 12px !important; box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important; }
    .priv-tag { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; border-radius: 3px !important; }
    .priv-body { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.78rem !important; }

    /* Numbers — 简洁网格，无卡片 */
    .nums { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; border: 0 !important; border-top: 1px solid #DDD8CE !important; }
    .num-item { border: 0 !important; border-radius: 0 !important; padding: 12px 8px !important; text-align: center !important; box-shadow: none !important; border-bottom: 1px solid #DDD8CE !important; border-right: 1px solid #DDD8CE !important; }
    .num-item:nth-child(2n) { border-right: 0 !important; }
    .num-v { font-family: 'DM Serif Display', serif !important; font-size: 1.8rem !important; }
    .num-l { font-family: 'JetBrains Mono', monospace !important; font-size: 0.44rem !important; }

    /* CTA (demo) */
    .cta-t { font-family: 'DM Serif Display', serif !important; font-size: 1.6rem !important; line-height: 1.15 !important; }
    .cta-sub { font-family: 'Instrument Sans', sans-serif !important; font-size: 0.78rem !important; margin-bottom: 16px !important; }
    .cta-btn { font-family: 'Instrument Sans', sans-serif !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; border-radius: 8px !important; }
    footer { flex-direction: column !important; gap: 4px !important; padding: 12px !important; text-align: center !important; }
}