.elementor-1158 .elementor-element.elementor-element-5c79e1e{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1158 .elementor-element.elementor-element-5c79e1e:not(.elementor-motion-effects-element-type-background), .elementor-1158 .elementor-element.elementor-element-5c79e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://freshflowerwholesale.com/wp-content/uploads/2026/01/flower-care-postharvest-banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1158 .elementor-element.elementor-element-e0ed9ff{--display:flex;}.elementor-1158 .elementor-element.elementor-element-e0ed9ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1158 .elementor-element.elementor-element-3e66416{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1158 .elementor-element.elementor-element-e0ed9ff{--width:95.751%;}}@media(min-width:1025px){.elementor-1158 .elementor-element.elementor-element-5c79e1e:not(.elementor-motion-effects-element-type-background), .elementor-1158 .elementor-element.elementor-element-5c79e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-85acae7 *//* ===== HERO ONLY (Unified .la-sg-hero) ===== */
.la-sg-hero{ padding: 64px 0; }

.la-sg-hero__container{
  width: min(1100px, 92%);
  margin: 0 auto;
}

/* black translucent card */
.la-sg-hero__hero{
  background: rgba(0,0,0,.72);
  border-radius: 18px;
  padding: 46px 28px;
  text-align: center;
  color: #fff;
}

.la-sg-hero__title{
  margin: 0 0 14px;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fff;
}

.la-sg-hero__subtitle{
  margin: 0 auto 22px;
  max-width: 820px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

/* actions */
.la-sg-hero__actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

/* button base */
.la-sg-hero__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  background: transparent;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.la-sg-hero__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.06);
}

/* primary */
.la-sg-hero__btn--primary{
  background: #fff;
  color: #111;
  border-color: transparent;
}
.la-sg-hero__btn--primary:hover{
  background: rgba(255,255,255,.92);
}

/* mobile */
@media (max-width: 480px){
  .la-sg-hero{ padding: 44px 0; }
  .la-sg-hero__hero{ padding: 28px 16px; border-radius: 16px; }
  .la-sg-hero__subtitle{ font-size: 15px; }
  .la-sg-hero__btn{ width: 100%; }
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-36af971 *//* Flower Care & Postharvest Hub - Scoped */
.la-fcp{padding:56px 0}
.la-fcp *{box-sizing:border-box}
.la-fcp__container{max-width:1180px;margin:0 auto;padding:0 16px}

/* Hero */
.la-fcp__hero{text-align:center;margin-bottom:22px}
.la-fcp__eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.7;
  margin:0 0 10px;
}
.la-fcp__title{margin:0 0 10px;font-size:34px;line-height:1.15}
.la-fcp__subtitle{
  margin:0 auto;
  max-width:940px;
  font-size:16px;
  line-height:1.7;
  opacity:.86;
}

/* Buttons */
.la-fcp__actions{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.la-fcp__btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.14);
  transition:transform .12s ease, box-shadow .12s ease;
}
.la-fcp__btn:active{transform:translateY(1px)}
.la-fcp__btn--primary{
  background:#111;color:#fff;border-color:transparent;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.la-fcp__btn--ghost{background:transparent;color:inherit}
.la-fcp__btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.12)}

/* Section headers */
.la-fcp__section{margin:28px 0}
.la-fcp__sectionHead{margin-bottom:12px}
.la-fcp__h2{margin:0 0 6px;font-size:22px;line-height:1.25}
.la-fcp__lead{margin:0;opacity:.85;line-height:1.7}

/* Grids */
.la-fcp__grid{display:grid;gap:14px;margin-top:14px}
.la-fcp__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.la-fcp__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.la-fcp__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.la-fcp__grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){
  .la-fcp__grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .la-fcp__grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .la-fcp__grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .la-fcp__grid--3{grid-template-columns:1fr}
  .la-fcp__grid--2{grid-template-columns:1fr}
}
@media (max-width:620px){
  .la-fcp__title{font-size:28px}
  .la-fcp__grid--5{grid-template-columns:1fr}
  .la-fcp__grid--cards{grid-template-columns:1fr}
}



/* Mini link buttons */
.la-fcp__miniActions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.la-fcp__linkBtn{
  display:inline-flex;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:600;
  font-size:13.5px;
  color:inherit;
  background:rgba(0,0,0,.02);
}
.la-fcp__linkBtn:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* Link cards */
.la-fcp__cardLink,
.la-fcp__issue{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}
.la-fcp__cardLink:hover,
.la-fcp__issue:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}
.la-fcp__cardTitle{margin:0 0 8px;font-size:15.5px;line-height:1.35}
.la-fcp__cardText{margin:0 0 10px;opacity:.88;line-height:1.65}
.la-fcp__cardCta{font-weight:700;font-size:13.5px}

/* QA */
.la-fcp__qa{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.la-fcp__q{margin:0 0 8px;font-size:15.5px;line-height:1.35}
.la-fcp__a{margin:0;opacity:.92;line-height:1.7}


/* =========================
   Flower Care & Postharvest Hub (la-fcp)
   ========================= */

/* container */
.la-fcp{ padding-top:0 !important; margin-top:0 !important; }
.la-fcp__container{ width:min(1180px,92%); margin:0 auto; padding-top:0 !important; }

/* section head (center) */
.la-fcp__sectionHead{ text-align:center; margin: 10px 0 14px; }
.la-fcp__h2{ margin:0 0 6px; font-size:clamp(22px,2.2vw,30px); line-height:1.2; letter-spacing:-.02em; }
.la-fcp__lead{ margin:0 auto; max-width:920px; line-height:1.7; opacity:.88; }



/* ============================================
   Quick Start 样式设计
============================================ */

/* 1. Quick Start 整体容器 */
.la-fcp__quick {
  margin-top: 48px;
  background: #fff;
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}


/* 2. 主标题 */
.la-fcp__quick .la-fcp__h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #2d3748;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}

.la-fcp__quick .la-fcp__h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #5D9426;
  border-radius: 3px;
}

/* 3. 五列网格布局 */
.la-fcp__quick .la-fcp__grid--5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 15px;
}

/* 4. 步骤卡片 */
.la-fcp__quick .la-fcp__step {
  background: #f8f9fa;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  padding: 25px 20px;
  transition: all 0.3s ease;
  height: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}


/* 不同步骤颜色区分 */
.la-fcp__quick .la-fcp__step:nth-child(1) { border-top: 3px solid #FF5252; }
.la-fcp__quick .la-fcp__step:nth-child(2) { border-top: 3px solid #2196F3; }
.la-fcp__quick .la-fcp__step:nth-child(3) { border-top: 3px solid #FF9800; }
.la-fcp__quick .la-fcp__step:nth-child(4) { border-top: 3px solid #4CAF50; }
.la-fcp__quick .la-fcp__step:nth-child(5) { border-top: 3px solid #9C27B0; }

/* 卡片悬停效果 */
.la-fcp__quick .la-fcp__step:hover {
  transform: translateY(-4px);
  background: #f0f7f2;
  border-color: rgba(93, 148, 38, 0.2);
  box-shadow: 0 8px 24px rgba(93, 148, 38, 0.08);
}

/* 5. 步骤图标 */
.la-fcp__quick .la-fcp__icon {
  font-size: 2.8rem;
  margin-bottom: 15px;
  display: inline-block;
  transition: transform 0.3s ease;
}

.la-fcp__quick .la-fcp__step:hover .la-fcp__icon {
  transform: scale(1.1);
}

/* 6. 步骤标题 */
.la-fcp__quick .la-fcp__h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #2d3748;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

/* 不同标题颜色 */
.la-fcp__quick .la-fcp__step:nth-child(1) .la-fcp__h3 { color: #FF5252; }
.la-fcp__quick .la-fcp__step:nth-child(2) .la-fcp__h3 { color: #2196F3; }
.la-fcp__quick .la-fcp__step:nth-child(3) .la-fcp__h3 { color: #FF9800; }
.la-fcp__quick .la-fcp__step:nth-child(4) .la-fcp__h3 { color: #4CAF50; }
.la-fcp__quick .la-fcp__step:nth-child(5) .la-fcp__h3 { color: #9C27B0; }

/* 7. 步骤描述 */
.la-fcp__quick .la-fcp__text {
  margin: 0;
  color: #4a5568;
  line-height: 1.5;
  font-size: 0.9rem;
}



/* 8. 响应式调整 */
@media (max-width: 1200px) {
  .la-fcp__quick .la-fcp__grid--5 {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
  
  .la-fcp__quick .la-fcp__grid--5::before {
    display: none;
  }
}

@media (max-width: 992px) {
  .la-fcp__quick {
    padding: 28px 24px;
  }
  
  .la-fcp__quick .la-fcp__h2 {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  
  .la-fcp__quick .la-fcp__step {
    padding: 22px 18px;
  }
}

@media (max-width: 768px) {
  .la-fcp__quick {
    padding: 24px 20px;
    margin-top: 40px;
  }
  
  .la-fcp__quick .la-fcp__grid--5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .la-fcp__quick .la-fcp__h2 {
    font-size: 1.5rem;
    margin-bottom: 25px;
    padding-bottom: 12px;
  }
  
  .la-fcp__quick .la-fcp__h2::after {
    width: 50px;
    height: 2px;
  }
  
  .la-fcp__quick .la-fcp__icon {
    font-size: 2.5rem;
  }
  
  .la-fcp__quick .la-fcp__h3 {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .la-fcp__quick {
    padding: 20px 16px;
    margin-top: 32px;
    border-radius: 14px;
  }
  
  .la-fcp__quick .la-fcp__grid--5 {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  
  .la-fcp__quick .la-fcp__h2 {
    font-size: 1.3rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  
  .la-fcp__quick .la-fcp__step {
    padding: 20px 16px;
    text-align: left;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 0 15px;
  }
  
  .la-fcp__quick .la-fcp__icon {
    grid-row: 1 / span 2;
    grid-column: 1;
    font-size: 2.2rem;
    margin-bottom: 0;
    align-self: center;
  }
  
  .la-fcp__quick .la-fcp__h3 {
    grid-row: 1;
    grid-column: 2;
    margin-bottom: 8px;
    font-size: 1rem;
  }
  
  .la-fcp__quick .la-fcp__text {
    grid-row: 2;
    grid-column: 2;
    font-size: 0.85rem;
  }
  
  .la-fcp__quick .la-fcp__step::before {
    top: 15px;
    right: 15px;
  }
}

/* 10. 动画效果 */
@keyframes stepFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.la-fcp__quick .la-fcp__step {
  animation: stepFadeIn 0.4s ease-out;
  animation-fill-mode: both;
}

.la-fcp__quick .la-fcp__step:nth-child(1) { animation-delay: 0.1s; }
.la-fcp__quick .la-fcp__step:nth-child(2) { animation-delay: 0.2s; }
.la-fcp__quick .la-fcp__step:nth-child(3) { animation-delay: 0.3s; }
.la-fcp__quick .la-fcp__step:nth-child(4) { animation-delay: 0.4s; }
.la-fcp__quick .la-fcp__step:nth-child(5) { animation-delay: 0.5s; }

@keyframes iconFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.la-fcp__quick .la-fcp__icon {
  animation: iconFloat 3s ease-in-out infinite;
}

.la-fcp__quick .la-fcp__step:nth-child(1) .la-fcp__icon { animation-delay: 0s; }
.la-fcp__quick .la-fcp__step:nth-child(2) .la-fcp__icon { animation-delay: 0.6s; }
.la-fcp__quick .la-fcp__step:nth-child(3) .la-fcp__icon { animation-delay: 1.2s; }
.la-fcp__quick .la-fcp__step:nth-child(4) .la-fcp__icon { animation-delay: 1.8s; }
.la-fcp__quick .la-fcp__step:nth-child(5) .la-fcp__icon { animation-delay: 2.4s; }

/* 基础：让卡片有更顺滑的动效 */
.la-fcp__cardLink{
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease;
  will-change: transform, box-shadow;
}

/* 给“当前轮播高亮的卡片”一个更酷的状态 */
.la-fcp__cardLink.is-active{
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(99, 102, 241, .45); /* 靛蓝感 */
  box-shadow:
    0 18px 55px rgba(16,24,40,.18),
    0 0 0 4px rgba(99,102,241,.12);
  filter: saturate(1.05);
}

/* 高亮卡片的顶部加一条渐变光带 */
.la-fcp__cardLink.is-active::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(120deg,
    rgba(34,197,94,.0),
    rgba(99,102,241,.18),
    rgba(34,197,94,.0)
  );
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:2px;
  opacity: 1;
}

/* CTA 跟着变“更像按钮” */
.la-fcp__cardLink.is-active .la-fcp__cardCta{
  transform: translateX(6px);
}

/* 用户在 hover/focus 时，直接用交互状态（也会暂停轮播） */
.la-fcp__cardLink:hover,
.la-fcp__cardLink:focus-visible{
  transform: translateY(-6px);
  box-shadow: 0 18px 55px rgba(16,24,40,.16);
}

/* 降低动画偏好：自动轮播只做轻微高亮，不做位移 */
@media (prefers-reduced-motion: reduce){
  .la-fcp__cardLink,
  .la-fcp__cardLink.is-active{
    transition: none;
    transform: none !important;
  }
}

/* ========== Core Topics: Premium Cards ========== */
.la-fcp__section{
  padding: clamp(2.5rem, 4vw, 4rem) 1.25rem;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(34,197,94,.08), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(59,130,246,.07), transparent 55%),
    #fbfbfc;
}

.la-fcp__sectionHead{
  max-width: 1100px;
  margin: 0 auto 1.75rem;
}

.la-fcp__h2{
  font-size: clamp(1.6rem, 2vw, 2.1rem);
  letter-spacing: -0.02em;
  margin: 0 0 .5rem;
  color: #101828;
}

.la-fcp__lead{
  margin: 0;
  color: #475467;
  font-size: 1rem;
  max-width: 72ch;
  line-height: 1.65;
}

/* Grid */
.la-fcp__grid--cards{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}

.la-fcp__cardLink{
  grid-column: span 4;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  padding: 18px 18px 16px;
  border-radius: 16px;
  text-decoration: none;

  background: rgba(255,255,255,.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(16,24,40,.10);
  box-shadow:
    0 1px 0 rgba(16,24,40,.04),
    0 10px 30px rgba(16,24,40,.06);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  overflow: hidden;
}

/* 顶部细色条：增加“主题卡片”质感 */
.la-fcp__cardLink::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(34,197,94,.85), rgba(59,130,246,.75));
  opacity: .75;
}

.la-fcp__cardTitle{
  margin: .35rem 0 0;
  font-size: 1.02rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: #101828;
  line-height: 1.35;
}

.la-fcp__cardText{
  margin: 0;
  color: #475467;
  font-size: .93rem;
  line-height: 1.65;
  min-height: 3.3em; /* 让卡片高度更统一 */
}

/* CTA 做成“胶囊按钮” */
.la-fcp__cardCta{
  margin-top: .35rem;
  align-self: flex-start;
  font-size: .85rem;
  font-weight: 650;
  color: #0f172a;

  padding: .45rem .7rem;
  border-radius: 999px;
  background: rgba(16,24,40,.06);
  border: 1px solid rgba(16,24,40,.10);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

/* Hover：更高级的“浮起 + 高光” */
.la-fcp__cardLink:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.92);
  border-color: rgba(34,197,94,.22);
  box-shadow:
    0 2px 0 rgba(16,24,40,.05),
    0 18px 48px rgba(16,24,40,.12);
}

.la-fcp__cardLink:hover .la-fcp__cardCta{
  transform: translateX(4px);
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
}

/* Focus 可访问性 */
.la-fcp__cardLink:focus-visible{
  outline: 3px solid rgba(59,130,246,.35);
  outline-offset: 2px;
}

/* 响应式 */
@media (max-width: 980px){
  .la-fcp__cardLink{ grid-column: span 6; }
}
@media (max-width: 640px){
  .la-fcp__grid--cards{ gap: 12px; }
  .la-fcp__cardLink{ grid-column: span 12; }
}

/* =========================
   Postharvest Basics (2-panel)
   ========================= */

/* Section wrapper */
.la-fcp__section[aria-label="Postharvest basics"]{
  padding: clamp(2.8rem, 4vw, 4.2rem) 1.25rem;
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(34,197,94,.08), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(99,102,241,.08), transparent 55%),
    #fbfbfc;
}

.la-fcp__section[aria-label="Postharvest basics"] .la-fcp__sectionHead{
  max-width: 1100px;
  margin: 0 auto 1.6rem;
}

.la-fcp__section[aria-label="Postharvest basics"] .la-fcp__h2{
  margin: 0 0 .55rem;
  font-size: clamp(1.7rem, 2.2vw, 2.2rem);
  letter-spacing: -0.03em;
  color: #101828;
}

.la-fcp__section[aria-label="Postharvest basics"] .la-fcp__lead{
  margin: 0;
  max-width: 78ch;
  color: #475467;
  line-height: 1.75;
  font-size: 1rem;
}

/* Grid */
.la-fcp__grid--2{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

/* Panel card */
.la-fcp__panel{
  grid-column: span 6;
  position: relative;
  padding: 20px 20px 18px;
  border-radius: 18px;

  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(16,24,40,.10);
  box-shadow:
    0 1px 0 rgba(16,24,40,.04),
    0 18px 50px rgba(16,24,40,.08);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  overflow: hidden;
}

/* 左侧强调条（专业感拉满） */
.la-fcp__panel::before{
  content:"";
  position:absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: linear-gradient(180deg, rgba(34,197,94,.75), rgba(99,102,241,.65));
}

/* 小背景纹理（很克制） */
.la-fcp__panel::after{
  content:"";
  position:absolute;
  inset: -30% -30% auto auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle at 30% 30%, rgba(99,102,241,.12), transparent 55%);
  transform: rotate(12deg);
  pointer-events: none;
  opacity: .9;
}

.la-fcp__panel:hover{
  transform: translateY(-3px);
  border-color: rgba(99,102,241,.22);
  background: rgba(255,255,255,.92);
  box-shadow:
    0 2px 0 rgba(16,24,40,.05),
    0 26px 70px rgba(16,24,40,.12);
}

/* Panel title */
.la-fcp__h3{
  margin: 0 0 .85rem;
  font-size: 1.15rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: #101828;
  line-height: 1.3;
}

/* List */
.la-fcp__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .65rem;
}

.la-fcp__list li{
  position: relative;
  padding-left: 28px;
  color: #475467;
  line-height: 1.65;
  font-size: .95rem;
}

/* 自定义 bullet（更像 checklist） */
.la-fcp__list li::before{
  content:"";
  position:absolute;
  left: 0;
  top: .45em;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.22);
  box-shadow: 0 1px 0 rgba(16,24,40,.05);
}

.la-fcp__list li strong{
  color:#111827;
  font-weight: 750;
}

/* Actions */
.la-fcp__miniActions{
  margin-top: 1.1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.la-fcp__list li::before{
  content:"✓";
  position:absolute;
  left: 0;
  top: .35em;

  width: 18px;
  height: 18px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  font-weight: 900;

  color: #ffffff;
  background: linear-gradient(180deg, #22c55e, #16a34a);

  box-shadow:
    0 2px 6px rgba(34,197,94,.35),
    inset 0 1px 0 rgba(255,255,255,.4);
}

/* Links as buttons */
.la-fcp__linkBtn{
  display: inline-flex;
  align-items: center;
  gap: .5rem;

  padding: .55rem .8rem;
  border-radius: 999px;

  text-decoration: none;
  font-size: .88rem;
  font-weight: 720;

  color: #0f172a;
  background: rgba(16,24,40,.06);
  border: 1px solid rgba(16,24,40,.10);

  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.la-fcp__linkBtn:hover{
  transform: translateY(-1px);
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
}

.la-fcp__linkBtn:focus-visible{
  outline: 3px solid rgba(99,102,241,.35);
  outline-offset: 2px;
}

/* Responsive */
@media (max-width: 980px){
  .la-fcp__panel{ grid-column: span 12; }
}
/* =========================
   Problem Solver - Issue Cards
   ========================= */
.la-fcp__section[aria-label="Problem solver"]{
  padding: clamp(2.8rem, 4vw, 4.2rem) 1.25rem;
  background:
    radial-gradient(1100px 600px at 15% -10%, rgba(99,102,241,.10), transparent 60%),
    radial-gradient(900px 520px at 85% 0%, rgba(34,197,94,.08), transparent 55%),
    #fbfbfc;
}

.la-fcp__section[aria-label="Problem solver"] .la-fcp__sectionHead{
  max-width: 1100px;
  margin: 0 auto 1.6rem;
}

.la-fcp__section[aria-label="Problem solver"] .la-fcp__grid--cards{
  max-width: 1100px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

/* Issue card */
.la-fcp__issue{
  position: relative;
  display:flex;
  flex-direction:column;
  text-decoration:none;

  padding: 18px 18px 16px;
  border-radius: 16px;

  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(16,24,40,.10);
  box-shadow:
    0 1px 0 rgba(16,24,40,.04),
    0 14px 40px rgba(16,24,40,.08);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
  overflow: hidden;
}

/* 左上角“症状”小胶囊（自动从标题生成不了，只做装饰条） */
.la-fcp__issue::before{
  content:"";
  position:absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(99,102,241,.85), rgba(34,197,94,.75));
  opacity: .85;
}

/* 标题更像症状条目 */
.la-fcp__issue .la-fcp__cardTitle{
  margin: .35rem 0 .5rem;
  color:#101828;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

.la-fcp__issue .la-fcp__cardText{
  margin: 0 0 1.05rem;
  color:#475467;
  line-height: 1.65;
  font-size: .93rem;
}

/* CTA：做成按钮感 */
.la-fcp__issue .la-fcp__cardCta{
  margin-top: auto;
  display:inline-flex;
  align-items:center;
  gap: .5rem;

  padding: .55rem .8rem;
  border-radius: 999px;

  font-size: .88rem;
  font-weight: 750;

  color: #0f172a;
  background: rgba(16,24,40,.06);
  border: 1px solid rgba(16,24,40,.10);

  width: fit-content;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

/* Hover / Focus */
.la-fcp__issue:hover,
.la-fcp__issue:focus-visible{
  transform: translateY(-4px);
  background: rgba(255,255,255,.92);
  border-color: rgba(99,102,241,.22);
  box-shadow:
    0 2px 0 rgba(16,24,40,.05),
    0 24px 70px rgba(16,24,40,.14);
}

.la-fcp__issue:hover .la-fcp__cardCta,
.la-fcp__issue:focus-visible .la-fcp__cardCta{
  transform: translateX(5px);
  background: rgba(99,102,241,.10);
  border-color: rgba(99,102,241,.22);
}

.la-fcp__issue:focus-visible{
  outline: 3px solid rgba(99,102,241,.35);
  outline-offset: 2px;
}

/* 自动轮播的高亮态（JS 会加 .is-active） */
.la-fcp__issue.is-active{
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(34,197,94,.28);
  box-shadow:
    0 18px 60px rgba(16,24,40,.16),
    0 0 0 4px rgba(34,197,94,.12);
}

.la-fcp__issue.is-active .la-fcp__cardCta{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.22);
}

/* 扫光（可选炫酷效果） */
.la-fcp__issue.is-active::after{
  content:"";
  position:absolute;
  top:-35%;
  left:-60%;
  width:60%;
  height:170%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: rotate(18deg);
  animation: laIssueSweep 1.2s ease-in-out infinite;
  pointer-events:none;
}

@keyframes laIssueSweep{
  0%{ transform: translateX(0) rotate(18deg); opacity:0; }
  25%{ opacity:.9; }
  100%{ transform: translateX(260%) rotate(18deg); opacity:0; }
}

/* 低动效偏好：禁用扫光和位移 */
@media (prefers-reduced-motion: reduce){
  .la-fcp__issue,
  .la-fcp__issue.is-active{
    transition:none;
    transform:none !important;
  }
  .la-fcp__issue.is-active::after{ animation:none; }
}
/* ==========================================================================
   提示框组件样式
   ========================================================================== */

.la-fcp__note {
    color: rgb(255, 193, 7) !important; /* 黄色 */
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    margin: 20px 0;
    padding: 16px 20px;
    background: rgba(255, 193, 7, 0.08);
    border-radius: 12px;
    position: relative;
    animation: pulse-note 2s infinite;
}



/* 如果只想简单设置颜色，用这个更简单的版本 */
.la-fcp__note.simple {
    color: rgb(255, 193, 7) !important;
    font-weight: 500;
    font-style: italic;
    margin: 15px 0;
    padding-left: 10px;
    border-left: 3px solid rgb(255, 193, 7);
}
/* =========================
   Receiving SOP - 实用SOP流程卡片
   ========================= */
.la-fcp__section[aria-label="Receiving SOP"] {
  padding: clamp(2.8rem, 4vw, 4.2rem) 1.25rem;
  background:
    radial-gradient(1000px 600px at 20% -10%, rgba(59, 130, 246, 0.08), transparent 60%),
    radial-gradient(900px 500px at 80% 0%, rgba(99, 102, 241, 0.07), transparent 55%),
    linear-gradient(180deg, #f9fafb 0%, #fbfbfc 100%);
  position: relative;
  overflow: hidden;
}

/* 背景装饰元素 */
.la-fcp__section[aria-label="Receiving SOP"]::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
  z-index: 0;
}

.la-fcp__section[aria-label="Receiving SOP"]::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.04) 0%, transparent 70%);
  z-index: 0;
}

/* 头部样式 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__sectionHead {
  max-width: 1100px;
  margin: 0 auto 2rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  letter-spacing: -0.02em;
  color: #111827;
  position: relative;
  display: inline-block;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h2::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #6366f1);
  border-radius: 2px;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__lead {
  margin: 0 auto;
  max-width: 800px;
  color: #4b5563;
  line-height: 1.7;
  font-size: 1.05rem;
  font-weight: 400;
}

/* 网格容器 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__grid--3 {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  position: relative;
  z-index: 1;
}

/* 流程步骤卡片 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel {
  grid-column: span 4;
  position: relative;
  padding: 26px 22px 22px;
  border-radius: 18px;
  
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 
    0 4px 6px -1px rgba(0, 0, 0, 0.05),
    0 10px 15px -3px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}



/* 步骤标题 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h3 {
  margin: 10px 0 18px;
  padding-left: 48px; /* 为编号留出空间 */
  font-size: 1.25rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: #111827;
  line-height: 1.3;
  position: relative;
}

/* 图标装饰（可选） */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(59, 130, 246, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

/* 不同步骤的图标颜色 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(1) .la-fcp__h3::before {
  content: "📋";
  background: rgba(59, 130, 246, 0.1);
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(2) .la-fcp__h3::before {
  content: "⚡";
  background: rgba(34, 197, 94, 0.1);
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(3) .la-fcp__h3::before {
  content: "❄️";
  background: rgba(168, 85, 247, 0.1);
}

/* 列表样式 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__list li {
  position: relative;
  padding-left: 28px;
  color: #4b5563;
  line-height: 1.6;
  font-size: 0.95rem;
  transition: color 0.2s ease;
}

/* 自定义勾选标记 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(99, 102, 241, 0.1));
  border: 1px solid rgba(59, 130, 246, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  color: #3b82f6;
  transition: all 0.2s ease;
}

/* 提示框样式优化 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__note {
  margin: 20px 0 0;
  padding: 14px 16px;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08), rgba(251, 191, 36, 0.04));
  border: 1px solid rgba(251, 191, 36, 0.2);
  border-radius: 12px;
  color: #92400e !important;
  font-size: 0.9rem;
  line-height: 1.6;
  position: relative;
  overflow: hidden;
}



/* 卡片悬停效果 */
.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:hover::after {
  opacity: 1;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:hover .la-fcp__list li {
  color: #374151;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:hover .la-fcp__list li::before {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(99, 102, 241, 0.15));
  border-color: rgba(59, 130, 246, 0.3);
  transform: scale(1.1);
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel {
    grid-column: span 6;
  }
  
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__grid--3 {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel {
    grid-column: span 12;
  }
  
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h2::after {
    width: 60px;
    height: 3px;
  }
  
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel {
    padding: 22px 18px 18px;
  }
}

@media (max-width: 480px) {
  .la-fcp__section[aria-label="Receiving SOP"] {
    padding: 2.5rem 1rem;
  }
  
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h3 {
    padding-left: 42px;
    font-size: 1.15rem;
  }
  
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__h3::before {
    width: 32px;
    height: 32px;
    font-size: 1rem;
  }
}

/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel {
  animation: fadeInUp 0.6s ease-out;
  animation-fill-mode: both;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(1) {
  animation-delay: 0.1s;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(2) {
  animation-delay: 0.2s;
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel:nth-child(3) {
  animation-delay: 0.3s;
}

/* 为提示框添加闪烁动画 */
@keyframes notePulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.2);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.1);
  }
}

.la-fcp__section[aria-label="Receiving SOP"] .la-fcp__note {
  animation: notePulse 3s ease-in-out infinite;
}

/* 低动效偏好设置 */
@media (prefers-reduced-motion: reduce) {
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__panel,
  .la-fcp__section[aria-label="Receiving SOP"] .la-fcp__note {
    animation: none;
    transition: none;
  }
}/* End custom CSS */