/* [2026-10-11] 目的：官網正文樣式從 index.css 移入一號店 theme 首頁，保留手機排版、圖片與按鈕互動；導覽與頁尾樣式由 layout 載入。 */
/* [2026-10-11] 目的：依品牌偏好改採深綠、白與淺灰綠，統一首頁與註冊頁，保留既有內容及深色按鈕白字互動。 */
/* [2026-10-11] 目的：最新版首頁樣式由原參考 HTML 集中至既有 CSS，保留版面與深綠白色配色，清除前版樣式。 */
.az-home .az-ref-1{font-family: 'Noto Sans TC', sans-serif; color: #141414; background: #FFFFFF; line-height: 1.7}
.az-home .az-ref-8{max-width: 1200px; margin: 0 auto; padding: 88px 24px 72px; display: flex; flex-wrap: wrap; gap: 56px; align-items: center}
.az-home .az-ref-9{flex: 1 1 500px; min-width: 0; display: flex; flex-direction: column; gap: 24px}
.az-home .az-ref-10{align-self: flex-start; font-size: 13px; font-weight: 700; color: #28513e; background: #eaf2ed; padding: 6px 12px; border-radius: 20px}
.az-home .az-ref-11{margin: 0; font-weight: 900; font-size: 56px; line-height: 1.25; letter-spacing: -0.01em}
.az-home .az-ref-12{margin: 0; font-size: 20px; color: #3D3D3D; font-weight: 500}
.az-home .az-ref-13{margin: 0; font-size: 16px; color: #5A5A5A; max-width: 540px}
.az-home .az-ref-14{display: flex; flex-wrap: wrap; gap: 12px}
.az-home .az-ref-15{background: #28513e; color: #FFFFFF; text-decoration: none; padding: 15px 26px; border-radius: 8px; font-size: 16px; font-weight: 700; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center}
.az-home .az-ref-16{border: 1px solid #d6dfd9; color: #141414; text-decoration: none; padding: 15px 26px; border-radius: 8px; font-size: 16px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center}
.az-home .az-ref-17{flex: 1 1 400px; min-width: 0; display: flex; flex-direction: column; gap: 12px}
.az-home .az-ref-18{text-decoration: none; color: #141414; border: 1px solid #e3e9e5; border-radius: 12px; padding: 20px 24px; display: flex; flex-direction: column; gap: 2px}
.az-home .az-ref-19{font-size: 12px; font-weight: 700; color: #6B6B6B}
.az-home .az-ref-20{font-size: 18px; font-weight: 700}
.az-home .az-ref-21{background: #f3f6f4}
.az-home .az-ref-22{max-width: 1200px; margin: 0 auto; padding: 80px 24px; display: flex; flex-direction: column; gap: 32px}
.az-home .az-ref-23{display: flex; flex-direction: column; gap: 8px}
.az-home .az-ref-24{font-size: 13px; font-weight: 700; color: #28513e}
.az-home .az-ref-25{margin: 0; font-weight: 900; font-size: 36px; line-height: 1.35}
.az-home .az-ref-26{display: flex; flex-wrap: wrap; gap: 24px}
.az-home .az-ref-27{flex: 1 1 460px; min-width: 0; background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 8px 24px rgba(0,0,0,0.05); display: flex; flex-direction: column}
.az-home .az-ref-28{height: 340px; background: #e7eeea; display: flex; align-items: center; justify-content: center; color: #5A5A5A; font-size: 14px}
.az-home .az-ref-29{padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 10px}
.az-home .az-ref-30{margin: 0; font-size: 28px; font-weight: 900}
.az-home .az-ref-31{margin: 0; font-size: 15px; color: #5A5A5A}
.az-home .az-ref-32{align-self: flex-start; margin-top: 6px; font-size: 15px; font-weight: 700; text-decoration: none}
.az-home .az-ref-33{max-width: 1200px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 32px}
.az-home .az-ref-34{margin: 0; font-weight: 900; font-size: 36px}
.az-home .az-ref-35{border: 1px solid #e3e9e5; border-radius: 16px; padding: 36px; display: flex; flex-direction: column; gap: 24px}
.az-home .az-ref-36{display: flex; flex-direction: column; gap: 4px}
.az-home .az-ref-37{margin: 0; font-size: 26px; font-weight: 900}
.az-home .az-ref-38{display: flex; flex-wrap: wrap; gap: 20px}
.az-home .az-ref-39{flex: 1 1 380px; min-width: 0; background: #f3f6f4; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 10px}
.az-home .az-ref-40{margin: 0; font-size: 16px}
.az-home .az-ref-41{font-size: 15px; color: #3D3D3D}
.az-home .az-ref-42{flex: 1 1 380px; min-width: 0; background: #202d2a; color: #FFFFFF; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 10px}
.az-home .az-ref-43{font-size: 15px}
.az-home .az-ref-44{color: #a9cfb6}
.az-home .az-ref-45{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px}
.az-home .az-ref-46{margin: 0; max-width: 440px; font-size: 15px; color: #5A5A5A}
.az-home .az-ref-47{display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch}
.az-home .az-ref-48{flex: 1 1 320px; min-width: 0; background: #FFFFFF; border: 2px solid #141414; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 18px}
.az-home .az-ref-49{margin: 0; font-size: 24px; font-weight: 900}
.az-home .az-ref-50{margin: 0; font-size: 14px; color: #5A5A5A}
.az-home .az-ref-51{display: flex; flex-direction: column; gap: 6px}
.az-home .az-ref-52{font-size: 30px; font-weight: 900}
.az-home .az-ref-53{font-size: 15px; font-weight: 500; color: #5A5A5A}
.az-home .az-ref-54{align-self: flex-start; font-size: 13px; font-weight: 700; background: #eaf2ed; color: #28513e; padding: 4px 12px; border-radius: 20px}
.az-home .az-ref-55{display: flex; flex-direction: column; gap: 16px; border-top: 1px solid #e3e9e5; padding-top: 18px}
.az-home .az-ref-56{font-size: 13px; font-weight: 700; color: #6B6B6B}
.az-home .az-ref-57{font-size: 14px}
.az-home .az-ref-58{margin-top: auto; background: #28513e; color: #FFFFFF; text-decoration: none; padding: 14px 20px; border-radius: 8px; font-size: 15px; font-weight: 700; text-align: center; min-height: 44px; box-sizing: border-box}
.az-home .az-ref-59{flex: 1 1 320px; min-width: 0; background: #FFFFFF; border: 1px solid #e3e9e5; border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 18px}
.az-home .az-ref-60{margin-top: auto; border: 1px solid #141414; color: #141414; text-decoration: none; padding: 14px 20px; border-radius: 8px; font-size: 15px; font-weight: 700; text-align: center; min-height: 44px; box-sizing: border-box}
.az-home .az-ref-61{font-size: 14px; background: #f3f6f4; padding: 12px 14px; border-radius: 8px}
.az-home .az-ref-62{max-width: 1200px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 40px}
.az-home .az-ref-63{display: flex; flex-wrap: wrap; gap: 32px; border-top: 1px solid #e3e9e5; padding-top: 32px}
.az-home .az-ref-64{flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.az-home .az-ref-65{font-size: 20px; font-weight: 900; color: #28513e}
.az-home .az-ref-66{margin: 0; font-size: 22px; font-weight: 900}
.az-home .az-ref-67{font-size: 13px; color: #6B6B6B}
.az-home .az-ref-68{flex: 3 1 600px; min-width: 0; display: flex; flex-wrap: wrap; gap: 16px}
.az-home .az-ref-69{flex: 1 1 260px; min-width: 0; background: #f3f6f4; border-radius: 12px; padding: 22px; display: flex; flex-direction: column; gap: 6px}
.az-home .az-ref-70{margin: 0; max-width: 460px; font-size: 15px; color: #5A5A5A}
.az-home .az-ref-71{flex: 1 1 260px; min-width: 0; background: #FFFFFF; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 6px}
.az-home .az-ref-72{margin: 0; font-size: 18px}
.az-home .az-ref-73{display: flex; flex-direction: column; gap: 14px}
.az-home .az-ref-74{font-size: 14px; font-weight: 700; background: #202d2a; color: #FFFFFF; padding: 8px 16px; border-radius: 20px}
.az-home .az-ref-75{font-size: 14px; border: 1px solid #d6dfd9; background: #FFFFFF; color: #3D3D3D; padding: 7px 16px; border-radius: 20px}
.az-home .az-ref-76{flex: 1 1 280px; min-width: 0; border-top: 3px solid #141414; padding-top: 18px; display: flex; flex-direction: column; gap: 6px}
.az-home .az-ref-77{margin: 0; font-size: 19px}
.az-home .az-ref-78{background: #28513e; color: #FFFFFF; text-decoration: none; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 700; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center}

/* [2026-10-11] 目的：補齊實際圖片、方案三欄與手機排版，避免原 HTML 固定字級及卡片基寬造成溢出；所有首頁調整限定 az-home。 */
/* [2026-10-11] 目的：依一號店首頁模板重設 body 外距，讓現有 default 頁即使尚未帶入 az-home 也維持完整版面；其他店不受影響。 */
body.az-home,body:has(.az-workshop-home){margin:0;background:#fff;font-family:'Noto Sans TC',sans-serif;color:#141414}
.az-home *,.az-home *::before,.az-home *::after{box-sizing:border-box}
.az-home main{display:block;min-width:0}
.az-home html{scroll-behavior:smooth}
.az-home a{color:#28513e;transition:background-color .15s,border-color .15s}
.az-home a:hover{color:#1d3c2e}
.az-home a:focus-visible{outline:3px solid #28513e;outline-offset:4px}
.az-home main>section[id],.az-home [id^="mode-"]{scroll-margin-top:28px}
.az-home p,.az-home h1,.az-home h2,.az-home h3,.az-home h4{overflow-wrap:break-word}
.az-home .demo-capture{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.az-home #demo>div>div:last-child>div>div:first-child{height:auto;aspect-ratio:1.85;background:#fff;overflow:hidden;border-bottom:1px solid #ece8e6}
.az-home #plans>div>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.az-home #plans>div>div:last-child>div{min-width:0;padding:28px}
.az-home main>section:first-child>div:last-child>a:hover{border-color:#28513e;background:#f1f6f3}
.az-home #features>div:not(:first-child){align-items:flex-start}
.az-home #features>div:not(:first-child)>div:first-child{flex-basis:220px}
.az-home #features>div:not(:first-child)>div:last-child{flex-basis:650px}
.az-home #join{border-top:1px solid #ece8e6}
.az-home a[href="/signup"]:hover{filter:brightness(.92)}
/* [2026-10-11] 目的：深色底註冊按鈕在滑鼠移入與鍵盤聚焦時保持白字，避免被共用連結 hover 紅字覆蓋而降低對比。 */
.az-home a.az-ref-15:hover,.az-home a.az-ref-58:hover,.az-home a.az-ref-78:hover,
.az-home a.az-ref-15:focus-visible,.az-home a.az-ref-58:focus-visible,.az-home a.az-ref-78:focus-visible{color:#FFFFFF}
.az-home .editor-evidence{margin:18px 0 0;max-width:100%}
.az-home .editor-evidence img{display:block;width:100%;height:auto;border:1px solid #ddd;border-radius:8px}
.az-home .editor-evidence figcaption{font-size:11px;color:#737373;margin-top:8px}
@media(max-width:1000px){
.az-home #plans>div>div:last-child{grid-template-columns:1fr}
.az-home #plans>div>div:last-child>div{padding:30px}
.az-home #plans>div>div:last-child>div>div:last-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.az-home main>section:first-child{gap:32px;padding-top:56px;padding-bottom:56px}
.az-home main>section:first-child>div{flex-basis:100%}
.az-home main>section:first-child>div:last-child{flex-direction:row;flex-wrap:wrap;gap:12px}
.az-home main>section:first-child>div:last-child>a{flex:1 1 240px;padding:20px}
}
@media(max-width:600px){
.az-home main>section:first-child{padding:44px 20px;gap:28px}
.az-home main>section:first-child h1{font-size:36px;line-height:1.4}
.az-home main>section:first-child>div:last-child{flex-direction:column}
.az-home main>section:first-child>div:last-child>a{flex:auto}
.az-home main>section[id]{padding:52px 20px;gap:28px}
.az-home main>section#demo,.az-home main>section#plans,.az-home main>section#sourcing{padding:0}
.az-home #demo>div,.az-home #plans>div,.az-home #sourcing>div{padding:52px 20px;gap:28px}
.az-home h2{font-size:28px!important;line-height:1.5!important}
.az-home #modes>div[id]{padding:24px 20px;gap:20px}
.az-home #modes h3{font-size:22px}
.az-home #modes>div[id]>div:last-child>div{padding:20px}
.az-home #demo>div>div:last-child{gap:20px}
.az-home #demo>div>div:last-child>div>div:last-child{padding:24px}
.az-home #plans>div>div:last-child>div{padding:24px}
.az-home #plans>div>div:last-child>div>div:last-of-type{display:flex;flex-direction:column}
.az-home #features>div:not(:first-child){gap:22px;padding-top:28px}
.az-home #features>div:not(:first-child)>div{flex-basis:100%}
.az-home #features>div:not(:first-child)>div:last-child>div{flex-basis:100%;padding:22px}
.az-home a[href="/signup"]{justify-content:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.az-home a{transition:none}}