/* 頂部選單獨立頁（2026-10-16，src/zone-pages.js）：/ai /articles /about /courses。zp- 開頭，色票用 theme-2026 的 --bx-* */
.zp-hero .bx-kicker{display:inline-flex;align-items:center;gap:6px}
.zp-hero .bx-kicker .bx-ic{width:18px;height:18px}
.zp-hero h1{text-wrap:balance}
.zp-alt{background:var(--bx-cream-2)}
.zp-empty{padding:22px;border:1px dashed var(--bx-line);border-radius:var(--bx-r);background:#fff;color:var(--bx-ink-2)}
.zp-empty a{color:var(--bx-navy);font-weight:900}
/* AI 實戰清單 */
.zp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.zp-list a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k go" "t go" "s go";align-items:center;gap:2px 12px;padding:16px 18px;border:1px solid var(--bx-line);border-radius:var(--bx-r-sm);background:#fff;box-shadow:var(--bx-shadow);color:var(--bx-ink);text-decoration:none;transition:transform .15s,border-color .15s}
.zp-list a:hover{transform:translateY(-2px);border-color:var(--bx-navy)}
.zp-list-k{grid-area:k;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:900;color:var(--bx-green-ink,#58716A)}
.zp-list-k .bx-ic{width:16px;height:16px}
.zp-list b{grid-area:t;font-size:17px;line-height:1.45;color:var(--bx-navy)}
.zp-list small{grid-area:s;font-size:13px;color:var(--bx-muted)}
.zp-list a>.bx-ic{grid-area:go;color:var(--bx-navy)}
/* 文章分類 */
.zp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.zp-chips a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--bx-line);background:#fff;font-size:15px;font-weight:700;color:var(--bx-ink);text-decoration:none}
.zp-chips a small{font-size:12px;color:var(--bx-muted)}
.zp-chips a:hover{border-color:var(--bx-navy)}
.zp-chips a[aria-current]{background:var(--bx-navy);border-color:var(--bx-navy);color:#fff}
.zp-chips a[aria-current] small{color:#C9D3DB}
/* 關於 */
.zp-about{padding:56px 0;background:linear-gradient(180deg,#fff,var(--bx-cream))}
.zp-about-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.zp-about-photo img{width:100%;height:auto;border-radius:var(--bx-r-lg);box-shadow:var(--bx-shadow-lg)}
.zp-about-copy h1{margin:6px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.25;color:var(--bx-navy)}
.zp-lead{margin:0 0 18px;font-size:20px;font-weight:900;color:var(--bx-gold-ink)}
.zp-about-copy p{line-height:1.85;color:var(--bx-ink-2)}
.zp-pains{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.zp-pains li{padding:10px 14px;border-left:4px solid var(--bx-navy);border-radius:0 10px 10px 0;background:#fff;font-weight:700;color:var(--bx-ink)}
.zp-stats{display:flex;gap:14px;margin:20px 0}
.zp-stats div{flex:1;padding:14px 16px;border-radius:var(--bx-r-sm);background:var(--bx-navy);color:#fff}
.zp-stats b{display:block;font-family:var(--bx-latin);font-size:26px;color:var(--bx-yellow)}
.zp-stats span{font-size:14px;color:#C9D3DB}
.zp-row{display:flex;flex-wrap:wrap;gap:10px}
.zp-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.zp-pillars li{padding:18px;border:1px solid var(--bx-line);border-radius:var(--bx-r);background:#fff;box-shadow:var(--bx-shadow)}
.zp-pillars span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:12px;background:var(--bx-navy);color:#fff}
.zp-pillars b{display:block;font-size:17px;color:var(--bx-navy)}
.zp-pillars p{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--bx-ink-2)}
.zp-quote{margin:28px auto 0;max-width:720px;padding:20px 24px;border-left:5px solid var(--bx-yellow);border-radius:0 var(--bx-r) var(--bx-r) 0;background:#fff;font-size:19px;font-weight:900;line-height:1.7;color:var(--bx-navy)}
/* 課程 */
.zp-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zp-plans li{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--bx-line);border-radius:var(--bx-r);background:#fff;box-shadow:var(--bx-shadow)}
.zp-plan-k{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--bx-navy);color:#fff;font-family:var(--bx-latin);font-size:13px;letter-spacing:.06em}
.zp-plans h3{margin:4px 0 0;font-size:24px;color:var(--bx-navy)}
.zp-plan-d{margin:0;color:var(--bx-ink-2)}
.zp-plan-line{display:flex;align-items:center;gap:8px;margin:6px 0 0;padding:10px 12px;border-radius:10px;background:var(--bx-yellow-l);font-weight:900;color:var(--bx-gold-ink)}
.zp-plan-line .bx-ic{width:18px;height:18px}
.zp-plan-for{margin:0;font-size:14.5px;color:var(--bx-ink-2)}
.zp-plan-for b{color:var(--bx-ink)}
.zp-note{margin:18px 0 0;font-size:14px;color:var(--bx-muted)}
.zp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.zp-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:z}
.zp-ladder li{position:relative;padding:16px 12px;border-radius:var(--bx-r-sm);background:#fff;border:1px solid var(--bx-line);text-align:center}
.zp-ladder small{display:block;font-family:var(--bx-latin);font-size:12px;color:var(--bx-gold-ink)}
.zp-ladder b{font-size:16px;color:var(--bx-navy)}
.zp-ladder li:nth-child(4){background:var(--bx-navy);border-color:var(--bx-navy)}
.zp-ladder li:nth-child(4) b{color:#fff}
.zp-ladder li:nth-child(4) small{color:var(--bx-yellow)}
@media(max-width:1100px){.zp-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.zp-about-in{grid-template-columns:1fr;gap:28px}.zp-about-photo{max-width:360px}.zp-plans{grid-template-columns:1fr}}
@media(max-width:640px){
  .zp-about{padding:32px 0}
  .zp-pillars{grid-template-columns:1fr}
  .zp-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zp-list{grid-template-columns:1fr}
  .zp-row .bx-btn,.zp-cta .bx-btn{width:100%;justify-content:center}
  .zp-stats{flex-direction:column}
}
/* AI 專區頂部：AI 問答入口（2026-10-26，/ai/chat） */
.zp-chat{display:flex;align-items:center;gap:16px;margin:0 0 36px;padding:20px 22px;border-radius:var(--bx-r);background:var(--bx-navy);color:#fff;text-decoration:none;box-shadow:var(--bx-shadow);transition:transform .15s}
.zp-chat:hover{transform:translateY(-2px)}
.zp-chat-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--bx-yellow);color:var(--bx-navy)}
.zp-chat-ic .bx-ic{width:28px;height:28px}
.zp-chat b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:20px;color:#fff}
.zp-chat b em{padding:3px 10px;border-radius:999px;background:var(--bx-yellow);color:var(--bx-navy);font-size:13px;font-style:normal;font-weight:900}
.zp-chat.is-soon{cursor:default}
.zp-chat.is-soon:hover{transform:none}
.zp-chat small{display:block;margin-top:2px;font-size:14px;line-height:1.6;color:#D5DDF0}
.zp-chat>.bx-ic{flex:none;margin-left:auto;width:22px;height:22px}
/* AI 專區：Skill 專區（2026-11-05，/ai#skills） */
.zp-skills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zp-skill{display:flex;flex-direction:column;padding:24px;border:1px solid var(--bx-line);border-radius:var(--bx-r);background:#fff;box-shadow:var(--bx-shadow)}
.zp-skill-top{display:flex;align-items:center;gap:12px}
.zp-skill-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--bx-navy);color:#fff}
.zp-skill-ic .bx-ic{width:24px;height:24px}
.zp-skill h3{margin:0;font-size:22px;line-height:1.3;color:var(--bx-navy)}
.zp-skill-role{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--bx-gold-ink)}
.zp-skill-desc{margin:14px 0 0;font-size:15.5px;line-height:1.75;color:var(--bx-ink-2)}
.zp-skill h4{margin:18px 0 8px;font-size:14px;font-weight:900;color:var(--bx-ink)}
.zp-skill-gets{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.zp-skill-gets li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:15px;line-height:1.6;color:var(--bx-ink-2)}
.zp-skill-gets .bx-ic{width:18px;height:18px;margin-top:3px;color:var(--bx-green-ink)}
@media(max-width:900px){.zp-skills{grid-template-columns:1fr}}
/* AI 專區分頁（2026-11-05，/ai /ai/skills /ai/cases /ai/articles）。手機放不下時左右滑 */
.zp-tabs{background:#fff;border-bottom:1px solid var(--bx-line)}
.zp-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.zp-tabs-in::-webkit-scrollbar{display:none}
.zp-tabs a{flex:none;padding:14px 18px;border-bottom:3px solid transparent;font-size:16px;font-weight:700;color:var(--bx-ink-2);text-decoration:none;white-space:nowrap}
.zp-tabs a:hover{color:var(--bx-navy)}
.zp-tabs a[aria-current]{border-bottom-color:var(--bx-navy);font-weight:900;color:var(--bx-navy)}
@media(max-width:640px){.zp-tabs a{padding:12px 14px;font-size:15px}}
/* Skill 介紹頁與留言（2026-11-05，src/skills.js） */
.zp-skill-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:15.5px;font-weight:900;color:var(--bx-navy);text-decoration:none}
.zp-skill-go .bx-ic{width:18px;height:18px}
.zp-skill-go:hover{text-decoration:underline}
.zs-page{max-width:760px}
.zs-back{display:inline-block;margin-bottom:18px;font-size:15px;font-weight:700;color:var(--bx-ink-2);text-decoration:none}
.zs-back:hover{color:var(--bx-navy)}
.zs-page h1{margin:0;font-size:clamp(28px,4vw,38px);line-height:1.25;color:var(--bx-navy)}
.zs-desc{margin:18px 0 0;font-size:17px;line-height:1.8;color:var(--bx-ink-2)}
.zs-h{margin:30px 0 12px;font-size:20px;color:var(--bx-navy)}
.zs-box{margin-top:30px;padding:24px;border:1px solid var(--bx-line);border-radius:var(--bx-r);background:#fff;box-shadow:var(--bx-shadow);scroll-margin-top:96px}
.zs-box h2{margin:0 0 8px;font-size:21px;color:var(--bx-navy)}
.zs-box>p{margin:0;font-size:15.5px;line-height:1.7;color:var(--bx-ink-2)}
.zs-box a:not(.bx-btn){color:var(--bx-navy);font-weight:700}
.zs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.zs-link{font-size:15px}
.zs-form label{display:block;margin-bottom:8px;font-size:15.5px;font-weight:700;color:var(--bx-ink)}
.zs-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--bx-line);border-radius:10px;background:#fff;font:inherit;font-size:16px;line-height:1.6;color:var(--bx-ink);resize:vertical}
.zs-form textarea:focus{outline:2px solid var(--bx-navy);outline-offset:1px}
.zs-hint{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--bx-muted)}
.zs-msg{margin:8px 0 0;font-size:15px;font-weight:700;color:#A63D2F}
.zs-msg:empty{display:none}
.zs-form button{margin-top:14px}
.zs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.zs-list li{padding:14px 16px;border:1px solid var(--bx-line);border-radius:var(--bx-r-sm);background:#fff}
.zs-list li.is-hidden{opacity:.6;border-style:dashed}
.zs-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;color:var(--bx-muted)}
.zs-who b{font-size:15px;color:var(--bx-navy)}
.zs-who em{font-style:normal;font-weight:700;color:#A63D2F}
.zs-acts{display:inline-flex;gap:10px;margin-left:auto}
.zs-acts button{padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--bx-ink-2);text-decoration:underline;cursor:pointer}
.zs-list p{margin:6px 0 0;font-size:15.5px;line-height:1.7;color:var(--bx-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.zp-skill-cover{display:block;margin:-24px -24px 18px;border-radius:var(--bx-r) var(--bx-r) 0 0;overflow:hidden}
.zp-skill-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top}
.zs-cover{display:block;width:100%;max-width:560px;height:auto;margin:24px auto 0;border-radius:var(--bx-r);box-shadow:var(--bx-shadow)}
.zs-title{margin:30px 0 0;font-size:clamp(24px,3.4vw,30px);line-height:1.35;color:var(--bx-navy)}
.zs-desc+.zs-actions{margin-top:20px}
.zs-features{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:f}
.zs-features>li{counter-increment:f;padding:18px 20px;border:1px solid var(--bx-line);border-radius:var(--bx-r-sm);background:#fff}
.zs-features h3{margin:0 0 6px;font-size:18px;color:var(--bx-navy)}
.zs-features h3::before{content:counter(f,decimal-leading-zero);margin-right:8px;font-family:var(--bx-latin);color:var(--bx-gold-ink)}
.zs-features p{margin:0;font-size:15.5px;line-height:1.75;color:var(--bx-ink-2)}
.zs-features ul{margin:8px 0}
.zs-notice{margin:30px 0 0;padding:20px 22px;border:1px solid var(--bx-line);border-radius:var(--bx-r-sm);background:#fff}
.zs-notice h2{margin:0 0 10px;font-size:20px;color:var(--bx-navy)}
.zs-notice p{margin:10px 0 0;font-size:15.5px;line-height:1.75;color:var(--bx-ink-2)}
.zs-notice ul{margin:10px 0 0}
.zs-notice a{font-weight:900;color:var(--bx-navy)}
.zs-closing{margin:22px 0 0;padding:14px 18px;border-left:4px solid var(--bx-yellow);border-radius:0 10px 10px 0;background:#fff;font-size:16.5px;font-weight:700;line-height:1.75;color:var(--bx-navy)}
.zs-disclaimer{margin:14px 0 0;font-size:13.5px;line-height:1.7;color:var(--bx-muted)}