/* 首頁與異象頁 */
.h-main{max-width:1040px;margin:0 auto;padding:26px 16px calc(40px + var(--sab))}
.v-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;margin-bottom:26px}
.v-eyebrow{margin:0 0 8px;font-size:.9rem;font-weight:800;letter-spacing:.08em;color:var(--leaf-dark)}
.v-slogan{margin:0 0 14px;font-size:clamp(1.7rem,4.6vw,2.6rem);line-height:1.35;font-weight:900;color:var(--ink)}
.v-slogan span{display:block}
.v-lead{margin:0 0 18px;font-size:1.02rem;line-height:1.85;color:var(--ink-2)}
.v-cta{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 20px;border-radius:999px;background:var(--leaf-dark);color:#fff;font-weight:800;text-decoration:none}
.v-cta:hover{background:var(--leaf)}

.v-media{margin:0}
.v-frame{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:18px;background:#1c1208;border:4px solid #FFB91D;box-shadow:0 0 0 3px #FFE600,0 6px 18px rgba(255,122,80,.22);cursor:zoom-in}
.v-frame video,.v-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
/* 動畫結束後，影片最後一格柔和切換成完整靜態圖（兩者比例相同，位置一致） */
.v-still{opacity:0;transition:opacity .9s ease}
.v-frame[data-mode="ended"] .v-still,.v-frame[data-mode="still"] .v-still{opacity:1}
.v-frame[data-mode="still"] video{visibility:hidden}
@media (prefers-reduced-motion:reduce){
  .v-still{transition:none}
  .v-frame[data-mode="auto"] .v-still{opacity:1}
  .v-frame[data-mode="auto"] video{visibility:hidden}
}
.v-tools{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.v-tools button{min-height:var(--tap);padding:0 16px;border-radius:12px;border:1px solid var(--leaf-line);background:#fff;color:var(--leaf-dark);font:inherit;font-weight:800;cursor:pointer}
.v-tools button[hidden]{display:none}
.v-tools button:hover{background:var(--leaf-soft)}

.h-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
.h-card{display:block;background:#fff;border:2px solid var(--line);border-top:8px solid var(--root);border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--ink);box-shadow:0 2px 8px rgba(120,80,30,.08);min-height:var(--tap)}
.h-card.parent{border-top-color:var(--leaf)}
.h-card:hover,.h-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px rgba(120,80,30,.15)}
.h-card .tag{display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:.08em;color:var(--root)}
.h-card.parent .tag{color:var(--leaf-dark)}
.h-card h2{margin:.2rem 0;font-size:1.45rem;font-weight:900}
.h-card p{margin:.2rem 0 1rem;line-height:1.7}
.h-card .go{display:inline-block;background:var(--root);color:#fff;font-weight:700;border-radius:999px;padding:.55rem 1.1rem}
.h-card.parent .go{background:var(--leaf-dark)}

.v-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v-concept{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.v-concept svg{width:40px;height:40px;display:block;margin-bottom:6px}
.v-concept h3{margin:0 0 4px;font-size:1.15rem;font-weight:900;color:var(--leaf-dark)}
.v-concept p{margin:0;line-height:1.75;font-size:.98rem}
.h-foot{margin-top:26px;text-align:center;color:var(--muted);font-weight:700;font-size:.9rem}
.h-foot a{color:var(--leaf-dark);font-weight:800}

/* 放大檢視 */
#treeDialog{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
#treeDialog::backdrop{background:rgba(20,15,5,.82)}
.v-zoom{position:relative;width:100%;height:100%;display:flex;flex-direction:column}
.v-zoom-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:56px 12px 16px;-webkit-overflow-scrolling:touch}
.v-zoom-scroll img{display:block;width:max(100%,900px);max-width:none;height:auto;border-radius:12px;margin:auto}
@media (min-width:1100px){.v-zoom-scroll img{width:min(1536px,96vw)}}
.v-zoom-close{position:absolute;top:10px;right:12px;z-index:2;min-height:var(--tap);padding:0 18px;border-radius:999px;border:0;background:#fff;color:var(--ink);font:inherit;font-weight:900;cursor:pointer}

/* 異象頁 */
.vi-sec{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-bottom:16px}
.vi-sec h2{margin:0 0 10px;font-size:1.3rem;font-weight:900;color:var(--leaf-dark)}
.vi-sec p{margin:0 0 8px;line-height:1.85}
.vi-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.vi-list li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;line-height:1.7}
.vi-list b{display:block;font-size:1.05rem;color:var(--ink)}
.vi-soon{padding:14px 16px;border:2px dashed var(--leaf-line);border-radius:14px;color:var(--muted);font-weight:700}
.vi-img{display:block;width:100%;height:auto;border-radius:18px;border:3px solid #fff;box-shadow:0 8px 24px rgba(90,60,20,.2)}

@media (max-width:820px){
  .v-hero{grid-template-columns:1fr;gap:18px}
  .v-concepts,.h-grid{grid-template-columns:1fr}
}

/* 異象頁（完整內容） */
.vi-main{max-width:860px}
.vi-head{margin:6px 0 18px}
.vi-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vi-nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid var(--leaf-line);background:var(--leaf-soft);color:var(--leaf-dark);font-weight:800;text-decoration:none}
.vi-nav a:hover{background:#d6e9c9}
.vi-sec h3{margin:14px 0 6px;font-size:1.1rem;font-weight:900;color:var(--ink)}
.vi-sec h4{margin:16px 0 8px;font-size:1rem;font-weight:900;color:var(--ink)}
.vi-strong{font-weight:800;font-size:1.05rem}
.vi-em{font-weight:800;color:var(--leaf-dark);border-left:4px solid var(--leaf);padding-left:12px}
.vi-q{font-weight:800;color:var(--root)}
.vi-quote{margin:12px 0;padding:10px 16px;border-left:4px solid var(--sun);background:#FFF6DA;border-radius:0 12px 12px 0;font-weight:700;line-height:1.8}
.vi-bar{display:flex;gap:10px;margin:10px 0 12px}
.vi-bar button{min-height:var(--tap);padding:0 16px;border-radius:12px;border:1px solid var(--leaf-line);background:#fff;color:var(--leaf-dark);font:inherit;font-weight:800;cursor:pointer}
.vi-bar button:hover{background:var(--leaf-soft)}
.vi-acc{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:10px;overflow:hidden}
.vi-acc summary{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:var(--tap);cursor:pointer;list-style:none}
.vi-acc summary::-webkit-details-marker{display:none}
.vi-acc summary::after{content:"＋";margin-left:auto;font-weight:900;color:var(--leaf-dark);font-size:1.2rem}
.vi-acc[open] summary::after{content:"－"}
.vi-acc .n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--leaf-dark);color:#fff;font-weight:900}
.vi-acc .t b{display:block;font-size:1.05rem;color:var(--ink)}
.vi-acc .t small{display:block;margin-top:2px;color:var(--muted);font-size:.88rem;line-height:1.5}
.vi-body{padding:2px 18px 16px 18px;border-top:1px solid var(--line)}
.vi-body p{margin:12px 0 0;line-height:1.9}
.vi-bridge{margin:14px 0 4px;font-weight:700}
.vi-core{border-left:6px solid var(--leaf)}
.vi-dir{margin:14px 0;padding:18px 20px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--root);border-radius:16px}
.vi-dir.b{border-top-color:var(--leaf)}
.vi-dir .tag{margin:0;font-size:.85rem;font-weight:900;letter-spacing:.06em;color:var(--root)}
.vi-dir.b .tag{color:var(--leaf-dark)}
.vi-dir h3{margin:4px 0 8px;font-size:1.5rem}
.vi-dir p{margin:8px 0;line-height:1.85}
.vi-five{font-weight:900;font-size:1.05rem;letter-spacing:.04em;color:var(--root)}
.vi-prog,.vi-three{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.vi-prog li{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:10px 14px;background:#FFF9EC;border:1px solid var(--line);border-radius:12px}
.vi-prog b{min-width:4.5em}
.vi-three li{padding:12px 14px;background:var(--leaf-soft);border:1px solid var(--leaf-line);border-radius:12px;line-height:1.8}
.vi-three b{display:block;color:var(--leaf-dark);margin-bottom:2px}
.vi-talk{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.vi-talk article{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.vi-talk h4{margin:0 0 8px}
.vi-talk ul{margin:0;padding-left:1.2em;line-height:1.85}
.vi-final{text-align:center}
.vi-slogan2{margin:14px 0 6px;font-size:1.2rem;font-weight:900;color:var(--leaf-dark)}
.vi-foot{margin:0;color:var(--muted);font-weight:700;font-size:.9rem}
@media (max-width:700px){.vi-talk{grid-template-columns:1fr}.vi-dir h3{font-size:1.3rem}}
@media print{.vi-nav,.vi-bar{display:none}.vi-acc summary::after{display:none}}


/* ===== 首頁（置中單欄）：動畫 → 標語 → 兩個入口 → 護幼計劃 ===== */
.h-center{max-width:760px;text-align:center}
.h-center .v-media{max-width:520px;margin:0 auto 22px}
.h-center .v-tools{justify-content:center}
.h-center .v-slogan{margin:6px 0 10px;font-size:clamp(1.6rem,5vw,2.3rem)}
.h-center .v-lead{max-width:34em;margin:0 auto 10px}
.v-link{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--leaf-dark);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.h-center .h-grid{margin-top:14px}
.h-center .h-card{text-align:center;border-top-width:6px;padding:20px 16px}
.h-center .h-card .ico{display:inline-flex;color:var(--root)}
.h-center .h-card.parent .ico{color:var(--leaf-dark)}
.h-center .h-card h2{margin:.35rem 0 .2rem}
.h-center .h-card p{margin:0;color:var(--muted);font-weight:700}
.h-care{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 18px;min-height:var(--tap);border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);color:var(--ink);text-decoration:none}
.h-care b{font-size:1.1rem;font-weight:900}
.h-care span{color:var(--leaf-dark);font-weight:800}
.h-care:hover{background:#fff}
@media (max-width:820px){.h-center .h-grid{grid-template-columns:1fr 1fr;gap:10px}}
@media (max-width:420px){.h-center .h-card h2{font-size:1.2rem}.h-center .h-card p{font-size:.85rem}}

/* ===== 公開異象頁（簡潔版：標題、分隔線與文字；不用一層層框） ===== */
.vp-main{max-width:720px;text-align:center}
.vp-title{margin:8px 0 6px;font-size:clamp(1.5rem,4.6vw,2.1rem);line-height:1.4;font-weight:900;color:var(--ink)}
.vp-subtitle{margin:0 0 18px;font-size:1.05rem;line-height:1.8;color:var(--ink-2);font-weight:700}
.vp-fig{margin:0 0 6px}
.vp-fig img{display:block;width:100%;height:auto;border-radius:14px}
.vp-sec{padding:24px 0;border-top:1px solid var(--line)}
.vp-sec h2{margin:0 0 8px;font-size:1.35rem;font-weight:900;color:var(--ink)}
.vp-sec p{margin:8px 0;line-height:1.9}
.vp-lead{font-weight:900;font-size:1.08rem;text-align:center;color:var(--leaf-dark)}
.vp-sub{margin:0 0 8px;font-size:.9rem;font-weight:800;letter-spacing:.08em;color:var(--leaf-dark)}
.vp-roles{list-style:none;margin:16px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.vp-roles li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;color:var(--leaf-dark)}
.vp-roles li+li{border-left:1px solid var(--line)}
.vp-roles b{margin-top:4px;color:var(--ink);font-size:1.1rem}
.vp-roles span{color:var(--muted);font-size:.9rem;font-weight:700}
.vp-tabs{display:flex;gap:4px;margin:10px 0 8px}
.vp-tabs button{flex:1;min-height:var(--tap);padding:0 10px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-weight:800;color:var(--muted);cursor:pointer}
.vp-tabs button[aria-selected=true]{color:var(--leaf-dark);border-bottom-color:var(--leaf-dark)}
.vp-tabs button:focus-visible{outline:2px solid var(--leaf-dark);outline-offset:-2px}
[role=tabpanel] h3{margin:8px 0 4px;font-size:1.15rem;font-weight:900;color:var(--ink)}
.vp-hint{margin:2px 0 8px!important;font-size:.88rem;color:var(--muted)}
.vp-acc details{border-top:1px solid var(--line)}
.vp-acc details:first-child{border-top:0}
.vp-acc summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:var(--tap);padding:10px 2px;font-weight:800;cursor:pointer;list-style:none}
.vp-acc summary::-webkit-details-marker{display:none}
.vp-acc summary::after{content:"＋";color:var(--leaf-dark);font-weight:900}
.vp-acc details[open] summary::after{content:"－"}
.vp-acc details p{margin:0 0 14px;padding:0 2px;line-height:1.9}
.vp-hope{text-align:center}
.vp-hope-lead{font-weight:900;font-size:1.2rem;line-height:1.7!important;color:var(--ink)}
.vp-slogan{margin-top:16px!important;font-weight:900;color:var(--leaf-dark)}
@media (max-width:420px){.vp-roles b{font-size:1rem}.vp-roles span{font-size:.8rem}}
.vp-main .zone-note{border-left:0;background:none;padding:0;text-align:center}
.vp-main .zone-links{display:flex;justify-content:center;margin:0}

.h-center .h-card.care{display:block;margin-top:14px;border:3px solid #FFB91D;border-top-width:6px;box-shadow:0 0 0 3px #FFE600,0 6px 18px rgba(255,122,80,.18)}
.h-center .h-card.care .ico{color:#E8922A}

/* ===== 異象頁：用色塊區分層次（取代細線） ===== */
.vp-sec{border-top:0;padding:22px 0;margin:0}
.vp-sec[aria-labelledby=vp-qa],.vp-hope{border-radius:20px;padding:22px 18px;margin:10px 0}
.vp-sec[aria-labelledby=vp-qa]{background:#EEF5E8;border:1px solid var(--leaf-line)}
.vp-hope{background:#FFF1C9;border:1px solid #F3D98B}
.vp-sec[aria-labelledby=vp-qa]>h2{margin-bottom:14px}
.vp-tabs{gap:4px;margin:0 0 16px;padding:4px;background:#fff;border:1px solid var(--leaf-line);border-radius:999px}
.vp-tabs button{border:0;border-radius:999px;min-height:42px;color:var(--ink-2)}
.vp-tabs button[aria-selected=true]{background:var(--leaf-dark);color:#fff}
[role=tabpanel] h3{margin:0 0 10px;font-size:1.05rem;color:var(--leaf-dark)}
.vp-acc details{border:1px solid var(--leaf-line)!important;border-radius:14px;background:#fff;margin-bottom:8px;overflow:hidden}
.vp-acc summary{padding:12px 16px}
.vp-acc details[open]{border-color:var(--leaf)!important}
.vp-acc details[open] summary{background:#F6FAF2;border-bottom:1px solid var(--leaf-line)}
.vp-acc details p{margin:0;padding:14px 18px 16px;font-size:.97rem;color:var(--ink-2)}
.vp-hope .vp-sub{color:#9A6A10}

/* ===== 首頁：寬螢幕填滿（影片放大、三張入口卡並排） ===== */
.h-center{max-width:1080px}
.h-center .v-media{max-width:700px;margin-bottom:26px}
.h-center .v-slogan{font-size:clamp(1.7rem,3.6vw,2.6rem);margin:10px 0 12px}
.h-center .v-slogan span{display:inline-block}
.h-center .v-lead{font-size:1.12rem;max-width:none}
.h-center .h-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.h-center .h-grid .h-card.care{margin-top:0}
@media (max-width:900px){
  .h-center .v-slogan span{display:block}
  .h-center .h-grid{grid-template-columns:1fr 1fr}
  .h-center .h-grid .h-card.care{grid-column:1/-1}
}
body.site-page{background-attachment:fixed;min-height:100vh}


/* ================= 首頁新版（參考：左文字＋右主視覺、卡片格狀） ================= */
body.zone-home{--hg:#1F3B2D;--hg2:#2F6B3F;--hbg:#F6F3EA;--hline:#E2DDCD;--hink:#1F3327;--hmut:#5E6B5F;--hgold:#F0A927;background:var(--hbg)!important;background-attachment:scroll}
.hm-main{max-width:1180px;margin:0 auto;padding:0 24px 40px;color:var(--hink)}
.hm-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;padding:48px 0 52px}
.hm-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.88rem;font-weight:800;letter-spacing:.06em;color:var(--hg2)}
.hm-eyebrow i{display:block;width:34px;height:2px;background:var(--hg2)}
.hm-copy h1{margin:0 0 18px;font-family:"Noto Serif TC","Songti TC",serif;font-weight:900;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.38;color:var(--hink)}
.hm-copy h1 span{display:block}
.hm-copy h1 .hl{color:var(--hg2)}
.hm-lead{margin:0 0 26px;font-size:1.1rem;line-height:1.9;color:var(--hmut)}
.hm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.hm-btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border-radius:10px;background:var(--hg2);color:#fff;font-weight:800;text-decoration:none;border:2px solid var(--hg2)}
.hm-btn:hover{background:var(--hg);border-color:var(--hg)}
.hm-btn.ghost{background:transparent;color:var(--hg2)}
.hm-btn.ghost:hover{background:var(--hg2);color:#fff}
.hm-main .v-link{color:var(--hink);text-decoration:none;font-weight:800;padding:0 6px}
.hm-main .v-link:hover{color:var(--hg2);text-decoration:underline}
.hm-tags{display:flex;flex-wrap:wrap;gap:4px 12px;margin:26px 0 0;font-size:.86rem;color:var(--hmut)}
.hm-tags i{font-style:normal;opacity:.5}

.hm-feature{margin:0;padding:22px 22px 24px;border-radius:20px;background:var(--hg);color:#EAF1E6;box-shadow:12px 12px 0 #DAE0D0}
.hm-ftop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:.9rem;font-weight:800;letter-spacing:.05em;color:#C9D8C4}
.hm-feature .v-tools{margin:0;justify-content:flex-end;gap:8px}
.hm-feature .v-tools button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#EAF1E6;font-size:.8rem}
.hm-feature .v-tools button:hover{background:rgba(255,255,255,.12)}
.hm-feature .v-frame{border-radius:12px;border:3px solid var(--hgold);box-shadow:none;background:#14251C}
.hm-fcap{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.hm-fcap small{color:#A9BDA6;font-size:.86rem}
.hm-fcap strong{font-family:"Noto Serif TC",serif;font-size:1.5rem;font-weight:900;color:#fff}

.hm-sec{padding:34px 0;border-top:1px solid var(--hline)}
.hm-sec>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px;margin-bottom:20px}
.hm-kicker{flex-basis:100%;margin:0;font-size:.82rem;font-weight:800;letter-spacing:.08em;color:var(--hg2)}
.hm-sec h2{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:900;color:var(--hink)}
.hm-note{margin-left:auto;font-size:.9rem;color:var(--hmut)}

.hm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.hm-main .h-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--hline);border-top:1px solid var(--hline);border-radius:14px;background:#fff;box-shadow:none;color:var(--hink);text-align:left;min-height:96px}
.hm-main .h-card:hover{border-color:var(--hg2);box-shadow:0 6px 16px rgba(31,59,45,.1);transform:none}
.hm-main .h-card .ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:12px;background:#E5EEDD;color:var(--hg2);font-family:"Noto Serif TC",serif;font-size:1.6rem;font-weight:900}
.hm-main .h-card.teacher .ico{background:#F1E6D8;color:#7A4B2A}
.hm-main .h-card.care .ico{background:#FBEFC8;color:#B97A0B}
.hm-main .h-card .tx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.hm-main .h-card strong{font-size:1.15rem;font-weight:900}
.hm-main .h-card small{font-size:.86rem;color:var(--hmut)}
.hm-main .h-card em{font-style:normal;font-size:.85rem;font-weight:800;color:var(--hmut)}
.hm-main .h-card .arr,.hm-q .arr{flex:none;color:var(--hmut)}

.hm-qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hm-q{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--hline);border-radius:14px;background:#fff;color:var(--hink);text-decoration:none;min-height:88px}
.hm-q:hover{border-color:var(--hg2);box-shadow:0 6px 16px rgba(31,59,45,.1)}
.hm-q b{flex:none;font-family:"Noto Serif TC",serif;font-size:2rem;font-weight:900;color:var(--hg2);line-height:1}
.hm-q span{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.hm-q strong{font-size:1rem;font-weight:800;line-height:1.4}
.hm-q small{font-size:.84rem;color:var(--hmut)}
.hm-main .h-foot{margin:30px 0 0;text-align:center}

@media (max-width:980px){
  .hm-hero{grid-template-columns:1fr;gap:34px;padding:32px 0 36px}
  .hm-feature{box-shadow:8px 8px 0 #DAE0D0}
  .hm-grid{grid-template-columns:1fr}
  .hm-qgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .hm-main{padding:0 16px 32px}
  .hm-qgrid{grid-template-columns:1fr 1fr;gap:10px}
  .hm-q{padding:12px;gap:10px;min-height:76px}.hm-q b{font-size:1.6rem}.hm-q strong{font-size:.92rem}.hm-q .arr{display:none}
  .hm-note{margin-left:0;flex-basis:100%}
  .hm-btn{flex:1 1 100%;justify-content:center}
}


/* ================= 異象頁（與首頁同版型） ================= */
.hm-img{border-radius:12px;overflow:hidden;border:3px solid var(--hgold,#F0A927);background:#14251C;line-height:0}
.hm-img img{display:block;width:100%;height:auto}
.hm-p{margin:0 0 20px;line-height:1.9;color:var(--hmut,#5E6B5F);max-width:46em}
.hm-grid{margin-top:4px}
.hm-qa{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.hm-qa .vp-tabs{grid-column:1;grid-row:1;flex-direction:column;gap:6px;margin:0;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--hline)}
.hm-qa .vp-tabs button{justify-content:flex-start;text-align:left;border-radius:10px;padding:0 16px;font-size:1.02rem}
.hm-qa [role=tabpanel]{grid-column:2;grid-row:1;padding:22px 24px;border:1px solid var(--hline);border-radius:14px;background:#fff;text-align:left}
.hm-qa [role=tabpanel] h3{font-family:"Noto Serif TC",serif;font-size:1.2rem;margin:0 0 14px;color:var(--hink)}
.hm-qa .vp-acc details{border:1px solid var(--hline)!important;background:#FAF8F1;border-radius:12px;margin-bottom:8px}
.hm-qa .vp-acc summary{justify-content:space-between;text-align:left}
.hm-qa .vp-acc details[open] summary{background:#EEF4E8}
.hm-qa .vp-acc details p{text-align:left;padding:14px 18px 16px}
.hm-hope{margin:14px 0 0;padding:34px 28px;border-radius:20px;background:var(--hg,#1F3B2D);color:#EAF1E6;text-align:center}
.hm-hope .hm-kicker{color:#CFE3C6;margin-bottom:10px}
.hm-hope-lead{margin:0 0 12px;font-family:"Noto Serif TC",serif;font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:900;line-height:1.6;color:#fff}
.hm-hope p:last-child{margin:0;color:#CFDCCB;line-height:1.9}
@media (max-width:820px){
  .hm-qa{grid-template-columns:1fr;gap:14px}
  .hm-qa .vp-tabs{grid-row:auto;flex-direction:row;padding:4px;border-radius:999px}
  .hm-qa .vp-tabs button{justify-content:center;border-radius:999px;padding:0 8px}
  .hm-qa [role=tabpanel]{grid-column:1;grid-row:auto;padding:16px}
}

/* 影片外框：無金色邊框、四邊內距一致；按鈕移到下方說明列 */
.hm-feature{padding:22px!important}
.hm-feature .v-frame,.hm-img{border:0!important;border-radius:12px}
.hm-fcap{flex-direction:row!important;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.hm-ftxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hm-fcap .v-tools{margin:0}
.hm-fcap .v-tools button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#EAF1E6;font-size:.8rem}
.hm-fcap .v-tools button:hover{background:rgba(255,255,255,.12)}

/* ===== 異象頁：三個角色改為精簡 Accordion 卡片 ===== */
.hm-qh{margin:26px 0 14px;font-family:"Noto Serif TC",serif;font-size:1.25rem;font-weight:900;color:var(--hink)}
.hm-roles{display:flex;flex-direction:column;gap:12px}
.hm-role{border:1px solid var(--hline);border-radius:14px;background:#FFFDF6;overflow:hidden}
.hm-role>summary{display:flex;align-items:center;gap:16px;padding:13px 20px;cursor:pointer;list-style:none}
.hm-role>summary::-webkit-details-marker{display:none}
.hm-role .ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#E5EEDD;color:var(--hg2)}
.hm-role .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.hm-role .tx strong{font-size:1.1rem;font-weight:900;color:var(--hink)}
.hm-role .tx small{font-size:.9rem;color:var(--hmut)}
.hm-role .chev{flex:none;color:var(--hg2);transition:transform .2s}
.hm-role[open]>summary .chev{transform:rotate(180deg)}
.hm-role[open]>summary{border-bottom:1px solid var(--hline)}
.hm-role:hover{border-color:var(--hg2)}
.hm-rbody{padding:16px 20px 18px;text-align:left}
.hm-rbody h3{margin:0 0 12px;font-family:"Noto Serif TC",serif;font-size:1.05rem;font-weight:900;color:var(--hg2)}
.hm-rbody .vp-acc details{border:1px solid var(--hline)!important;background:#fff;border-radius:12px;margin-bottom:8px;overflow:hidden}
.hm-rbody .vp-acc summary{justify-content:space-between;text-align:left;padding:12px 16px;min-height:44px}
.hm-rbody .vp-acc details[open] summary{background:#EEF4E8;border-bottom:1px solid var(--hline)}
.hm-rbody .vp-acc details p{margin:0;padding:14px 16px 16px;text-align:left;line-height:1.9}
@media (prefers-reduced-motion:reduce){.hm-role .chev{transition:none}}


/* 手機：標題縮小，別佔滿整個畫面；首頁、護幼的按鈕已整合在頂部列 */
@media (max-width:560px){
  .hm-hero{padding:18px 0 22px;gap:22px}
  .hm-eyebrow{margin-bottom:10px;font-size:.82rem}
  .hm-copy h1{font-size:1.7rem;line-height:1.36;margin-bottom:12px}
  .hm-lead{font-size:1rem;line-height:1.75;margin-bottom:18px}
  body.zone-vision .hm-lead{margin-bottom:0}
  body.zone-vision .hm-actions{display:none}
}

/* 首頁頂部列配色，與其他頁一致（深綠、白底細邊框） */
body.zone-home .site-header{background:#fff;border-bottom:1px solid var(--hline,#E2DDCD);box-shadow:none}
body.zone-home .site-brand strong{font-family:"Noto Serif TC","Songti TC",serif;color:var(--hink)}
body.zone-home .site-switch{background:#fff;border:1px solid var(--hline,#E2DDCD);box-shadow:none}
body.zone-home .site-switch a{color:var(--hink)}
body.zone-home .site-switch a[aria-current="page"]{background:var(--hg2);color:#fff;box-shadow:none}
body.zone-home .site-share,body.zone-home .fs-ctrl button:last-child{background:var(--hg2);border-color:var(--hg2);color:#fff;box-shadow:none}
body.zone-home .fs-ctrl{background:#fff;border:1px solid var(--hline,#E2DDCD)}
body.zone-home .site-icons a{border-color:var(--hline,#E2DDCD)}

/* 異象頁：問答內的插圖 */
.vp-fig{display:grid;grid-template-columns:1fr;gap:12px;margin:4px auto 18px;max-width:340px}
.vp-fig.two{grid-template-columns:1fr 1fr;max-width:560px}
.vp-fig figure{margin:0}
.vp-fig img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--hline)}
.vp-fig figcaption{margin-top:6px;font-size:.86rem;color:var(--hmut);text-align:center}
@media (max-width:560px){.vp-fig,.vp-fig.two{margin:2px auto 14px;gap:8px;max-width:none}.vp-fig:not(.two){max-width:300px}.vp-fig figcaption{font-size:.8rem}}
.vp-fig{justify-items:center}.vp-fig.two{margin-left:auto;margin-right:auto}

/* 團隊資源：5 張連結卡，最後一張撐滿整列 */
.hm-resgrid{grid-template-columns:repeat(2,1fr)}
.hm-resgrid .hm-q:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:560px){.hm-resgrid{grid-template-columns:1fr}.hm-resgrid .hm-q .arr{display:block}}

/* 角色卡：插圖為主、文字為輔，框線只留一層（選取中的卡） */
.vp-rolecards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 6px;padding:0!important;border:0!important;background:none!important;border-radius:0!important}
.vp-rolecards [role=tab]{display:flex;flex-direction:column;align-items:center;gap:4px;height:auto!important;padding:0 0 12px!important;border:2px solid transparent!important;border-radius:18px!important;background:none!important;color:var(--hink);cursor:pointer;text-align:center;font:inherit;transition:border-color .15s,opacity .15s;opacity:.72}
.vp-rolecards [role=tab] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px 16px 12px 12px;margin-bottom:8px}
.vp-rolecards [role=tab] strong{font-family:"Noto Serif TC",serif;font-size:1.25rem;font-weight:900}
.vp-rolecards [role=tab] small{font-size:.9rem;color:var(--hmut);line-height:1.4;padding:0 8px}
.vp-rolecards [role=tab]:hover{opacity:1}
.vp-rolecards [role=tab][aria-selected=true]{opacity:1;border-color:var(--hg2)!important}
.vp-rolecards [role=tab]:focus-visible{outline:3px solid var(--hg2);outline-offset:2px}
.vp-cards [role=tabpanel]{padding:20px 4px 0!important;border:0!important;background:none!important;border-radius:0!important}
.vp-cards [role=tabpanel] h3{font-family:"Noto Serif TC",serif;font-size:1.25rem;margin:0 0 6px;color:var(--hink)}
.vp-cards .vp-acc details{border:0!important;border-bottom:1px solid var(--hline)!important;background:none!important;border-radius:0!important;margin:0!important}
.vp-cards .vp-acc details:last-child{border-bottom:0!important}
.vp-cards .vp-acc details[open] summary{background:none!important}
.vp-cards .vp-acc summary{padding:16px 2px!important;font-weight:700}
.vp-cards .vp-acc details p{padding:0 2px 14px!important;text-align:left}
@media (max-width:560px){.vp-rolecards{gap:8px}.vp-rolecards [role=tab] strong{font-size:1.02rem}.vp-rolecards [role=tab] small{display:none}.vp-rolecards [role=tab] img{margin-bottom:4px}}
.vp-rolecards [role=tab],.vp-rolecards [role=tab][aria-selected=true]{color:var(--hink)!important}
.vp-rolecards [role=tab] small,.vp-rolecards [role=tab][aria-selected=true] small{color:var(--hmut)!important}
.vp-cards .vp-acc summary{justify-content:space-between!important;text-align:left!important}
.vp-cards .vp-acc details p{padding-top:0!important}
.vp-cards .vp-acc details[open]>summary{border-bottom:0!important}

/* 對齊：異象頁角色區統一靠左 */
.vp-rolecards [role=tab]{align-items:flex-start!important;text-align:left!important}
.vp-rolecards [role=tab] strong,.vp-rolecards [role=tab] small{text-align:left!important;padding-left:6px!important;padding-right:6px!important}
.vp-cards [role=tabpanel]{padding-left:0!important;padding-right:0!important}
.vp-cards [role=tabpanel] h3,.vp-cards .vp-acc summary,.vp-cards .vp-acc details p{padding-left:6px!important;text-align:left!important}
.vp-cards .vp-acc details p{padding-right:6px!important}

/* 手機版首頁再縮小 */
@media (max-width:560px){
  .hm-hero{padding:12px 0 16px!important;gap:16px!important}
  .hm-copy h1{font-size:1.45rem!important;line-height:1.35!important;margin-bottom:8px!important}
  .hm-lead{font-size:.92rem!important;line-height:1.65!important;margin-bottom:12px!important}
  .hm-eyebrow{font-size:.76rem!important;margin-bottom:6px!important}
  .hm-actions .hm-btn{min-height:44px!important;font-size:.98rem!important}
  .hm-sec{padding:20px 0!important}
  .hm-sec h2{font-size:1.35rem!important}
}

/* 首頁手機版：三個入口等寬同高排成一列，說明文字收成小字，讓異象圖提早露出 */
.hm-actions .m{display:none}
@media (max-width:560px){
  .hm-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px!important}
  .hm-actions .d{display:none}.hm-actions .m{display:inline}
  .hm-actions .hm-btn,.hm-actions .v-link{flex:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:42px!important;padding:0 6px!important;border-radius:10px;font-size:.92rem!important;font-weight:800;text-align:center;white-space:nowrap;margin:0!important}
  .hm-actions .hm-btn svg{display:none}
  .hm-actions .v-link{border:2px solid var(--hline,#DDD8C6);background:#fff;color:var(--hg,#1F3B2D);text-decoration:none}
  .hm-tags{margin:10px 0 0!important;font-size:.78rem!important;gap:2px 8px!important;line-height:1.5}
  .hm-hero{gap:12px!important;padding-bottom:12px!important}
  .hm-lead{margin-bottom:12px!important}
}

/* 三股力量 */
.vp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:8px 0 16px}
.vp-three article{position:relative;border:1px solid var(--hline,#DDD8C6);border-radius:16px;background:#fff;padding:22px 22px 24px;text-align:left}
.vp-3ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#E6EFE3;color:var(--hmid,#2F6B3F);margin-bottom:12px}
.vp-three small{display:block;font-size:.85rem;font-weight:700;color:var(--hmid,#2F6B3F);margin-bottom:2px}
.vp-three h3{font-family:"Noto Serif TC",serif;font-size:1.45rem;margin:0 0 8px;color:var(--hink,#1F3B2D)}
.vp-three p{margin:0;line-height:1.7;text-align:left;color:var(--hsoft,#3F5247)}
.vp-3band{background:#E9F0E5;border-radius:14px;padding:16px 20px;text-align:left}
.vp-3band p{margin:0 0 4px;font-weight:800;line-height:1.6;color:var(--hink,#1F3B2D)}
.vp-3band small{color:var(--hsoft,#3F5247)}
@media(max-width:760px){.vp-three{grid-template-columns:1fr;gap:18px}.vp-three article{padding:16px 16px 18px}.vp-3ic{width:46px;height:46px;margin-bottom:8px}}

.vp-rope{display:block;width:100%;height:90px;margin:6px 0 4px}
.vp-rope polyline{stroke-width:11}
.vp-rope polyline.o{stroke:var(--hbg,#F6F3EA);stroke-width:17}
.vp-three{margin-top:0}
.vp-three article{border-top:4px solid var(--sc,#2F6B3F)}
.vp-three .sa{--sc:#2F6B3F}.vp-three .sb{--sc:#8DB596}.vp-three .sc{--sc:#D9A93E}
.vp-three .sa .vp-3ic{background:#E1ECE2}.vp-three .sb .vp-3ic{background:#E6F0E8}.vp-three .sc .vp-3ic{background:#F7ECD0;color:#8A6A12}
@media(max-width:760px){.vp-rope{height:60px}}

/* 異象圖：移除深綠色框底 */
.hm-feature{background:none!important;box-shadow:none!important;padding:0!important;color:var(--hink,#1F3327)!important}
.hm-feature .v-frame,.hm-feature .hm-img{border-radius:14px;background:none}
.hm-fcap small{color:var(--hmut,#5E6B5F)!important}
.hm-fcap strong{color:var(--hink,#1F3327)!important}
.hm-feature .v-tools button,.hm-fcap .v-tools button{border:1px solid var(--hline,#DDD8C6)!important;color:var(--hink,#1F3327)!important;background:#fff!important}
.hm-feature .v-tools button:hover,.hm-fcap .v-tools button:hover{background:#F1EEE3!important}

/* 三股力量：插圖取代繩子線稿 */
.vp-ropefig{margin:8px 0 18px;border-radius:14px;overflow:hidden;line-height:0}
.vp-ropefig img{display:block;width:100%;height:auto}
.vp-three article{border-top:1px solid var(--hline,#DDD8C6)!important}
.vp-three .sa .vp-3ic,.vp-three .sb .vp-3ic,.vp-three .sc .vp-3ic{background:#E6EFE3;color:var(--hmid,#2F6B3F)}

/* 三股力量：改為單欄說明，不用卡片與圖示 */
.vp-3list{margin:4px 0 14px;border-top:1px solid var(--hline,#DDD8C6)}
.vp-3list>div{display:grid;grid-template-columns:200px 1fr;gap:6px 28px;padding:16px 2px;border-bottom:1px solid var(--hline,#DDD8C6);text-align:left}
.vp-3list dt{font-family:"Noto Serif TC",serif;font-weight:900;font-size:1.3rem;color:var(--hink,#1F3B2D);margin:0}
.vp-3list dt small{display:block;margin-top:2px;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--hmid,#2F6B3F)}
.vp-3list dd{margin:0;line-height:1.75;color:var(--hsoft,#3F5247)}
@media(max-width:760px){.vp-3list>div{grid-template-columns:1fr;gap:4px}}

.vp-3list{border-top:0!important;margin-top:0}
section[aria-labelledby=vp-core],section[aria-labelledby=vp-three]{border-top:0!important}

/* 三股力量：左文右圖，圖縮小 */
.vp-3grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);grid-template-areas:"head fig" "list fig" "band fig" "more fig";column-gap:56px;align-items:start}
.vp-3grid>header{grid-area:head}
.vp-3grid>.vp-ropefig{grid-area:fig;margin:0;align-self:center}
.vp-3grid>.vp-3list{grid-area:list;margin:0}
.vp-3grid>.vp-3band{grid-area:band;margin-top:14px}
.vp-3grid .vp-3list>div{grid-template-columns:130px 1fr;gap:6px 18px}
@media(max-width:860px){
  .vp-3grid{grid-template-columns:1fr;grid-template-areas:"head" "fig" "list" "band" "more"}
  .vp-3grid>.vp-ropefig{margin:6px 0 12px}
  .vp-3grid .vp-3list>div{grid-template-columns:1fr}
}
.vp-3list>div:last-child{border-bottom:0!important}
body.zone-home .hm-sec{border-top:0!important}

/* ===== 異象頁：大區塊間距、標題層級、手機置中 ===== */
body.zone-vision .hm-sec{padding:68px 0!important}
body.zone-vision .hm-hero{padding-bottom:36px!important}
body.zone-vision .hm-sec>header,body.zone-vision .vp-3grid>header{margin-bottom:20px}
body.zone-vision .hm-sec h2{font-size:clamp(1.8rem,3.4vw,2.4rem)!important;line-height:1.3;margin-bottom:0}
body.zone-vision .hm-p{font-size:1.05rem;line-height:1.9;color:var(--hmut);margin-bottom:0}
body.zone-vision .hm-qh{margin:44px 0 18px;font-family:"Noto Sans TC",sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:.04em;color:var(--hg2)}
body.zone-vision .hm-hope{margin-top:20px}
@media(max-width:760px){
  body.zone-vision .hm-sec{padding:52px 0!important}
  body.zone-vision .hm-sec h2{font-size:1.6rem!important}
  body.zone-vision .hm-hero{padding-bottom:28px!important}
  body.zone-vision .hm-copy,body.zone-vision .hm-sec>header,body.zone-vision .vp-3grid>header,
  body.zone-vision .hm-p,body.zone-vision .hm-qh,body.zone-vision .vp-3list>div,body.zone-vision .vp-3band{text-align:center}
  body.zone-vision .hm-eyebrow{justify-content:center}
  body.zone-vision .hm-eyebrow i{display:none}
  body.zone-vision .vp-3list dt small{margin-top:4px}
  body.zone-vision .vp-3list>div{justify-items:center;padding:22px 2px}
  body.zone-vision .hm-qh{margin-top:36px}
}

/* 異象頁頂部改為純文字；完整異象圖用連結開啟 */
body.zone-vision .hm-hero{grid-template-columns:1fr;padding-top:56px}
body.zone-vision .vp-3grid>.vp-3more{grid-area:more;margin:10px 0 0;align-self:start}
body.zone-vision .vp-3more button{font:inherit;font-weight:800;color:var(--hg2);background:none;border:0;padding:8px 0;min-height:var(--tap);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){body.zone-vision .hm-hero{padding-top:36px}body.zone-vision .vp-3grid>.vp-3more{text-align:center}}
body.zone-vision .hm-hero{padding-bottom:0!important}

/* ===== 電腦寬螢幕：內容加寬；異象頁標題置中 ===== */
@media(min-width:1280px){
  body.zone-home .hm-main,body.zone-vision .hm-main{max-width:min(1560px,92vw)}
  body.zone-home .hm-hero{gap:80px}
}
@media(min-width:1500px){
  body.zone-home .hm-copy h1,body.zone-vision .hm-copy h1{font-size:clamp(2.6rem,3.4vw,3.6rem)}
  body.zone-home .hm-lead,body.zone-vision .hm-lead{font-size:1.25rem}
}
@media(min-width:761px){
  body.zone-vision .hm-hero{text-align:center;justify-items:center}
  body.zone-vision .hm-eyebrow{justify-content:center}
  body.zone-vision .hm-copy h1 span{display:block}
  body.zone-vision .hm-sec>header,body.zone-vision .vp-3grid>header{text-align:center;justify-content:center}
  body.zone-vision .hm-sec>header{margin-bottom:24px}
  body.zone-vision .hm-p{margin-left:auto;margin-right:auto;text-align:center}
  body.zone-vision .hm-qh{text-align:center}
  body.zone-vision .vp-3grid{grid-template-areas:"head head" "list fig" "band fig" "more fig"}
  body.zone-vision .vp-3grid>header{margin-bottom:28px}
  body.zone-vision .vp-3grid>.vp-3more{text-align:left}
}

/* 異象頁：角色分頁與問答置中 */
body.zone-vision .vp-rolecards [role=tab]{align-items:center!important;text-align:center!important}
body.zone-vision .vp-rolecards [role=tab] strong,body.zone-vision .vp-rolecards [role=tab] small{text-align:center!important}
body.zone-vision .vp-cards [role=tabpanel] h3{text-align:center!important;padding-left:0!important;margin-bottom:10px}
body.zone-vision .vp-cards .vp-acc{max-width:820px;margin:0 auto}
body.zone-vision .vp-cards .vp-acc summary{position:relative;justify-content:center!important;text-align:center!important;padding:18px 40px!important}
body.zone-vision .vp-cards .vp-acc summary::after{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
body.zone-vision .vp-cards .vp-acc details p{text-align:center!important;padding-left:12px!important;padding-right:12px!important}

/* 異象頁（電腦）：大標題與說明句各排成一行 */
@media(min-width:1000px){
  body.zone-vision .hm-copy h1{font-size:clamp(1.9rem,3.1vw,3.4rem)!important;white-space:nowrap}
  body.zone-vision .hm-copy h1 span{display:inline!important}
  body.zone-vision .hm-p{max-width:none;white-space:nowrap}
}
body.zone-vision .hm-qh{font-family:"Noto Serif TC",serif!important;font-size:1.25rem!important;font-weight:900!important;letter-spacing:0!important;color:var(--hink)!important}
body.zone-vision .hm-hero{padding-top:44px}

/* 異象頁（電腦）：問答改成分頁標籤，問題列固定、內容在下方固定位置 */
.vp-qtabs{display:none}
@media(min-width:900px){
  body.zone-vision .vp-cards .vp-acc{max-width:none;margin:0}
  body.zone-vision .vp-cards .vp-acc>details{display:none!important}
  body.zone-vision .vp-qtabs{display:block}
  body.zone-vision .vp-qrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
  body.zone-vision .vp-qrow button{font:inherit;font-weight:800;color:var(--hink);background:#fff;border:1px solid var(--hline);border-radius:14px;min-height:64px;padding:12px 16px;cursor:pointer;text-align:center;line-height:1.4}
  body.zone-vision .vp-qrow button:hover{border-color:var(--hg2)}
  body.zone-vision .vp-qrow button[aria-selected=true]{background:var(--hg2);border-color:var(--hg2);color:#fff}
  body.zone-vision .vp-qrow button:focus-visible{outline:3px solid var(--hg2);outline-offset:2px}
  body.zone-vision .vp-qbody{margin-top:18px;padding:34px 40px;background:#fff;border:1px solid var(--hline);border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
  body.zone-vision .vp-qbody.has-fig{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  body.zone-vision .vp-qbody[hidden]{display:none}
  body.zone-vision .vp-qtext{max-width:960px;margin:0 auto}
  body.zone-vision .vp-qbody.has-fig .vp-qtext{max-width:none;margin:0}
  body.zone-vision .vp-qtext p{font-size:1.2rem;line-height:2;color:var(--hink);margin:0 0 16px}
  body.zone-vision .vp-qtext p:last-child{margin-bottom:0}
  body.zone-vision .vp-qbody .vp-fig{margin:0}
  body.zone-vision .vp-qbody img{display:block;width:100%;max-width:none;height:auto;border-radius:14px;margin:0}
  body.zone-vision .vp-qbody figcaption,body.zone-vision .vp-qbody .vp-fig p{margin:8px 0 0;text-align:center;font-size:.95rem;color:var(--hmut)}
}
@media(min-width:1500px){body.zone-vision .vp-qtext p{font-size:1.3rem}}

/* 異象頁（電腦）：說明區改深綠底、文字置中、圖片填滿欄位 */
@media(min-width:900px){
  body.zone-vision .vp-qbody{background:var(--hg2);border-color:var(--hg2);padding:40px 48px;gap:48px}
  body.zone-vision .vp-qtext{max-width:1200px;text-align:center}
  body.zone-vision .vp-qbody.has-fig{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  body.zone-vision .vp-qbody.has-fig .vp-qtext{max-width:none;margin:0}
  body.zone-vision .vp-qtext p{color:#EAF1E6}
  body.zone-vision .vp-qtext strong,body.zone-vision .vp-qtext b{color:#fff}
  body.zone-vision .vp-qbody .vp-fig{max-width:none!important;width:100%;margin:0!important}
  body.zone-vision .vp-qbody img{width:100%;max-width:none!important}
  body.zone-vision .vp-qbody figcaption,body.zone-vision .vp-qbody .vp-fig p{color:#CFDCCB}
}

/* 異象頁（電腦）：整體字級拉齊——說明文字放大後，標題與按鈕同步放大 */
@media(min-width:900px){
  body.zone-vision .hm-lead{font-size:1.35rem}
  body.zone-vision .hm-sec h2{font-size:clamp(2rem,3.4vw,2.6rem)!important}
  body.zone-vision .hm-p{font-size:1.25rem}
  body.zone-vision .vp-3list dt{font-size:1.6rem}
  body.zone-vision .vp-3list dt small{font-size:1rem}
  body.zone-vision .vp-3list dd{font-size:1.2rem;line-height:1.85}
  body.zone-vision .vp-3list>div{grid-template-columns:170px 1fr}
  body.zone-vision .vp-3band p{font-size:1.2rem}
  body.zone-vision .vp-3more button{font-size:1.1rem}
  body.zone-vision .hm-qh{font-size:1.6rem!important}
  body.zone-vision .vp-rolecards [role=tab] strong{font-size:1.6rem}
  body.zone-vision .vp-rolecards [role=tab] small{font-size:1.1rem}
  body.zone-vision .vp-cards [role=tabpanel] h3{font-size:1.6rem!important;margin-bottom:16px}
  body.zone-vision .vp-qrow button{font-size:1.2rem;min-height:72px}
  body.zone-vision .hm-hope-lead{font-size:clamp(1.7rem,2.8vw,2.2rem)}
  body.zone-vision .hm-hope p:last-child{font-size:1.2rem}
  body.zone-vision .hm-hope .hm-kicker{font-size:1rem}
  body.zone-vision .h-foot,body.zone-vision .h-foot a{font-size:1.1rem}
}
@media(min-width:1500px){
  body.zone-vision .hm-p,body.zone-vision .vp-3list dd{font-size:1.3rem}
  body.zone-vision .vp-qrow button{font-size:1.3rem}
}
@media(min-width:900px) and (max-width:1499px){
  body.zone-vision .vp-qrow button{font-size:1.1rem;padding:12px 10px}
  body.zone-vision .vp-3list dd{font-size:1.12rem}
}
@media(max-width:1279px){body.zone-vision .hm-p{white-space:normal}}

/* 異象頁（電腦）：角色卡圖片壓扁、說明區圖文比例調整，讓點選後內容能在同一畫面看到 */
@media(min-width:900px){
  body.zone-vision .vp-rolecards{gap:20px;margin-top:4px}
  body.zone-vision .vp-rolecards [role=tab] img{aspect-ratio:16/6;object-fit:cover;object-position:center 40%}
  body.zone-vision .vp-rolecards [role=tab]{padding-bottom:10px!important}
  body.zone-vision .vp-qbody{scroll-margin-top:96px;scroll-margin-bottom:24px;padding:34px 44px}
  body.zone-vision .vp-qbody.has-fig{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}
  body.zone-vision .vp-qbody .vp-fig img{max-height:340px;object-fit:cover}
}
@media(min-width:1500px){
  body.zone-vision .vp-qbody .vp-fig img{max-height:400px}
}
@media(min-width:900px){body.zone-vision .vp-rolecards [role=tab] img{aspect-ratio:16/9;object-position:center 30%}}


/* ===== 異象頁：問答改為「圖＋短標題」卡片格，點開用視窗呈現（取代前面的展開／分頁樣式） ===== */
body.zone-vision .vp-cards .vp-acc>details{display:none!important}
body.zone-vision .vp-qtabs{display:none!important}
body.zone-vision .vp-cards .vp-acc{max-width:none;margin:0;display:block}
.vp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:6px 0 0}
.vp-tile{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff;border:1px solid var(--hline);border-radius:18px;overflow:hidden;cursor:pointer;font:inherit;color:var(--hink);text-align:center;transition:border-color .15s,box-shadow .15s}
.vp-tile:hover{border-color:var(--hg2);box-shadow:0 6px 16px rgba(31,59,45,.1)}
.vp-tile:focus-visible{outline:3px solid var(--hg2);outline-offset:2px}
.vp-tile img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#F3EBDD}
.vp-tile span{display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px 14px;font-family:"Noto Serif TC",serif;font-weight:900;font-size:1.15rem;line-height:1.45}
@media(max-width:700px){
  .vp-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .vp-tile{border-radius:14px}
  .vp-tile span{min-height:70px;font-size:1rem;padding:10px 8px}
}
@media(min-width:900px){.vp-tile span{font-size:1.3rem;min-height:88px}}

#vpDialog{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
#vpDialog::backdrop{background:rgba(20,15,5,.7)}
#vpDialog[open]{display:flex;align-items:center;justify-content:center}
.vpd-box{position:relative;background:#fff;color:var(--hink);width:min(980px,94vw);max-height:90vh;overflow:auto;border-radius:22px;padding:34px 36px 30px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.vpd-box h3{margin:0 56px 18px 0;font-family:"Noto Serif TC",serif;font-size:1.5rem;font-weight:900;line-height:1.4;color:var(--hink)}
.vpd-close{position:absolute;top:16px;right:16px;min-height:var(--tap);padding:0 18px;border-radius:999px;border:0;background:var(--hg2);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.vpd-body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.vpd-text p{margin:0 0 14px;font-size:1.1rem;line-height:1.95;color:var(--hink)}
.vpd-text p:last-child{margin-bottom:0}
.vpd-body .vp-fig{margin:0!important;max-width:none!important;width:100%}
.vpd-body .vp-fig img{display:block;width:100%;height:auto;border-radius:14px;border:0}
.vpd-body .vp-fig figcaption{margin-top:8px;text-align:center;font-size:.92rem;color:var(--hmut)}
@media(min-width:900px){
  .vpd-box{padding:40px 48px 36px}
  .vpd-box h3{font-size:1.9rem;margin-bottom:24px}
  .vpd-body.has-fig{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
  .vpd-text p{font-size:1.25rem}
}
@media(max-width:560px){
  #vpDialog[open]{align-items:flex-end}
  .vpd-box{width:100vw;max-height:92vh;border-radius:22px 22px 0 0;padding:26px 20px 24px}
  .vpd-box h3{font-size:1.25rem}
  .vpd-text p{font-size:1.05rem}
}

/* 超寬螢幕：首頁與異象頁內容再加寬 */
@media(min-width:1900px){
  body.zone-home .hm-main,body.zone-vision .hm-main{max-width:min(1960px,calc(100vw - 160px))}
}

/* 選中角色時，下方對應的格子一起亮綠框 */
body.zone-vision .vp-tile{border:2px solid var(--hg2,#2f6b4a)}

/* 上排選中的卡片不加框（只靠其他兩張變淡表示），下排格子亮綠框 */
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{border-color:transparent!important}

/* 上排角色：只留 icon，亮／淡區分 */
body.zone-vision .vp-rolecards [role=tab] img{display:none}
body.zone-vision .vp-rolecards [role=tab]{padding:22px 12px 20px!important;background:#fff!important;border:1px solid var(--hline)!important;border-radius:18px!important;gap:6px}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{border-color:var(--hg2)!important;background:#fff!important}
body.zone-vision .vp-rolecards [role=tab][aria-selected=false]{opacity:.55}
body.zone-vision .vp-rolecards [role=tab][aria-selected=false]:hover{opacity:.85}
.vp-ico{display:block;width:56px;height:56px;margin:0 auto 6px;color:var(--hg2)}
.vp-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{border-color:var(--hline)!important}

/* 上排角色：無框，選中以綠色底線表示 */
body.zone-vision .vp-rolecards [role=tab],
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{background:none!important;border:0!important;border-bottom:4px solid transparent!important;border-radius:0!important;padding:14px 12px 14px!important}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{border-bottom-color:var(--hg2)!important}

/* 隱藏的標題（保留給閱讀器）；上排 icon 與標題並排 */
.vp-sr,#vpDlgTitle{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.zone-vision .vp-rolecards [role=tab]{display:grid!important;grid-template-columns:auto auto;justify-content:center;align-items:center!important;column-gap:12px;row-gap:2px;padding:18px 12px!important}
body.zone-vision .vp-rolecards [role=tab] .vp-ico{grid-row:1;grid-column:1;width:40px;height:40px;margin:0}
body.zone-vision .vp-rolecards [role=tab] strong{grid-row:1;grid-column:2;text-align:left!important;padding:0!important}
body.zone-vision .vp-rolecards [role=tab] small{grid-row:2;grid-column:1/-1;text-align:center!important}
@media(max-width:560px){body.zone-vision .vp-rolecards [role=tab]{column-gap:6px;padding:12px 4px!important}body.zone-vision .vp-rolecards [role=tab] .vp-ico{width:28px;height:28px}}
body.zone-vision .vp-rolecards [role=tab]{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center!important}
body.zone-vision .vp-rolecards [role=tab] small{flex-basis:100%}

/* 下排格子：三個、四個時尺寸一致（以四欄為準），置中；三個時間距加寬 */
@media(min-width:701px){
  body.zone-vision .vp-tiles{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px}
  body.zone-vision .vp-tiles .vp-tile{flex:0 0 calc((100% - 48px)/4);width:calc((100% - 48px)/4)}
  body.zone-vision .vp-tiles:has(.vp-tile:nth-child(3):last-child){gap:16px clamp(24px,5vw,72px)}
}

/* 綠色底線改短：只在標題下方一小段 */
body.zone-vision .vp-rolecards [role=tab],body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{border-bottom:0!important;position:relative}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]::after{content:"";position:absolute;left:50%;bottom:0;width:72px;height:4px;margin-left:-36px;border-radius:2px;background:var(--hg2)}

/* 上排：無副標，底線加長，列與列之間拉開 */
body.zone-vision .vp-rolecards{margin-top:28px!important;margin-bottom:40px!important}
body.zone-vision .vp-rolecards [role=tab]{padding:20px 12px 26px!important}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]::after{width:160px;margin-left:-80px}
@media(max-width:560px){body.zone-vision .vp-rolecards{margin-top:20px!important;margin-bottom:28px!important}body.zone-vision .vp-rolecards [role=tab][aria-selected=true]::after{width:80%;margin-left:-40%}}

/* 上排三格與下排三個框同寬、同間距，標題對齊各自下方的框中心 */
@media(min-width:701px){
  body.zone-vision .vp-rolecards{display:flex!important;justify-content:center;gap:clamp(24px,5vw,72px)!important}
  body.zone-vision .vp-rolecards [role=tab]{flex:0 0 calc((100% - 48px)/4)}
}

/* 視窗內的條列 */
.vpd-text ul{margin:0 0 14px;padding-left:1.3em;font-size:1.1rem;line-height:1.95;color:var(--hink)}
.vpd-text li{margin:0 0 4px}
.vpd-text ul+p:last-child{margin-bottom:0}
@media(min-width:1500px){.vpd-text ul{font-size:1.25rem}}
@media(max-width:560px){.vpd-text ul{font-size:1.05rem}}

/* 手機：關閉按鈕不再浮在文字上，改放在內容上方一行 */
@media(max-width:560px){
  .vpd-close{position:static!important;display:block;margin:0 0 14px auto}
  .vpd-box{padding-top:18px!important}
}

/* 三股力量：整段以繩子插畫為底圖，文字在最上層 */
body.zone-vision .vp-3grid{
  position:relative;isolation:isolate;overflow:hidden;border-radius:24px;
  display:block!important;
  padding:44px clamp(20px,5vw,72px) 25%;
  background:#fbf6ec url("../assets/img/vp-rope-bg.jpg?v=1") center bottom/100% auto no-repeat;
}
body.zone-vision .vp-3grid>*{position:relative;z-index:1;max-width:980px;margin-left:auto;margin-right:auto}
body.zone-vision .vp-3grid>.vp-3list{margin-top:0}
body.zone-vision .vp-3grid>.vp-3band{background:rgba(233,240,229,.92);margin-top:18px}
body.zone-vision .vp-3grid>.vp-3more{text-align:center;margin:14px auto 0}
@media(max-width:760px){body.zone-vision .vp-3grid{padding:30px 16px 30%;border-radius:18px}}
body.zone-vision .vp-3grid{background:#fbf6ec!important;padding-bottom:30%}
body.zone-vision .vp-3grid::before{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:16/9;z-index:0;background:url("../assets/img/vp-rope-bg.jpg?v=1") center bottom/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 38%);mask-image:linear-gradient(to bottom,transparent 0,#000 38%);pointer-events:none}
@media(max-width:760px){body.zone-vision .vp-3grid{padding-bottom:36%}}

/* 異象頁大標題區：插畫當底圖，文字靠左壓在最上層 */
body.zone-vision .hm-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;margin-top:18px;background:#fbf6ec;text-align:left!important;justify-items:start!important}
body.zone-vision .hm-hero .hm-copy{position:relative;z-index:1;text-align:left!important}
body.zone-vision .hm-hero .hm-copy h1 span{display:block!important}
body.zone-vision .hm-hero .hm-copy h1{white-space:normal!important;text-align:left!important}
body.zone-vision .hm-hero .hm-p{margin-left:0!important;margin-right:0!important;text-align:left!important;white-space:normal!important}
@media(min-width:761px){
  body.zone-vision .hm-hero{display:flex!important;align-items:center;aspect-ratio:16/7.4;max-height:720px;padding:0 0 0 clamp(28px,6vw,110px)!important;background:#fbf6ec url("../assets/img/vp-hero-flood.jpg?v=2") center 35%/cover no-repeat}
  body.zone-vision .hm-hero .hm-copy{max-width:44%}
}
@media(max-width:760px){
  body.zone-vision .hm-hero{display:block!important;padding:34px 20px 58%!important}
  body.zone-vision .hm-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:16/9;z-index:0;background:url("../assets/img/vp-hero-flood.jpg?v=2") center bottom/100% 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%);pointer-events:none}
}

/* 三股力量：結語去掉綠底、置中 */
body.zone-vision .vp-3grid>.vp-3band{background:none!important;padding:8px 0 0;text-align:center!important;border-radius:0}
body.zone-vision .vp-3grid>.vp-3band p{text-align:center}
body.zone-vision .vp-3grid{padding-bottom:38%}
@media(max-width:760px){body.zone-vision .vp-3grid{padding-bottom:42%}}
body.zone-vision .vp-3grid{padding-bottom:27%}
@media(max-width:760px){body.zone-vision .vp-3grid{padding-bottom:40%}}
body.zone-vision .vp-3grid{padding-bottom:32%}

/* 手機：副標放在大字右邊同一行 */
@media(max-width:760px){
  body.zone-vision .vp-3list dt{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:nowrap}
  body.zone-vision .vp-3list dt small{display:inline;margin:0!important;white-space:nowrap}
}

/* 手機：文字下移，壓在圖片左上方的天空上 */
@media(max-width:760px){
  body.zone-vision .hm-hero{padding:22px 16px 0!important;min-height:calc(56.25vw + 96px)}
  body.zone-vision .hm-hero::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%)}
}
@media(max-width:760px){
  body.zone-vision .hm-hero{min-height:calc(56.25vw + 84px)}
  body.zone-vision .hm-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% - 40vw);z-index:0;background:linear-gradient(to bottom,rgba(251,246,236,.9) 0,rgba(251,246,236,.8) 60%,rgba(251,246,236,0) 100%);pointer-events:none}
  body.zone-vision .hm-hero .hm-p{font-size:.95rem!important;white-space:nowrap!important}
}
@media(max-width:760px){body.zone-vision .hm-hero .hm-lead{font-size:.95rem!important;white-space:nowrap!important;margin-bottom:0}}
@media(max-width:760px){body.zone-vision .hm-hero .hm-lead{font-size:clamp(.74rem,3.6vw,.92rem)!important}}

/* 手機：格子兩欄，落單的那個置中 */
@media(max-width:700px){
  body.zone-vision .vp-tiles{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px}
  body.zone-vision .vp-tiles .vp-tile{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2)}
}

/* 點選上排角色時，放大的小動態 */
body.zone-vision .vp-rolecards [role=tab]{transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .15s}
body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{transform:scale(1.1);animation:vpPop .38s cubic-bezier(.2,.9,.3,1.2)}
@keyframes vpPop{0%{transform:scale(1)}55%{transform:scale(1.2)}100%{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){body.zone-vision .vp-rolecards [role=tab]{transition:none}body.zone-vision .vp-rolecards [role=tab][aria-selected=true]{animation:none}}

/* 手機：視窗置中於畫面，頂列顯示目前是哪個角色 */
.vpd-role{display:none}
@media(max-width:560px){
  #vpDialog[open]{align-items:center!important}
  .vpd-box{width:calc(100vw - 28px)!important;max-height:82vh!important;border-radius:22px!important;padding:16px 18px 22px!important}
  .vpd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
  .vpd-top .vpd-close{margin:0!important}
  .vpd-role{display:inline-flex;align-items:center;gap:8px;color:var(--hg2);font-weight:900;font-size:1.05rem;font-family:"Noto Serif TC",serif}
  .vpd-role .vp-ico{width:30px;height:30px;margin:0;display:block}
}
@media(max-width:560px){.vpd-box{box-sizing:border-box}}
@media(max-width:760px){body.zone-vision .hm-sec>header{display:block!important;text-align:center!important;justify-content:center}body.zone-vision .hm-sec>header h2{text-align:center!important;margin-left:auto;margin-right:auto}}

/* 手機（最終版）：圖片完整顯示，文字縮在左上方天空區、壓在圖片上 */
@media(max-width:760px){
  body.zone-vision .hm-hero{display:block!important;aspect-ratio:16/9;min-height:0!important;padding:clamp(12px,3.6vw,22px) clamp(12px,3.6vw,20px) 0!important}
  body.zone-vision .hm-hero::before{inset:0!important;height:auto!important;aspect-ratio:auto!important;background-size:cover!important;background-position:center!important;-webkit-mask-image:none!important;mask-image:none!important}
  body.zone-vision .hm-hero::after{height:100%!important;width:60%;right:auto!important;background:linear-gradient(to right,rgba(251,246,236,.82) 0,rgba(251,246,236,.55) 60%,rgba(251,246,236,0) 100%)!important}
  body.zone-vision .hm-hero .hm-copy{max-width:47%}
  body.zone-vision .hm-hero .hm-copy h1{font-size:clamp(.92rem,4.3vw,1.2rem)!important;line-height:1.35!important;margin-bottom:6px!important}
  body.zone-vision .hm-hero .hm-lead{font-size:clamp(.7rem,3.2vw,.85rem)!important;white-space:normal!important;line-height:1.55!important;margin:0}
}
@media(max-width:760px){
  body.zone-vision .hm-hero .hm-copy{max-width:54%}
  body.zone-vision .hm-hero .hm-copy h1{font-size:clamp(.85rem,3.9vw,1.15rem)!important}
  body.zone-vision .hm-hero .hm-copy h1 span{white-space:nowrap}
}
@media(max-width:760px){body.zone-vision .hm-hero .hm-lead{text-wrap:balance;max-width:46%}}
@media(max-width:760px){body.zone-vision .hm-hero{display:flex!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}}
@media(min-width:761px){body.zone-vision .hm-hero{aspect-ratio:16/8;background-position:center 100%}}

/* 寬螢幕：繩子底圖縮到整段（文字＋圖）能在同一個畫面內看完 */
@media(min-width:1500px){
  body.zone-vision section[aria-labelledby=vp-three]{container-type:inline-size}
  body.zone-vision .vp-3grid{
    --ih:max(420px,min(56.25cqw,calc((100vh - 200px - 37cqw)/.57)));
    padding-bottom:calc(var(--ih)*.57)!important;
  }
  body.zone-vision .vp-3grid::before{
    left:50%!important;right:auto!important;bottom:0;
    width:min(100%,calc(var(--ih)*1.7778))!important;height:auto!important;aspect-ratio:16/9!important;
    transform:translateX(-50%);
    background-size:100% 100%!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 38%),linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 38%),linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect;
  }
}
@media(min-width:761px){body.zone-vision .hm-hero{width:100%;margin-left:auto;margin-right:auto}}
@media(min-width:761px){body.zone-vision .hm-hero{box-sizing:border-box;max-height:max(520px,calc(100vh - 130px))}}

/* 首頁首屏：入口只留一條文字連結，老師教案／家長專區交給下方卡片 */
.hm-more{margin:4px 0 14px}
.hm-more a{color:var(--hg,#1F3B2D);font-weight:800;text-decoration:none;border-bottom:2px solid #2F6B3F;padding-bottom:2px}
.hm-more a:hover{color:#2F6B3F}
@media(max-width:560px){.hm-more{margin:0 0 8px}.hm-more a{font-size:.95rem}}

/* 異象頁大標題區：新底圖（世代洪流／樹與浪）淡化，讓文字清楚 */
@media(min-width:761px){
  body.zone-vision .hm-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(to right,rgba(251,246,236,.9) 0,rgba(251,246,236,.74) 36%,rgba(251,246,236,.42) 62%,rgba(251,246,236,.3) 100%)}
}
@media(max-width:760px){body.zone-vision .hm-hero::before{opacity:.62}}

/* 新底圖（2.22:1、本身已淡）：整張顯示，罩層減輕 */
@media(min-width:761px){
  body.zone-vision .hm-hero{aspect-ratio:1870/841!important;background-position:center!important;max-height:none!important}
  body.zone-vision .hm-hero::after{background:linear-gradient(to right,rgba(251,246,236,.55) 0,rgba(251,246,236,.3) 38%,rgba(251,246,236,0) 62%)}
}
@media(max-width:760px){
  body.zone-vision .hm-hero::before{opacity:1!important;background-position:78% center!important}
  body.zone-vision .hm-hero::after{background:linear-gradient(to right,rgba(251,246,236,.6) 0,rgba(251,246,236,.35) 55%,rgba(251,246,236,0) 100%)!important}
}