/* 產業專頁共用樣式（與首頁同一套色彩與字級） */
:root{
  --paper:#F5F7FA;--surface:#FFFFFF;--sunk:#ECF0F6;--line:#D6DDE8;
  --ink:#10233F;--ink-2:#4A5A6E;--ink-3:#7B8898;
  --seal:#1048B0;--seal-ink:#FFFFFF;--seal-soft:#E6EDFA;--jade:#1E7457;--jade-soft:#E2F2EB;--stamp:#C4362C;
  --f:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:10px;--wrap:1080px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{
  --paper:#0D1520;--surface:#142030;--sunk:#192839;--line:#26384C;--ink:#E7EDF3;--ink-2:#AEBACA;--ink-3:#8392A5;
  --seal:#5B8CF0;--seal-soft:#1A2B4D;--jade:#4CB990;--jade-soft:#16362B;--stamp:#E2584C;color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{line-height:1.25;margin:0;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--seal);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.top img{height:42px;width:auto;display:block}
.top nav{margin-left:auto;display:flex;gap:6px;align-items:center}
.top nav a{text-decoration:none;color:var(--ink-2);font-size:.95rem;padding:6px 10px;border-radius:6px}
.top nav a:hover{background:var(--sunk)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:8px;font-weight:700;text-decoration:none;border:1.5px solid transparent}
.btn-primary{background:var(--seal);color:var(--seal-ink)}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.crumb{font-size:.85rem;color:var(--ink-3);padding-top:24px}
.crumb a{color:var(--ink-3)}
.hero{padding-block:28px 56px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900}
.hero h1 span{display:block;color:var(--seal)}
.hero p{font-size:1.125rem;color:var(--ink-2);max-width:40rem;margin-top:16px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.section{padding-block:56px}
.section h2{font-size:1.6rem;font-weight:900;margin-bottom:24px}
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pain{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:6px}
.pain b{font-size:1.05rem}
.pain span{color:var(--ink-2);font-size:.95rem}
.flow{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0 0 24px;padding:0}
.flow li{position:relative;background:var(--jade-soft);color:var(--jade);font-weight:700;font-size:.92rem;padding:6px 14px;border-radius:99px}
.flow li+li::before{content:"→";position:absolute;left:-17px;color:var(--ink-3);font-weight:400}
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mod{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:4px;transition:transform .2s,border-color .2s}
.mod:hover{transform:translateY(-3px);border-color:var(--seal)}
.mod b{color:var(--seal)}
.mod span{color:var(--ink-2);font-size:.95rem}
.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 18px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:700}
.faq p{padding-bottom:14px;color:var(--ink-2)}
.cta-box{background:var(--seal);color:var(--seal-ink);border-radius:14px;padding:clamp(24px,4vw,40px);display:grid;gap:14px}
.cta-box h2{margin:0;color:inherit}
.cta-box p{opacity:.9}
.cta-box .btn-primary{background:var(--seal-ink);color:var(--seal)}
.cta-box .btn-ghost{border-color:rgba(255,255,255,.5);color:var(--seal-ink)}
.others{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.92rem}
.others a{color:var(--seal)}
footer{padding-block:28px 100px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.85rem}
.dock{position:fixed;left:0;right:0;bottom:0;display:none;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--line);z-index:30}
.dock a{flex:1}
@media (max-width:760px){.pains,.mods{grid-template-columns:1fr}.top nav a.hide-sm{display:none}.dock{display:flex}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mod{transition:none}.mod:hover{transform:none}}