/* 广西轻奢简悦 · 影视拍摄业务站 - 主题样式
 * 源文件：brand/film.css   构建产物：dist-film/css/film.css（由 build-film.js 复制）
 * 基调：深色电影感（暗底 + 品牌红点睛），与心理咨询室业务站（浅蓝白）形成区分
 * 品牌延续：中国红 #E03840 与母公司一致，标识同源
 */

/* ========== 1. 设计变量 ========== */
:root{
  --f-bg:#0c0d12;              /* 页面底色：近黑 */
  --f-bg-2:#12141c;            /* 板块交替底色 */
  --f-bg-3:#1a1d27;            /* 卡片底色 */
  --f-bg-4:#22263340;          /* 半透明覆盖 */
  --f-accent:#E03840;          /* 品牌中国红 - 主点睛 */
  --f-accent-dark:#b82a31;
  --f-accent-soft:rgba(224,56,64,.12);
  --f-gold:#c9a227;            /* 暖金 - 次级点缀（数字/分隔） */
  --f-ink:#f2f3f7;             /* 主文字：近白 */
  --f-ink-2:#c3c7d4;           /* 次级文字 */
  --f-muted:#8b90a3;           /* 弱化文字 */
  --f-line:rgba(255,255,255,.10);
  --f-line-2:rgba(255,255,255,.18);
  --f-shadow:0 18px 48px rgba(0,0,0,.55);
  --f-radius:14px;
  --f-font:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--f-font);
  background:var(--f-bg);
  color:var(--f-ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.7;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:.01em;line-height:1.25;margin:0 0 .6rem;}
p{margin:0 0 1rem;color:var(--f-ink-2);}
a{color:inherit;text-decoration:none;transition:color .2s;}
a:hover{color:var(--f-accent);}
img{max-width:100%;display:block;}
::selection{background:var(--f-accent);color:#fff;}

.f-wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
.f-section{padding:76px 0;position:relative;}
.f-section--alt{background:var(--f-bg-2);}
.f-center{text-align:center;}

/* 标题组 */
.f-eyebrow{
  display:inline-block;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--f-accent);font-weight:700;margin-bottom:.9rem;
}
.f-eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--f-accent);vertical-align:middle;margin-right:10px;}
.f-h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:.8rem;}
.f-reg{font-size:.42em;font-weight:700;color:var(--f-accent);top:-.85em;margin-left:.05em;line-height:0;}
.f-lead{color:var(--f-muted);max-width:660px;font-size:1.03rem;}
.f-center .f-lead{margin-left:auto;margin-right:auto;}
.f-head{margin-bottom:2.6rem;}

/* 按钮 */
.f-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.82rem 1.7rem;border-radius:999px;font-weight:700;font-size:.98rem;
  border:1px solid transparent;cursor:pointer;transition:all .22s;white-space:nowrap;
}
.f-btn--primary{background:var(--f-accent);color:#fff;box-shadow:0 8px 26px rgba(224,56,64,.32);}
.f-btn--primary:hover{background:var(--f-accent-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px rgba(224,56,64,.42);}
.f-btn--ghost{border-color:var(--f-line-2);color:var(--f-ink);}
.f-btn--ghost:hover{border-color:var(--f-accent);color:var(--f-accent);background:var(--f-accent-soft);}
.f-btn--lg{padding:1rem 2.1rem;font-size:1.05rem;}

/* ========== 2. 顶栏 ========== */
.f-nav{
  position:sticky;top:0;z-index:900;
  background:rgba(12,13,18,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--f-line);
}
.f-nav__inner{display:flex;align-items:center;gap:1.6rem;height:66px;}
.f-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.06rem;letter-spacing:.02em;flex-shrink:0;}
.f-brand:hover{color:var(--f-ink);}
.f-brand__mark{height:26px;width:auto;flex-shrink:0;}
.f-brand__en{font-size:.62rem;letter-spacing:.2em;color:var(--f-muted);font-weight:600;display:block;line-height:1.1;margin-top:1px;}
.f-menu{display:flex;align-items:center;gap:1.5rem;margin-left:auto;list-style:none;padding:0;margin-bottom:0;}
.f-menu a{font-size:.95rem;font-weight:600;color:var(--f-ink-2);position:relative;padding:.3rem 0;}
.f-menu a:hover,.f-menu a.is-active{color:var(--f-ink);}
.f-menu a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--f-accent);border-radius:2px;}
.f-nav__tel{
  display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.05rem;border-radius:999px;
  background:var(--f-accent);color:#fff;font-weight:700;font-size:.92rem;flex-shrink:0;
}
.f-nav__tel:hover{background:var(--f-accent-dark);color:#fff;}
.f-nav__switch{
  font-size:.82rem;color:var(--f-muted);border:1px solid var(--f-line);
  padding:.36rem .8rem;border-radius:999px;flex-shrink:0;font-weight:600;
}
.f-nav__switch:hover{border-color:var(--f-accent);color:var(--f-accent);}
.f-burger{display:none;background:none;border:0;color:var(--f-ink);font-size:1.5rem;margin-left:auto;cursor:pointer;padding:.2rem .4rem;}

/* ========== 3. Hero ========== */
.f-hero{
  position:relative;overflow:hidden;
  padding:104px 0 88px;
  background:
    radial-gradient(1100px 520px at 78% 8%, rgba(224,56,64,.20), transparent 62%),
    radial-gradient(760px 440px at 8% 92%, rgba(201,162,39,.11), transparent 60%),
    linear-gradient(180deg,#0c0d12 0%,#14161f 100%);
}
/* 胶片网格纹理 */
.f-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 78%);
}
.f-hero__inner{position:relative;z-index:2;max-width:820px;}
.f-hero h1{font-size:clamp(2.1rem,5.4vw,3.7rem);letter-spacing:-.01em;margin-bottom:1.1rem;}
.f-hero h1 em{font-style:normal;color:var(--f-accent);}
.f-hero__sub{font-size:1.1rem;color:var(--f-ink-2);max-width:640px;margin-bottom:2rem;}
.f-hero__btns{display:flex;gap:.9rem;flex-wrap:wrap;}
/* 数据条 */
.f-stats{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin-top:3.6rem;background:var(--f-line);
  border:1px solid var(--f-line);border-radius:var(--f-radius);overflow:hidden;
}
.f-stat{background:rgba(18,20,28,.9);padding:1.4rem 1rem;text-align:center;}
.f-stat__n{font-size:1.9rem;font-weight:800;color:var(--f-gold);line-height:1.1;}
.f-stat__l{font-size:.85rem;color:var(--f-muted);margin-top:.3rem;}

/* ========== 3b. 首页 hero banner 化 ==========
 * 用一张电影感摄影机海报作为底图，左侧叠暗色渐变确保文字可读
 * 保留 banner 原图右侧"创意 策略 执行 制作"小字（与左侧品牌口号呼应）
 */
.f-hero--banner{
  min-height:560px;
  padding:120px 0 110px;
  background:url('../assets/img/hero-banner.jpg') center/cover no-repeat #0c0d12;
}
.f-hero--banner::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,
    rgba(8,9,14,.86) 0%,
    rgba(8,9,14,.72) 26%,
    rgba(8,9,14,.42) 52%,
    rgba(8,9,14,.18) 78%,
    rgba(8,9,14,.05) 100%);
}
.f-hero--banner .f-hero__inner{max-width:660px;color:#fff;}
.f-hero--banner h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);}
.f-hero--banner h1 em{color:var(--f-accent);text-shadow:0 0 18px rgba(224,56,64,.35);}
.f-hero--banner .f-eyebrow{color:#fff;background:rgba(224,56,64,.18);
  padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(224,56,64,.45);}
.f-hero--banner .f-eyebrow::before{display:none;}
.f-hero--banner .f-hero__sub{color:rgba(255,255,255,.86);font-size:1.06rem;line-height:1.85;
  max-width:600px;text-shadow:0 1px 8px rgba(0,0,0,.4);}
/* 数据条移到 hero 下方：紧贴 banner，营造"专业承诺"硬指标带 */
.f-statsbar{
  background:var(--f-bg-2);
  border-top:1px solid var(--f-line);
  border-bottom:1px solid var(--f-line);
  padding:1.6rem 0;
}
.f-statsbar .f-stats{margin-top:0;border-color:rgba(255,255,255,.12);}
.f-statsbar .f-stat{background:var(--f-bg-3);}

/* ========== 4. 服务卡片 ========== */
.f-grid{display:grid;gap:1.5rem;}
.f-grid--3{grid-template-columns:repeat(3,1fr);}
.f-grid--2{grid-template-columns:repeat(2,1fr);}
.f-card{
  background:var(--f-bg-3);border:1px solid var(--f-line);border-radius:var(--f-radius);
  padding:1.9rem 1.6rem;transition:all .25s;position:relative;overflow:hidden;height:100%;
}
.f-card::after{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--f-accent),var(--f-gold));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.f-card:hover{transform:translateY(-5px);border-color:var(--f-line-2);box-shadow:var(--f-shadow);}
.f-card:hover::after{transform:scaleX(1);}
.f-card__ic{
  width:50px;height:50px;border-radius:12px;display:grid;place-items:center;
  background:var(--f-accent-soft);color:var(--f-accent);font-size:1.4rem;margin-bottom:1.1rem;
}
.f-card__t{font-size:1.2rem;margin-bottom:.25rem;}
.f-card__tag{font-size:.84rem;color:var(--f-gold);font-weight:600;margin-bottom:.7rem;}
.f-card__d{font-size:.94rem;color:var(--f-muted);margin-bottom:1rem;}
.f-card__list{list-style:none;padding:0;margin:0 0 1.1rem;}
.f-card__list li{
  font-size:.9rem;color:var(--f-ink-2);padding:.28rem 0 .28rem 1.2rem;position:relative;
}
.f-card__list li::before{
  content:"";position:absolute;left:0;top:.78rem;width:5px;height:5px;
  border-radius:50%;background:var(--f-accent);
}
.f-card__meta{
  display:flex;gap:1.2rem;padding-top:.9rem;border-top:1px solid var(--f-line);
  font-size:.83rem;color:var(--f-muted);flex-wrap:wrap;
}
.f-card__meta b{color:var(--f-ink-2);font-weight:600;}

/* ========== 5. 流程时间线 ========== */
.f-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;margin-top:1rem;}
.f-steps::before{
  content:"";position:absolute;left:8%;right:8%;top:26px;height:2px;
  background:linear-gradient(90deg,var(--f-accent),var(--f-gold));opacity:.35;
}
.f-step{text-align:center;padding:0 .5rem;position:relative;}
.f-step__n{
  width:54px;height:54px;margin:0 auto .9rem;border-radius:50%;
  display:grid;place-items:center;font-size:1.3rem;
  background:var(--f-bg-3);border:2px solid var(--f-accent);color:var(--f-accent);
  position:relative;z-index:2;transition:all .25s;
}
.f-step:hover .f-step__n{background:var(--f-accent);color:#fff;transform:scale(1.08);}
.f-step__t{font-size:1rem;font-weight:700;margin-bottom:.35rem;}
.f-step__d{font-size:.85rem;color:var(--f-muted);line-height:1.6;}
.f-step__idx{font-size:.72rem;color:var(--f-gold);letter-spacing:.14em;font-weight:700;margin-bottom:.5rem;}

/* ========== 6. 案例网格 ========== */
.f-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.f-case{
  border-radius:var(--f-radius);overflow:hidden;position:relative;
  background:var(--f-bg-3);border:1px solid var(--f-line);transition:all .25s;
}
.f-case:hover{transform:translateY(-5px);border-color:var(--f-line-2);box-shadow:var(--f-shadow);}
.f-case__cover{
  aspect-ratio:16/10;position:relative;display:grid;place-items:center;overflow:hidden;
}
/* 六种占位色调（替换真实封面图后可移除） */
.f-case__cover[data-tone="a"]{background:linear-gradient(135deg,#232838,#3a2230);}
.f-case__cover[data-tone="b"]{background:linear-gradient(135deg,#1e2c33,#2f3a24);}
.f-case__cover[data-tone="c"]{background:linear-gradient(135deg,#2b2333,#3a2426);}
.f-case__cover[data-tone="d"]{background:linear-gradient(135deg,#1f2a38,#332a22);}
.f-case__cover[data-tone="e"]{background:linear-gradient(135deg,#26323a,#3a2a2e);}
.f-case__cover[data-tone="f"]{background:linear-gradient(135deg,#2d2733,#243440);}
.f-case__cover::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:100% 4px;
}
.f-case__play{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:rgba(224,56,64,.9);color:#fff;font-size:1.3rem;position:relative;z-index:2;
  transition:transform .25s;box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.f-case:hover .f-case__play{transform:scale(1.12);}
.f-case__cat{
  position:absolute;left:12px;top:12px;z-index:2;
  background:rgba(0,0,0,.6);border:1px solid var(--f-line-2);backdrop-filter:blur(6px);
  padding:.24rem .7rem;border-radius:999px;font-size:.76rem;font-weight:600;color:var(--f-ink);
}
/* 案例分类筛选胶囊（cases 页标题下方，原太小已放大） */
.f-case__chips{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;}
.f-case__chip{
  font-size:1.05rem;font-weight:700;color:var(--f-ink);
  background:var(--f-bg-3);border:1px solid var(--f-line);
  border-radius:999px;padding:.55rem 1.2rem;letter-spacing:.02em;
}
.f-case__year{
  position:absolute;right:12px;top:12px;z-index:2;
  font-size:.76rem;color:var(--f-muted);font-weight:600;
}
.f-case__body{padding:1.05rem 1.2rem 1.2rem;}
.f-case__t{font-size:1.04rem;margin-bottom:.3rem;}
.f-case__m{font-size:.84rem;color:var(--f-muted);display:flex;gap:.8rem;flex-wrap:wrap;}

/* ========== 6.5 团队装备（品牌标识 + 拍摄工服） ========== */
.f-gear{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.f-gear__i{
  background:var(--f-bg-3);border:1px solid var(--f-line);border-radius:var(--f-radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.f-gear__i:hover{transform:translateY(-5px);border-color:var(--f-line-2);box-shadow:var(--f-shadow);}
.f-gear__img{
  height:230px;display:grid;place-items:center;padding:1.4rem;
  background:repeating-linear-gradient(45deg,#f6f7fb 0 12px,#ecedf3 12px 24px);
}
.f-gear__img img{max-width:100%;max-height:185px;width:auto;height:auto;object-fit:contain;display:block;}
.f-gear__i figcaption{padding:1.05rem 1.2rem 1.3rem;border-top:1px solid var(--f-line);}
.f-gear__t{font-size:1.04rem;margin-bottom:.3rem;color:var(--f-ink);}
.f-gear__d{font-size:.88rem;color:var(--f-muted);margin:0;line-height:1.65;}

/* ========== 6.5b 团队人员 ========== */
.f-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem;justify-content:center;}
.f-team__i{
  background:var(--f-bg-3);border:1px solid var(--f-line);border-radius:var(--f-radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.f-team__i:hover{transform:translateY(-5px);border-color:var(--f-line-2);box-shadow:var(--f-shadow);}
.f-team__img{aspect-ratio:1/1;overflow:hidden;background:#11121a;}
.f-team__img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.f-team__t{padding:1rem 1.2rem 0;font-size:1.15rem;margin:0;color:var(--f-ink);}
.f-team__r{padding:.15rem 1.2rem 0;font-size:.86rem;color:var(--f-accent);font-weight:600;margin:0 0 .6rem;}
.f-team__b{font-size:.9rem;color:var(--f-muted);line-height:1.7;margin:0;padding:0 1.2rem .9rem;}
.f-team__tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.2rem 1.3rem;}
.f-team__tags span{font-size:.74rem;color:var(--f-gold);background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.28);padding:.18rem .55rem;border-radius:999px;}

/* ========== 6.5c 作品样片墙 ========== */
.f-samples__group{margin-bottom:2.6rem;}
.f-samples__group:last-child{margin-bottom:0;}
.f-samples__h{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem;border-left:3px solid var(--f-accent);padding-left:.8rem;}
.f-samples__cat{font-size:1.05rem;font-weight:700;color:var(--f-ink);}
.f-samples__n{font-size:.8rem;color:var(--f-muted);}
.f-samples{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;}
.f-samples__c{display:block;overflow:hidden;border-radius:10px;border:1px solid var(--f-line);background:#11121a;aspect-ratio:4/3;}
.f-samples__c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.f-samples__c:hover img{transform:scale(1.06);}

/* ========== 7. 设备清单 ========== */
.f-eq{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--f-line);border:1px solid var(--f-line);border-radius:var(--f-radius);overflow:hidden;}
.f-eq__i{background:var(--f-bg-3);padding:1.4rem 1.5rem;}
.f-eq__c{font-size:.78rem;letter-spacing:.16em;color:var(--f-gold);font-weight:700;text-transform:uppercase;margin-bottom:.45rem;}
.f-eq__l{font-size:.93rem;color:var(--f-ink-2);margin:0;line-height:1.65;}

/* ========== 8. 优势 ========== */
.f-adv{display:flex;gap:1rem;align-items:flex-start;}
.f-adv__ic{
  width:44px;height:44px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;
  background:var(--f-accent-soft);color:var(--f-accent);font-size:1.25rem;
}
.f-adv__t{font-size:1.05rem;margin-bottom:.3rem;}
.f-adv__d{font-size:.92rem;color:var(--f-muted);margin:0;}

/* ========== 9. FAQ ========== */
.f-faq{max-width:840px;margin:0 auto;}
.f-faq__i{border-bottom:1px solid var(--f-line);}
.f-faq__q{
  width:100%;background:none;border:0;color:var(--f-ink);text-align:left;
  padding:1.15rem 2.4rem 1.15rem 0;font-size:1.03rem;font-weight:700;cursor:pointer;
  position:relative;font-family:inherit;line-height:1.5;
}
.f-faq__q::after{
  content:"\002B";position:absolute;right:.4rem;top:50%;transform:translateY(-50%);
  color:var(--f-accent);font-size:1.4rem;font-weight:400;transition:transform .25s;
}
.f-faq__i.is-open .f-faq__q::after{transform:translateY(-50%) rotate(45deg);}
.f-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.f-faq__a p{padding:0 0 1.2rem;color:var(--f-muted);font-size:.96rem;margin:0;}
.f-faq__i.is-open .f-faq__a{max-height:520px;}

/* ========== 10. CTA 条 ========== */
.f-cta{
  background:
    radial-gradient(700px 320px at 20% 20%, rgba(224,56,64,.22), transparent 62%),
    linear-gradient(135deg,#191c26,#12141c);
  border:1px solid var(--f-line);border-radius:20px;
  padding:3rem 2.6rem;text-align:center;
}
.f-cta h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.7rem;}
.f-cta p{max-width:620px;margin:0 auto 1.8rem;color:var(--f-ink-2);}

/* ========== 11. 表单 ========== */
.f-form{
  background:var(--f-bg-3);border:1px solid var(--f-line);
  border-radius:var(--f-radius);padding:2rem 1.9rem;
}
.f-field{margin-bottom:1.1rem;}
.f-field label{display:block;font-size:.88rem;font-weight:600;color:var(--f-ink-2);margin-bottom:.4rem;}
.f-field label .req{color:var(--f-accent);margin-left:.15rem;}
.f-input,.f-select,.f-textarea{
  width:100%;padding:.78rem .95rem;border-radius:10px;font-family:inherit;font-size:.96rem;
  background:#0f1118;border:1px solid var(--f-line-2);color:var(--f-ink);transition:border-color .2s,box-shadow .2s;
}
.f-input:focus,.f-select:focus,.f-textarea:focus{
  outline:0;border-color:var(--f-accent);box-shadow:0 0 0 3px var(--f-accent-soft);
}
.f-input::placeholder,.f-textarea::placeholder{color:#5d6275;}
.f-textarea{min-height:120px;resize:vertical;}
.f-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238b90a3'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:15px;padding-right:2.4rem;}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.f-alert{padding:.85rem 1.05rem;border-radius:10px;font-size:.93rem;margin-bottom:1.1rem;display:none;}
.f-alert--ok{background:rgba(46,160,90,.14);border:1px solid rgba(46,160,90,.4);color:#7ee0a5;display:block;}
.f-alert--err{background:var(--f-accent-soft);border:1px solid rgba(224,56,64,.4);color:#ff9098;display:block;}

/* 联系方式卡 */
.f-contact__i{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid var(--f-line);}
.f-contact__i:last-child{border-bottom:0;}
.f-contact__ic{width:40px;height:40px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:var(--f-accent-soft);color:var(--f-accent);font-size:1.1rem;}
.f-contact__l{font-size:.8rem;color:var(--f-muted);}
.f-contact__v{font-size:1.02rem;font-weight:700;color:var(--f-ink);}

/* ========== 12. 页脚 ========== */
.f-foot{background:#08090d;border-top:1px solid var(--f-line);padding:3rem 0 1.6rem;}
.f-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2rem;margin-bottom:2.2rem;}
.f-foot__t{font-size:.95rem;font-weight:700;margin-bottom:.9rem;color:var(--f-ink);}
.f-foot__l{list-style:none;padding:0;margin:0;}
.f-foot__l li{margin-bottom:.5rem;font-size:.9rem;color:var(--f-muted);}
.f-foot__l a{color:var(--f-muted);}
.f-foot__l a:hover{color:var(--f-accent);}
.f-foot__d{font-size:.9rem;color:var(--f-muted);margin-bottom:1rem;}
.f-foot__bottom{
  border-top:1px solid var(--f-line);padding-top:1.3rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.84rem;color:#5d6275;
}
.f-foot__bottom a{color:#5d6275;}

/* ========== 13. 响应式 ========== */
@media (max-width:991px){
  .f-grid--3,.f-cases,.f-eq,.f-gear{grid-template-columns:repeat(2,1fr);}
  .f-samples{grid-template-columns:repeat(3,1fr);}
  .f-steps{grid-template-columns:repeat(3,1fr);row-gap:2.2rem;}
  .f-steps::before{display:none;}
  .f-foot__grid{grid-template-columns:1fr 1fr;}
  .f-menu{gap:1.1rem;}
  .f-menu a{font-size:.9rem;}
  .f-nav__switch{display:none;}
}
@media (max-width:767px){
  .f-section{padding:54px 0;}
  .f-hero{padding:72px 0 60px;}
  .f-hero--banner{min-height:420px;padding:84px 0 80px;
    background-position:62% center;}
  .f-stats{grid-template-columns:repeat(2,1fr);margin-top:2.6rem;}
  .f-grid--3,.f-grid--2,.f-cases,.f-eq,.f-gear,.f-about-grid{grid-template-columns:1fr;}
  .f-samples{grid-template-columns:repeat(2,1fr);}
  .f-case__chip{font-size:.95rem;padding:.45rem .95rem;}
  .f-steps{grid-template-columns:repeat(2,1fr);}
  .f-row{grid-template-columns:1fr;}
  .f-foot__grid{grid-template-columns:1fr;gap:1.6rem;}
  .f-cta{padding:2.2rem 1.4rem;}
  .f-form{padding:1.5rem 1.2rem;}
  /* 移动端菜单 */
  .f-burger{display:block;}
  .f-menu{
    position:fixed;inset:66px 0 auto;flex-direction:column;align-items:stretch;
    background:rgba(12,13,18,.98);backdrop-filter:blur(14px);
    border-bottom:1px solid var(--f-line);padding:.6rem 20px 1.1rem;gap:0;
    display:none;
  }
  .f-menu.is-open{display:flex;}
  .f-menu a{padding:.85rem 0;border-bottom:1px solid var(--f-line);display:block;}
  .f-menu a.is-active::after{display:none;}
  .f-nav__tel span{display:none;}
  .f-nav__tel{padding:.5rem .7rem;}
}

/* ========== 招聘信息（页面 6） ========== */
.f-recruit{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1.6rem;}
.f-recruit__job{
  background:var(--f-bg-3);
  border:1px solid var(--f-line);
  border-radius:var(--f-radius);
  padding:2rem 2rem 1.6rem;
  box-shadow:var(--f-shadow);
}
.f-recruit__top{border-bottom:1px solid var(--f-line);padding-bottom:1rem;margin-bottom:1.2rem;}
.f-recruit__title{font-size:1.5rem;margin:0 0 .35rem;color:var(--f-ink);}
.f-recruit__tag{font-size:.92rem;color:var(--f-gold);font-weight:600;margin:0;}
.f-recruit__body{display:flex;flex-direction:column;gap:1.4rem;}
.f-recruit__h{
  font-size:1.08rem;color:var(--f-ink);
  display:inline-flex;align-items:center;position:relative;
  margin:0 0 .8rem;padding-left:.75rem;
}
.f-recruit__h::before{
  content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;
  background:linear-gradient(180deg,var(--f-accent),var(--f-gold));
}
.f-recruit__sec .f-card__list{margin-bottom:0;}
.f-recruit__apply{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--f-line);
}
.f-recruit__apply-t{display:flex;align-items:center;gap:.5rem;color:var(--f-ink-2);font-size:.92rem;line-height:1.5;}
.f-recruit__apply-t i{color:var(--f-accent);font-size:1.05rem;}

@media (max-width:767px){
  .f-recruit__job{padding:1.5rem 1.2rem 1.2rem;}
  .f-recruit__apply{flex-direction:column;align-items:flex-start;}
  .f-recruit__apply .f-btn{width:100%;justify-content:center;}
}

/* ===== 公司简介（资料卡） ===== */
.f-cinfo{border:1px solid var(--f-line);border-radius:14px;padding:1.3rem 1.4rem;background:rgba(255,255,255,.02);}
.f-cinfo__r{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px dashed var(--f-line);}
.f-cinfo__r:last-child{border-bottom:0;padding-bottom:0;}
.f-cinfo__k{color:var(--f-muted);font-size:.9rem;flex:0 0 auto;}
.f-cinfo__v{color:var(--f-ink);font-weight:600;text-align:right;}
/* about 页右列顶部 logo（白色反色版，适配深色背景） */
.f-about__logo{margin-bottom:1.6rem;}
.f-about__logo img{display:block;width:260px;max-width:100%;height:auto;}

/* ===== 关于页 · 公司介绍（纯文字文章式） ===== */
.f-about-grid{grid-template-columns:minmax(0,1fr) 300px;}
.f-article p{color:var(--f-ink-2);font-size:1rem;line-height:1.95;margin:0 0 1rem;}
.f-article__h{font-size:1.28rem;color:var(--f-ink);margin:1.9rem 0 .8rem;padding-left:.8rem;
  border-left:3px solid var(--f-accent);}
.f-article__h:first-child{margin-top:0;}
.f-article__sub{font-size:1.06rem;color:var(--f-ink);margin:1.2rem 0 .5rem;font-weight:700;}
.f-article__list{margin:0 0 .4rem;padding-left:1.2rem;}
.f-article__list li{color:var(--f-ink-2);font-size:.96rem;line-height:1.85;margin-bottom:.5rem;}

@media (max-width:767px){
  .f-cinfo{margin-top:1.2rem;}
}

/* ===== 设备展示 ===== */
.f-equip{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;}
/* 首页设备预览：6 台代表作，3 列紧凑 */
.f-equip--preview{grid-template-columns:repeat(3,1fr);gap:1.3rem;}
.f-equip__card{display:flex;flex-direction:column;background:var(--f-bg-2);border:1px solid var(--f-line);border-radius:14px;overflow:hidden;transition:transform .25s ease,border-color .25s ease;}
.f-equip__card:hover{transform:translateY(-3px);border-color:var(--f-accent);}
.f-equip__imgs{display:grid;grid-template-columns:1fr;background:#0c0c0e;}
.f-equip__imgs--3{grid-template-columns:repeat(3,1fr);}
.f-equip__img{aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.05);}
.f-equip__imgs--3 .f-equip__img:last-child{border-right:0;}
.f-equip__img img{width:100%;height:100%;object-fit:cover;}
.f-equip__body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.7rem;flex:1;}
.f-equip__name{margin:0;font-size:1.25rem;color:var(--f-ink);}
.f-equip__role{display:inline-block;align-self:flex-start;padding:.15rem .55rem;background:rgba(224,56,64,.15);color:var(--f-accent);font-size:.78rem;border-radius:4px;font-weight:600;letter-spacing:.04em;}
.f-equip__specs{margin:.2rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem;}
.f-equip__specs li{position:relative;padding-left:1.1rem;color:var(--f-ink-2);font-size:.92rem;line-height:1.55;}
.f-equip__specs li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--f-accent);border-radius:50%;}
.f-equip__hl{margin-top:auto;padding-top:.6rem;border-top:1px dashed var(--f-line);color:var(--f-ink);font-size:.9rem;line-height:1.6;display:flex;gap:.5rem;align-items:flex-start;}
.f-equip__hl i{color:var(--f-accent);margin-top:.15rem;flex:0 0 auto;}

/* 设备分组 */
.f-equip__cat{margin-top:2.6rem;}
.f-equip__cat:first-of-type{margin-top:0;}
.f-equip__cathead{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:0 0 1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--f-line);}
.f-equip__catname{margin:0;font-size:1.4rem;color:var(--f-ink);letter-spacing:.04em;}
.f-equip__catdesc{margin:0;color:var(--f-muted);font-size:.95rem;line-height:1.6;flex:1 1 100%;}

/* 设备页分类锚点导航 */
.f-equip__nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:-.5rem 0 2.4rem;}
.f-equip__navchip{padding:.45rem 1rem;background:var(--f-bg-2);border:1px solid var(--f-line);border-radius:999px;color:var(--f-ink-2);font-size:.88rem;transition:.2s;}
.f-equip__navchip:hover{border-color:var(--f-accent);color:var(--f-accent);}

/* 卡片可点击提示 + 鼠标手势 */
.f-equip__card{cursor:pointer;}
.f-equip__card:focus-visible{outline:2px solid var(--f-accent);outline-offset:2px;}
.f-equip__more{margin-top:auto;padding-top:.7rem;font-size:.82rem;color:var(--f-muted);display:flex;align-items:center;gap:.4rem;border-top:1px dashed var(--f-line);}
.f-equip__more i{color:var(--f-accent);transition:transform .25s;}
.f-equip__card:hover .f-equip__more i{transform:translate(2px,-2px);}

/* 设备详情弹窗 */
.f-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:2rem 1rem;}
.f-modal.is-open{display:flex;}
.f-modal__back{position:absolute;inset:0;background:rgba(6,7,10,.78);backdrop-filter:blur(6px);}
.f-modal__panel{position:relative;width:min(960px,100%);max-height:calc(100vh - 4rem);background:var(--f-bg-2);border:1px solid var(--f-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.6);}
.f-modal__close{position:absolute;top:.7rem;right:.7rem;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;transition:.2s;}
.f-modal__close:hover{background:var(--f-accent);border-color:var(--f-accent);}
.f-modal__gallery{display:grid;grid-template-columns:1fr;background:#0c0c0e;max-height:48vh;}
.f-modal__gallery img{width:100%;height:100%;max-height:48vh;object-fit:contain;}
.f-modal__body{padding:1.8rem 2rem 2rem;overflow-y:auto;}
.f-modal__cat{display:inline-block;padding:.2rem .7rem;background:rgba(224,56,64,.15);color:var(--f-accent);font-size:.78rem;font-weight:600;border-radius:4px;letter-spacing:.06em;margin-bottom:.6rem;}
.f-modal__name{margin:.2rem 0 .4rem;font-size:1.7rem;color:var(--f-ink);line-height:1.25;}
.f-modal__role{color:var(--f-muted);font-size:1rem;margin-bottom:1rem;}
.f-modal__hl{display:flex;gap:.6rem;align-items:flex-start;padding:.9rem 1.1rem;background:rgba(224,56,64,.08);border-left:3px solid var(--f-accent);border-radius:0 6px 6px 0;color:var(--f-ink);font-size:.95rem;line-height:1.6;margin:1rem 0;}
.f-modal__hl i{color:var(--f-accent);flex:0 0 auto;margin-top:.2rem;}
.f-modal__detail{color:var(--f-ink-2);font-size:.96rem;line-height:1.75;margin:1.1rem 0 1.3rem;}
.f-modal__specs{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--f-line);}
.f-modal__specst{font-size:.85rem;color:var(--f-muted);letter-spacing:.08em;margin-bottom:.6rem;text-transform:uppercase;}
.f-modal__specsl{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem;}
.f-modal__specsl li{position:relative;padding-left:1.1rem;color:var(--f-ink-2);font-size:.94rem;line-height:1.55;}
.f-modal__specsl li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--f-accent);border-radius:50%;}

@media (max-width:991px){
  .f-equip{grid-template-columns:1fr;gap:1.2rem;}
  .f-equip--preview{grid-template-columns:repeat(2,1fr);gap:1.1rem;}
  .f-modal__body{padding:1.4rem 1.4rem 1.6rem;}
  .f-modal__specsl{grid-template-columns:1fr;}
}
@media (max-width:575px){
  .f-equip--preview{grid-template-columns:1fr;}
  .f-equip__imgs--3{grid-template-columns:repeat(3,1fr);}
  .f-modal{padding:1rem .6rem;}
  .f-modal__panel{max-height:calc(100vh - 2rem);}
  .f-modal__name{font-size:1.35rem;}
  .f-equip__cathead{gap:.6rem;}
  .f-equip__catname{font-size:1.2rem;}
}