PageSourceSearch

https://www.wedopr.com/assets/AiWorkshop20260723-eVEvNGf0.js

js wedopr.com collected 2026-10-07 18:51:28 UTC 68,042 bytes, 796 lines download raw bytes

1import{j as e}from"./react-core-DGbc2Y4Q.js";import{S as t}from"./seo-injector-DcbDJuz9.js";const o=`<!DOCTYPE html>
2<html lang="zh-TW">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>AI 協作工作坊|從會聊天到會交辦</title>
7<link rel="preconnect" href="https://fonts.googleapis.com">
8<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet">
9<style>
10  :root{
11    --bg:#FAF6F0; --bg-soft:#F3EDE3; --ink:#2B2521; --ink-soft:#6B6259;
12    --accent:#B5713F; --accent-deep:#8C5630; --line:#E4DACB; --card:#FFFDF9;
13    --good:#4C7A5A; --bad:#A8543F;
14  }
15  *{margin:0;padding:0;box-sizing:border-box;}
16  html,body{height:100%;}
17  body{font-family:'Noto Sans TC',sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;}
18  .deck{height:100vh;height:100dvh;position:relative;}
19  .slide{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;
20    padding:6vh 8vw calc(7.5rem + env(safe-area-inset-bottom));opacity:0;transition:opacity .35s ease;}
21  .slide.active{display:flex;opacity:1;}
22  h1,h2,h3{font-family:'Noto Serif TC',serif;line-height:1.3;}
23  h1{font-size:clamp(2rem,5vw,3.6rem);font-weight:700;}
24  h2{font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:600;margin-bottom:.6em;}
25  h3{font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:600;}
26  p,li{font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.75;color:var(--ink);}
27  .muted{color:var(--ink-soft);}
28  .kicker{font-size:clamp(.8rem,1.2vw,.95rem);letter-spacing:.22em;color:var(--accent);
29    text-transform:uppercase;margin-bottom:1.2em;font-weight:700;}
30  .big-num{font-family:'Noto Serif TC',serif;font-size:clamp(2.4rem,6vw,4.5rem);color:var(--accent);font-weight:700;line-height:1.1;}
31  ul.clean{list-style:none;}
32  ul.clean li{padding:.42em 0 .42em 1.5em;position:relative;}
33  ul.clean li::before{content:"";position:absolute;left:0;top:1.05em;width:.55em;height:.55em;
34    border-radius:50%;background:var(--accent);opacity:.85;}
35  .cols{display:grid;gap:2.2rem;margin-top:1rem;}
36  .cols-2{grid-template-columns:1fr 1fr;}
37  .cols-3{grid-template-columns:1fr 1fr 1fr;}
38  .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.7rem;}
39  .card h3{margin-bottom:.5em;color:var(--accent-deep);}
40  .tag{display:inline-block;background:var(--bg-soft);border:1px solid var(--line);
41    border-radius:999px;padding:.2em .9em;font-size:clamp(.8rem,1.1vw,.95rem);color:var(--ink-soft);margin:.15em .2em .15em 0;}
42  .prompt-box{background:#2E2A25;color:#F5EFE6;border-radius:12px;padding:1.3rem 1.5rem;
43    font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.8;margin-top:.8rem;white-space:pre-line;overflow-wrap:anywhere;}
44  .prompt-box .hl{color:#E8B98A;font-weight:700;}
45  .vs-bad{border-left:5px solid var(--bad);}
46  .vs-good{border-left:5px solid var(--good);}
47  .vs-label{font-weight:700;font-size:clamp(.85rem,1.2vw,1rem);margin-bottom:.4em;display:block;}
48  .vs-bad .vs-label{color:var(--bad);} .vs-good .vs-label{color:var(--good);}
49  .section-cover{align-items:flex-start;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 100%);}
50  .section-cover .part{font-family:'Noto Serif TC',serif;font-size:clamp(1rem,1.6vw,1.3rem);
51    color:var(--accent);letter-spacing:.3em;margin-bottom:.8em;}
52  .deck-footer{position:fixed;left:0;right:0;bottom:0;height:7rem;z-index:9;pointer-events:none;}
53  .footer-bar{position:absolute;left:0;right:0;bottom:4.7rem;height:4px;background:var(--line);}
54  .footer-bar span{display:block;height:100%;background:var(--accent);width:0;transition:width .3s;}
55  .deck-controls{position:absolute;left:0;right:0;bottom:calc(.75rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:.7rem;pointer-events:auto;}
56  .deck-button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:999px;padding:0 1rem;background:var(--card);color:var(--ink);font:700 1rem/1 'Noto Sans TC',sans-serif;cursor:pointer;}
57  .deck-button:focus-visible{outline:3px solid rgba(181,113,63,.45);outline-offset:2px;}
58  .deck-button:disabled{cursor:not-allowed;opacity:.42;}
59  .home-button{width:44px;min-width:44px;padding:0;display:grid;place-items:center;}
60  .home-button svg{width:1.15rem;height:1.15rem;}
61  .hud{position:absolute;right:clamp(1rem,4vw,2rem);top:1.1rem;min-width:4.5rem;text-align:right;font-size:1rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
62  .hud-section{position:absolute;left:clamp(1rem,4vw,2rem);bottom:calc(1.75rem + env(safe-area-inset-bottom));font-size:1rem;color:var(--ink-soft);letter-spacing:.08em;}
63  .timeline{display:flex;gap:1.4rem;margin-top:2rem;}
64  .timeline .step{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.4rem;position:relative;}
65  .timeline .step .no{font-family:'Noto Serif TC',serif;color:var(--accent);font-size:1.6rem;font-weight:700;margin-bottom:.3em;}
66  table.simple{border-collapse:collapse;width:100%;margin-top:1rem;}
67  table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7em .9em;
68    text-align:left;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;overflow-wrap:anywhere;}
69  table.simple th{color:var(--accent-deep);font-weight:700;background:var(--bg-soft);}
70  .note{font-size:clamp(.8rem,1.1vw,.92rem);color:var(--ink-soft);margin-top:1.2rem;}
71  .center{text-align:center;align-items:center;}
72  .flow{display:flex;align-items:stretch;gap:.6rem;margin-top:1.4rem;flex-wrap:wrap;}
73  .flow .node{background:var(--card);border:1px solid var(--line);border-radius:10px;
74    padding:.8em 1em;font-size:clamp(.85rem,1.25vw,1.05rem);line-height:1.5;flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;text-align:center;}
75  .flow .arrow{display:flex;align-items:center;color:var(--accent);font-size:1.2rem;}
76  .workflow-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.5vw,1.25rem);margin-top:1.5rem;position:relative;}
77  .workflow-path::before{content:"";position:absolute;left:1.25rem;right:1.25rem;top:1.2rem;height:2px;background:var(--line);}
78  .workflow-step{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:.35rem;min-width:0;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;padding:1rem 1.1rem 1.15rem;}
79  .workflow-index{position:relative;z-index:1;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--accent);color:#FFFDF9;font-size:.85rem;font-weight:700;letter-spacing:.04em;}
80  .workflow-level{margin-top:.25rem;color:var(--accent-deep);font-size:.85rem;font-weight:700;letter-spacing:.08em;}
81  .workflow-step h3{font-size:clamp(1.15rem,1.8vw,1.45rem);color:var(--ink);}
82  .workflow-step p{font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.55;color:var(--ink-soft);}
83  .workflow-takeaway{margin-top:1.35rem;padding:.85rem 1rem;border-left:4px solid var(--accent);background:rgba(243,237,227,.7);border-radius:0 10px 10px 0;}
84  .process-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.65rem,1.25vw,1rem);margin-top:1.4rem;position:relative;}
85  .process-step{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:.35rem;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;}
86  .process-step:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:calc(clamp(.65rem,1.25vw,1rem) / -2 - .45rem);top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.1rem;font-weight:700;}
87  .process-index{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);color:var(--accent-deep);font-size:.8rem;font-weight:700;}
88  .process-step h3{font-size:clamp(1.05rem,1.55vw,1.3rem);color:var(--ink);}
89  .process-step p{font-size:clamp(1rem,1.2vw,1.05rem);line-height:1.55;color:var(--ink-soft);}
90  .featured-case-intro{max-width:72rem;color:var(--ink-soft);font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.65;}
91  .featured-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.65rem,1vw,.9rem);margin-top:1.1rem;}
92  .featured-case-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;
93    background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;
94    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
95  .featured-case-card:hover{transform:translateY(-3px);border-color:rgba(181,113,63,.65);box-shadow:0 8px 20px rgba(43,37,33,.08);}
96  .featured-case-card:focus-visible{outline:3px solid rgba(181,113,63,.45);outline-offset:3px;}
97  .featured-case-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-soft);}
98  .featured-case-copy{display:grid;gap:.2rem;padding:.65rem .75rem .75rem;}
99  .featured-case-card strong{font:600 clamp(.95rem,1.25vw,1.08rem)/1.45 'Noto Serif TC',serif;overflow-wrap:anywhere;}
100  .featured-case-card small{color:var(--ink-soft);font-size:clamp(.78rem,1vw,.88rem);line-height:1.4;}
101  .featured-case-takeaway{margin-top:1rem;padding:.7rem .9rem;border-left:4px solid var(--accent);background:rgba(243,237,227,.7);
102    border-radius:0 10px 10px 0;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.6;}
103  .model-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1rem);margin-top:.8rem;}
104  .model-price-card{min-width:0;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;padding:1rem 1.1rem;}
105  .model-price-card h3{color:var(--ink);margin-bottom:.25rem;}
106  .model-version{display:block;color:var(--accent-deep);font-size:clamp(.9rem,1.15vw,1rem);font-weight:700;line-height:1.45;}
107  .model-price{display:block;margin-top:.45rem;color:var(--ink);font-size:clamp(1rem,1.3vw,1.1rem);font-weight:700;}
108  .model-fit{margin-top:.25rem;color:var(--ink-soft);font-size:clamp(.85rem,1.05vw,.95rem);line-height:1.5;}
109  .price-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1vw,.8rem);margin-top:1rem;}
110  .price-band{min-width:0;padding:.7rem .8rem;background:var(--bg-soft);border-radius:10px;}
111  .price-band strong{display:block;color:var(--accent-deep);font-size:clamp(.9rem,1.1vw,1rem);}
112  .price-band span{display:block;margin-top:.2rem;color:var(--ink-soft);font-size:clamp(.8rem,1vw,.9rem);line-height:1.45;}
113  .pricing-note{margin-top:.8rem;color:var(--ink-soft);font-size:clamp(.8rem,1vw,.9rem);line-height:1.5;}
114  .ai-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1rem);margin-top:.9rem;}
115  .ai-choice-card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;}
116  .ai-choice-brand{color:var(--accent);font-size:clamp(.78rem,1vw,.88rem);font-weight:700;letter-spacing:.12em;}
117  .ai-choice-card h3{margin:.3rem 0 .65rem;color:var(--ink);}
118  .ai-choice-row{padding:.55rem 0;border-top:1px solid var(--line);}
119  .ai-choice-row strong{display:block;color:var(--accent-deep);font-size:clamp(.88rem,1.05vw,.96rem);}
120  .ai-choice-row span{display:block;margin-top:.18rem;color:var(--ink-soft);font-size:clamp(.85rem,1vw,.93rem);line-height:1.5;}
121  .choice-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1vw,.8rem);margin-top:1rem;}
122  .choice-level{padding:.7rem .8rem;background:var(--bg-soft);border-radius:10px;color:var(--ink-soft);font-size:clamp(.85rem,1vw,.93rem);line-height:1.5;}
123  .choice-level strong{color:var(--accent-deep);}
124  .debug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,1.2vw,1rem);margin-top:1rem;}
125  .debug-card{min-width:0;display:grid;grid-template-columns:minmax(8rem,.75fr) 1.45fr;gap:.8rem;align-items:center;
126    padding:1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;}
127  .debug-card:last-child{grid-column:1 / -1;}
128  .debug-symptom{color:var(--ink);font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:700;line-height:1.45;}
129  .debug-fix{color:var(--ink-soft);font-size:clamp(.9rem,1.1vw,1rem);line-height:1.55;}
130  .debug-fix strong{color:var(--accent-deep);}
131  .week-plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.2vw,1rem);margin-top:1rem;}
132  .week-step{min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:.4rem;padding:1.1rem;background:var(--card);
133    border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;}
134  .week-day{color:var(--accent);font-size:clamp(.8rem,1vw,.9rem);font-weight:700;letter-spacing:.1em;}
135  .week-step h3{color:var(--ink);font-size:clamp(1.05rem,1.45vw,1.25rem);}
136  .week-step p{color:var(--ink-soft);font-size:clamp(.9rem,1.1vw,1rem);line-height:1.6;}
137  .week-step:last-child{background:var(--bg-soft);}
138  .qna-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:center;width:100%;}
139  .qna-intro{max-width:32rem;}
140  .qna-title{font-size:clamp(4rem,9vw,7.5rem);line-height:1;letter-spacing:.04em;}
141  .qna-lead{margin-top:1.2rem;color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7;}
142  .qna-callout{margin-top:1.4rem;padding:.8rem 1rem;border-left:4px solid var(--accent);background:var(--bg-soft);border-radius:0 10px 10px 0;
143    color:var(--ink);font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:700;line-height:1.6;}
144  .qna-prompts{display:grid;gap:.8rem;}
145  .qna-prompt{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;align-items:center;padding:1rem 1.1rem;background:var(--card);
146    border:1px solid var(--line);border-radius:14px;}
147  .qna-index{grid-row:1 / 3;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:#FFFDF9;font-weight:700;}
148  .qna-prompt h3{color:var(--ink);}
149  .qna-prompt p{color:var(--ink-soft);font-size:clamp(.9rem,1.1vw,1rem);line-height:1.55;}
150  @media (max-width:1100px){.week-plan{grid-template-columns:repeat(2,minmax(0,1fr));}}
151  .hero-bg{background-size:cover;background-position:center;}
152  .hero-bg h1,.hero-bg h2{color:#F7F1E6;}
153  .hero-bg p,.hero-bg .muted{color:#C6C0B4;}
154  .hero-bg .kicker,.hero-bg .part{color:#E8B98A;}
155  .case-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:2rem;margin-top:1rem;align-items:start;}
156  .og-card{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);
157    position:relative;text-decoration:none;box-shadow:0 8px 28px rgba(43,37,33,.12);
158    transition:transform .2s ease;}
159  .og-card:hover{transform:translateY(-4px);}
160  .og-card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
161  .og-card .og-cap{position:absolute;
161left:0;right:0;bottom:0;
162    background:linear-gradient(transparent,rgba(18,16,14,.82));color:#F5EFE6;
163    padding:2em 1em .7em;font-size:clamp(.8rem,1.15vw,.95rem);display:flex;
164    justify-content:space-between;align-items:center;gap:.5em;}
165  .og-card .og-cap .go{color:#E8B98A;font-weight:700;white-space:nowrap;}
166  .daily-og-card .og-title{max-width:60%;font:700 clamp(1.45rem,3.3vw,2.8rem)/1.05 'Noto Serif TC',serif;letter-spacing:.04em;color:#F7F1E6;}
167  .daily-og-card .og-title small{display:block;margin-bottom:.3rem;font:700 .48em/1 'Noto Sans TC',sans-serif;letter-spacing:.22em;color:#E8B98A;}
168  .hero-site-link{display:inline-block;margin-top:2.2em;color:#E8B98A;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:700;text-decoration:underline;text-underline-offset:.22em;}
169  .hero-site-link:hover{color:#F7F1E6;}
170  .hero-site-link:focus-visible,.og-card:focus-visible,.closing-book:focus-visible{outline:3px solid rgba(232,185,138,.8);outline-offset:4px;}
171  .hero-site-link + .date-chip{margin-top:.75em;}
172  .date-chip{display:inline-block;border:1px solid rgba(232,185,138,.5);color:#E8B98A;
173    border-radius:999px;padding:.25em 1.1em;font-size:clamp(.8rem,1.2vw,.95rem);
174    letter-spacing:.15em;margin-top:2.2em;}
175  .cover-qr{position:absolute;right:clamp(1.2rem,4vw,3.5rem);bottom:calc(7.4rem + env(safe-area-inset-bottom));width:clamp(6.25rem,9vw,8.25rem);padding:.45rem;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.24);color:#2B2521;text-align:center;}
176  .cover-qr svg{display:block;width:100%;height:auto;}
177  .closing-book{display:block;transition:transform .18s ease,box-shadow .18s ease;}
178  .closing-book:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.3);}
179  .closing-book img{display:block;width:100%;height:auto;border-radius:8px;}
180  @media (max-width:820px){
181    .case-grid{grid-template-columns:1fr;}
182    .cols-2,.cols-3{grid-template-columns:1fr;}
183    .slide{bottom:7rem;padding:4.5vh 6vw 1.5rem;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;}
184    .slide:not(.center):not(.section-cover)>:first-child{margin-top:auto;}
185    .slide:not(.center):not(.section-cover)>:last-child{margin-bottom:auto;}
186    .slide.center.hero-bg,.slide.section-cover.hero-bg{justify-content:center;padding-top:4.5vh;padding-bottom:4.5vh;}
187    .slide.center{align-items:center;padding-top:8vh;}
188    .timeline{flex-direction:column;}
189    .flow{flex-direction:column;}
190    .flow .arrow{justify-content:center;min-height:1.4rem;}
191    .workflow-path{grid-template-columns:1fr;gap:.6rem;margin-top:1rem;}
192    .workflow-path::before{left:1.98rem;right:auto;top:1.35rem;bottom:1.35rem;width:2px;height:auto;}
193    .workflow-step{grid-template-columns:2.5rem minmax(4rem,auto) 1fr;grid-template-rows:auto auto;column-gap:.7rem;row-gap:.05rem;align-items:center;padding:.7rem .9rem;border-top-width:1px;border-left:3px solid var(--accent);}
194    .workflow-index{grid-row:1 / 3;width:2.1rem;height:2.1rem;font-size:.8rem;}
195    .workflow-level{grid-column:2;margin:0;font-size:1rem;line-height:1.25;}
196    .workflow-step h3{grid-column:2;font-size:1.15rem;line-height:1.3;}
197    .workflow-step p{grid-column:3;grid-row:1 / 3;font-size:1rem;line-height:1.5;}
198    .workflow-takeaway{margin-top:.85rem;padding:.7rem .85rem;}
199    .process-path{grid-template-columns:1fr;gap:.6rem;margin-top:1rem;}
200    .process-path::before{content:"";position:absolute;left:1.98rem;top:1.35rem;bottom:1.35rem;width:2px;background:var(--line);}
201    .process-step{grid-template-columns:2.5rem minmax(6.25rem,auto) 1fr;grid-template-rows:1fr;column-gap:.7rem;align-items:center;padding:.7rem .9rem;border-left:3px solid var(--accent);}
202    .process-step:not(:last-child)::after{display:none;}
203    .process-index{z-index:1;width:2.1rem;height:2.1rem;background:var(--accent);border:0;color:#FFFDF9;}
204    .process-step h3{font-size:1.1rem;line-height:1.3;}
205    .process-step p{font-size:1rem;line-height:1.5;}
206    .featured-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
207    .featured-case-card strong{font-size:1.05rem;}
208    .featured-case-card small{font-size:1rem;}
209    .model-price-grid{grid-template-columns:1fr;}
210    .price-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
211    .model-version,.model-price,.model-fit,.price-band strong,.price-band span,.pricing-note{font-size:1rem;}
212    .ai-choice-grid,.choice-levels{grid-template-columns:1fr;}
213    .ai-choice-brand,.ai-choice-row strong,.ai-choice-row span,.choice-level{font-size:1rem;}
214    .debug-grid{grid-template-columns:1fr;}
215    .debug-card,.debug-card:last-child{grid-column:auto;}
216    .debug-symptom,.debug-fix,.week-day,.week-step p{font-size:1rem;}
217    .qna-layout{grid-template-columns:1fr;gap:1.5rem;}
218    .qna-intro{max-width:none;text-align:center;}
219    .qna-callout{max-width:34rem;margin-left:auto;margin-right:auto;text-align:left;font-size:1rem;}
220    .qna-prompt p{font-size:1rem;}
221    .card,.timeline .step{padding:1.15rem;}
222    .kicker,.tag,.note,.vs-label,.og-card .og-cap,.hero-site-link,.hud,.hud-section,.deck-button,.date-chip,.flow .node{font-size:1rem;}
223    p[style*="font-size"],li[style*="font-size"]{font-size:1rem !important;}
224    table.simple{display:block;overflow-x:auto;}
225    table.simple th,table.simple td{min-width:8rem;}
226    .cover-qr{right:6vw;bottom:1rem;width:5.75rem;padding:.35rem;}
227  }
228  @media (max-width:480px){
229    .slide{padding-left:5vw;padding-right:5vw;}
230    .hud-section{display:none;}
231    .deck-controls{gap:.5rem;}
232    .deck-button{min-width:44px;padding:0 .8rem;}
233    .featured-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
234    .price-band-grid{grid-template-columns:1fr;}
235    .debug-card{grid-template-columns:1fr;gap:.25rem;}
236    .week-plan{grid-template-columns:1fr;}
237    .cover-qr{width:5.2rem;right:5vw;bottom:1rem;}
238    table.simple.responsive-table{display:block;overflow:visible;margin-top:.8rem;}
239    table.simple.responsive-table tbody{display:grid;gap:.6rem;}
240    table.simple.responsive-table tr{display:grid;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
241    table.simple.responsive-table tr:first-child{display:none;}
242    table.simple.responsive-table td{display:block;min-width:0;border:0;padding:.6rem .75rem;}
243    table.simple.responsive-table td:first-child{background:var(--bg-soft);color:var(--accent-deep);font-weight:700;}
244    table.simple.responsive-table td+td{padding-top:.55rem;}
245  }
246</style>
247</head>
248<body>
249<div class="deck" id="deck">
250
251<!-- ========== 開場 ========== -->
252<section class="slide center hero-bg" data-sec="開場"
253  style="background-image:linear-gradient(rgba(10,16,24,.55),rgba(10,16,24,.78)),url('/images/ai-workshop-20260723/hero-home.jpg')">
254  <p class="kicker">WEDO AI WORKSHOP</p>
255  <h1>從「會聊天」<br>到「會交辦」</h1>
256  <p class="muted" style="margin-top:1.4em;">給經營者的 AI 協作課:把工作交代清楚,讓流程更順。</p>
257  <p class="muted" style="margin-top:2.2em;font-size:.95rem;">日月 MING|WEDO</p>
258  <a class="hero-site-link" href="https://www.wedopr.com/" target="_blank" rel="noopener">www.wedopr.com</a>
259  <span class="date-chip">2026 / 07 / 23</span>
260  <aside class="cover-qr" data-workshop-qr="https://www.wedopr.com/ai-workshop-20260723">
261    <!-- WORKSHOP_QR_ASSET -->
262  </aside>
263</section>
264
265<section class="slide" data-sec="開場">
266  <p class="kicker">今日流程</p>
267  <h2>三小時,分三段進行</h2>
268  <div class="timeline">
269    <div class="step"><div class="no">第 1 小時</div><h3>教學</h3><p class="muted">把對話變成交辦:一套今天就能用的方法</p></div>
270    <div class="step"><div class="no">第 2 小時</div><h3>WEDO 實戰</h3><p class="muted">四個真實案例與 WEDO 的 AI 工作流</p></div>
271    <div class="step"><div class="no">第 3 小時</div><h3>實作+QA</h3><p class="muted">把手上的工作帶來,現場完成第一個成果</p></div>
272  </div>
273  <p class="note">建議:全程開著你慣用的 AI 工具(ChatGPT / Claude / Gemini 皆可),邊聽邊試。</p>
274</section>
275
276<!-- ========== 第一小時:教學 ========== -->
277<section class="slide section-cover hero-bg" data-sec="第 1 小時 · 教學"
278  style="background-image:linear-gradient(rgba(10,16,24,.6),rgba(10,16,24,.82)),url('/images/ai-workshop-20260723/hero-services.jpg')">
279  <p class="part">PART 1|第 1 小時</p>
280  <h1>教學:<br>把 AI 當同事,不只拿來搜尋</h1>
281</section>
282
283<section class="slide" data-sec="第 1 小時 · 教學">
284  <p class="kicker">現況盤點</p>
285  <h2>AI 協作基本功</h2>
286  <div class="cols cols-3">
287    <div class="card"><h3>寫文章</h3><p class="muted">貼文、新聞稿、信件,AI 幫你起草</p></div>
288    <div class="card"><h3>做企劃</h3><p class="muted">丟題目給 AI,產出企劃初稿</p></div>
289    <div class="card"><h3>做圖片</h3><p class="muted">生成視覺素材、簡報配圖</p></div>
290  </div>
291  <p style="margin-top:2rem;">今天不重複教這些。今天要解決的是:<strong>為什麼用了 AI,工作還是沒有快多少?</strong></p>
292</section>
293
294<section class="slide" data-sec="第 1 小時 · 教學">
295  <p class="kicker">問題診斷</p>
296  <h2>三個常見卡點</h2>
297  <ul class="clean">
298    <li><strong>每次都從零開始</strong>:同樣的背景、同樣的要求,每次都要重打一遍。</li>
299    <li><strong>產出總是 60 分</strong>:看起來像樣,卻不能直接用,修改時間甚至比自己寫更久。</li>
300    <li><strong>只用在單點</strong>:寫一篇文、修一封信,沒有接成流程,省下的時間有限。</li>
301  </ul>
302  <p style="margin-top:1.6rem;" class="muted">這些問題多半來自同一件事:我們把 AI 當「問答機」,而不是當「同事」。</p>
303</section>
304
305<section class="slide" data-sec="第 1 小時 · 教學">
306  <p class="kicker">觀念轉換</p>
307  <h2>把 AI 當成可以交辦的數位同事</h2>
308  <div class="cols cols-2">
309    <div class="card vs-bad"><span class="vs-label">問答機用法</span>
310      <p>「幫我寫一篇關於新產品的貼文」</p>
311      <p class="muted" style="margin-top:.6em;">沒有背景和標準,得到的多半是通用答案</p></div>
312    <div class="card vs-good"><span class="vs-label">同事用法</span>
313      <p>「你是我們的行銷主管。附上產品資料與過去三篇高互動貼文,照這個風格寫三個版本,各 150 字內,結尾要有行動呼籲」</p>
314      <p class="muted" style="margin-top:.6em;">背景、素材、標準都有了,產出才更接近可直接使用</p></div>
315  </div>
316  <p style="margin-top:1.6rem;">你不會只交代新員工「寫一篇貼文」就離開。<strong>交代 AI 也是一樣:交辦越清楚,產出越接近需求。</strong></p>
317</section>
318
319<section class="slide" data-sec="第 1 小時 · 教學">
320  <p class="kicker">工作脈絡</p>
321  <h2>一件工作,一個脈絡;AI 做事,人負責方向與驗收</h2>
322  <div class="cols cols-3">
323    <div class="card"><h3>① 獨立工作脈絡</h3><p class="muted">一個客戶、專案或任務,集中在同一個對話或資料夾;不要把不同工作的前後文混在一起。</p></div>
324    <div class="card"><h3>② 交辦前先給齊</h3><p class="muted">提供背景、原始來源、要交付的格式與不能碰的禁區;資料不足時,要求先提問或明說查不到。</p></div>
325    <div class="card"><h3>③ 人保留判斷權</h3><p class="muted">AI 整理、起草與執行;人決定方向、核對事實、驗收後才對外使用。</p></div>
326  </div>
327  <p class="workflow-takeaway"><strong>把脈絡留好,下一次交辦才不用從零開始。</strong></p>
328</section>
329
330<section class="slide" data-sec="第 1 小時 · 教學">
331  <p class="kicker">核心方法</p>
332  <h2>交辦五要素</h2>
333  <div class="prompt-box"><span class="hl">① 角色</span>:你是誰(我們的財務顧問/行銷主管/秘書)
334<span class="hl">② 背景</span>:公司是做什麼的、這件事的來龍去脈、附上相關資料
335<span class="hl">③ 目標</span>:我要拿這個產出去做什麼、給誰看
336<span class="hl">④ 約束</span>:字數、語氣、不能提的事、必須包含的重點
337<span class="hl">⑤ 格式</span>:表格?條列?三個版本?直接可寄出的信?</div>
338  <p style="margin-top:1.4rem;">五個要素不必每次全給,但<strong>產出不滿意時,先檢查少給了哪一項</strong>,通常是背景或約束。</p>
339</section>
340
341<section class="slide" data-sec="第 1 小時 · 教學">
342  <p class="kicker">對照示範 ①</p>
343  <h2>回覆客戶議價信</h2>
344  <div class="cols cols-2">
345    <div class="card vs-bad"><span class="vs-label">Before</span>
346      <p>「幫我回一封客戶殺價的信」</p></div>
347    <div class="card vs-good"><span class="vs-label">After</span>
348      <p style="font-size:clamp(.9rem,1.35vw,1.1rem);">
348「你是我們的業務總監。客戶來信要求 9 折(原信如下貼上)。我們最多讓到 95 折+免運。請寫一封回信:語氣堅定但保留關係,先肯定合作、再說明價值、最後給出 95 折+免運方案,200 字內,可直接寄出。」</p></div>
349  </div>
350  <p class="note">重點:把「底線」與「策略」告訴 AI,它才知道你的底線,能幫你擬出不輕易讓步的回信。</p>
351</section>
352
353<section class="slide" data-sec="第 1 小時 · 教學">
354  <p class="kicker">對照示範 ②</p>
355  <h2>產出企劃初稿</h2>
356  <div class="cols cols-2">
357    <div class="card vs-bad"><span class="vs-label">Before</span>
358      <p>「幫我寫一份週年慶活動企劃」</p></div>
359    <div class="card vs-good"><span class="vs-label">After</span>
360      <p style="font-size:clamp(.9rem,1.35vw,1.1rem);">「你是零售業行銷顧問。我們是 30 人的食品公司,週年慶預算 30 萬,目標是舊客回購率提升。附上去年活動檢討(貼上)。請提出 3 個方向,各含:核心概念、預算分配、預期成效、風險。用表格比較,最後給你的推薦與理由。」</p></div>
361  </div>
362  <p class="note">重點:請 AI 提出選項並說明推薦理由;它負責整理選項,你保留決策權。</p>
363</section>
364
365<section class="slide" data-sec="第 1 小時 · 教學">
366  <p class="kicker">對照示範 ③</p>
367  <h2>社群貼文:用範例定調</h2>
368  <div class="cols cols-2">
369    <div class="card vs-bad"><span class="vs-label">Before</span>
370      <p>「幫新品寫一篇 IG 貼文,要吸引人」</p></div>
371    <div class="card vs-good"><span class="vs-label">After</span>
372      <p style="font-size:clamp(.9rem,1.35vw,1.1rem);">
372「這是我們過去互動最好的三篇貼文(貼上)。分析它們的共同風格,然後照這個風格幫新品〇〇寫 3 個版本:一版走情感、一版走功能、一版走限時優惠。各 120 字內+3 個 hashtag。」</p></div>
373  </div>
374  <p class="note">重點:不要只說「我要的感覺」;直接給範例,AI 才抓得到風格。</p>
375</section>
376
377<section class="slide" data-sec="第 1 小時 · 教學">
378  <p class="kicker">場景地圖</p>
379  <h2>經營者最常用的六個場景</h2>
380  <div class="cols cols-3">
381    <div class="card"><h3>① 會議紀錄 → 行動項</h3><p class="muted">錄音逐字稿變成待辦清單</p></div>
382    <div class="card"><h3>② 長文件摘要</h3><p class="muted">合約、報告 5 分鐘抓重點</p></div>
383    <div class="card"><h3>③ 資料整理分析</h3><p class="muted">Excel 表丟進去問問題</p></div>
384    <div class="card"><h3>④ 提案初稿</h3><p class="muted">從空白頁到 70 分草稿</p></div>
385    <div class="card"><h3>⑤ 市場快查</h3><p class="muted">競品、法規、趨勢初步調研</p></div>
386    <div class="card"><h3>⑥ 簡報大綱</h3><p class="muted">從想法到可交付的架構</p></div>
387  </div>
388</section>
389
390<section class="slide" data-sec="第 1 小時 · 教學">
391  <p class="kicker">可抄指令 ①②</p>
392  <h2>會議紀錄與文件摘要</h2>
393  <div class="prompt-box"><span class="hl">① 會議紀錄 → 行動項</span>
394「以下是會議逐字稿(貼上)。整理成:決議事項/待辦清單(負責人+期限)/待確認問題,三段條列。逐字稿沒提到負責人的,標【待指派】,不要自己猜。」</div>
395  <div class="prompt-box"><span class="hl">② 長文件摘要</span>
396「我是公司負責人,只有 5 分鐘。摘要這份文件(貼上):一句話結論/三個重點/需要我決策的事項/風險提醒。若文件中沒有明說的,寫『文件未提及』。」</div>
397</section>
398
399<section class="slide" data-sec="第 1 小時 · 教學">
400  <p class="kicker">可抄指令 ③④</p>
401  <h2>資料整理與提案初稿</h2>
402  <div class="prompt-box"><span class="hl">③ 資料整理分析</span>
403「附上這個月的銷售明細(上傳檔案)。幫我:1. 找出前五名與後五名商品 2. 和上月比較變化最大的三項 3. 用白話說明你看到的異常,並列出你建議我進一步確認的問題。」</div>
404  <div class="prompt-box"><span class="hl">④ 提案初稿</span>
405「你是〇〇產業的資深顧問。我要向(對象)提案(目的)。先列大綱給我確認,不要直接寫全文。大綱確認後,一次寫一個章節。」</div>
406</section>
407
408<section class="slide" data-sec="第 1 小時 · 教學">
409  <p class="kicker">可抄指令 ⑤⑥</p>
410  <h2>市場快查與簡報大綱</h2>
411  <div class="prompt-box"><span class="hl">⑤ 市場快查</span>
412「先依我提供的原始資料整理(貼上/附檔)。若需外查,再調查(主題/競品)最近一年的動態:產品、價格、行銷手法;每一項附來源連結與資料日期。查不到或日期不明的,明確標示『未查證』,不要推測。最後用一張表整理『對我們的三個啟示』。」</div>
413  <div class="prompt-box"><span class="hl">⑥ 簡報大綱</span>
414「我要對(對象)做(時長)分鐘的簡報,目的是(說服/報告/教學)。聽眾最在意(痛點)。請規劃頁數配置與每頁一句話重點,先給大綱,我確認後再展開。」</div>
415</section>
416
417<section class="slide" data-sec="第 1 小時 · 教學">
418  <p class="kicker">風險邊界</p>
419  <h2>三條紅線</h2>
420  <div class="cols cols-3">
421    <div class="card"><h3>資料要查證</h3><p class="muted">AI 可能把錯的內容講得很像真的。數字、法條、人名、連結,用前必查。要求它「查不到就說查不到」。</p></div>
422    <div class="card"><h3>機密資料不上傳</h3><p class="muted">客戶個資、財務明細、未公開合約,不丟進公開 AI 工具。必要時去識別化再用。</p></div>
423    <div class="card"><h3>對外內容要人工審核</h3><p class="muted">對外的每一個字,出手前過人眼。AI 負責草稿,你負責背書。</p></div>
424  </div>
425  <p style="margin-top:1.6rem;"><strong>AI 可以協助工作,也需要人檢查;可以授權,不能省掉把關。</strong></p>
426</section>
427
428<section class="slide" data-sec="第 1 小時 · 教學">
429  <p class="kicker">升級思維</p>
430  <h2>從單次使用,到固定流程</h2>
431  <div class="workflow-path" aria-label="AI 工作流成熟度四階段">
432    <article class="workflow-step"><span class="workflow-index">01</span><span class="workflow-level">第一層</span><h3>單點</h3><p>想到才用,每次重來</p></article>
433    <article class="workflow-step"><span class="workflow-index">02</span><span class="workflow-level">第二層</span><h3>模板</h3><p>好指令存起來重複用</p></article>
434    <article class="workflow-step"><span class="workflow-index">03</span><span class="workflow-level">第三層</span><h3>SOP</h3><p>固定流程交給 AI 執行</p></article>
435    <article class="workflow-step"><span class="workflow-index">04</span><span class="workflow-level">第四層</span><h3>自動化</h3><p>排程自動跑,人只驗收</p></article>
436  </div>
437  <p class="workflow-takeaway">先把第一層做好,再往下一層走。<strong>第二小時,我們來看 WEDO 如何把流程做到第四層。</strong></p>
438</section>
439
440<!-- ========== 第二小時:WEDO 實戰 ========== -->
441<section class="slide section-cover hero-bg" data-sec="第 2 小時 · WEDO 實戰"
442  style="background-image:linear-gradient(rgba(10,16,24,.6),rgba(10,16,24,.82)),url('/images/ai-workshop-20260723/hero-portfolio.jpg')">
443  <p class="part">PART 2|第 2 小時</p>
444  <h1>WEDO 實戰:<br>一個人用 AI,怎麼經營事業群</h1>
445</section>
446
447<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
448  <p class="kicker">WEDO 實戰案例</p>
449  <h2>十個案例,看懂 WEDO 的 AI 協作</h2>
450  <p class="featured-case-intro">從《AI 時代的一人公司經營學》的媒體與內容出發,串接數位出版、照護工具、AI Skills 與互動產品,再延伸到品牌活動、人才招募、日本觀光與旅宿訂房。</p>
451  <nav class="featured-case-grid" aria-label="WEDO 十個實戰案例">
452    <a class="featured-case-card" data-case-slug="ai-book-media" href="https://www.wedopr.com/case/ai-book-media" target="_blank" rel="noopener"><img src="/cases/thumbs/2026-002.webp" alt="《AI 時代的一人公司經營學》媒體與內容案例代表圖"><span class="featured-case-copy"><strong>《AI 時代的一人公司經營學》</strong><small>媒體與內容</small></span></a>
453    <a class="featured-case-card" data-case-slug="book-wedo-digital-publishing" href="https://www.wedopr.com/case/book-wedo-digital-publishing" target="_blank" rel="noopener"><img src="/cases/thumbs/2026-web-001.webp" alt="Book WEDO 數位出版平台代表圖"><span class="featured-case-copy"><strong>Book WEDO</strong><small>數位出版平台</small></span></a>
454    <a class="featured-case-card" data-case-slug="care-wedo-health-companion" href="https://www.wedopr.com/case/care-wedo-health-companion" target="_blank" rel="noopener"><img src="/images/ai-workshop-20260723/case-care-wedo.svg" alt="Care WEDO LINE 醫療照護小管家代表圖"><span class="featured-case-copy"><strong>Care WEDO</strong><small>LINE 醫療照護小管家</small></span></a>
455    <a class="featured-case-card" data-case-slug="skills-wedo-ai-skills" href="https://www.wedopr.com/case/skills-wedo-ai-skills" target="_blank" rel="noopener"><img src="/cases/thumbs/2026-web-002.webp" alt="Skills WEDO AI 工作流代表圖"><span class="featured-case-copy"><strong>Skills WEDO</strong><small>AI 工作流</small></span></a>
456    <a class="featured-case-card" data-case-slug="mbti-wedo-animal-archetype" href="https://www.wedopr.com/case/mbti-wedo-animal-archetype" target="_blank" rel="noopener"><img src="/images/ai-workshop-20260723/case-mbti-wedo.svg" alt="MBTI 動物原型互動測驗代表圖"><span class="featured-case-copy"><strong>MBTI 動物原型</strong><small>互動測驗</small></span></a>
457    <a class="featured-case-card" data-case-slug="tarot-wedo-online-oracle" href="https://www.wedopr.com/case/tarot-wedo-online-oracle" target="_blank" rel="noopener"><img src="/images/ai-workshop-20260723/case-tarot-wedo.svg" alt="Tarot WEDO 線上互動工具代表圖"><span class="featured-case-copy"><strong>Tarot WEDO</strong><small>互動工具</small></span></a>
458    <a class="featured-case-card" data-case-slug="usbeef-womens-health-2026" href="https://www.wedopr.com/case/usbeef-womens-health-2026" target="_blank" rel="noopener"><img src="/cases/thumbs/2026-web-004.webp" alt="美力加冕・從美牛開始品牌活動代表圖"><span class="featured-case-copy"><strong>美力加冕・從美牛開始</strong><small>品牌活動</small></span></a>
459    <a class="featured-case-card" data-case-slug="hino-scholarship-recruitment-2026" href="https://www.wedopr.com/case/hino-scholarship-recruitment-2026" target="_blank" rel="noopener"><img src="/cases/thumbs/2026-web-003.webp" alt="HINO 人才招募獎學金網站代表圖"><span class="featured-case-copy"><strong>HINO 人才招募獎學金</strong><small>招募網站</small></span></a>
460    <a class="featured-case-card" data-case-slug="rakuchu-japan-tour-planning" href="https://www.wedopr.com/case/rakuchu-japan-tour-planning" target="_blank" rel="noopener"><img src="/cases/thumbs/2025-web-001.webp" alt="RAKUCHU 日本觀光多語網站代表圖"><span class="featured-case-copy"><strong>RAKUCHU 日本觀光</strong><small>多語網站</small></span></a>
461    <a class="featured-case-card" data-case-slug="yuye-shanyin-camping-booking-ai" href="https://www.wedopr.com/case/yuye-shanyin-camping-booking-ai" target="_blank" rel="noopener"><img src="/cases/thumbs/2025-web-002.webp" alt="嶼野山隱旅宿訂房與 AI 小幫手代表圖"><span class="featured-case-copy"><strong>嶼野山隱</strong><small>旅宿訂房與 AI 小幫手</small></span></a>
462  </nav>
463  <p class="featured-case-takeaway">從公關、內容到網站與 AI 工作流,最後都要成為<strong>可交付、可查證的成果</strong>。</p>
464</section>
465
466<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
467  <p class="kicker">案例 ①</p>
468  <h2>行銷日報:每天自動出刊的內容部門</h2>
469  <div class="case-grid">
470    <div>
471      <div class="card vs-bad" style="margin-bottom:1rem;"><span class="vs-label">以前(人工)</span>
472        <p>每天蒐集新聞、挑題、撰寫、上稿 2 至 4 小時;忙起來就斷更,品質不穩。</p></div>
473      <div class="card vs-good"><span class="vs-label">現在(AI 自動化)</span>
474        <p>每天凌晨 00:30 排程自動啟動,依序完成選題、撰寫與上線。人的工作是<strong>驗收</strong>。</p></div>
475    </div>
476    <div>
477      <a class="og-card daily-og-card" href="https://www.wedopr.com/daily/" target="_blank" rel="noopener">
478        <img src="/images/ai-workshop-20260723/og-daily.jpg" alt="WEDO 行銷日報">
479        <span class="og-cap"><span class="og-title"><small>WEDO</small> 行銷日報</span><span class="go">前往網站 ↗</span></span>
480      </a>
481    </div>
482  </div>
483</section>
484
485<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
486  <p class="kicker">案例 ① 流程拆解</p>
487  <h2>AI 內容部門的一天</h2>
488  <div class="process-path" aria-label="AI 內容部門五階流程">
489    <article class="process-step"><span class="process-index">01</span><h3>選題引擎</h3><p>事件雷達與題材輪替,避免天天寫同一題</p></article>
490    <article class="process-step"><span class="process-index">02</span><h3>品牌語氣</h3><p>統一風格與禁用詞,寫出來像同一個人</p></article>
491    <article class="process-step"><span class="process-index">03</span><h3>撰寫上線</h3><p>生成文章、自動發布、SEO 同步</p></article>
492    <article class="process-step"><span class="process-index">04</span><h3>社群三版本</h3><p>同步產出三個平台的社群文案</p></article>
493    <article class="process-step"><span class="process-index">05</span><h3>通知驗收</h3><p>推播通知,人工檢查把關</p></article>
494  </div>
495  <ul class="clean" style="margin-top:1.6rem;">
496    <li>關鍵在於<strong>把編輯台的判斷寫成規則</strong>:怎麼選題、用什麼語氣、哪些內容不能寫。</li>
497    <li>日報頁曾有單日五千多次搜尋曝光。</li>
498  </ul>
499</section>
500
501<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
502  <p class="kicker">案例 ②</p>
503  <h2>USBEEF 活動網站:一人交付品牌級專案</h2>
504  <div class="case-grid">
505    <div>
506      <ul class="clean">
507        <li><strong>視覺</strong>:7 張核心視覺由 AI 生成,包括首頁背景、測驗結果圖與宣言卡。</li>
508        <li><strong>內容</strong>:4 題心理測驗與 3 種人格角色文案,由 AI 協作撰寫。</li>
509        <li><strong>開發</strong>:網站程式由 AI Coding 協作建置,包含動效與數據追蹤。</li>
510        <li>原本需由設計、文案與工程協作的專案,<strong>一個人指揮 AI 完成交付</strong>。</li>
511        <li>人仍負責<strong>品味、品管,以及面對客戶時的判斷</strong>。</li>
512      </ul>
513    </div>
514    <div>
515      <a class="og-card" href="https://usbeef.wedopr.com/" target="_blank" rel="noopener">
516        <img src="/images/ai-workshop-20260723/og-usbeef.jpg" alt="2026 美國牛肉 × 美力綠動節 活動網站">
517        <span class="og-cap"><span>2026 美國牛肉 × 美力綠動節</span><span class="go">前往網站 ↗</span></span>
518      </a>
519    </div>
520  </div>
521</section>
522
523<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
524  <p class="kicker">案例 ③</p>
525  <h2>嶼野山隱:小店家的 24 小時 AI 客服</h2>
526  <div class="case-grid">
527    <div>
528      <div class="card" style="margin-bottom:1rem;"><h3>它會回什麼</h3>
529        <p class="muted">房價試算、包區方案、寵物規定與退訂政策 FAQ、交通行程建議。</p></div>
530      <div class="card"><h3>怎麼教它</h3>
531        <p class="muted">把店家知識整理成<strong>一份文件</strong>,由客服人員維護;每次更新後,依實際系統同步狀態確認是否已生效。</p></div>
532      <p class="workflow-takeaway"><strong>資料邊界:</strong>庫存、價格與訂房狀態若未即時同步,AI 不應把它回答成即時事實;應引導旅客以訂房頁或人工確認為準。</p>
533    </div>
534    <div>
535      <a class="og-card" href="https://www.yuyeshanyin.com/" target="_blank" rel="noopener">
536        <img src="/images/ai-workshop-20260723/og-yuyeshanyin.jpg" alt="嶼野山隱 豪華露營">
537        <span class="og-cap"><span>嶼野山隱|訂房+AI 小幫手</span><span class="go">前往網站 ↗</span></span>
538      </a>
539    </div>
540  </div>
541</section>
542
543<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
544  <p class="kicker">案例 ④</p>
545  <h2>RAKUCHU 樂忠:跨國企業官網,一人遠端交付</h2>
546  <div class="case-grid">
547    <div>
548      <ul class="clean">
549        <li>日本觀光事業(行程規劃、包車手配)的<strong>企業官網與內容平台</strong>。</li>
550        <li><strong>三語內容</strong>(日/中/英)與旅遊指南專欄,AI 協作產製與維護。</li>
551        <li>含<strong>後台管理系統</strong>:非工程背景也能自行上稿、拖曳排序。</li>
552        <li>SEO 與數據追蹤齊備,從設計、程式到內容<strong>由 AI 協作建置</strong>。</li>
553        <li>這個案例顯示:<strong>跨語言、跨時區的生意,也能由一人與 AI 協作開站經營</strong>。</li>
554      </ul>
555    </div>
556    <div>
557      <a class="og-card" href="https://www.rakuchu-jp.com/" target="_blank" rel="noopener">
558        <img src="/images/ai-workshop-20260723/og-rakuchu.jpg" alt="樂忠株式會社 RAKUCHU 官網">
559        <span class="og-cap"><span>樂忠株式會社 RAKUCHU</span><span class="go">前往網站 ↗</span></span>
560      </a>
561    </div>
562  </div>
563</section>
564
565<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
566  <p class="kicker">共同做法</p>
567  <h2>四個案例有同一個做法</h2>
568  <div class="cols cols-2">
569    <div class="card"><h3>日報</h3><p class="muted">把「編輯的判斷」寫成規則</p></div>
570    <div class="card"><h3>活動站</h3><p class="muted">把「設計的標準」寫成規範</p></div>
571    <div class="card"><h3>AI 客服</h3><p class="muted">把「老員工的知識」寫成文件</p></div>
572    <div class="card"><h3>跨國官網</h3><p class="muted">把「品牌與在地語感」寫成規範</p></div>
573  </div>
574  <p style="margin-top:2rem;font-size:clamp(1.15rem,2vw,1.5rem);"><strong>公司把做事方法寫得越清楚,AI 越能照著執行。</strong></p>
575  <p class="muted" style="margin-top:.6em;">這是 WEDO 工作流的基礎。</p>
576</section>
577
578<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
579  <p class="kicker">WEDO 工作流</p>
580  <h2>教 AI 你公司的做事方法</h2>
581  <table class="simple responsive-table">
582    <tr><th>WEDO 的做法</th><th>翻譯成你公司的版本</th></tr>
583    <tr><td><strong>規則檔</strong>:AI 開始工作前要讀的守則</td><td>公司簡介、品牌語氣、紅線清單,存成一份文件,每次先貼給 AI</td></tr>
584    <tr><td><strong>技能(SOP)</strong>:把重複任務寫成標準流程</td><td>「寫報價單的步驟」「回客訴的步驟」寫成模板,交辦時附上</td></tr>
585    <tr><td><strong>專案脈絡</strong>:每個專案都有自己的背景檔</td><td>每個客戶/產品一份背景文件,讓 AI 快速掌握狀況</td></tr>
586    <tr><td><strong>驗收制度</strong>:AI 產出要經人工把關</td><td>明定哪些產出要誰看過才能出門</td></tr>
587  </table>
588</section>
589
590<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
591  <p class="kicker">導入路徑</p>
592  <h2>從哪一個流程開始?四步驟</h2>
593  <div class="timeline">
594    <div class="step"><div class="no">1</div><h3>盤點</h3><p class="muted">列出每週重複做、耗時、有固定套路的工作</p></div>
595    <div class="step"><div class="no">2</div><h3>試點</h3><p class="muted">挑一件最困擾的工作,用交辦五要素做出第一版</p></div>
596    <div class="step"><div class="no">3</div><h3>SOP 化</h3><p class="muted">把成功的指令存成模板,全公司共用</p></div>
597    <div class="step"><div class="no">4</div><h3>擴散</h3><p class="muted">複製到下一個場景,累積成公司可重複使用的 AI 資產</p></div>
598  </div>
599  <p class="note">很多人一開始就想全面導入。建議先選一個流程,做深做透後再擴大。</p>
600</section>
601
602<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
603  <p class="kicker">投資與回收</p>
604  <h2>主流 AI 模型,怎麼選?</h2>
605  <div class="model-price-grid">
606    <article class="model-price-card"><h3>ChatGPT</h3><span class="model-version">GPT-5.5 Instant/GPT-5.6 Sol</span><span class="model-price">依帳號方案與產品提供</span><p class="model-fit">Instant 用於快速日常回應;Sol 用於複雜工作與推理。</p></article>
607    <article class="model-price-card"><h3>Gemini</h3><span class="model-version">Gemini 3.6 Flash</span><span class="model-price">依 Google AI 方案與地區提供</span><p class="model-fit">型號與生命週期以 Google 官方模型與淘汰公告為準。</p></article>
608    <article class="model-price-card"><h3>Claude</h3><span class="model-version">Claude Opus 4.8/Claude Fable 5</span><span class="model-price">依 Anthropic 官方方案與產品提供</span><p class="model-fit">Anthropic 官方模型概覽列示 Opus 4.8 與 Fable 5 的不同定位。</p></article>
609  </div>
610  <div class="price-band-grid" aria-label="選擇方案前的核對項目">
611    <div class="price-band"><strong>帳號方案</strong><span>確認你使用的方案是否包含所需模型。</span></div>
612    <div class="price-band"><strong>產品入口</strong><span>Chat、API 與工作區的可用項目可能不同。</span></div>
613    <div class="price-band"><strong>地區與帳號</strong><span>可用性可能依地區、帳號與管理設定而異。</span></div>
614    <div class="price-band"><strong>當日官方頁</strong><span>購買或導入前,再看最新方案與價格。</span></div>
615  </div>
616  <p class="pricing-note">官方來源:<a href="https://help.openai.com/en/articles/20001354-gpt-56-in-chatgpt" target="_blank" rel="noopener">OpenAI</a>/<a href="https://platform.claude.com/docs/en/about-claude/models/overview" target="_blank" rel="noopener">Anthropic</a>/<a href="https://ai.google.dev/gemini-api/docs/models/gemini-3.6-flash?hl=en" target="_blank" rel="noopener">Google</a>。資料更新:2026/07/24;方案、價格與可用性依官方及地區為準。</p>
617  <p style="margin-top:.65rem;"><strong>先用手上可用的方案驗證一個流程,再依需求升級。</strong></p>
618</section>
619
620<section class="slide" data-sec="第 2 小時 · WEDO 實戰">
621  <p class="kicker">選擇指南</p>
622  <h2>三大 AI,差別不在誰「最強」</h2>
623  <p class="featured-case-intro">先看工作內容、既有工具與交付方式,再選最順手的主力模型。</p>
624  <div class="ai-choice-grid">
625    <article class="ai-choice-card">
626      <span class="ai-choice-brand">OPENAI|CHATGPT</span><h3>快速回應與複雜工作</h3>
627      <div class="ai-choice-row"><strong>GPT-5.5 Instant</strong><span>官方定位為快速、日常回應。</span></div>
628      <div class="ai-choice-row"><strong>GPT-5.6 Sol</strong><span>官方定位為複雜工作與推理選項。</span></div>
629      <div class="ai-choice-row"><strong>採用前確認</strong><span>模型選單、方案資格與工作區管理設定。</span></div>
630    </article>
631    <article class="ai-choice-card">
632      <span class="ai-choice-brand">ANTHROPIC|CLAUDE</span><h3>複雜代理與高能力需求</h3>
633      <div class="ai-choice-row"><strong>Claude Opus 4.8</strong><span>官方建議可從複雜代理程式與企業工作開始評估。</span></div>
634      <div class="ai-choice-row"><strong>Claude Fable 5</strong><span>官方標示為最高可用能力的選項。</span></div>
635      <div class="ai-choice-row"><strong>採用前確認</strong><span>實際產品、帳號方案與地區的當前可用模型。</span></div>
636    </article>
637    <article class="ai-choice-card">
638      <span class="ai-choice-brand">GOOGLE|GEMINI</span><h3>Google AI 方案與模型文件</h3>
639      <div class="ai-choice-row"><strong>Gemini 3.6 Flash</strong><span>以 Google 官方模型文件確認目前規格與可用性。</span></div>
640      <div class="ai-choice-row"><strong>Google AI Pro/Ultra</strong><span>官方方案頁列出不同用量與功能層級。</span></div>
641      <div class="ai-choice-row"><strong>採用前確認</strong><span>同步查看最新模型公告與淘汰時程。</span></div>
642    </article>
643  </div>
644  <div class="choice-levels" aria-label="AI 模型採用三階段">
645    <div class="choice-level"><strong>初學:</strong>先選一套用熟,不必同時訂三家。</div>
646    <div class="choice-level"><strong>進階:</strong>一套主力、一套交叉驗證,處理重要產出。</div>
647    <div class="choice-level"><strong>團隊:</strong>再比較資安、權限、API 成本與管理方式。</div>
648  </div>
649  <p class="pricing-note">官方來源:<a href="https://help.openai.com/en/articles/9624314-model-release-notes" target="_blank" rel="noopener">OpenAI</a>/<a href="https://platform.claude.com/docs/en/about-claude/models/overview" target="_blank" rel="noopener">Anthropic</a>/<a href="https://one.google.com/intl/zh-TW_tw/about/" target="_blank" rel="noopener">Google</a>。資料更新:2026/07/24;方案、價格與可用性依官方及地區為準。</p>
650</section>
651
652<!-- ========== 第三小時:實作+QA ========== -->
653<section class="slide section-cover hero-bg" data-sec="第 3 小時 · 實作"
654  style="background-image:linear-gradient(rgba(10,16,24,.6),rgba(10,16,24,.82)),url('/images/ai-workshop-20260723/hero-partners.jpg')">
655  <p class="part">PART 3|第 3 小時</p>
656  <h1>現場實作:<br>做出你的第一個成果</h1>
657</section>
658
659<section class="slide" data-sec="第 3 小時 · 實作">
660  <p class="kicker">實作題三選一</p>
661  <h2>用自己的真實工作來做</h2>
662  <div class="cols cols-3">
663    <div class="card"><h3>題目 A|文件急救</h3><p class="muted">拿一份你最近要讀的文件(報告、合約摘要、長信),用「摘要指令」做出:結論+重點+待決策事項。</p></div>
664    <div class="card"><h3>題目 B|指令改造</h3><p class="muted">把你平常對 AI 說的一句話指令,用「交辦五要素」重寫一次,比較兩次產出有什麼不同。</p></div>
665    <div class="card"><h3>題目 C|第一個 SOP</h3><p class="muted">挑一件每週重複的工作,寫出可以交給 AI 的標準流程模板,現場試跑一次。</p></div>
666  </div>
667  <p class="note">提醒:真實資料請先去識別化,客戶名稱與金額可先改用代號。</p>
668</section>
669
670<section class="slide" data-sec="第 3 小時 · 實作">
671  <p class="kicker">實作工具</p>
672  <h2>交辦五要素:填空模板</h2>
673  <div class="prompt-box"><span class="hl">① 角色</span>:你是______(給 AI 一個職位)
674<span class="hl">② 背景</span>:我們公司是____,這件事的狀況是____(附上資料)
675<span class="hl">③ 目標</span>:我要用這個產出去____,對象是____
676<span class="hl">④ 約束</span>:必須包含___/不能提___/語氣要___/長度___
677<span class="hl">⑤ 格式</span>:用____呈現(表格/條列/三版本/可直接寄出)</div>
678  <p class="note">產出不滿意時,先說清楚哪裡不對、想往哪裡修,不必整段重寫;第二輪通常會更接近需求。</p>
679</section>
680
681<section class="slide" data-sec="第 3 小時 · 實作">
682  <p class="kicker">除錯指南</p>
683  <h2>卡住了?一次只補一件事</h2>
684  <div class="debug-grid">
685    <article class="debug-card"><span class="debug-symptom">產出太籠統、像罐頭</span><span class="debug-fix"><strong>補背景:</strong>給一篇範例,說明想要的語氣與風格。</span></article>
686    <article class="debug-card"><span class="debug-symptom">答非所問</span><span class="debug-fix"><strong>補目標:</strong>說清楚產出要拿去做什麼、給誰看。</span></article>
687    <article class="debug-card"><span class="debug-symptom">格式不能直接使用</span><span class="debug-fix"><strong>補格式:</strong>畫出想要的樣子,或直接提供表頭。</span></article>
688    <article class="debug-card"><span class="debug-symptom">
688內容有錯、疑似瞎編</span><span class="debug-fix"><strong>加查證:</strong>查不到就明說,並列出資料來源。</span></article>
689    <article class="debug-card"><span class="debug-symptom">越改越糟</span><span class="debug-fix"><strong>回到第一版:</strong>保留可用內容,一次只改一件事。</span></article>
690  </div>
691</section>
692
693<section class="slide" data-sec="第 3 小時 · 實作">
694  <p class="kicker">帶回去的行動</p>
695  <h2>回公司後的第一週</h2>
696  <div class="week-plan" aria-label="第一週 AI 導入行動">
697    <article class="week-step"><span class="week-day">DAY 1</span><h3>先做資料盤點</h3><p>分三類:可直接使用/去識別後使用/禁止上傳;客戶個資、未公開合約與財務明細列為禁止。</p></article>
698    <article class="week-step"><span class="week-day">DAY 2–3</span><h3>建立指令庫</h3><p>把今天做成功的指令存起來,留下可重複使用的版本。</p></article>
699    <article class="week-step"><span class="week-day">DAY 4–5</span><h3>挑下一個流程</h3><p>盤點每週重複工作,選一件最值得 AI 化的任務。</p></article>
700    <article class="week-step"><span class="week-day">NEXT WEEK</span><h3>交給同事試用</h3><p>能讓同事接手並做出成果,才算真正進入團隊流程。</p></article>
701  </div>
702</section>
703
704<section class="slide" data-sec="Q&A">
705  <div class="qna-layout">
706    <div class="qna-intro">
707      <p class="kicker">OPEN FLOOR</p>
708      <h1 class="qna-title">Q&amp;A</h1>
709      <p class="qna-lead">把真實工作帶上來,我們一起找出可以交給 AI 的部分。</p>
710      <p class="qna-callout">說出一個場景就好:現在怎麼做、哪裡最卡、希望變成什麼結果。</p>
711    </div>
712    <div class="qna-prompts" aria-label="現場問答方向">
713      <article class="qna-prompt"><span class="qna-index">01</span><h3>工作流程</h3><p>哪件事最花時間,而且每週重複出現?</p></article>
714      <article class="qna-prompt"><span class="qna-index">02</span><h3>產出卡關</h3><p>是不夠準、不像你,還是格式不能直接使用?</p></article>
715      <article class="qna-prompt"><span class="qna-index">03</span><h3>工具導入</h3><p>模型、方案、資料安全或團隊流程,該怎麼選?</p></article>
716    </div>
717  </div>
718</section>
719
720<section class="slide center hero-bg" data-sec="結語"
721  style="background-image:linear-gradient(rgba(10,16,24,.6),rgba(10,16,24,.82)),url('/images/ai-workshop-20260723/hero-contact.jpg')">
722  <p class="kicker">WEDO AI WORKSHOP</p>
723  <h1>AI 能不能幫上忙,<br>取決於你怎麼交辦。</h1>
724  <p class="muted" style="margin-top:1.4em;">先從一個重複的小流程開始。</p>
725  <p class="muted" style="margin-top:2.2em;font-size:.95rem;">日月 MING|WEDO</p>
726  <a class="hero-site-link" href="https://www.wedopr.com/" target="_blank" rel="noopener">www.wedopr.com</a>
727  <span class="date-chip">2026 / 07 / 23</span>
728  <a class="cover-qr closing-book" href="https://www.books.com.tw/products/0011047058" target="_blank" rel="noopener" aria-label="前往博客來購買《AI 時代的一人公司經營學》">
729    <img src="/images/ai-workshop-20260723/ai-solo-company-book-cover.jpg" alt="《AI 時代的一人公司經營學》封面">
730  </a>
731</section>
732
733</div>
734<footer class="deck-footer">
735  <div class="footer-bar"><span id="bar"></span></div>
736  <div class="deck-controls" data-deck-control aria-label="簡報控制">
737    <button class="deck-button" id="prev" type="button" aria-label="上一頁">上一頁</button>
738    <button class="deck-button home-button" id="home" type="button" aria-label="回到第一頁"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.8"/></svg></button>
739    <button class="deck-button" id="next" type="button" aria-label="下一頁">下一頁</button>
740  </div>
741  <div class="hud" id="hud" aria-live="polite"></div>
742  <div class="hud-section" id="hudSec"></div>
743</footer>
744<script>
745const slides=[...document.querySelectorAll('.slide')];
746const previousButton=document.getElementById('prev');
747const homeButton=document.getElementById('home');
748const nextButton=document.getElementById('next');
749let cur=0;
750function show(i){
751  cur=Math.max(0,Math.min(slides.length-1,i));
752  slides.forEach((s,idx)=>s.classList.toggle('active',idx===cur));
753  document.getElementById('bar').style.width=((cur+1)/slides.length*100)+'%';
754  document.getElementById('hud').textContent=(cur+1)+' / '+slides.length;
755  document.getElementById('hudSec').textContent=slides[cur].dataset.sec||'';
756  previousButton.disabled=cur===0;
757  homeButton.disabled=cur===0;
758  nextButton.disabled=cur===slides.length-1;
759}
760addEventListener('keydown',e=>{
761  if(['ArrowRight','ArrowDown',' ','PageDown'].includes(e.key)){e.preventDefault();show(cur+1);}
762  if(['ArrowLeft','ArrowUp','PageUp'].includes(e.key)){e.preventDefault();show(cur-1);}
763  if(e.key==='Home')show(0); if(e.key==='End')show(slides.length-1);
764});
765previousButton.addEventListener('click',e=>{e.stopPropagation();show(cur-1);});
766homeButton.addEventListener('click',e=>{e.stopPropagation();show(0);});
767nextButton.addEventListener('click',e=>{e.stopPropagation();show(cur+1);});
768addEventListener('click',e=>{
769  if(!matchMedia('(pointer: fine)').matches)return;
770  if(e.target.closest('a,button,[data-deck-control],[data-workshop-qr]'))return;
771  show(cur+1);
772});
773let touchStart=null;
774addEventListener('touchstart',e=>{
775  if(e.target.closest('button,[data-deck-control],[data-workshop-qr]'))return;
776  const touch=e.changedTouches[0];
777  touchStart={x:touch.clientX,y:touch.clientY};
778},{passive:true});
779addEventListener('touchend',e=>{
780  if(!touchStart||e.target.closest('button,[data-deck-control],[data-workshop-qr]')){touchStart=null;return;}
781  const touch=e.changedTouches[0];
782  const dx=touch.clientX-touchStart.x;
783  const dy=touch.clientY-touchStart.y;
784  touchStart=null;
785  if(Math.abs(dx)>=50&&Math.abs(dx)>Math.abs(dy))show(cur+(dx<0?1:-1));
786},{passive:true});
787show(0);
788<\/script>
789</body>
790</html>
791`,i=`<!-- QR payload: https://www.wedopr.com/ai-workshop-20260723; ECC: M; quiet-zone: 4 modules -->
792<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41" role="img" aria-label="掃描開啟 AI 教學工作坊簡報">
793  <rect width="41" height="41" fill="#fff"/>
794  <path fill="#181512" d="M4 4h7v1h-7zM12 4h1v1h-1zM14 4h2v1h-2zM17 4h1v1h-1zM19 4h1v1h-1zM22 4h4v1h-4zM27 4h1v1h-1zM30 4h7v1h-7zM4 5h1v1h-1zM10 5h1v1h-1zM14 5h2v1h-2zM17 5h1v1h-1zM20 5h1v1h-1zM22 5h1v1h-1zM24 5h2v1h-2zM30 5h1v1h-1zM36 5h1v1h-1zM4 6h1v1h-1zM6 6h3v1h-3zM10 6h1v1h-1zM14 6h1v1h-1zM19 6h1v1h-1zM23 6h3v1h-3zM27 6h1v1h-1zM30 6h1v1h-1zM32 6h3v1h-3zM36 6h1v1h-1zM4 7h1v1h-1zM6 7h3v1h-3zM10 7h1v1h-1zM13 7h1v1h-1zM15 7h4v1h-4zM20 7h1v1h-1zM22 7h2v1h-2zM30 7h1v1h-1zM32 7h3v1h-3zM36 7h1v1h-1zM4 8h1v1h-1zM6 8h3v1h-3zM10 8h1v1h-1zM12 8h2v1h-2zM15 8h1v1h-1zM17 8h1v1h-1zM21 8h1v1h-1zM24 8h5v1h-5zM30 8h1v1h-1zM32 8h3v1h-3zM36 8h1v1h-1zM4 9h1v1h-1zM10 9h1v1h-1zM12 9h1v1h-1zM19 9h2v1h-2zM23 9h1v1h-1zM25 9h2v1h-2zM28 9h1v1h-1zM30 9h1v1h-1zM36 9h1v1h-1zM4 10h7v1h-7zM12 10h1v1h-1zM14 10h1v1h-1zM16 10h1v1h-1zM18 10h1v1h-1zM20 10h1v1h-1zM22 10h1v1h-1zM24 10h1v1h-1zM26 10h1v1h-1zM28 10h1v1h-1zM30 10h7v1h-7zM14 11h2v1h-2zM19 11h2v1h-2zM23 11h6v1h-6zM5 12h7v1h-7zM13 12h1v1h-1zM15 12h1v1h-1zM17 12h3v1h-3zM21 12h3v1h-3zM26 12h1v1h-1zM31 12h2v1h-2zM36 12h1v1h-1zM6 13h3v1h-3zM14 13h4v1h-4zM21 13h5v1h-5zM27 13h1v1h-1zM30 13h2v1h-2zM33 13h2v1h-2zM36 13h1v1h-1zM9 14h3v1h-3zM15 14h4v1h-4zM21 14h1v1h-1zM24 14h1v1h-1zM28 14h1v1h-1zM32 14h1v1h-1zM34 14h1v1h-1zM5 15h1v1h-1zM7 15h1v1h-1zM9 15h1v1h-1zM13 15h1v1h-1zM15 15h1v1h-1zM17 15h7v1h-7zM25 15h1v1h-1zM27 15h1v1h-1zM29 15h2v1h-2zM32 15h4v1h-4zM4 16h3v1h-3zM8 16h5v1h-5zM14 16h3v1h-3zM18 16h2v1h-2zM27 16h1v1h-1zM29 16h1v1h-1zM32 16h2v1h-2zM36 16h1v1h-1zM4 17h5v1h-5zM12 17h1v1h-1zM14 17h1v1h-1zM16 17h2v1h-2zM19 17h4v1h-4zM25 17h4v1h-4zM30 17h1v1h-1zM33 17h1v1h-1zM35 17h2v1h-2zM4 18h1v1h-1zM7 18h1v1h-1zM10 18h1v1h-1zM15 18h3v1h-3zM20 18h3v1h-3zM24 18h3v1h-3zM29 18h2v1h-2zM32 18h4v1h-4zM4 19h1v1h-1zM6 19h1v1h-1zM8 19h1v1h-1zM13 19h1v1h-1zM17 19h7v1h-7zM25 19h1v1h-1zM29 19h6v1h-6zM6 20h1v1h-1zM9 20h2v1h-2zM12 20h3v1h-3zM16 20h1v1h-1zM19 20h2v1h-2zM22 20h1v1h-1zM26 20h4v1h-4zM31 20h3v1h-3zM36 20h1v1h-1zM4 21h4v1h-4zM12 21h3v1h-3zM16 21h2v1h-2zM21 21h5v1h-5zM27 21h5v1h-5zM33 21h2v1h-2zM36 21h1v1h-1zM4 22h2v1h-2zM7 22h1v1h-1zM9 22h4v1h-4zM15 22h1v1h-1zM17 22h1v1h-1zM19 22h2v1h-2zM22 22h1v1h-1zM26 22h1v1h-1zM30 22h3v1h-3zM34 22h2v1h-2zM4 23h1v1h-1zM7 23h2v1h-2zM13 23h1v1h-1zM17 23h2v1h-2zM20 23h1v1h-1zM23 23h3v1h-3zM27 23h1v1h-1zM31 23h5v1h-5zM6 24h5v1h-5zM14 24h4v1h-4zM21 24h4v1h-4zM28 24h2v1h-2zM31 24h3v1h-3zM4 25h1v1h-1zM6 25h2v1h-2zM9 25h1v1h-1zM13 25h5v1h-5zM19 25h1v1h-1zM23 25h1v1h-1zM26 25h3v1h-3zM30 25h1v1h-1zM33 25h2v1h-2zM36 25h1v1h-1zM4 26h1v1h-1zM6 26h2v1h-2zM9 26h4v1h-4zM16 26h2v1h-2zM19 26h1v1h-1zM26 26h1v1h-1zM28 26h2v1h-2zM31 26h3v1h-3zM35 26h1v1h-1zM4 27h1v1h-1zM9 27h1v1h-1zM13 27h1v1h-1zM16 27h1v1h-1zM21 27h1v1h-1zM23 27h1v1h-1zM25 27h2v1h-2zM28 27h4v1h-4zM33 27h4v1h-4zM4 28h1v1h-1zM7 28h1v1h-1zM9 28h2v1h-2zM12 28h2v1h-2zM16 28h1v1h-1zM21 28h1v1h-1zM26 28h1v1h-1zM28 28h5v1h-5zM36 28h1v1h-1zM12 29h1v1h-1zM14 29h2v1h-2zM17 29h1v1h-1zM19 29h1v1h-1zM21 29h1v1h-1zM23 29h1v1h-1zM25 29h4v1h-4zM32 29h1v1h-1zM34 29h1v1h-1zM36 29h1v1h-1zM4 30h7v1h-7zM12 30h1v1h-1zM25 30h1v1h-1zM27 30h2v1h-2zM30 30h1v1h-1zM32 30h1v1h-1zM34 30h2v1h-2zM4 31h1v1h-1zM10 31h1v1h-1zM12 31h2v1h-2zM15 31h2v1h-2zM18 31h1v1h-1zM22 31h2v1h-2zM25 31h1v1h-1zM27 31h2v1h-2zM32 31h5v1h-5zM4 32h1v1h-1zM6 32h3v1h-3zM10 32h1v1h-1zM12 32h1v1h-1zM16 32h1v1h-1zM18 32h2v1h-2zM22 32h1v1h-1zM24 32h1v1h-1zM28 32h6v1h-6zM35 32h2v1h-2zM4 33h1v1h-1zM6 33h3v1h-3zM10 33h1v1h-1zM12 33h1v1h-1zM14 33h5v1h-5zM20 33h1v1h-1zM23 33h1v1h-1zM25 33h3v1h-3zM29 33h1v1h-1zM32 33h2v1h-2zM36 33h1v1h-1zM4 34h1v1h-1zM6 34h3v1h-3zM10 34h1v1h-1zM12 34h1v1h-1zM14 34h4v1h-4zM19 34h1v1h-1zM21 34h2v1h-2zM24 34h2v1h-2zM27 34h5v1h-5zM33 34h1v1h-1zM4 35h1v1h-1zM10 35h1v1h-1zM12 35h1v1h-1zM14 35h2v1h-2zM17 35h1v1h-1zM20 35
794h2v1h-2zM23 35h3v1h-3zM27 35h1v1h-1zM29 35h2v1h-2zM32 35h3v1h-3zM4 36h7v1h-7zM13 36h1v1h-1zM16 36h1v1h-1zM18 36h2v1h-2zM22 36h1v1h-1zM24 36h1v1h-1zM26 36h6v1h-6zM33 36h1v1h-1zM35 36h1v1h-1z"/>
795</svg>
796`,d=()=>{const a="https://www.wedopr.com",n=`${a}/ai-workshop-20260723`,s=`${a}/images/ai-workshop-20260723/og-ai-workshop-20260723-1200x630.jpg`,r=o.split("<!-- WORKSHOP_QR_ASSET -->").join(i);return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"AI 教學工作坊:從會聊天到會交辦 | WEDO AI × PR × 實戰案例",description:"為中小企業負責人與高階主管設計的 AI 協作教育訓練,內容包含:AI 協作方法教學、WEDO 實戰案例、現場實作輔導,課程時長 2–3 小時。完整簡報需密碼進入。",image:s,imageWidth:1200,imageHeight:630,imageAlt:"WEDO AI 教學工作坊:從會聊天到會交辦",url:n,type:"website"}),e.jsx("iframe",{srcDoc:r,style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",border:"none",zIndex:9999},title:"AI 教學工作坊:從會聊天到會交辦",loading:"lazy"})]})};export{d as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.