/* mobile-polish.css — 手机版打磨（D1：手机版 = base.css + 本文件；移除 layout 引用即暂停手机版）
 * 源 = tmp/Create Company Homepage App.tsx 相对 PC 版 7 处差异：
 *   #1 hero svh → master D4 对照表合并入 base；#2 左列 max-w-760 移除 → <768 无视觉差不译；
 *   以下 #3-#7 为可视差异，加载顺序在 base.css 之后（同特异性后来者胜）；
 *   #8 services 差异（T6，§七 细则）：section padding 手机档 + 简介文案档 + 768-1023 留白收紧；
 *      超集档（cell p-5/md:p-7/lg:p-9、角标 inset、kicker clamp×4）已按施工规则并入 base.css。 */

/* <768：手机版新版 1:1（20261109 mobile redesign；设计源 FullPage.tsx L220-409 手机档 + services/culture/org/footer tsx 手机档直译）
 * 复位链铁则：每条 base 档属性逐项复位（align-items/align-self/max-width/inset/margin/display 等），缺一即错位 */
@media (max-width: 767px) {
  /* ── hero（设计 L222-413）── */
  .hero-grid {
    display: flex; flex-direction: column; align-items: stretch;   /* 复位 base align-items:end */
    padding: 92px 24px 0; overflow: hidden;
  }
  .hero-headline { padding: 0; align-self: auto; max-width: none; } /* 复位 base 88px 1.5rem 4rem / center / 760px */
  .hero-eyebrow { justify-content: flex-start; margin-bottom: 0; }  /* 复位 base 居中 / 2rem */
  .hero-eyebrow-bar { width: 24px; }
  .hero-eyebrow-text { display: none; }
  .hero-eyebrow-text--m {
    display: block; font-family: var(--font-mono); font-size: 10px;
    letter-spacing: .24em; color: #6B6459; text-transform: uppercase;
  }
  .hero-eyebrow-rule { display: block; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(21,19,15,.28), transparent); }
  .hero-title {
    margin-top: 20px; text-align: left;
    font-size: clamp(44px, 14.6vw, 62px); line-height: 1.18; letter-spacing: -.025em;
  }
  .hero-line-2 { margin-top: 0; justify-content: flex-start; gap: .14em; } /* 复位 base .5rem / 居中 / 1.25rem */
  .hero-arrow { width: .38em; height: .38em; }
  .hero-arrow path { stroke-width: 5.5; }
  /* 中段容器：position 保持 base relative（审计项 4，禁写 static） */
  .hero-founder { display: block; height: auto; flex: 1; min-height: 210px; margin-top: 22px; pointer-events: none; container-type: inline-size; } /* container：供 stage 用 cqw（=内容宽=clientWidth，不受 IAB 15px 经典滚动条影响） */
  .hero-watermark, .hero-shadow, .hero-scrollcue { display: none; }
  .hero-photo-wrap { inset: auto; position: absolute; right: calc(-15vw + 20px); bottom: -44px; height: calc(106% + 44px); display: block; } /* 复位 base inset:0 + flex 居中；宽度由 in-flow 的 img 收缩撑起（absolute 全子级会塌成 0 宽，stage 92% 跟着归零）；+20px=人像左移：为「圆盘居中人像且完整入屏」腾右侧空间（用户三轮：要求人物在圆心） */
  .hero-photo {
    position: relative; z-index: 1; left: auto; right: auto; top: auto; bottom: auto; display: block; /* in-flow 撑宽 wrap；z-1 压过同为定位层的 stage（DOM 序 stage 在前） */
    height: 100%; width: auto; max-width: none; object-fit: contain; object-position: bottom;
    filter: contrast(1.03) saturate(1.04);
    -webkit-mask-image: none; mask-image: none; /* 手机版 mask 全撤（设计无渐隐） */
  }
  /* 动态舞台（设计 L273-341）：呼吸圆盘 + 2 涟漪 + 虚线轨道环（红点）+ 实线环（黑点）+ 3 漂浮点 */
  .hero-stage {
    display: block; position: absolute; aspect-ratio: 1; bottom: 0;
    left: 50%; transform: translate(-50%, 18%); /* 恢复设计：舞台居中人像（wrap 中心=身体质心，实测差 3.6px） */
    width: 92%; /* 回退：不支持 cqw 的老浏览器=设计原值（居中、右缘可能贴边） */
    width: min(92%, calc((100% + 74px - 30vw) / 1.035), calc((200cqw + 30vw - 100% - 6px) / 1.035));
    /* 双侧自适应封顶（÷1.035 预留呼吸峰值外扩）：右侧余量=wrapW/2+24+m-15vw+20px 位移，左侧余量含 cqw（=clientWidth，免疫 IAB 15px 滚动条）；
       居中+完整两者兼得：窄档微缩（390 档≈347px vs 设计 373），宽档不触发=设计原值 92% */
  }
  .hero-stage-disc {
    position: absolute; inset: 0; border-radius: 50%;
    background: radial-gradient(circle at 50% 36%, #FFE6DA 0%, #FFD2BD 75%, #FFC4A8 100%);
    animation: hero-stage-breathe 6s ease-in-out infinite;
  }
  .hero-stage-ripple {
    position: absolute; inset: 0; border-radius: 50%;
    border: 1px solid rgba(255,56,0,.5);
    animation: hero-stage-ripple 4.8s ease-out infinite;
    animation-delay: calc(1.4s + var(--i) * 2.4s);
  }
  .hero-stage-orbit {
    position: absolute; inset: -9%; border-radius: 50%;
    border: 1px dashed rgba(21,19,15,.2);
    animation: hero-stage-spin 48s linear infinite;
  }
  .hero-stage-orbit--solid {
    inset: -14%; border: 1px solid rgba(255,56,0,.14);
    animation: hero-stage-spin-rev 70s linear infinite;
  }
  .hero-stage-dot-r {
    position: absolute; z-index: 2; width: 9px; height: 9px; border-radius: 50%;
    top: -4.5px; left: 50%; margin-left: -4.5px; background: #FF3800;
    box-shadow: 0 0 0 5px rgba(255,56,0,.18);
  } /* z-2 提至人像(z-1)之上：设计源红点绘于人像之后，48s 一圈约 81% 时间被头部/数据带/屏幕右缘遮挡（用户报障"转圈红点不显示"，要求可见）；数据带 z-10 仍在红点之上 */
  .hero-stage-dot {
    position: absolute; width: 5px; height: 5px; border-radius: 50%;
    bottom: 14%; left: 3%; background: #15130F;
  }
  .hero-stage-float {
    position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #FF3800;
    animation: hero-stage-float 5s ease-out infinite;
    animation-delay: calc(var(--i) * 1.6s);
  }
  .hero-stage-float:nth-of-type(1) { left: 6%; top: 58%; }
  .hero-stage-float:nth-of-type(2) { left: 88%; top: 46%; }
  .hero-stage-float:nth-of-type(3) { left: 78%; top: 20%; }
  @keyframes hero-stage-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
  @keyframes hero-stage-ripple { from { transform: scale(1); opacity: .55; } to { transform: scale(1.22); opacity: 0; } }
  @keyframes hero-stage-spin { to { transform: rotate(360deg); } }
  @keyframes hero-stage-spin-rev { to { transform: rotate(-360deg); } }
  @keyframes hero-stage-float { 0% { transform: translateY(0); opacity: 0; } 50% { opacity: .8; } 100% { transform: translateY(-52px); opacity: 0; } }
  /* 名片（左下，层序压过 photo-wrap 同层 z-10——DOM 在其后） */
  .hero-namecard { left: 0; right: auto; bottom: 32px; text-align: left; z-index: 10; } /* 复位 base right:4rem */
  .hero-namecard-role { justify-content: flex-start; gap: 10px; margin-bottom: 12px; }
  .hero-namecard-rule { width: 20px; order: -1; } /* 设计手机档横线在文字左侧（— FOUNDER & CEO）；桌面档 DOM 序不动 */
  .hero-namecard-tag { font-size: 9.5px; letter-spacing: .22em; }
  .hero-namecard-name { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; }
  .hero-namecard-cn { font-weight: 700; font-size: 26px; line-height: 1.15; letter-spacing: .04em; }
  .hero-namecard-en { font-size: 12px; margin-top: 8px; }
  /* 数据带：人像下缘渐融入底部 + 三列横排（设计 L345-397） */
  .hero-stats {
    display: block; position: relative; z-index: 10;
    margin: -44px -24px 0; padding: 44px 24px 0;
    background: linear-gradient(to bottom, rgba(252,250,246,0) 0, #FCFAF6 44px);
  }
  .hero-stats-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(21,19,15,.85); padding-top: 18px;
  }
  .hero-stat { min-width: 0; text-align: center; }
  .hero-stat + .hero-stat { border-left: 1px solid rgba(21,19,15,.12); }
  .hero-stat-label {
    font-size: 10px; color: #6B6459;
    margin-bottom: 10px; white-space: nowrap;
  }
  .hero-stat-num {
    font-family: var(--font-num); font-weight: 700; line-height: 1;
    font-size: clamp(22px, 6.2vw, 26px); color: #15130F;
  }
  .hero-stat:nth-child(2) .hero-stat-num { color: #FF3800; }
  /* CTA 全宽橙胶囊（设计 L399-426；真实 a href="#services" 锚点） */
  .hero-cta {
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: space-between;
    height: 52px; margin: 22px 0 24px; padding: 0 8px 0 24px;
    background: #FF3800; border-radius: 999px;
    color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .06em;
    box-shadow: 0 14px 28px -12px rgba(255,56,0,.65);
  }
  .hero-cta-text { position: relative; z-index: 1; }
  .hero-cta-circle {
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 50%;
    background: #fff; color: #FF3800; font-size: 16px;
    animation: hero-cta-nudge 1.8s ease-in-out infinite;
  }
  .hero-cta-shimmer {
    position: absolute; top: 0; bottom: 0; width: 33%; pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
    animation: hero-cta-shimmer 4.6s ease-in-out 2.2s infinite; /* 扫 1.4s + 间隔 3.2s = 4.6s 周期 */
  }
  @keyframes hero-cta-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
  @keyframes hero-cta-shimmer { 0% { left: -40%; } 30.4% { left: 130%; } 100% { left: 130%; } }
  .about { display: none; } /* 手机档隐藏（已登记偏差：#about 深链手机端不可达，桌面正常） */

  /* ── 区块分隔线（FullPage.tsx L549/551/553）── */
  .sect-rule { display: block; margin: 0 24px; height: 1px; background: rgba(21,19,15,.12); }

  /* ── services（services.tsx 手机档：px-6 pt-16 pb-16 + 分离圆角卡）── */
  .services { padding: 64px 24px 64px; }
  .services-eyebrow { margin-bottom: 32px; }                          /* 源 mb-8 */
  .services-tags { gap: 8px; }                                        /* 源 gap-2 */
  .services-tag {
    padding: 6px 14px; border-radius: 999px;                          /* 源 px-3.5 py-1.5 rounded-full */
    border: 1px solid rgba(21,19,15,.14); background: rgba(255,255,255,.6);
  }
  .services-tag-dot { display: none; }
  .bento { gap: 12px; border-right: none; border-bottom: none; }      /* 源 gap-3；右/下边线撤 → 分离卡 */
  .cell {
    border: 1px solid rgba(21,19,15,.09); border-radius: 22px;        /* 源 border + rounded-[22px]；上/左边线随 shorthand 覆盖 */
    background: rgba(255,255,255,.6); padding: 24px;                  /* 源 bg-white/60 p-6 */
  }
  .cell:hover, html[data-js="on"] .cell.in-view:hover { transform: none; } /* 手机 hover 撤 translateY（仅 shadow+bg） */
  .cell:hover { box-shadow: 0 28px 50px -30px rgba(21,19,15,.3); }
  .cell--tint { background: linear-gradient(135deg, #FFF9F2 0%, #FFEEE2 100%); } /* 源 bg-gradient-to-br=135deg */
  .cell-arrow { bottom: 24px; right: 24px; }                          /* 源 bottom-6 right-6 */
  .kicker { margin-bottom: 24px; }                                    /* 源 mb-6 */
  .kicker-num { font-size: clamp(40px, 4vw, 48px); }
  .kicker--big .kicker-num { font-size: clamp(48px, 5vw, 60px); }
  .kicker-name { font-size: clamp(20px, 1.8vw, 22px); }
  .kicker--big .kicker-name { font-size: clamp(23px, 2.2vw, 27px); }
  /* intro 撤旧覆盖：base clamp(13.5px,1.1vw,16px)/2.05 与设计同值，无需再写 */

  /* ── culture（culture.tsx 手机档：px-6 py-16；价值观横排复用 values-d DOM）── */
  .culture { padding: 64px 24px; }
  .culture-values { margin-bottom: 64px; }                            /* 源 mb-16 */
  .culture-values-m { display: none; }                                /* 手机改横排（源单布局恒横排） */
  .culture-values-d { display: flex; flex-wrap: nowrap; align-items: baseline; white-space: nowrap; }
  .culture-dot { width: 8px; height: 8px; margin: 0 10px 8px; }       /* 源 w-2 h-2 mx-2.5 mb-2 */
  .culture-film { aspect-ratio: 16 / 7; box-shadow: 0 40px 80px -40px rgba(21,19,15,.35); } /* 源 16/7 + 大投影 */
  .culture-mv-head, .culture-mv-head--vision { padding-left: 58px; line-height: 1.3; }     /* 源 grid 二列左缘起笔 */

  /* ── journey（journey.tsx 手机档：py-16 / px-6；head-row 归 base items-end gap-24，旧覆盖行删除）── */
  .jrn { padding-block: 64px; }
  .jrn-header, .jrn-footer { padding-inline: 24px; }

  /* ── org（org.tsx 手机档：px-6 py-16；子卡 2×2 纵排 + truncate 链路）── */
  .org { padding: 64px 24px; }
  .org-top { padding: 24px; gap: 24px; }                              /* 源 p-6 gap-6（base 32/32 为 md 档） */
  .org-grid { grid-template-columns: 1fr 1fr; }                       /* 源 grid-cols-2（base 单列） */
  .org-node { flex-direction: column; gap: 16px; padding: 20px; min-width: 0; } /* 源 flex-col gap-4 p-5 */
  .org-body { min-width: 0; }
  .org-en--node { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 源 truncate */
  .org-ghost--node { font-size: 72px; }
  .org-label--node { font-size: 15px; }
  .org-desc--node { font-size: 12px; line-height: 1.8; }

  /* ── footer（footer.tsx 手机档：pt-16 pb-12 / py-8，均 px-6）── */
  .footer-cta { padding: 64px 24px 48px; }
  .footer-strip { padding: 32px 24px; }

  /* ── 抽屉：品牌简介锚点单项隐藏（设计无；SiteNav 不动，桌面导航仍 6 项）── */
  .drawer a[href="/#about"] { display: none; }

  /* 装饰动画降级（reduced-motion：全关停，直出静态终态；stats/cta 入场降级在 base.css 尾部段） */
  @media (prefers-reduced-motion: reduce) {
    .hero-stage-disc, .hero-stage-ripple, .hero-stage-orbit, .hero-stage-orbit--solid,
    .hero-stage-float, .hero-cta-circle, .hero-cta-shimmer { animation: none; }
    .hero-cta-shimmer { opacity: 0; } /* animation:none 后 shimmer 停于 left:0 会留静态亮条，一并隐藏 */
  }
}

/* 768-1023：services/jrn/org 横向留白收紧（源 md:px-10）；左轨统一 40——hero/about 左移入轨，四区块 40 不动
 * （20260901 v2：culture 横排 nowrap 禁升 96，故反向对齐；≥1024 统一 96px 悬挂轨 52） */
@media (min-width: 768px) and (max-width: 1023px) {
  .services { padding-inline: 2.5rem; }
  .jrn-header, .jrn-footer { padding-inline: 40px; }                    /* #9 journey（T8）：源 md:px-16→md:px-10 */
  .org { padding-inline: 40px; }                                        /* #10 org（T9）：源 md:px-16→md:px-10 */
  .hero-headline { padding-left: 5.25rem; }                             /* hero 眉题 84−44 悬挂=40，对齐四区块（20260901 v2） */
}