/* FFC Factory Strength V0.1
   Scope: 工厂实力 page only. Does not modify homepage, header, navigation, or footer template parts. */
:root{
  --fs-v01-bg:#06101c;
  --fs-v01-bg-deep:#02070d;
  --fs-v01-panel:rgba(8,22,36,.82);
  --fs-v01-panel-2:rgba(10,28,45,.76);
  --fs-v01-line:rgba(124,175,244,.18);
  --fs-v01-line-soft:rgba(255,255,255,.075);
  --fs-v01-blue:#126ee8;
  --fs-v01-blue-bright:#2f8cff;
  --fs-v01-text:#f1f6ff;
  --fs-v01-muted:rgba(219,230,244,.70);
  --fs-v01-muted-2:rgba(219,230,244,.54);
  --fs-v01-max:1560px;
  --fs-v01-radius:14px;
  --fs-v01-shadow:0 24px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.03) inset;
}

body:has(.ffc-factory-strength-v01){
  margin:0!important;
  padding:0!important;
  background:var(--fs-v01-bg)!important;
}
body:has(.ffc-factory-strength-v01) .wp-site-blocks{
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:var(--fs-v01-bg)!important;
}
body:has(.ffc-factory-strength-v01) .wp-site-blocks > *,
body:has(.ffc-factory-strength-v01) .wp-site-blocks > * + *{
  margin-block-start:0!important;
  margin-block-end:0!important;
}

.ffc-factory-strength-v01{
  position:relative;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 0%, rgba(18,110,232,.18), transparent 30%),
    radial-gradient(circle at 6% 18%, rgba(18,110,232,.12), transparent 28%),
    linear-gradient(180deg,#06101c 0%,#02070d 100%);
  color:var(--fs-v01-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
.ffc-factory-strength-v01 *{box-sizing:border-box;}
.ffc-factory-strength-v01 a{color:inherit;text-decoration:none;}
.ffc-fs-main{margin:0!important;padding:0!important;}

.ffc-fs-hero{
  position:relative;
  min-height:365px;
  overflow:hidden;
  background:#03101d;
}
.ffc-fs-hero__bg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg, rgba(2,9,17,.92) 0%, rgba(2,9,17,.78) 30%, rgba(2,9,17,.34) 62%, rgba(2,9,17,.14) 100%),
    linear-gradient(180deg, rgba(2,9,17,.10) 0%, rgba(2,9,17,.22) 58%, rgba(6,16,28,.92) 100%),
    url('../img/factory-bg.jpg');
  background-size:cover;
  background-position:center center;
  filter:saturate(.82) contrast(1.05) brightness(.82);
  transform:scale(1.01);
}
.ffc-fs-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 34% 5%, rgba(47,140,255,.18), transparent 22%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 74px);
  opacity:.42;
  pointer-events:none;
}
.ffc-fs-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:110px;
  background:linear-gradient(180deg, rgba(6,16,28,0) 0%, rgba(6,16,28,.92) 100%);
  pointer-events:none;
}
.ffc-fs-hero__inner{
  position:relative;
  z-index:2;
  width:min(100%,var(--fs-v01-max));
  margin:0 auto;
  padding:34px 34px 88px;
}
.ffc-fs-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:var(--fs-v01-blue-bright);
  font-size:16px;
  font-weight:850;
  letter-spacing:.04em;
}
.ffc-fs-kicker::before{
  content:"";
  width:4px;height:4px;border-radius:50%;
  background:var(--fs-v01-blue-bright);
  box-shadow:0 0 14px rgba(47,140,255,.8);
}
.ffc-fs-kicker em{
  color:rgba(238,246,255,.62);
  font-style:normal;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.ffc-fs-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(58px,6.6vw,92px);
  line-height:.98;
  font-weight:850;
  letter-spacing:-.055em;
  text-shadow:0 18px 36px rgba(0,0,0,.42);
}
.ffc-fs-hero__lead{
  width:min(100%,700px);
  margin:22px 0 0;
  color:rgba(255,255,255,.92);
  font-size:clamp(22px,2vw,29px);
  line-height:1.56;
  font-weight:650;
  letter-spacing:-.02em;
}
.ffc-fs-hero__text{
  width:min(100%,760px);
  margin:22px 0 0;
  color:var(--fs-v01-muted);
  font-size:16px;
  line-height:1.86;
}
.ffc-fs-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:28px;
}
.ffc-fs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-width:188px;
  min-height:46px;
  padding:0 26px;
  border-radius:6px;
  font-size:15px;
  font-weight:850;
  letter-spacing:.02em;
  transition:transform .24s cubic-bezier(.34,1.56,.64,1), border-color .24s cubic-bezier(.4,0,.2,1), background .24s cubic-bezier(.4,0,.2,1), box-shadow .24s cubic-bezier(.4,0,.2,1);
}
.ffc-fs-btn:hover{transform:translateY(-2px);}
.ffc-fs-btn--primary{
  background:linear-gradient(135deg,#126ee8,#075ad4);
  color:#fff;
  box-shadow:0 16px 30px rgba(18,110,232,.28);
}
.ffc-fs-btn--ghost{
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.035);
}
.ffc-fs-btn--ghost:hover{
  border-color:rgba(47,140,255,.46);
  background:rgba(47,140,255,.08);
}
.ffc-fs-btn--small{
  min-width:174px;
  min-height:42px;
  padding:0 22px;
  gap:18px;
  font-size:14px;
}

.ffc-fs-profile{
  position:relative;
  z-index:4;
  width:min(calc(100% - 68px),var(--fs-v01-max));
  margin:-46px auto 0!important;
  display:grid;
  grid-template-columns:1.05fr .9fr .95fr 1.2fr 1.55fr;
  gap:0;
  background:linear-gradient(135deg,rgba(12,28,44,.94),rgba(8,18,32,.88));
  border:1px solid var(--fs-v01-line);
  border-radius:8px;
  box-shadow:var(--fs-v01-shadow);
  backdrop-filter:blur(18px);
  overflow:hidden;
}
.ffc-fs-profile__title,
.ffc-fs-profile__item{
  min-height:96px;
  padding:22px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.08);
}
.ffc-fs-profile__title{border-left:0;}
.ffc-fs-profile__title strong{
  position:relative;
  color:#fff;
  font-size:28px;
  line-height:1.1;
  font-weight:780;
}
.ffc-fs-profile__title strong::after{
  content:"";
  display:inline-block;
  width:8px;height:3px;
  margin-left:8px;
  vertical-align:middle;
  background:var(--fs-v01-blue-bright);
  box-shadow:0 0 14px rgba(47,140,255,.78);
}
.ffc-fs-profile__title span{margin-top:7px;color:rgba(219,230,244,.62);font-size:14px;}
.ffc-fs-profile__item{
  position:relative;
  padding-left:82px;
}
.ffc-fs-profile__item i{
  position:absolute;
  left:32px;top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  display:grid;place-items:center;
  color:var(--fs-v01-blue-bright);
  border:1px solid rgba(47,140,255,.64);
  border-radius:6px;
  font-style:normal;
  font-size:22px;
}
.ffc-fs-profile__item span{color:rgba(219,230,244,.68);font-size:14px;margin-bottom:5px;}
.ffc-fs-profile__item strong{color:var(--fs-v01-blue-bright);font-size:29px;line-height:1.12;font-weight:850;letter-spacing:-.02em;}
.ffc-fs-profile__item strong em{color:#dbe8f8;font-size:15px;font-style:normal;font-weight:650;letter-spacing:0;}
.ffc-fs-profile__item--wide strong{font-size:17px;line-height:1.35;color:var(--fs-v01-blue-bright);}

.ffc-fs-grid{
  width:min(calc(100% - 68px),var(--fs-v01-max));
  margin:14px auto 72px!important;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:14px 24px;
}
.ffc-fs-card{
  position:relative;
  overflow:hidden;
  min-height:160px;
  background:
    linear-gradient(145deg,rgba(47,140,255,.07),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    var(--fs-v01-panel);
  border:1px solid var(--fs-v01-line);
  border-radius:8px;
  box-shadow:0 18px 50px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.018);
}
.ffc-fs-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.055) 1px,transparent 0);
  background-size:18px 18px;
  opacity:.10;
  pointer-events:none;
}
.ffc-fs-card h2{
  position:relative;
  margin:0;
  color:#fff;
  font-size:clamp(22px,2vw,28px);
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.03em;
}
.ffc-fs-card h2::before{
  content:"";
  display:inline-block;
  width:4px;height:4px;
  margin-right:12px;
  border-radius:50%;
  vertical-align:.35em;
  background:var(--fs-v01-blue-bright);
  box-shadow:0 0 14px rgba(47,140,255,.78);
}
.ffc-fs-card p{
  position:relative;
  margin:13px 0 0;
  color:var(--fs-v01-muted);
  font-size:15px;
  line-height:1.78;
}

.ffc-fs-card--production{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:28px;
  padding:28px 32px 24px;
}
.ffc-fs-card__media{
  position:relative;
  min-height:148px;
  border-radius:4px;
  overflow:hidden;
  background-image:linear-gradient(180deg,rgba(4,12,20,.12),rgba(4,12,20,.25)),url('../img/factory-strength-production.jpg');
  background-size:cover;
  background-position:center;
  filter:saturate(.82) brightness(.86) contrast(1.06);
  box-shadow:0 18px 30px rgba(0,0,0,.22);
}
.ffc-fs-card__media::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 36%);
  pointer-events:none;
}
.ffc-fs-card__body{position:relative;}
.ffc-fs-feature-list{
  position:relative;
  display:grid;
  gap:13px;
  margin-top:26px;
}
.ffc-fs-feature-list div{
  position:relative;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  padding-left:34px;
  color:var(--fs-v01-muted);
  line-height:1.62;
  font-size:14px;
}
.ffc-fs-feature-list div::before{
  content:"✓";
  position:absolute;
  left:2px;top:1px;
  width:18px;height:18px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#d9ecff;
  font-size:11px;
  font-weight:900;
  background:linear-gradient(135deg,#126ee8,#064baa);
}
.ffc-fs-feature-list b{color:#fff;font-size:15px;}
.ffc-fs-feature-list span{color:var(--fs-v01-muted);}

.ffc-fs-card--process{
  padding:28px 36px 30px;
}
.ffc-fs-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
  margin-top:32px;
}
.ffc-fs-steps::before{
  content:"";
  position:absolute;
  left:7%;right:7%;top:26px;
  border-top:1px dashed rgba(47,140,255,.55);
  opacity:.72;
}
.ffc-fs-step{position:relative;z-index:2;}
.ffc-fs-step__icon{
  width:52px;height:52px;
  margin:0 auto 14px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#e8f3ff;
  font-size:22px;
  background:linear-gradient(135deg,#126ee8,#063f9b);
  box-shadow:0 14px 28px rgba(18,110,232,.28), inset 0 0 0 1px rgba(255,255,255,.13);
}
.ffc-fs-step span{display:block;color:var(--fs-v01-blue-bright);font-size:20px;line-height:1;font-weight:800;}
.ffc-fs-step strong{display:block;margin-top:7px;color:#fff;font-size:17px;line-height:1.2;}
.ffc-fs-step p{margin-top:8px;color:var(--fs-v01-muted-2);font-size:14px;line-height:1.6;}

.ffc-fs-card--quality{
  padding:24px 32px 24px;
  min-height:150px;
}
.ffc-fs-quality-tags{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 22px;
  margin-top:22px;
}
.ffc-fs-quality-tags span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(235,245,255,.78);
  font-size:14px;
  white-space:nowrap;
}
.ffc-fs-quality-tags span::before{
  content:"";
  width:22px;height:22px;
  border:1px solid rgba(47,140,255,.55);
  border-radius:5px;
  background:rgba(18,110,232,.08);
  box-shadow:0 0 18px rgba(18,110,232,.08) inset;
}

.ffc-fs-card--support{
  min-height:150px;
  display:grid;
  grid-template-columns:1fr 46%;
  align-items:stretch;
  padding:0;
}
.ffc-fs-card__support-copy{
  position:relative;
  z-index:2;
  padding:24px 0 24px 36px;
}
.ffc-fs-card__support-copy p{max-width:510px;}
.ffc-fs-card__support-copy .ffc-fs-btn{margin-top:16px;}
.ffc-fs-card__support-media{
  position:relative;
  min-height:150px;
  align-self:stretch;
  background-image:
    linear-gradient(90deg,rgba(8,22,36,.92) 0%,rgba(8,22,36,.55) 34%,rgba(8,22,36,.05) 100%),
    linear-gradient(180deg,rgba(4,12,20,.06),rgba(4,12,20,.28)),
    url('../img/factory-strength-yard.jpg');
  background-size:cover;
  background-position:center right;
  filter:saturate(.86) brightness(.72) contrast(1.08);
}
.ffc-fs-card__support-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 0%,rgba(47,140,255,.18) 100%);
  mix-blend-mode:screen;
  opacity:.45;
  pointer-events:none;
}

@media (min-width:1300px){
  .ffc-fs-hero{min-height:400px;}
  .ffc-fs-hero__inner{padding-top:38px;padding-bottom:98px;}
  .ffc-fs-grid{grid-template-columns:.9fr 1.1fr;}
  .ffc-fs-card--production{grid-template-columns:300px 1fr;}
}
@media (max-width:1180px){
  .ffc-fs-profile{grid-template-columns:1fr 1fr;}
  .ffc-fs-profile__title,
  .ffc-fs-profile__item{border-top:1px solid rgba(255,255,255,.08);}
  .ffc-fs-profile__title{border-top:0;}
  .ffc-fs-profile__item:nth-child(2){border-top:0;}
  .ffc-fs-grid{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .ffc-fs-hero{min-height:520px;}
  .ffc-fs-hero__bg{background-position:center right;}
  .ffc-fs-hero__inner{padding:54px 22px 90px;}
  .ffc-fs-hero h1{font-size:54px;}
  .ffc-fs-hero__lead{font-size:21px;}
  .ffc-fs-profile{width:calc(100% - 32px);grid-template-columns:1fr;margin-top:-34px!important;}
  .ffc-fs-profile__title,
  .ffc-fs-profile__item{min-height:84px;padding:18px 22px;border-left:0;border-top:1px solid rgba(255,255,255,.08);}
  .ffc-fs-profile__title{border-top:0;}
  .ffc-fs-profile__item{padding-left:70px;}
  .ffc-fs-profile__item i{left:22px;}
  .ffc-fs-grid{width:calc(100% - 32px);gap:14px;margin-bottom:46px!important;}
  .ffc-fs-card--production{grid-template-columns:1fr;padding:22px;}
  .ffc-fs-card__media{min-height:190px;}
  .ffc-fs-feature-list div{grid-template-columns:1fr;gap:4px;}
  .ffc-fs-card--process,.ffc-fs-card--quality{padding:24px 22px;}
  .ffc-fs-steps{grid-template-columns:1fr;gap:18px;margin-top:24px;}
  .ffc-fs-steps::before{display:none;}
  .ffc-fs-step{display:grid;grid-template-columns:54px 1fr;column-gap:14px;align-items:start;}
  .ffc-fs-step__icon{grid-row:1/5;margin:0;width:48px;height:48px;}
  .ffc-fs-card--support{grid-template-columns:1fr;}
  .ffc-fs-card__support-copy{padding:24px 22px;}
  .ffc-fs-card__support-media{min-height:210px;order:-1;}
}
@media (max-width:560px){
  .ffc-fs-hero h1{font-size:44px;}
  .ffc-fs-kicker{font-size:14px;}
  .ffc-fs-kicker em{font-size:11px;}
  .ffc-fs-hero__lead{font-size:19px;}
  .ffc-fs-hero__text{font-size:15px;line-height:1.75;}
  .ffc-fs-actions{gap:12px;}
  .ffc-fs-btn{width:100%;min-width:0;}
  .ffc-fs-profile__item strong{font-size:25px;}
  .ffc-fs-card h2{font-size:22px;}
}
@media (prefers-reduced-motion:reduce){
  .ffc-factory-strength-v01 *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}
  .ffc-fs-btn:hover{transform:none;}
}
