/*!
 * SimpleLearn Site — 首頁 v1 版型（0.4.0）
 * 只在頁面根群組 class 同時含「sl-home sl-v1」時載入（在 home.css 之後）；所有規則都在 .sl-home.sl-v1 之下。
 * 來源：本機原型 02-設計/首頁設計稿/v1_2026-10-26/原型/SimpleLearn首頁原型_v1-AG.html
 *（樣式以 PurgeCSS 只保留定稿用到的規則，比較用的 A／B 版本已移除；三種寬度截圖與原型逐像素相同）。
 * 區塊：首屏（平台地圖 [sl_hero_map]）→ 01 科技探索 → 02 AI 素養 4C → 03 升學資訊與工具 → 04 學習資源（學習實驗室）。
 */

/* ---------- 0. 原型共用基礎（對應 WordPress 輸出） ---------- */
.sl-home.sl-v1 :where(p, h1, h2, h3, ul, figure) { margin: 0; }
.sl-home.sl-v1 :where(h1, h2, h3) { text-wrap: balance; word-break: keep-all; overflow-wrap: anywhere; }
.sl-home.sl-v1 .wp-block-post-title { word-break: normal; overflow-wrap: anywhere; text-wrap: pretty; }
.sl-home.sl-v1 img { max-width: 100%; height: auto; display: block; }
.sl-home.sl-v1 .wp-block-post-template { list-style: none; padding: 0; }
.sl-home.sl-v1 .wp-block-post-featured-image { overflow: hidden; border-radius: 4px; }
.sl-home.sl-v1 .wp-block-post-featured-image img { width: 100%; aspect-ratio: 1200/630; object-fit: cover; background: #f3f6f7; transition: transform .35s ease; }
@media (hover: hover) {
	.sl-home.sl-v1 .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.04); }
	.sl-home.sl-v1 .wp-block-post:hover .wp-block-post-title a { color: #0a5a5e; }
}
.sl-home.sl-v1 .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sl-home.sl-v1 .m-tech-empty { justify-content: flex-end; }

/* ---------- 1. 定稿樣式（原型 style.css 經 PurgeCSS） ---------- */
/* SimpleLearn 首頁 v1 版面（SL-P7b 2026-10-26）。只作用於 .sl-home.sl-v1；日後由 SL-C2 移入外掛 home.css。 */
.sl-home.sl-v1{--v-ink:#1c2a36;--v-ink2:#4a5866;--v-mute:#5b6875;--v-teal:#0e7378;--v-teal-ink:#0a5a5e;--v-teal-l:#86d6d7;--v-mist:#f3f6f7;--v-tint:#edf4f4;--v-line:#dbe2e6;--v-num:Georgia,"Times New Roman",serif;background:#fff;color:var(--v-ink)}
.sl-home.sl-v1 .sl1-wrap{max-width:1200px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left,0px));box-sizing:border-box}
.sl-home.sl-v1 .sl1-sec{padding-block:clamp(48px,5.5vw,80px)}
.sl-home.sl-v1 > *{border:0}
.sl-home.sl-v1 .sl1-idx{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--v-teal);line-height:1.5}
.sl-home.sl-v1 .sl1-idx::before{content:"";flex:none;width:26px;height:2px;background:currentColor}
.sl-home.sl-v1 .sl1-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-bottom:36px}
.sl-home.sl-v1 .sl1-head h2,.sl-home.sl-v1 .sl1-big h2{font-family:var(--sl-f-display);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.38;margin-top:14px;letter-spacing:0}
.sl-home.sl-v1 .sl1-desc{font-size:14.5px;line-height:1.85;color:var(--v-mute)}
.sl-home.sl-v1 .sl1-em{color:var(--v-teal)}
.sl-home.sl-v1 .sl1-link a{display:inline-flex;gap:10px;align-items:center;font-size:14.5px;font-weight:700;color:var(--v-teal-ink)}
.sl-home.sl-v1 .sl1-link a::after{content:"↗";font-weight:400;font-size:18px;transition:transform .2s}
.sl-home.sl-v1 .sl1-link a:hover::after{transform:translate(3px,-2px)}
/* 開頭 */
.sl-home.sl-v1 .sl1-hero{padding-block:clamp(36px,4vw,56px) clamp(44px,4.5vw,64px)}
.sl-home.sl-v1 .sl1-hero h1{margin-top:22px}
.sl-home.sl-v1 .sl1-hero-grid{display:grid;gap:36px}
.sl-home.sl-v1 .sl1-hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sl-home.sl-v1 .sl1-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--v-teal-ink)}
.sl-home.sl-v1 .sl1-eyebrow::before{content:"";flex:none;width:30px;height:2px;background:var(--v-teal)}
.sl-home.sl-v1 .sl1-hero h1{font-family:var(--sl-f-display);font-weight:700;font-size:clamp(40px,5.2vw,68px);line-height:1.3;margin-top:12px;letter-spacing:0}
.sl-home.sl-v1 .sl1-sum{margin-top:22px;font-size:16px;line-height:1.95;color:var(--v-ink2);max-width:30em}
.sl-home.sl-v1 .sl1-cta{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;margin-top:28px}
.sl-home.sl-v1 .sl1-cta .wp-block-button{margin:0}
.sl-home.sl-v1 .sl1-cta .wp-block-button__link{display:inline-flex;align-items:center;gap:18px;min-height:50px;height:auto;padding:12px 22px;border:0;border-radius:4px;font-family:var(--sl-f-body);font-size:15px;font-weight:700;line-height:1.3;box-shadow:none;transition:background-color .2s,transform .2s,color .2s}
.sl-home.sl-v1 .sl1-btn-pri .wp-block-button__link{background:var(--v-ink);color:#fff}
.sl-home.sl-v1 .sl1-btn-pri .wp-block-button__link:hover{background:var(--v-teal-ink);color:#fff;transform:translateY(-2px)}
.sl-home.sl-v1 .sl1-btn-txt .wp-block-button__link{background:none;color:var(--v-teal-ink);padding-inline:0}
.sl-home.sl-v1 .sl1-btn-txt .wp-block-button__link:hover{color:var(--v-ink)}
.sl-home.sl-v1 .sl1-btn-pri .wp-block-button__link::after,.sl-home.sl-v1 .sl1-btn-light .wp-block-button__link::after{content:"↗";font-weight:400;font-size:18px}
.sl-home.sl-v1 .sl1-btn-txt .wp-block-button__link::after{content:"↘";font-weight:400;font-size:18px}
.sl-home.sl-v1 .sl1-facts{margin-top:auto;padding-top:32px;display:flex;flex-wrap:wrap;gap:6px 24px;font-size:13.5px;color:var(--v-mute)}
.sl-home.sl-v1 .sl1-facts strong{font-family:var(--v-num);font-weight:700;font-size:17px;color:var(--v-ink);margin-right:5px}
/* 開頭精選卡（封面區塊） */
/* 探索入口 */
/* 文章卡共用 */
.sl-home.sl-v1 .wp-block-post-featured-image img{border-radius:4px}
/* 最新科技探索：左主打＋右側編號列表 */
/* AI 素養 */
/* 升學（深色）與學習資源：左側大標＋右側編號列表 */
.sl-home.sl-v1 .sl1-tools{background:var(--v-ink);color:#fff}
.sl-home.sl-v1 .sl1-split{display:grid;gap:40px}
.sl-home.sl-v1 .sl1-big{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sl-home.sl-v1 .sl1-tools .sl1-idx{color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-tools .sl1-big h2{color:#fff;font-size:clamp(34px,4.4vw,58px);line-height:1.38;margin-top:22px}
.sl-home.sl-v1 .sl1-tools .sl1-em{color:var(--v-teal-l);border-bottom:2px solid var(--v-teal-l)}
.sl-home.sl-v1 .sl1-tools .sl1-desc{margin-top:22px;max-width:33em;color:#c7d3db}
.sl-home.sl-v1 .sl1-btn-light{margin-top:28px}
.sl-home.sl-v1 .sl1-btn-light .wp-block-button__link{display:inline-flex;align-items:center;gap:18px;min-height:50px;height:auto;padding:12px 22px;border:0;border-radius:4px;background:#eef3f5;color:var(--v-ink);font-family:var(--sl-f-body);font-size:15px;font-weight:700;line-height:1.3;box-shadow:none}
.sl-home.sl-v1 .sl1-btn-light .wp-block-button__link:hover{background:#fff;color:var(--v-ink)}
.sl-home.sl-v1 .sl1-list-cap{display:flex;justify-content:space-between;gap:10px;padding-bottom:18px;font-size:12.5px;font-weight:700;letter-spacing:.12em}
.sl-home.sl-v1 .sl1-list{counter-reset:sll}
.sl-home.sl-v1 .sl1-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;column-gap:16px;row-gap:4px;padding:24px 0;counter-increment:sll;}
.sl-home.sl-v1 .sl1-row::before{content:"0" counter(sll);grid-column:1;grid-row:1/span 3;font-family:var(--v-num);font-size:25px;line-height:1.1}
.sl-home.sl-v1 .sl1-row::after{content:"↗";grid-column:3;grid-row:1/span 3;font-size:21px;line-height:1.2;transition:transform .2s}
.sl-home.sl-v1 .sl1-row>*{grid-column:2}
.sl-home.sl-v1 .sl1-row-k{font-size:12px;font-weight:400;letter-spacing:.12em;line-height:1.5}
.sl-home.sl-v1 .sl1-row h3{margin-top:6px;font-family:var(--sl-f-body);font-size:20px;font-weight:700;line-height:1.5;color:inherit}
.sl-home.sl-v1 .sl1-row h3 a{color:inherit}
.sl-home.sl-v1 .sl1-row h3 a::after{content:"";position:absolute;inset:0}
.sl-home.sl-v1 .sl1-row-d{margin-top:4px;font-size:13px;line-height:1.75}
@media (hover:hover){.sl-home.sl-v1 .sl1-row:hover::after{transform:translate(4px,-4px)}}
.sl-home.sl-v1 .sl1-row h3 a{transition:color .2s}
.sl-home.sl-v1 .sl1-tools .sl1-list-cap{color:#a9bfcb;border-bottom:1px solid #6d8596}
.sl-home.sl-v1 .sl1-tools .sl1-row{border-bottom:1px solid #45596a}
.sl-home.sl-v1 .sl1-tools .sl1-row::before{color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-tools .sl1-row::after{color:#c9e6e8}
.sl-home.sl-v1 .sl1-tools .sl1-row-k{color:#9fb6c3}
.sl-home.sl-v1 .sl1-tools .sl1-row-d{color:#a9bccb}
.sl-home.sl-v1 .sl1-tools .sl1-row:hover h3 a{color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-tools a:focus-visible{outline-color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-list-note{margin-top:20px;font-size:13px;line-height:1.7;color:#a9bfcb}
.sl-home.sl-v1 .sl1-note{margin-top:auto;padding-top:56px;font-size:13px;letter-spacing:.08em;line-height:1.8;color:#8fa6b4}
.sl-home.sl-v1 .sl1-note span{display:block;font-family:var(--v-num);font-size:16px;letter-spacing:.16em;color:#a9bfcb}
@media (max-width:899px){.sl-home.sl-v1 .sl1-note{display:none}}
/* 響應式 */
@media (min-width:900px){
.sl-home.sl-v1 .sl1-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);gap:clamp(40px,6vw,88px);align-items:stretch}
.sl-home.sl-v1 .sl1-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(48px,8vw,120px)}
.sl-home.sl-v1 .sl1-tools .sl1-list{padding-top:28px}
}
@media (max-width:639px){
.sl-home.sl-v1 .sl1-row{grid-template-columns:30px minmax(0,1fr) 20px;column-gap:12px}
.sl-home.sl-v1 .sl1-row h3{font-size:17.5px}
}
.sl-home.sl-v1 .sl1-cap-en{font-size:12px;font-weight:400;letter-spacing:.12em}
.sl-home.sl-v1 .sl1-tools .sl1-cap-en{color:#93aab8}
/* 升學工具列表縮圖（v1-E） */
.sl-home.sl-v1 .sl1-tools .sl1-list{padding-top:0!important}
.sl-home.sl-v1 .sl1-tools .sl1-row{grid-template-columns:40px minmax(0,1fr) 104px;padding:20px 0;align-items:start}
.sl-home.sl-v1 .sl1-tools .sl1-row::after{content:"";grid-column:3;grid-row:1/span 3;align-self:center;width:104px;height:72px;border-radius:6px;background:center/100% 100% no-repeat;box-shadow:0 0 0 1px #3a5163;transition:transform .25s,box-shadow .25s}
@media (hover:hover){.sl-home.sl-v1 .sl1-tools .sl1-row:hover::after{transform:translateY(-3px);box-shadow:0 0 0 1px var(--v-teal-l),0 10px 22px -12px rgba(0,0,0,.6)}}
.sl-home.sl-v1 .sl1-tools .sl1-row:nth-child(1)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%2072%22%3E%3Crect%20width%3D%22104%22%20height%3D%2272%22%20rx%3D%226%22%20fill%3D%22%2325384A%22%2F%3E%3Cpath%20d%3D%22M86%2012h8v8M94%2012l-9%209%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2060h68%22%20stroke%3D%22%235E7A8C%22%20stroke-width%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2248%22%20width%3D%226%22%20height%3D%2210%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2223%22%20y%3D%2240%22%20width%3D%226%22%20height%3D%2218%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2232%22%20y%3D%2230%22%20width%3D%226%22%20height%3D%2228%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2241%22%20y%3D%2222%22%20width%3D%226%22%20height%3D%2236%22%20rx%3D%221.5%22%20fill%3D%22%2386D6D7%22%20opacity%3D%221%22%2F%3E%3Crect%20x%3D%2250%22%20y%3D%2228%22%20width%3D%226%22%20height%3D%2230%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2259%22%20y%3D%2238%22%20width%3D%226%22%20height%3D%2220%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3Crect%20x%3D%2268%22%20y%3D%2246%22%20width%3D%226%22%20height%3D%2212%22%20rx%3D%221.5%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.55%22%2F%3E%3C%2Fsvg%3E")}
.sl-home.sl-v1 .sl1-tools .sl1-row:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%2072%22%3E%3Crect%20width%3D%22104%22%20height%3D%2272%22%20rx%3D%226%22%20fill%3D%22%2325384A%22%2F%3E%3Cpath%20d%3D%22M86%2012h8v8M94%2012l-9%209%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%2028h68%22%20stroke%3D%22%235E7A8C%22%20stroke-width%3D%22.8%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M12%2042h68%22%20stroke%3D%22%235E7A8C%22%20stroke-width%3D%22.8%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M12%2056h68%22%20stroke%3D%22%235E7A8C%22%20stroke-width%3D%22.8%22%20opacity%3D%22.6%22%2F%3E%3Cpolyline%20points%3D%2214%2C52%2027%2C44%2040%2C48%2053%2C36%2066%2C40%2076%2C30%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2252%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2244%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2248%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2236%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2240%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2230%22%20r%3D%222.6%22%20fill%3D%22%23E3ECF0%22%2F%3E%3C%2Fsvg%3E")}
.sl-home.sl-v1 .sl1-tools .sl1-row:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%2072%22%3E%3Crect%20width%3D%22104%22%20height%3D%2272%22%20rx%3D%226%22%20fill%3D%22%2325384A%22%2F%3E%3Cpath%20d%3D%22M86%2012h8v8M94%2012l-9%209%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2218%22%20r%3D%222%22%20fill%3D%22%235E7A8C%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2215%22%20width%3D%2252%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%235E7A8C%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2225%22%20width%3D%2246%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2238%22%20r%3D%222%22%20fill%3D%22%2386D6D7%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2235%22%20width%3D%2240%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%2386D6D7%22%20opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2248%22%20r%3D%222%22%20fill%3D%22%235E7A8C%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2245%22%20width%3D%2232%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2258%22%20r%3D%222%22%20fill%3D%22%235E7A8C%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2255%22%20width%3D%2224%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%220.45%22%2F%3E%3C%2Fsvg%3E")}
.sl-home.sl-v1 .sl1-tools .sl1-row:nth-child(4)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%2072%22%3E%3Crect%20width%3D%22104%22%20height%3D%2272%22%20rx%3D%226%22%20fill%3D%22%2325384A%22%2F%3E%3Cpath%20d%3D%22M86%2012h8v8M94%2012l-9%209%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2214%22%20width%3D%2256%22%20height%3D%2244%22%20rx%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23E3ECF0%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M12%2023h56%22%20stroke%3D%22%23E3ECF0%22%20stroke-opacity%3D%22.7%22%20stroke-width%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218.5%22%20r%3D%221.3%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2218.5%22%20r%3D%221.3%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2218.5%22%20r%3D%221.3%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.7%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2229%22%20width%3D%2220%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%2386D6D7%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2229%22%20width%3D%2220%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.45%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2243%22%20width%3D%2220%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.45%22%2F%3E%3Crect%20x%3D%2242%22%20y%3D%2243%22%20width%3D%2220%22%20height%3D%2210%22%20rx%3D%222%22%20fill%3D%22%23E3ECF0%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22M76%2046a6%206%200%200%201%206-6h4M92%2052a6%206%200%200%201-6%206h-4M79%2052l9-6%22%20fill%3D%22none%22%20stroke%3D%22%2386D6D7%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
@media (max-width:639px){.sl-home.sl-v1 .sl1-tools .sl1-row{grid-template-columns:30px minmax(0,1fr) 20px;padding:18px 0}.sl-home.sl-v1 .sl1-tools .sl1-row::after{content:"↗";width:auto;height:auto;background:none!important;box-shadow:none;align-self:start}}
/* 學習資源列表縮圖（v1-I） */
/* 學習資源：Python for Beginners 卡（v1-K，放左欄） */

/* 最新科技探索 v1-S：以 v1-Q 為基礎＋縮圖 */
.sl-home.sl-v1 .sl1-head-tech{align-items:flex-end;margin-bottom:24px}
.sl-home.sl-v1 .sl1-head-tech .sl1-link{margin-bottom:6px}
.sl-home.sl-v1 .sl1-sub{margin-top:12px;font-size:15px;line-height:1.85;color:var(--v-mute)}
.sl-home.sl-v1 .sl1-nw{white-space:nowrap}
/* 最新科技探索 v1-W：直接沿用正式站 home.css（第 1 節卡片共用、第 3 節、0.2.6 hover），只限 .sl-tech */
.sl-home.sl-v1 .sl-tech{--sl-ink:#1c2a36;--sl-ink-2:#4a5866;--sl-ink-3:#6c7a87;--sl-teal:#0e7378;--sl-teal-ink:#0a5a5e;--sl-teal-soft:#e2f0f0;--sl-mist:#f3f6f7;--sl-line:#dbe2e6;--sl-line-2:#c7d1d7;--sl-f-mono:"IBM Plex Mono",ui-monospace,monospace}
.sl-home.sl-v1 .sl-tech .sl-tech-q :where(p,h3,ul,figure,.wp-block-group){margin:0}
.sl-home.sl-v1 .sl-tech .wp-block-post-title{word-break:normal}
/* 文章卡片共用（查詢迴圈） */
.sl-home.sl-v1 .sl-tech .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.sl-home.sl-v1 .sl-tech .wp-block-post-template > li { margin: 0; min-width: 0; }
.sl-home.sl-v1 .sl-tech .wp-block-post { display: grid; gap: 14px; align-content: start; min-width: 0; }
.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image { margin: 0; }
.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image a { display: block; }
.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image img {
	display: block; width: 100%; height: auto !important;
	aspect-ratio: 1200 / 630; object-fit: cover;
	border-radius: 10px; background: var(--sl-mist);
}
.sl-home.sl-v1 .sl-tech .sl-card-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sl-home.sl-v1 .sl-tech .sl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 13px; color: var(--sl-ink-3); }
/* 多個分類時只顯示第一個標籤 */
.sl-home.sl-v1 .sl-tech .wp-block-post-date { font-family: var(--sl-f-body); font-size: 13px; color: var(--sl-ink-3); white-space: nowrap; }
.sl-home.sl-v1 .sl-tech .wp-block-post-title { font-family: var(--sl-f-body); font-weight: 700; font-size: 18px; line-height: 1.5; }
.sl-home.sl-v1 .sl-tech .wp-block-post-title a { color: var(--sl-ink); }
.sl-home.sl-v1 .sl-tech .wp-block-post:hover .wp-block-post-title a { color: var(--sl-teal-ink); }
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt { color: var(--sl-ink-2); font-size: 15px; line-height: 1.7; }
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt__excerpt {
	margin: 0;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt__more-text { margin: 0; }
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt__more-link { color: var(--sl-teal); font-size: 14.5px; font-weight: 500; }
/* ---------- 3. 最新科技探索（依篇數自動排版；封面一律 1200×630 不裁切） ---------- */
.sl-home.sl-v1 .sl-tech:not(:has(.wp-block-post)) { display: none; }
.sl-home.sl-v1 .sl-tech .wp-block-post-title { font-size: 18px; }
.sl-home.sl-v1 .sl-tech li:first-child .wp-block-post-title { font-size: 21px; }
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt__more-text { display: none; }
.sl-home.sl-v1 .sl-tech li:first-child .wp-block-post-excerpt__more-text { display: block; margin-top: 4px; }

/* 手機：3 篇時第 2、3 篇為精簡列 */
.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
	grid-template-columns: 132px minmax(0, 1fr); gap: 14px;
	padding-top: 18px; border-top: 1px solid var(--sl-line);
}
.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: none; }
.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title { font-size: 16px; }
.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) img { border-radius: 8px; }

/* 平板 */
@media (min-width: 640px) {
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:only-child) > li,
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: center;
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(2)) { grid-template-columns: 1fr 1fr; column-gap: 28px; row-gap: 28px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-column: 1 / -1; padding-bottom: 28px; border-bottom: 1px solid var(--sl-line);
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
		grid-template-columns: 1fr; border-top: 0; padding-top: 0;
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: block; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 2; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(2)) > li:not(:first-child) .wp-block-post-title,
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(2):last-child) > li .wp-block-post-title { font-size: 18px; }
}

/* 桌面：3 篇左一右二，兩欄底部對齊 */
@media (min-width: 960px) {
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto auto;
		column-gap: 0; row-gap: 0;
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child {
		grid-column: 1; grid-row: 1 / span 2;
		display: flex; flex-direction: column; gap: 18px;
		padding: 0 32px 0 0; border-bottom: 0;
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .sl-card-body { flex: 1; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt { flex: 1; display: flex; flex-direction: column; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt__more-text { margin-top: auto; padding-top: 10px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-title { font-size: 25px; line-height: 1.4; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-excerpt { font-size: 15.5px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) {
		grid-column: 2; grid-template-columns: 1fr; gap: 12px; align-content: start;
		padding-left: 32px; border-left: 1px solid var(--sl-line);
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(2) { padding-bottom: 22px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3) { padding-top: 22px; position: relative; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3)::before {
		content: ""; position: absolute; top: 0; left: 32px; right: 0; border-top: 1px solid var(--sl-line);
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-excerpt { display: none; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title {
		font-size: 16.5px; line-height: 1.5;
		display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
	}
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:only-child) > li .wp-block-post-title { font-size: 26px; line-height: 1.4; }
}
@media (min-width: 1140px) {
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child { padding-right: 40px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) { padding-left: 40px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:nth-child(3)::before { left: 40px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:first-child .wp-block-post-title { font-size: 27px; }
	.sl-home.sl-v1 .sl-tech .wp-block-post-template:has(> li:nth-child(3)) > li:not(:first-child) .wp-block-post-title { font-size: 17.5px; }
}
/* ---------- 0.2.6 卡片 hover（文章、工具、教材、專區） ---------- */
.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image { overflow: hidden; }
.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image img { transition: transform .35s ease; }
/* 整張卡片可點（沿用標題連結） */
@media (hover: hover) {
	.sl-home.sl-v1 .sl-tech .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
	.sl-home.sl-v1 .sl-tech .wp-block-post-featured-image img { transition: none; transform: none !important; }
}
/* 比較用：學習資源方案 B（v1-Q） */
/* 學習資源方案 C：學習實驗室（v1-X） */
.sl-home.sl-v1 .sl1-lab{position:relative;background:#e6eef1}
.sl-home.sl-v1 .sl1-lab-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 48px;flex-wrap:wrap;margin-bottom:40px}
.sl-home.sl-v1 .sl1-lab-head h2{margin-top:22px;font-family:var(--sl-f-display);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1.38}
.sl-home.sl-v1 .sl1-lab-head .sl1-desc{margin-top:14px;max-width:32em}
.sl-home.sl-v1 .sl1-lab-head-r{margin-bottom:-2px}
.sl-home.sl-v1 .sl1-bento{display:grid;gap:16px}
@media (min-width:640px){.sl-home.sl-v1 .sl1-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-home.sl-v1 .sl1-route{grid-column:1/-1}}
@media (min-width:1000px){.sl-home.sl-v1 .sl1-bento{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.sl-home.sl-v1 .sl1-route{grid-column:1;grid-row:1/span 2}}
/* 路線圖大方塊 */
.sl-home.sl-v1 .sl1-route{display:flex;flex-direction:column;padding:30px 30px 28px;border-radius:14px;background:var(--v-ink);color:#fff;position:relative;overflow:hidden}
.sl-home.sl-v1 .sl1-route::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 110% -10%,rgba(134,214,215,.18),transparent 60%);pointer-events:none}
.sl-home.sl-v1 .sl1-route-top{display:flex;align-items:center;gap:16px;position:relative}
.sl-home.sl-v1 .sl1-route-top img{width:72px;height:72px;flex:none;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sl-home.sl-v1 .sl1-route:hover .sl1-route-top img{transform:translateX(4px) rotate(-5deg)}
.sl-home.sl-v1 .sl1-route-k{font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-route h3{margin-top:4px;font-family:var(--sl-f-body);font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.3;color:#fff}
.sl-home.sl-v1 .sl1-route h3 a{color:#fff}
.sl-home.sl-v1 .sl1-route-d{margin-top:14px;font-size:15px;line-height:1.8;color:#c7d3db;position:relative}
.sl-home.sl-v1 .sl1-route-map{display:block;width:100%;height:auto;margin:26px 0 8px;overflow:visible}
.sl-home.sl-v1 .sl1-route-map .track{fill:none;stroke:#34495a;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.sl-home.sl-v1 .sl1-route-map .glow{fill:none;stroke:var(--v-teal-l);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.9}
.sl-home.sl-v1 .sl1-route:hover .sl1-route-map .glow{animation:slRoute 1.8s cubic-bezier(.5,0,.3,1) forwards}
.sl-home.sl-v1 .sl1-route-map .ep{fill:#7b93a6}
.sl-home.sl-v1 .sl1-route-map .stop circle{fill:var(--v-ink);stroke:#9fb6c3;stroke-width:3}
.sl-home.sl-v1 .sl1-route-map .s1 circle{fill:var(--v-teal-l);stroke:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-route-map .goal circle{fill:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-route-map .goal text{font:700 13px var(--sl-f-body);fill:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-route-map .stop text{font:700 15px var(--sl-f-body);fill:#e9f0f3}
.sl-home.sl-v1 .sl1-route-map .stop text.n{font:400 13px var(--sl-f-body);fill:#9fb6c3}
.sl-home.sl-v1 .sl1-route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);position:relative}
.sl-home.sl-v1 .sl1-route-stats p{font-size:13px;color:#9fb6c3;line-height:1.4}
.sl-home.sl-v1 .sl1-route-stats b{display:block;font:400 34px/1.1 var(--v-num);color:#fff;margin-bottom:4px}
.sl-home.sl-v1 .sl1-route-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:auto;padding-top:26px;position:relative}
.sl-home.sl-v1 .sl1-route-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--v-teal-l);color:var(--v-ink);font-size:15px;font-weight:700;transition:background-color .2s,transform .2s}
.sl-home.sl-v1 .sl1-route-btn::after{content:"→"}
.sl-home.sl-v1 .sl1-route-btn:hover{background:#fff;color:var(--v-ink);transform:translateY(-2px)}
.sl-home.sl-v1 .sl1-route a:focus-visible{outline:3px solid var(--v-teal-l);outline-offset:3px}
/* 互動教材小方塊 */
.sl-home.sl-v1 .sl1-lab-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #d6e0e5;transition:box-shadow .25s,transform .25s}
@media (hover:hover){.sl-home.sl-v1 .sl1-lab-tile:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--v-teal),0 18px 34px -22px rgba(28,42,54,.45)}}
.sl-home.sl-v1 .sl1-lab-tile:has(a:focus-visible){box-shadow:0 0 0 3px var(--v-teal)}
.sl-home.sl-v1 .sl1-lab-tile h3 a:focus-visible{outline:none}
.sl-home.sl-v1 .sl1-lab-vis{margin:0 -4px 8px;border-radius:10px;background:#f2f7f8;aspect-ratio:17/10;display:grid;place-items:center;overflow:hidden}
.sl-home.sl-v1 .sl1-lab-vis svg{width:88%;height:auto;overflow:visible}
.sl-home.sl-v1 .sl1-lab-k{font-size:12px;letter-spacing:.1em;color:var(--v-mute)}
.sl-home.sl-v1 .sl1-lab-tile h3{font-family:var(--sl-f-body);font-size:18px;font-weight:700;line-height:1.45}
.sl-home.sl-v1 .sl1-lab-tile h3 a::after{content:"";position:absolute;inset:0;border-radius:14px}
.sl-home.sl-v1 .sl1-lab-tile h3 a::before{content:"↗";position:absolute;top:22px;right:24px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--v-teal);font-size:15px;box-shadow:0 2px 8px -2px rgba(28,42,54,.25);transition:transform .25s}
.sl-home.sl-v1 .sl1-lab-tile:hover h3 a::before{transform:translate(2px,-2px)}
.sl-home.sl-v1 .sl1-lab-d{font-size:13.5px;line-height:1.7;color:var(--v-mute)}
/* 迷你示意圖 */
.sl-home.sl-v1 .t-nn .ln path{stroke:#c9d6dd;stroke-width:1.2}
.sl-home.sl-v1 .t-nn .nd circle{fill:#fff;stroke:#7f98a6;stroke-width:2}
.sl-home.sl-v1 .t-nn .sig{fill:none;stroke:var(--v-teal);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180;stroke-dashoffset:0}
.sl-home.sl-v1 .t-nn:hover .sig{animation:slDraw2 1.4s ease-in-out infinite}
.sl-home.sl-v1 .t-cnn .grid rect{fill:#d3dfe4}
.sl-home.sl-v1 .t-cnn .kernel{fill:rgba(14,115,120,.18);stroke:var(--v-teal);stroke-width:2.5}
.sl-home.sl-v1 .t-cnn:hover .kernel{animation:slSlide 2.4s steps(1) infinite}
.sl-home.sl-v1 .t-cnn .arr,.sl-home.sl-v1 .t-prompt .arr{fill:none;stroke:#9fb2bd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl-home.sl-v1 .t-cnn .out rect{fill:#d3dfe4}
.sl-home.sl-v1 .t-cnn .out .o0{fill:var(--v-teal)}
.sl-home.sl-v1 .t-cnn:hover .out rect{animation:slLight 2.4s steps(1) infinite}
.sl-home.sl-v1 .t-cnn:hover .out .o1{animation-delay:.6s}.sl-home.sl-v1 .t-cnn:hover .out .o2{animation-delay:1.2s}.sl-home.sl-v1 .t-cnn:hover .out .o3{animation-delay:1.8s}
.sl-home.sl-v1 .t-prompt .box{fill:#fff;stroke:#9fb2bd;stroke-width:1.6}
.sl-home.sl-v1 .t-prompt .ty{font:700 13px var(--sl-f-body);fill:var(--v-ink2)}
.sl-home.sl-v1 .t-prompt .cur{fill:var(--v-teal)}
.sl-home.sl-v1 .t-prompt .img rect{fill:#e2f0f0;stroke:var(--v-teal);stroke-width:1.6}
.sl-home.sl-v1 .t-prompt .img circle{fill:var(--v-teal)}
.sl-home.sl-v1 .t-prompt .img path{fill:none;stroke:var(--v-teal);stroke-width:2;stroke-linejoin:round}
.sl-home.sl-v1 .t-prompt:hover .ty{animation:slType 2.6s steps(8) infinite}
.sl-home.sl-v1 .t-prompt:hover .cur{animation:slBlink .8s steps(1) infinite}
.sl-home.sl-v1 .t-prompt:hover .img{animation:slFade 2.6s ease infinite}
.sl-home.sl-v1 .t-suno .mid{stroke:#d3dfe4;stroke-width:1}
.sl-home.sl-v1 .t-suno .bars rect{fill:#9fb2bd;transform-box:fill-box;transform-origin:center}
.sl-home.sl-v1 .t-suno .bars rect:nth-child(n+6):nth-child(-n+10){fill:var(--v-teal)}
.sl-home.sl-v1 .t-suno:hover .bars rect{animation:slBeat .9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.11s)}
@keyframes slRoute{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes slDraw2{0%{stroke-dashoffset:180}60%,100%{stroke-dashoffset:0}}
@keyframes slSlide{0%{transform:translate(0,0)}25%{transform:translate(28px,0)}50%{transform:translate(0,28px)}75%{transform:translate(28px,28px)}}
@keyframes slLight{0%,24%{fill:var(--v-teal)}25%,100%{fill:#d3dfe4}}
@keyframes slType{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes slBlink{50%{opacity:0}}
@keyframes slFade{0%,55%{opacity:.15}75%,100%{opacity:1}}
@keyframes slBeat{from{transform:scaleY(.45)}to{transform:scaleY(1.1)}}
/* AI 素養：四個問題框架（v1-Z） */
.sl-home.sl-v1 .sl1-ai2{position:relative;background:var(--v-tint)}
.sl-home.sl-v1 .sl1-ai2 .sl1-lab-head h2{font-size:clamp(30px,3.6vw,46px)}
.sl-home.sl-v1 .sl1-aiq{display:grid;gap:12px}
.sl-home.sl-v1 .sl1-aiq-ax{display:none}
.sl-home.sl-v1 .sl1-aiq-grid{position:relative;display:grid;gap:16px}
@media (min-width:640px){.sl-home.sl-v1 .sl1-aiq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sl-home.sl-v1 .sl1-aiq-t{position:relative;display:flex;flex-direction:column;padding:30px 32px 28px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--v-line);transition:box-shadow .25s,transform .25s}
@media (hover:hover){.sl-home.sl-v1 .sl1-aiq-t:hover{box-shadow:0 0 0 1.5px var(--v-teal),0 22px 40px -28px rgba(28,42,54,.5)}}
.sl-home.sl-v1 .sl1-aiq-top{display:flex;align-items:center;gap:12px}
.sl-home.sl-v1 .sl1-aiq-ic{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--v-tint);color:var(--v-teal);transition:background-color .25s,color .25s}
.sl-home.sl-v1 .sl1-aiq-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sl-home.sl-v1 .sl1-aiq-t:hover .sl1-aiq-ic{background:var(--v-teal);color:#fff}
.sl-home.sl-v1 .sl1-aiq-cat{font-size:14.5px;font-weight:700;color:var(--v-teal-ink);letter-spacing:.04em}
.sl-home.sl-v1 .sl1-aiq-tag{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--v-mist);font-size:12px;color:var(--v-mute);letter-spacing:.06em;white-space:nowrap}
.sl-home.sl-v1 .sl1-aiq-q{margin-top:22px;font-family:var(--sl-f-display);font-size:clamp(23px,2.2vw,30px);font-weight:700;line-height:1.35;color:var(--v-ink);transition:color .25s}
.sl-home.sl-v1 .sl1-aiq-t:hover .sl1-aiq-q{color:var(--v-teal)}
.sl-home.sl-v1 .sl1-aiq-d{margin-top:10px;font-size:14px;line-height:1.8;color:var(--v-mute)}
.sl-home.sl-v1 .sl1-aiq-list{list-style:none;margin:20px 0 0;padding:16px 0 0;display:grid;gap:10px;border-top:1px dashed #cdd8de}
.sl-home.sl-v1 .sl1-aiq-list li{position:relative;padding-left:18px}
.sl-home.sl-v1 .sl1-aiq-list li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-aiq-list a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:15px;line-height:1.6;color:var(--v-ink);word-break:normal}
.sl-home.sl-v1 .sl1-aiq-list a:hover{color:var(--v-teal);text-decoration:underline;text-underline-offset:4px}
.sl-home.sl-v1 .sl1-aiq-more{margin-top:auto;padding-top:18px}
.sl-home.sl-v1 .sl1-aiq-more a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--v-teal-ink)}
.sl-home.sl-v1 .sl1-aiq-more a::after{content:"→";transition:transform .2s}
.sl-home.sl-v1 .sl1-aiq-more a:hover::after{transform:translateX(4px)}
.sl-home.sl-v1 .sl1-aiq-t a:focus-visible{outline:3px solid var(--v-teal);outline-offset:3px;border-radius:4px}
.sl-home.sl-v1 .sl1-aiq-hub{display:none}
@media (min-width:1000px){
.sl-home.sl-v1 .sl1-aiq{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr 1fr;column-gap:16px;row-gap:12px}
.sl-home.sl-v1 .sl1-aiq-grid{grid-column:1/3;grid-row:2/4;grid-template-rows:1fr 1fr}
.sl-home.sl-v1 .sl1-aiq-ax{display:flex;align-items:baseline;gap:10px;font-family:var(--sl-f-display);font-size:16px;font-weight:700;color:var(--v-ink);letter-spacing:.08em}
.sl-home.sl-v1 .sl1-aiq-ax span{font-family:var(--sl-f-body);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--v-teal)}
.sl-home.sl-v1 .sl1-aiq-ax::before{content:"";width:22px;height:2px;background:var(--v-teal);align-self:center}
.sl-home.sl-v1 .ax-c1{grid-column:1;grid-row:1;padding-left:4px}.sl-home.sl-v1 .ax-c2{grid-column:2;grid-row:1;padding-left:4px}
.sl-home.sl-v1 .ax-r1,.sl-home.sl-v1 .ax-r2{display:none}
.sl-home.sl-v1 .sl1-aiq-tag{display:none}
.sl-home.sl-v1 .sl1-aiq-t{padding:34px 40px 32px}
.sl-home.sl-v1 .sl1-aiq-hub{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--v-ink);box-shadow:0 0 0 8px var(--v-tint);z-index:1}
.sl-home.sl-v1 .sl1-aiq-hub svg{position:absolute;inset:6px;width:84px;height:84px}
.sl-home.sl-v1 .sl1-aiq-hub .a{fill:none;stroke:#4a6478;stroke-width:5;stroke-linecap:round;stroke-dasharray:62 100;stroke-dashoffset:-4;transition:stroke .25s}
.sl-home.sl-v1 .sl1-aiq-hub p{position:relative;font-family:var(--sl-f-display);font-size:16px;font-weight:700;line-height:1.2;text-align:center;color:#fff}
}
@media (min-width:1240px){.sl-home.sl-v1 .sl1-aiq{position:relative}
.sl-home.sl-v1 .ax-r1,.sl-home.sl-v1 .ax-r2{display:block;position:absolute;left:-46px;grid-column:auto;width:20px;text-align:center;letter-spacing:0;line-height:1.45;font-size:15px;color:var(--v-ink);padding-top:30px}
.sl-home.sl-v1 .ax-r1::before,.sl-home.sl-v1 .ax-r2::before{content:"";position:absolute;top:0;left:50%;width:2px;height:22px;margin-left:-1px;background:var(--v-teal)}
.sl-home.sl-v1 .ax-r1{top:calc(25% + 10px)}.sl-home.sl-v1 .ax-r2{top:calc(75% - 30px)}}
@media (max-width:999px){.sl-home.sl-v1 .sl1-aiq-list a{-webkit-line-clamp:2}}
@media (max-width:639px){.sl-home.sl-v1 .sl1-aiq-t{padding:24px 22px 22px}}
/* AI 素養方案 B：4C（v1-AA） */
.sl-home.sl-v1 .sl1-ai4c .sl1-lab-head .sl1-desc{max-width:44em}
.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-cat{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.sl-home.sl-v1 .sl1-4c-en{font-family:var(--v-num);font-size:20px;font-weight:400;letter-spacing:.02em;color:var(--v-ink)}
.sl-home.sl-v1 .sl1-4c-en::first-letter{color:var(--v-teal);font-weight:700}
.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-cat{font-size:13px;color:var(--v-mute);font-weight:700}
@media (min-width:640px){.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-grid{grid-auto-flow:column;grid-template-rows:auto auto}}
.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-hub p{font-size:13px;line-height:1.25}
.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-hub b{font-family:var(--v-num);font-size:20px;font-weight:400;color:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-grid:has(.t-con:hover) .a-con,.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-grid:has(.t-cap:hover) .a-cap,.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-grid:has(.t-ctx:hover) .a-ctx,.sl-home.sl-v1 .sl1-ai4c .sl1-aiq-grid:has(.t-cre:hover) .a-cre{stroke:var(--v-teal-l)}
.sl-home.sl-v1 .sl1-4c-foot{margin-top:22px;text-align:right}
.sl-home.sl-v1 .sl1-4c-src a{color:var(--v-teal-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(10,90,94,.35)}
.sl-home.sl-v1 .sl1-4c-src a:hover{text-decoration-color:currentColor}
@media (max-width:639px){.sl-home.sl-v1 .sl1-4c-foot{text-align:left}}
.sl-home.sl-v1 .sl1-4c-src{font-size:12px;line-height:1.7;color:var(--v-mute)}
@media (min-width:640px) and (max-width:999px){.sl-home.sl-v1 .sl1-route-map{max-width:500px;margin-left:auto;margin-right:auto}}
@media (max-width:519px){.sl-home.sl-v1 .sl1-route-map .stop text{font-size:19px}.sl-home.sl-v1 .sl1-route-map .stop text.n{font-size:17px}.sl-home.sl-v1 .sl1-route-map .goal text{font-size:17px}}
@media (prefers-reduced-motion:reduce){.sl-home.sl-v1 .sl1-lab *{animation:none!important}}
@media (max-width:639px){.sl-home.sl-v1 .sl1-route{padding:24px 20px}.sl-home.sl-v1 .sl1-route-top img{width:56px;height:56px}.sl-home.sl-v1 .sl1-lab-head{margin-bottom:28px}}
@media (prefers-reduced-motion:reduce){.sl-home.sl-v1 *{transition:none!important}}

/* ===== 頁首與首屏 方案 B（v1-AC） ===== */
/* A／B 顯示切換 */
/* 大選單：頁首下方整條面板 */
/* 搜尋膠囊 */
/* 手機選單 B */
/* 首屏 B：平台地圖 */
.sl-home.sl-v1 .sl1-map{display:grid;gap:8px;padding:8px;border-radius:18px;background:#14202b;grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-home.sl-v1 .sl1-map-t{position:relative;display:flex;flex-direction:column;gap:8px;min-height:170px;padding:22px 22px 20px;border-radius:12px;background:#1c2a36;color:#fff;overflow:hidden;isolation:isolate;transition:background-color .25s}
.sl-home.sl-v1 .sl1-map-t:hover{background:#22344a}
.sl-home.sl-v1 .sl1-map-t::after{content:"↗";position:absolute;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);color:#86d6d7;font-size:15px;transition:transform .25s,background-color .25s}
.sl-home.sl-v1 .sl1-map-t:hover::after{transform:translate(2px,-2px);background:#86d6d7;color:#1c2a36}
.sl-home.sl-v1 .sl1-map-n b{font-weight:inherit}
.sl-home.sl-v1 .sl1-map-n{padding-right:36px;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#86d6d7}
.sl-home.sl-v1 .sl1-map-n em{margin-left:8px;padding:2px 8px;border-radius:999px;background:#86d6d7;color:#1c2a36;font-style:normal;letter-spacing:.04em}
.sl-home.sl-v1 .sl1-map-t strong{font-family:var(--sl-f-display);font-size:clamp(19px,1.6vw,23px);line-height:1.4;font-weight:700;color:#fff;max-width:15em}
.sl-home.sl-v1 .sl1-map-d{font-size:13.5px;line-height:1.7;color:#b9c8d2;max-width:24em}
.sl-home.sl-v1 .m-ai{grid-column:1/-1;padding-right:180px;min-height:190px}
.sl-home.sl-v1 .sl1-map-ring{position:absolute;right:30px;top:50%;width:130px;height:130px;margin-top:-65px;overflow:visible}
.sl-home.sl-v1 .sl1-map-ring .arc path{fill:none;stroke:#3d5568;stroke-width:7;stroke-linecap:round;stroke-dasharray:76 200;stroke-dashoffset:-5;transition:stroke .3s}
.sl-home.sl-v1 .m-ai:hover .sl1-map-ring .arc path{stroke:#86d6d7}
.sl-home.sl-v1 .m-ai:hover .sl1-map-ring .arc path:nth-child(2){transition-delay:.08s}.sl-home.sl-v1 .m-ai:hover .sl1-map-ring .arc path:nth-child(4){transition-delay:.16s}.sl-home.sl-v1 .m-ai:hover .sl1-map-ring .arc path:nth-child(3){transition-delay:.24s}
.sl-home.sl-v1 .sl1-map-ring text{font:700 13px var(--sl-f-body);fill:#c7d3db}
.sl-home.sl-v1 .sl1-map-ring text.c{font:400 30px Georgia,serif;fill:#86d6d7}
.sl-home.sl-v1 .m-tech{grid-row:span 2;justify-content:flex-end;min-height:360px;background:#0f1922}
.sl-home.sl-v1 .m-tech img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:88% 50%;z-index:-2;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sl-home.sl-v1 .m-tech::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,25,34,.05) 30%,rgba(15,25,34,.92) 92%)}
.sl-home.sl-v1 .m-tech:hover img{transform:scale(1.04)}
.sl-home.sl-v1 .m-tech strong{font-size:clamp(19px,1.55vw,22px)}
.sl-home.sl-v1 .sl1-map-chart{margin-top:auto;width:100%;max-width:170px;height:auto}
.sl-home.sl-v1 .sl1-map-chart rect{fill:#3d5568;transition:fill .3s}
.sl-home.sl-v1 .sl1-map-chart rect:last-of-type{fill:#86d6d7}
.sl-home.sl-v1 .m-adm:hover .sl1-map-chart rect{fill:#5c7a8e}.sl-home.sl-v1 .m-adm:hover .sl1-map-chart rect:last-of-type{fill:#86d6d7}
.sl-home.sl-v1 .sl1-map-chart .base{stroke:#3d5568;stroke-width:1.5}
.sl-home.sl-v1 .sl1-map-chart .tr{fill:none;stroke:#86d6d7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl-home.sl-v1 .m-learn{padding-bottom:18px}
.sl-home.sl-v1 .sl1-map-rt{display:flex;align-items:center;gap:8px;margin-top:auto;max-width:250px}
.sl-home.sl-v1 .sl1-map-snake{flex:none;width:40px;height:40px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sl-home.sl-v1 .m-learn:hover .sl1-map-snake{transform:translateX(6px) rotate(-6deg)}
.sl-home.sl-v1 .sl1-map-route{flex:1;min-width:0;height:auto}
.sl-home.sl-v1 .sl1-map-route .tk{stroke:#3d5568;stroke-width:4;stroke-linecap:round}
.sl-home.sl-v1 .sl1-map-route circle{fill:#7b93a6}
.sl-home.sl-v1 .sl1-map-route circle.st{fill:#1c2a36;stroke:#86d6d7;stroke-width:2}
.sl-home.sl-v1 .sl1-map-route circle:first-of-type{fill:#86d6d7}
.sl-home.sl-v1 .sl1-map-t:focus-visible{outline:3px solid #86d6d7;outline-offset:2px}
@media (min-width:1000px){.sl-home.sl-v1 .sl1-hero-b .sl1-hero-grid{align-items:center}.sl-home.sl-v1 .sl1-hero-b .m-adm,.sl-home.sl-v1 .sl1-hero-b .m-learn{min-height:206px}}


/* 首屏 C：右側整塊改為橫式（桌機）：上方科技探索寬幅，下方三格並排 */
@media (min-width:1000px){
.sl-home.sl-v1 .sl1-hero-b .sl1-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,4.5vw,72px)}
.sl-home.sl-v1 .sl1-hero-b .sl1-map{grid-template-columns:repeat(3,minmax(0,1fr))}
.sl-home.sl-v1 .sl1-map-n b{display:none}
.sl-home.sl-v1 .m-tech{order:-1;grid-column:1/-1;grid-row:auto;min-height:260px;justify-content:center;padding-right:46%;background:#14202b}
.sl-home.sl-v1 .m-tech img{left:auto;right:0;width:44%;object-position:100% 45%}
.sl-home.sl-v1 .m-tech::before{background:linear-gradient(90deg,#14202b 0,#14202b 56%,rgba(20,32,43,.55) 62%,rgba(20,32,43,0) 72%)}
.sl-home.sl-v1 .m-tech strong{font-size:clamp(20px,1.7vw,25px);max-width:13em;text-wrap:balance}
.sl-home.sl-v1 .m-ai,.sl-home.sl-v1 .m-adm,.sl-home.sl-v1 .m-learn{grid-column:auto;min-height:214px;padding:20px 18px 18px}
.sl-home.sl-v1 .m-ai strong,.sl-home.sl-v1 .m-adm strong,.sl-home.sl-v1 .m-learn strong{font-size:clamp(16px,1.3vw,19px)}
.sl-home.sl-v1 .m-ai .sl1-map-d{display:none}
.sl-home.sl-v1 .m-ai .sl1-map-ring{position:static;margin:auto 0 0 auto;width:96px;height:96px}
.sl-home.sl-v1 .sl1-map-ring text{display:none}.sl-home.sl-v1 .sl1-map-ring text.c{display:block;font-size:38px}
.sl-home.sl-v1 .sl1-map-chart{max-width:150px}
.sl-home.sl-v1 .sl1-map-rt{max-width:none}
.sl-home.sl-v1 .sl1-map-snake{width:34px;height:34px}
.sl-home.sl-v1 .sl1-map-t::after{top:14px;right:14px;width:28px;height:28px;font-size:13px}
.sl-home.sl-v1 .sl1-map-n{padding-right:32px}
}
/* 首屏 B：平板與手機改為精簡入口（不放圖） */
@media (max-width:999px){
.sl-home.sl-v1 .sl1-hero-b .sl1-hero-grid{gap:28px}
.sl-home.sl-v1 .sl1-map{padding:0;gap:8px;background:none;border-radius:0}
.sl-home.sl-v1 .sl1-map-t,.sl-home.sl-v1 .m-ai,.sl-home.sl-v1 .m-tech{grid-column:auto;grid-row:auto;min-height:0;padding:14px 40px 14px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--v-line);color:var(--v-ink);justify-content:center}
.sl-home.sl-v1 .sl1-map-t:hover{background:var(--v-mist)}
.sl-home.sl-v1 .sl1-map-t strong,.sl-home.sl-v1 .sl1-map-d,.sl-home.sl-v1 .sl1-map-t svg,.sl-home.sl-v1 .sl1-map-t img,.sl-home.sl-v1 .sl1-map-rt,.sl-home.sl-v1 .m-tech::before{display:none}
.sl-home.sl-v1 .sl1-map-n{padding-right:0;font-size:14.5px;font-weight:700;letter-spacing:0;white-space:nowrap;color:var(--v-ink);line-height:1.4}
.sl-home.sl-v1 .sl1-map-n em,.sl-home.sl-v1 .sl1-map-n b{display:none}
.sl-home.sl-v1 .sl1-map-t::after{top:50%;right:10px;width:24px;height:24px;margin-top:-12px;background:var(--v-tint);color:var(--v-teal);font-size:13px}
.sl-home.sl-v1 .sl1-map-t:hover::after{background:var(--v-teal);color:#fff}
.sl-home.sl-v1 .sl1-map-t:focus-visible{outline-color:var(--v-teal)}
}
@media (min-width:640px) and (max-width:999px){.sl-home.sl-v1 .sl1-map{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.sl-home.sl-v1 .sl1-map *{transition:none!important}}

/* ===== 整頁總檢查修正（v1-AG） ===== */
/* 首屏與科技探索都是白底 → 首屏改極淺灰，與下方區塊用底色區分 */
.sl-home.sl-v1 .sl1-hero-b{background:#f5f8f9}
/* 區塊標題兩個層級：一般區塊 42px（科技探索、AI 素養）；宣言式 58px（升學、學習資源） */
.sl-home.sl-v1 .sl1-ai2 .sl1-lab-head h2{font-size:clamp(28px,3.2vw,42px)}
/* 對比：正式站已由外掛把 --sl-ink-3 調為 #5b6875，原型同步 */
.sl-home.sl-v1 .sl-tech{--sl-ink-3:#5b6875}
/* 觸控目標 ≥24px */
.sl-home.sl-v1 .sl-tech .wp-block-post-excerpt__more-link{display:inline-flex;align-items:center;min-height:24px}