/* 安和實業 — 技術文章頁共用樣式 */
:root{--blue:#1a5fa8;--blue-light:#e8f1fb;--text:#1a1a1a;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--bg:#fff;--bg-2:#f8f9fa;--green:#0f6e56;--gold:#b8860b;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Sans TC',sans-serif;font-size:16px;color:var(--text);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased;}
img,svg,table{max-width:100%;}

/* 導覽列 */
header.site{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
header.site .inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;}
.logo{font-size:20px;font-weight:700;letter-spacing:-0.5px;color:var(--text);text-decoration:none;}
.logo span{color:var(--blue);}
nav.site ul{display:flex;gap:22px;list-style:none;}
nav.site a{font-size:14px;color:var(--text-muted);text-decoration:none;transition:color .15s;}
nav.site a:hover{color:var(--blue);}
.nav-tel{font-family:'DM Mono',monospace;font-size:13px;color:var(--text-muted);}

/* 麵包屑 */
.breadcrumb{max-width:840px;margin:0 auto;padding:18px 24px 0;font-size:13px;color:var(--text-light);}
.breadcrumb a{color:var(--text-muted);text-decoration:none;}
.breadcrumb a:hover{color:var(--blue);}

/* 文章主體 */
main{max-width:840px;margin:0 auto;padding:8px 24px 56px;}
article h1{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.5px;margin:14px 0 10px;}
.article-meta{font-size:13px;color:var(--text-light);margin-bottom:8px;}
.lead{font-size:18px;color:var(--text-muted);line-height:1.8;margin:14px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--border);}
article h2{font-size:23px;font-weight:700;margin:38px 0 14px;padding-left:12px;border-left:4px solid var(--blue);}
article h3{font-size:18px;font-weight:700;margin:26px 0 10px;}
article p{margin:0 0 16px;}
article ul,article ol{margin:0 0 18px 22px;}
article li{margin-bottom:8px;}
article strong{color:var(--text);}
a{color:var(--blue);}

/* 表格 */
.tbl-wrap{overflow-x:auto;margin:18px 0;}
table.data{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
table.data th,table.data td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;}
table.data thead th{background:var(--blue-light);color:var(--blue);font-weight:700;}
table.data tbody tr:nth-child(even){background:var(--bg-2);}

/* 提示框 */
.callout{background:var(--bg-2);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:8px;padding:16px 18px;margin:20px 0;font-size:15px;}
.callout.warn{border-left-color:#d9822b;background:#fff8f0;}
.callout .t{font-weight:700;margin-bottom:4px;}

/* CTA */
.cta{background:#0f2744;color:#fff;border-radius:14px;padding:28px 30px;margin:40px 0 8px;}
.cta h2{border:none;padding:0;color:#fff;font-size:21px;margin:0 0 8px;}
.cta p{color:#9ab;font-size:14px;margin-bottom:16px;}
.cta a.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px;padding:11px 22px;font-size:15px;font-weight:500;}
.cta a.tel{color:#fff;font-family:'DM Mono',monospace;text-decoration:none;margin-left:14px;}

/* 相關文章 */
.related{margin-top:40px;padding-top:26px;border-top:1px solid var(--border);}
.related h2{font-size:18px;border:none;padding:0;margin-bottom:14px;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.related-grid a{display:block;border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--text);transition:all .15s;}
.related-grid a:hover{border-color:var(--blue);background:var(--blue-light);}
.related-grid .k{font-size:11px;color:var(--text-light);}
.related-grid .v{font-size:15px;font-weight:500;margin-top:2px;}

/* 知識庫總覽卡片 */
.hub-intro{max-width:840px;margin:0 auto;padding:30px 24px 6px;}
.hub-intro h1{font-size:30px;font-weight:700;margin-bottom:8px;}
.hub-intro p{color:var(--text-muted);}
.hub-grid{max-width:840px;margin:0 auto;padding:18px 24px 56px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.hub-card{border:1px solid var(--border);border-radius:12px;padding:22px;text-decoration:none;color:var(--text);transition:all .15s;display:block;}
.hub-card:hover{border-color:var(--blue);box-shadow:0 4px 16px rgba(26,95,168,.08);transform:translateY(-2px);}
.hub-card .tag{display:inline-block;font-size:11px;color:var(--blue);background:var(--blue-light);padding:3px 10px;border-radius:4px;margin-bottom:10px;}
.hub-card h2{font-size:18px;font-weight:700;border:none;padding:0;margin:0 0 6px;}
.hub-card p{font-size:14px;color:var(--text-muted);margin:0;}

/* 頁尾 */
footer.site{background:#080f1a;color:#6a8aaa;font-size:13px;}
footer.site .inner{max-width:1100px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
footer.site a{color:#9ab;text-decoration:none;}

@media (max-width:640px){
  header.site nav.site{display:none;}
  header.site .inner{padding:0 16px;height:54px;}
  main{padding:8px 16px 44px;}
  article h1{font-size:26px;}
  .lead{font-size:16px;}
  .related-grid,.hub-grid{grid-template-columns:1fr;}
  .cta .tel{display:block;margin:10px 0 0;}
}