/* ==========================================================================
   追加樣式：部門視角卡、適用產業、方案比較表
   ========================================================================== */
/* 部門視角 */
.dept{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dept .d{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;
  box-shadow:var(--sh-1),inset 0 1px 0 #fff;transition:transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s;overflow:hidden}
.dept .d:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(5,22,30,.15)}
.dept .d::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background-image:var(--g-cool)}
.dept .d h3{display:flex;align-items:center;gap:11px;margin-bottom:10px;font-size:19px}
.dept .d h3 i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;flex:none;
  background:var(--g-iri-soft);box-shadow:inset 0 0 0 1px var(--c100)}
.dept .d h3 svg{width:21px;height:21px;stroke:var(--c700);fill:none;stroke-width:2.2}
.dept .q{font-size:15.5px;color:var(--ink);background:var(--ice);border-radius:12px;padding:12px 15px;margin:0 0 14px;
  border-left:3px solid var(--c300);font-weight:600}
.dept ul{margin:0 0 16px}
.dept .more{font-size:14.5px;font-weight:800;color:var(--c700)}
.dept .more:hover{color:var(--c600)}

/* 適用產業 */
.indust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ind{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:18px 20px;box-shadow:var(--sh-1)}
.ind.core{border-color:var(--m300);background:linear-gradient(180deg,#F0FCF7,#fff)}
.ind i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;flex:none;
  background:var(--g-iri-soft);box-shadow:inset 0 0 0 1px var(--c100)}
.ind svg{width:19px;height:19px;stroke:var(--c700);fill:none;stroke-width:2.2}
.ind b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:3px}
.ind span{font-size:13.5px;color:var(--muted);line-height:1.65}
.ind em{display:inline-block;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--g-cool);
  border-radius:999px;padding:2px 9px;margin-left:7px;vertical-align:middle}

/* 方案比較表 */
.tblwrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1),inset 0 1px 0 #fff;background:#fff}
table.plan{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
table.plan th,table.plan td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}
table.plan thead th{background:linear-gradient(180deg,#F7FDFE,#EDFAFD);font-size:15.5px;color:var(--ink);
  position:sticky;top:0}
table.plan thead th.feat{color:var(--c700)}
table.plan tbody tr:hover{background:#F8FDFE}
table.plan td.c{text-align:center;font-weight:800}
table.plan .yes{color:var(--m600)}
table.plan .no{color:#A9BCC4}
table.plan .ask{color:var(--c700);font-weight:700}
table.plan tbody th{font-weight:700;color:var(--ink);background:#fff}
.tbl-note{font-size:13px;color:var(--muted);margin-top:14px;border-left:3px solid var(--c300);padding-left:14px}

@media (max-width:1080px){ .dept{grid-template-columns:1fr} .indust{grid-template-columns:repeat(2,1fr)} }
@media (max-width:660px){ .indust{grid-template-columns:1fr} }

/* 蜜罐欄位（防機器人；正常使用者看不到） */
.hp { position: absolute !important; left: -9999px !important; top: auto; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }