/* CADASU 工廠系統頁（BADASU / CRM / 生管 / 異常）— 依 cadasu_home.css 設計語言延伸 */
.cdf-crm{--cdf-accent:#2b51e0;--cdf-accent-deep:#1f2f8f;--cdf-hero-a:#1e40af;--cdf-hero-b:#273a96;}
.cdf-pm{--cdf-accent:#16a34a;--cdf-accent-deep:#14532d;--cdf-hero-a:#166534;--cdf-hero-b:#14532d;}
.cdf-issue{--cdf-accent:#dc2626;--cdf-accent-deep:#7f1d1d;--cdf-hero-a:#991b1b;--cdf-hero-b:#7f1d1d;}
.cdf-badasu{--cdf-accent:#2b51e0;--cdf-accent-deep:#1f2f8f;--cdf-hero-a:#1e40af;--cdf-hero-b:#273a96;}
.cdf-admin{--cdf-accent:#f08a24;--cdf-accent-deep:#b45309;--cdf-hero-a:#b45309;--cdf-hero-b:#92400e;}
.cdf-drawing{--cdf-accent:#0ea5e9;--cdf-accent-deep:#0369a1;--cdf-hero-a:#075985;--cdf-hero-b:#0c4a6e;}

/* Hero */
.cdf-hero{background:
  radial-gradient(circle at 18% 20%,rgba(255,210,122,.18) 0,transparent 26%),
  radial-gradient(circle at 82% 24%,rgba(255,255,255,.10) 0,transparent 24%),
  linear-gradient(135deg,var(--cdf-hero-a) 0%,var(--cdf-hero-b) 52%,#101827 100%);
  padding:148px 0 96px;}
.cdf-hero .cd-hero-title{max-width:860px;margin-left:auto;margin-right:auto;}
.cdf-hero-sub{max-width:680px;margin:0 auto 6px;font-size:17px;line-height:1.9;opacity:.94;}
.cdf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;}
.cdf-chips span{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.10);
  border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:500;}

/* 實機畫面圖框（browser chrome + 截圖素材） */
.cdf-shot{background:#101827;border-radius:16px;overflow:hidden;
  box-shadow:0 24px 60px rgba(16,24,39,.28);border:1px solid rgba(16,24,39,.12);}
.cdf-shot-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1a2233;color:#8a94a8;font-size:12.5px;}
.cdf-shot-bar i{width:10px;height:10px;border-radius:50%;background:#3a4358;display:inline-block;}
.cdf-shot-bar i:nth-child(1){background:#f87171;}
.cdf-shot-bar i:nth-child(2){background:#fbbf24;}
.cdf-shot-bar i:nth-child(3){background:#34d399;}
.cdf-shot img{width:100%;display:block;}
.cdf-shot-caption{text-align:center;color:var(--cd-gray);font-size:14px;margin:16px auto 0;max-width:640px;}
.cdf-hero .cdf-shot{max-width:960px;margin:44px auto 0;}
.cdf-hero-float{max-width:900px;margin:36px auto 0;filter:drop-shadow(0 28px 56px rgba(0,0,0,.32));}
.cdf-hero-float img{width:100%;}
.cdf-card-shot{width:100%;}

/* 痛點卡 icon 用 accent */
.cdf-page .cd-card{text-align:left;}
.cdf-page .cd-card-ico{background:var(--cd-bg-soft);color:var(--cdf-accent);font-size:24px;}
.cdf-page .cd-cards-3{margin-top:8px;}

/* 運作步驟 */
.cdf-steps{display:grid;grid-template-columns:repeat(var(--cdf-steps,4),1fr);gap:20px;counter-reset:cdfstep;}
.cdf-step{position:relative;background:#fff;border:1px solid var(--cd-line);border-radius:var(--cd-radius);
  padding:26px 22px;box-shadow:0 10px 26px rgba(30,45,90,.06);}
.cdf-step-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:50%;background:var(--cdf-accent);color:#fff;font-weight:900;font-size:15px;margin-bottom:14px;}
.cdf-step h4{margin:0 0 8px;font-size:17.5px;font-weight:800;}
.cdf-step p{margin:0;color:var(--cd-gray);font-size:14px;line-height:1.8;}

/* 圖文對照（截圖 + 說明） */
.cdf-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center;}
.cdf-showcase.cdf-flip{grid-template-columns:1.1fr .9fr;}
.cdf-showcase.cdf-flip .cdf-showcase-copy{order:2;}
.cdf-showcase-copy .cd-h2{text-align:left;margin-bottom:18px;}
.cdf-showcase-copy .cd-lead{font-size:16.5px;}
.cdf-showcase-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;}
.cdf-showcase-points li{display:flex;gap:12px;align-items:flex-start;color:#334155;font-size:15px;line-height:1.75;}
.cdf-showcase-points i{color:var(--cdf-accent);margin-top:5px;font-size:14px;}

/* KPI 帶（沿用 cd-stats，換 accent 漸層） */
.cdf-page .cd-stats{background:linear-gradient(135deg,var(--cdf-accent) 0%,var(--cdf-accent-deep) 100%);}

/* 工廠系統交叉導流卡（BADASU 頁用） */
.cdf-family{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cdf-family-card{display:block;background:#fff;border:1px solid var(--cd-line);border-radius:var(--cd-radius);
  padding:28px 24px;box-shadow:0 10px 26px rgba(30,45,90,.06);transition:.2s;}
.cdf-family-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,45,90,.14);}
.cdf-family-card .cdf-family-ico{display:inline-flex;width:50px;height:50px;border-radius:12px;
  align-items:center;justify-content:center;color:#fff;font-size:20px;margin-bottom:16px;}
.cdf-family-card h3{margin:0 0 8px;font-size:19px;font-weight:800;}
.cdf-family-card p{margin:0 0 14px;color:var(--cd-gray);font-size:14px;line-height:1.75;}
.cdf-family-card .cdf-family-link{color:var(--cd-blue);font-weight:700;font-size:14px;}
.cdf-family-ico.cdf-ico-crm{background:#2b51e0;}
.cdf-family-ico.cdf-ico-pm{background:#16a34a;}
.cdf-family-ico.cdf-ico-issue{background:#dc2626;}

/* BADASU 影片框 */
.cdf-video{position:relative;padding-top:56.25%;background:#000;}
.cdf-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.cdf-badasu .cdf-shot{max-width:880px;margin:0 auto;}

/* RWD */
@media(max-width:900px){
  .cdf-steps{grid-template-columns:1fr 1fr;}
  .cdf-showcase,.cdf-showcase.cdf-flip{grid-template-columns:1fr;gap:30px;}
  .cdf-showcase.cdf-flip .cdf-showcase-copy{order:0;}
  .cdf-family{grid-template-columns:1fr;}
  .cdf-hero{padding:126px 0 76px;}
}
@media(max-width:520px){
  .cdf-steps{grid-template-columns:1fr;}
  .cdf-chips span{font-size:12.5px;padding:5px 13px;}
}