@scope (.im-home) {

:scope{--pink:#eb6da5;--gold:#d7b17b;--paper:#efe9e2;--ink:#16120e;--dark:#080808;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}:scope{margin:0;background:var(--dark);color:#f7f0e9}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button,a,input,select{outline-offset:4px}p{line-height:1.65}h1,h2,h3,.serif{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-weight:600}.wrap{width:calc(100% - 88px);max-width:1352px;margin:auto}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#080808}.brand{font:600 26px "Noto Serif TC","Songti TC","PMingLiU",serif;letter-spacing:.15em}.nav-links{display:flex;gap:24px;font-size:14px}.nav-links a:last-child{color:var(--pink)}.menu-button{display:none;color:white;background:none;border:1px solid #aaa;padding:8px 12px;font-size:14px}.hero{height:442px;position:relative;overflow:hidden}.hero>img{position:absolute;right:0;top:0;width:58%;height:100%;object-position:center 30%;filter:brightness(.58)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808 30%,rgba(8,8,8,.9) 43%,transparent 68%)}.hero-copy{position:relative;z-index:1;padding-top:35px}.eyebrow{color:var(--pink);font-size:14px;letter-spacing:.12em}.hero h1{font-size:clamp(70px,7.7vw,114px);line-height:1.03;margin-top:8px;letter-spacing:.015em}.hero h1 span{display:block;font-size:1.04em}.hero .tagline{color:var(--gold);font:600 36px/1.5 "Noto Serif TC","Songti TC","PMingLiU",serif;margin-top:20px}.consult-link{display:inline-block;margin-top:18px;color:var(--pink);font-size:16px}.consult-link::before{content:"";display:inline-block;width:42px;height:1px;background:var(--pink);vertical-align:middle;margin-right:18px}.missing{position:relative;z-index:1;display:inline-block;color:#fff;background:#161616;padding:5px 10px;font-size:14px}.hero .missing{position:absolute;bottom:16px;right:24px}.academy-section{height:442px;position:relative;border-top:1px solid #8e744d;border-bottom:1px solid #8e744d}.academy-title{position:absolute;top:24px;left:44px;z-index:2;font:600 30px/1.5 "Noto Serif TC","Songti TC","PMingLiU",serif}.academy-grid{height:100%;display:grid;grid-template-columns:repeat(5,1fr) 2fr repeat(4,1fr);align-items:end}.academy{height:78%;position:relative;overflow:hidden;border-right:1px solid #bba48c55}.academy img{width:100%;height:100%;filter:brightness(.6)}.academy::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--wash) 38%,transparent)}.academy span{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);writing-mode:vertical-rl;font:600 22px/1.4 "Noto Serif TC","Songti TC","PMingLiU",serif;letter-spacing:.16em;z-index:1;text-shadow:0 1px 4px #000;background:rgba(0,0,0,.7);padding:8px 4px}.academy.featured{height:100%}.academy.featured::after{background:rgba(206,55,109,.64)}.academy.featured span{font-size:38px;bottom:55px}.metrics{height:180px;padding:20px 44px;border-bottom:1px solid #8e744d}.section-kicker{font:600 24px/1.4 "Noto Serif TC","Songti TC","PMingLiU",serif;letter-spacing:.08em}.section-kicker::after{content:"";display:inline-block;width:44px;height:1px;background:var(--gold);vertical-align:middle;margin-left:22px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}.metric{text-align:center;border-right:1px solid #a18456}.metric:last-child{border:0}.metric strong{font:72px/1 "Noto Serif TC","Times New Roman",serif;color:var(--gold);font-weight:400}.metric strong sup{font-size:30px}.future{height:272px;position:relative;overflow:hidden;border-bottom:1px solid #8e744d}.future>img{position:absolute;inset:0;width:100%;height:100%;object-position:65% 35%;filter:brightness(.35)}.future::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 26%,transparent 70%)}.future-copy{position:relative;z-index:1;padding-top:22px}.future h2{font-size:76px;line-height:1.0;color:var(--gold);margin-top:12px}.future-caption{position:absolute;right:44px;bottom:45px;z-index:1;color:var(--gold);font-size:14px;letter-spacing:.18em}.paper{background:var(--paper);color:var(--ink)}.content-section{padding-top:24px;padding-bottom:26px;border-bottom:1px solid #c6bcb0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{font-size:30px}.section-head a{font-size:14px;border-bottom:1px solid #564e45;padding-bottom:3px}.course-grid{height:480px;display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.course-grid .lead{grid-row:span 2}.course-grid .wide{grid-column:span 2}.photo-card{position:relative;overflow:hidden;background:#151310;color:#fff;min-width:0}.photo-card>img{width:100%;height:100%}.photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.83) 44%,rgba(0,0,0,.1) 90%)}.card-copy{position:absolute;inset:24px 20px auto;z-index:1;max-width:90%}.category{font-size:14px;padding:4px 9px;background:#080808;border:1px solid var(--gold);display:inline-block}.photo-card h3{font-size:27px;line-height:1.5;margin-top:14px}.photo-card p{font-size:16px;margin-top:10px}.photo-card .price{font-size:20px;font-family:"Noto Serif TC","Times New Roman",serif}.photo-card a{display:inline-block;font-size:14px;margin-top:12px;border:1px solid #d0ba91;background:#080808;padding:4px 10px}.event-grid{height:365px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.event-grid .lead{grid-row:span 2}.event-grid .card-copy{inset:18px}.event-grid .photo-card h3{font-size:25px}.event-grid .lead h3{font-size:36px}.event-grid .photo-card p{margin-top:6px;font-size:14px}.article-grid{height:435px;display:grid;grid-template-columns:1.5fr 1.35fr .95fr;grid-template-rows:1fr 1fr;gap:12px}.article-grid .lead{grid-row:span 2}.article-grid .card-copy{inset:16px}.article-grid .lead h3{font-size:40px}.article-grid .photo-card h3{font-size:26px}.article-grid .photo-card a{margin-top:8px}.hot{grid-column:3;grid-row:1/span 2;background:#e3d9cd;min-width:0}.hot h3{font-size:20px;background:#080808;color:var(--gold);padding:14px}.hot ul{list-style:none;margin:0;padding:0 16px}.hot li{padding:12px 0;border-bottom:1px solid #b7aa98}.hot li span{font-size:14px;color:#5e352a}.hot li p{font-size:16px;line-height:1.45;margin-top:3px}.story{padding:24px 0 28px}.story-grid{display:grid;grid-template-columns:1fr 1fr 3fr;gap:16px;margin-top:18px;height:255px}.story-grid>img{width:100%;height:100%}.quote{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;font:600 24px/1.7 "Noto Serif TC","Songti TC","PMingLiU",serif}.quote b{font:65px/1 Georgia,serif}.works{min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.works img{min-height:0;width:100%;height:100%}.campus{height:275px;position:relative;overflow:hidden;border-top:1px solid #8e744d}.campus>img{position:absolute;right:0;top:0;width:50%;height:100%;filter:brightness(.4)}.campus .wrap{display:grid;grid-template-columns:1fr 1fr 2fr;position:relative;padding-top:24px;gap:30px}.campus-list{list-style:none;padding:0;margin:0;color:var(--gold)}.campus-list li{margin-bottom:22px;font:600 24px "Noto Serif TC","Songti TC","PMingLiU",serif}.campus-list span{display:block;font:14px/1.5 system-ui;letter-spacing:.15em;margin-top:5px}.campus .missing{position:absolute;right:24px;bottom:12px}.campus-map-note{font-size:14px;color:#fff;margin-top:20px;max-width:190px}.contact{background:var(--pink);color:#120b0f;padding:30px 44px;display:grid;grid-template-columns:1fr 2.1fr .9fr;gap:40px;align-items:center}.contact h2{font-size:76px;line-height:1.15}.form-layout{background:#080808;color:#fff;padding:20px 24px;border:1px solid #080808}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}.form-grid label{display:block;font-size:14px;padding-bottom:12px;border-bottom:1px solid #777}.form-end{font-size:14px;margin-top:18px;border-top:1px solid #777;padding-top:12px;text-align:right}.privacy{font-size:14px;line-height:1.8}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 44px;background:#080808;font-size:14px}.footer-links{display:flex;gap:28px}.footer .consult-link{margin:0;font-size:14px}.float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:20}.float a,.float button{width:56px;height:56px;border-radius:50%;background:#080808;color:var(--pink);border:1px solid #b4a59a;display:grid;place-items:center;font-size:14px;font-weight:700}.float .float-consult{background:var(--pink);color:#120b0f;border-color:var(--pink);font-size:14px;padding:4px}.review-note{padding:20px 44px;background:#161616;color:#fff;font-size:14px;line-height:1.7}.dialog{border:1px solid #777;color:#fff;background:#080808;max-width:min(90vw,500px);padding:24px}.dialog::backdrop{background:#000b}.dialog button{background:var(--pink);color:#120b0f;border:0;padding:10px 20px;margin-top:20px;font-size:16px}.footer a:hover,.nav a:hover{text-decoration:underline}
@media(max-width:1100px){.nav-links{gap:12px}.nav{padding-inline:24px}.nav-links{font-size:14px}.hero h1{font-size:86px}.photo-card h3{font-size:24px}.article-grid .lead h3{font-size:32px}}
@media(max-width:750px){.wrap{width:calc(100% - 40px)}.nav{height:64px;padding:0 20px;position:relative;z-index:30}.brand{font-size:22px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#080808;padding:16px 20px;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #777}.nav.is-open .nav-links{display:grid}.hero{height:480px}.hero>img{width:100%;opacity:.55;object-position:65% 40%}.hero::after{background:linear-gradient(90deg,rgba(8,8,8,.94),rgba(8,8,8,.6))}.hero-copy{padding-top:65px}.hero h1{font-size:62px}.hero .tagline{font-size:25px;margin-top:22px}.hero .missing{right:20px;bottom:14px;font-size:14px;max-width:calc(100% - 40px)}.academy-section{height:auto}.academy-title{position:static;padding:20px;font-size:25px}.academy-grid{height:auto;grid-template-columns:repeat(5,1fr);grid-template-rows:230px 230px}.academy{height:100%}.academy.featured{grid-column:auto;grid-row:auto}.academy span{font-size:17px;bottom:14px;letter-spacing:.07em}.academy.featured span{font-size:18px;bottom:14px}.metrics{height:auto;padding:24px 20px}.section-kicker{font-size:22px}.metric-grid{gap:0;margin-top:24px}.metric strong{font-size:38px}.metric strong sup{font-size:18px}.future{height:280px}.future>img{object-position:60% 30%}.future h2{font-size:56px}.future-caption{right:20px;bottom:25px;font-size:14px}.content-section{padding-top:24px;padding-bottom:24px}.section-head{gap:12px;align-items:end}.section-head h2{font-size:25px}.section-head a{max-width:100px;font-size:14px}.course-grid,.event-grid,.article-grid{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:12px}.course-grid .lead,.course-grid .wide,.event-grid .lead,.article-grid .lead{grid-row:auto;grid-column:auto}.photo-card{height:245px}.course-grid .lead{height:330px}.event-grid .lead,.article-grid .lead{height:310px}.card-copy{inset:20px}.photo-card h3,.event-grid .photo-card h3,.article-grid .photo-card h3{font-size:25px}.event-grid .lead h3,.article-grid .lead h3{font-size:32px}.hot{grid-column:auto;grid-row:auto}.hot li{padding-block:14px}.story-grid{height:auto;grid-template-columns:1fr 1fr;gap:12px}.story-grid>img{height:245px}.quote{font-size:20px}.works{grid-column:1/-1;height:170px}.campus{height:440px}.campus>img{width:100%;filter:brightness(.23)}.campus .wrap{grid-template-columns:1fr 1fr;gap:20px;padding-top:28px}.campus-list{margin-top:8px}.campus-list li{font-size:24px;margin-bottom:28px}.campus-map-note{font-size:14px}.contact{padding:28px 20px 36px;grid-template-columns:1fr;gap:22px}.contact h2{font-size:56px;line-height:1.1}.contact h2 br{display:none}.form-layout{padding:20px}.form-grid{gap:20px 16px}.privacy{font-size:14px}.footer{padding:22px 20px 98px;flex-wrap:wrap;align-items:start}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:14px}.footer .brand{width:100%}.float{left:0;right:0;bottom:0;background:#080808;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));flex-direction:row;border-top:1px solid #777;gap:10px}.float a,.float button{height:44px;width:44px;border-radius:8px;flex:none}.float .float-consult{width:auto;flex:1;min-width:0}.review-note{padding:20px 20px 90px}}
.card-copy h3,.card-copy p{background:rgba(0,0,0,.92);width:fit-content;padding:2px 5px}.story-grid{min-height:0;grid-template-rows:minmax(0,1fr)}.story-grid>img{min-height:0}
/* 第33件：保留已核對的區塊結構，調整攝影與文字層。 */
.nav-links{font-size:15px;font-weight:500;letter-spacing:.08em;gap:20px}
.hero>img{width:58%;filter:brightness(.8) saturate(.72);object-position:52% 40%}
.hero::after{background:linear-gradient(90deg,#080808 0%,#080808 29%,rgba(8,8,8,.95) 39%,rgba(8,8,8,.55) 52%,rgba(8,8,8,.05) 74%)}
.academy img{filter:brightness(.65) saturate(.58)}
.academy::after{background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.58) 60%,rgba(0,0,0,.25))}
.academy.featured::after{background:linear-gradient(0deg,rgba(21,0,10,.86),rgba(132,28,71,.58))}
.academy span{background:none;padding:0;text-shadow:none}
.future>img{filter:brightness(.88) saturate(.62);object-position:68% 33%}
.future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.96) 28%,rgba(8,8,8,.48) 48%,rgba(8,8,8,.08) 77%)}
.future-caption{color:#fff;right:70px;text-shadow:0 1px 2px #000}
.photo-card>img{filter:brightness(.82) saturate(.68)}
.photo-card::after{background:linear-gradient(0deg,rgba(0,0,0,.97),rgba(0,0,0,.86) 60%,rgba(0,0,0,.68) 80%,rgba(0,0,0,.22))}
.card-copy,.event-grid .card-copy,.article-grid .card-copy{inset:auto 20px 18px;max-width:calc(100% - 40px)}
.card-copy h3,.card-copy p{background:none;width:auto;padding:0}
.category{background:none;border:0;padding:0;color:white}
.photo-card h3{font-size:26px;margin-top:8px;line-height:1.35}
.photo-card p{margin-top:6px}.photo-card a{background:none;margin-top:8px}
.event-grid .photo-card h3{font-size:24px}.event-grid .lead h3{font-size:32px}
.article-grid .lead h3{font-size:34px}.article-grid .photo-card h3{font-size:24px}
.taiwan-map{display:block;width:150px;height:225px;margin-top:6px}.campus .wrap{padding-top:18px}
.campus-map-note{margin-top:6px}.campus>img{filter:brightness(.5) saturate(.55)}
@media(min-width:751px){:scope{padding-right:68px}.wrap{width:calc(100% - 72px)}.nav{padding-inline:36px}.float{right:9px;bottom:24px}.float a,.float button{width:48px;height:48px}.float .float-consult{font-size:14px}.academy-title{left:36px}.future-caption{right:36px}}
@media(max-width:1100px) and (min-width:751px){.nav-links{gap:8px;font-size:14px;letter-spacing:0}.nav{padding-inline:18px}.brand{font-size:22px}}
@media(max-width:750px){.hero>img{width:100%;opacity:1;object-position:65% 35%}.hero::after{background:linear-gradient(90deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.87) 56%,rgba(8,8,8,.45))}.future>img{object-position:67% 35%}.future::after{background:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.9) 46%,rgba(8,8,8,.15) 90%)}.future-caption{right:18px;bottom:18px}.campus{height:450px}.taiwan-map{height:230px;width:155px}.campus .wrap{padding-top:24px}.nav-links{font-size:15px;gap:16px}.article-grid .lead h3{font-size:32px}}

@media(max-width:750px){.future>img{left:auto;right:0;width:62%;object-position:45% 40%}.future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 45%,rgba(8,8,8,.3) 62%,rgba(8,8,8,.12) 100%)}.future h2{font-size:49px}.future-caption{display:none}}
@media(min-width:751px){.future>img{left:auto;right:0;width:64%;object-position:68% 44%}}

:scope{margin:0;background:#080808;color:#fff;font:16px/1.7 "Microsoft JhengHei",sans-serif}:scope h2{font-size:30px}:scope button{border:0;background:transparent}:scope .academy-section>h2{position:absolute;left:36px;top:20px;z-index:2}:scope .academy-grid{grid-template-columns:repeat(10,1fr)}:scope .academy{height:80%}:scope .metrics{padding:28px 0;height:auto}:scope .metric-grid>div{text-align:center}:scope .future>.wrap{position:relative;padding-top:24px;z-index:1}:scope .campus ul{list-style:none;font-size:24px;color:#d7b17b}:scope .campus li{margin:12px 0}:scope .contact{grid-template-columns:1fr 1fr 1fr}:scope .contact h2{font-size:54px}:scope .contact button{padding:16px;background:#080808;color:#eb6da5;font-size:18px}:scope .consult-link{color:#eb6da5}:scope :scope-empty{padding:32px;color:#fff;background:#16120e;grid-column:1/-1}:scope .story-grid{grid-template-columns:repeat(4,1fr);height:300px}:scope .photo-card h3 a{font:inherit;border:0;margin:0;padding:0}:scope .article-grid{grid-template-columns:1.5fr 1fr}:scope .course-grid .photo-card:nth-child(2){grid-column:span 2}
@media(max-width:750px){:scope .academy-section>h2{position:static;padding:20px}:scope .academy-grid{grid-template-columns:repeat(5,1fr)}:scope .academy{height:100%}:scope .story-grid{grid-template-columns:1fr;height:auto}:scope .contact{grid-template-columns:1fr}:scope .article-grid{grid-template-columns:1fr}:scope .course-grid .photo-card:nth-child(2){grid-column:auto}:scope .future>.wrap{padding-top:24px}:scope .card-copy h3{font-size:25px}}

}

.im-home{padding-right:0}

/* 根節點變數須在 scope 外宣告，避免主題基底覆蓋首頁配色。 */
.im-home{--pink:#eb6da5;--gold:#d7b17b;--paper:#efe9e2;--ink:#16120e;--dark:#080808;background:#080808;color:#f7f0e9;font:16px/1.7 "Microsoft JhengHei",sans-serif;padding-right:0}
.im-home .hero h1,.im-home .future h2,.im-home .academy-section h2,.im-home .metrics h2,.im-home .academy span,.im-home .photo-card .card-copy,.im-home .photo-card h3,.im-home .photo-card a{color:#fff}
.im-home .paper{background:#efe9e2;color:#16120e}
.im-home .section-head h2,.im-home .section-head a{color:#16120e}

.im-home .future h2{font-size:76px}.im-home .metric-grid strong{font:72px/1 serif;color:#d7b17b}@media(max-width:750px){.im-home .future h2{font-size:49px}.im-home .metric-grid strong{font-size:42px}}

/* 第42件：首頁全寬與設計稿節奏；只影響含首頁輸出的頁面。 */
body:has(.im-home.im-home){padding-right:0!important;background:#080808}
body:has(.im-home.im-home) .wp-site-blocks,body:has(.im-home.im-home) main:has(.im-home.im-home){max-width:none!important;width:100%;padding:0;margin:0}
body:has(.im-home.im-home) .wp-block-template-part,body:has(.im-home.im-home) main+.im-site,body:has(.im-home.im-home) .im-footer{margin-block:0!important}
.im-home.im-home{width:100%;max-width:none;margin:0!important}.im-home.im-home>section{width:100%;max-width:none}.im-home.im-home .wrap{width:calc(100% - 88px);max-width:none}
.im-home.im-home .metrics{width:100%;padding:26px 44px;min-height:180px}.im-home.im-home .metrics h2{font-size:24px;margin-bottom:16px}
.im-home.im-home .hero{height:442px}.im-home.im-home .academy-section{height:442px}.im-home.im-home .future{height:272px}.im-home.im-home .academy{height:78%}.im-home.im-home .academy:nth-child(6){height:100%}.im-home.im-home .academy:nth-child(6)::after{background:linear-gradient(0deg,#361226d9,#db3e7a77)}
.im-home.im-home .academy-grid{grid-template-columns:repeat(5,1fr) 2fr repeat(4,1fr)}
.im-home.im-home .academy span{background:none;font-size:22px}.im-home.im-home .academy::after{background:linear-gradient(0deg,#000c,#0005)}
.im-home.im-home .card-copy h3,.im-home.im-home .card-copy p{background:none;padding:0}.im-home.im-home .card-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.im-home.im-home .card-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.im-home.im-home .course-grid .photo-card:nth-child(2){grid-column:span 2}.im-home.im-home .article-grid{grid-template-columns:1.5fr 1.1fr .75fr;height:490px;grid-template-rows:1fr 1fr}.im-home.im-home .article-grid .lead{grid-row:span 2}.im-home.im-home .hot{grid-column:3;grid-row:1/span 2;color:#16120e;background:#e5ded5;padding:16px}.im-home.im-home .hot h3{background:#080808;color:white;font-size:20px;padding:10px}.im-home.im-home .hot li{padding:14px 0;border-bottom:1px solid #b9ad9c;font-size:14px}
.im-home.im-home .story{padding:28px 0}.im-home.im-home .story-grid{display:grid;grid-template-columns:1fr .8fr 2.2fr;height:270px;margin-top:18px;gap:20px}.im-home.im-home .story-grid>img{height:100%;width:100%}.im-home.im-home .quote{font-size:20px;line-height:1.5;margin:0}.im-home.im-home .quote b{font-size:60px}.im-home.im-home .quote p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.im-home.im-home .quote a{font-size:14px}.im-home.im-home .works{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.im-home.im-home .works img{width:100%;height:100%;filter:brightness(.7) saturate(.65)}
.im-home.im-home .campus{height:280px;position:relative;overflow:hidden}.im-home.im-home .campus>img{position:absolute;right:0;top:0;width:55%;height:100%;filter:brightness(.5) saturate(.65)}.im-home.im-home .campus .wrap{position:relative;z-index:1;display:grid;grid-template-columns:32% 20%;padding-top:20px;height:100%}.im-home.im-home .taiwan-map{width:155px;height:220px}.im-home.im-home .campus ul{font-size:24px;margin:0;padding:12px 0}.im-home.im-home .campus li{margin:0 0 30px}
.im-home.im-home .contact{min-height:246px;padding:30px 44px;display:grid;grid-template-columns:.85fr 1.8fr .8fr;gap:40px;background:#eb6da5;color:#080808;align-items:center}.im-home.im-home .contact h2{font-size:76px;line-height:1.1;color:#080808}.im-home.im-home .form-layout{background:#080808;color:white;padding:20px}.im-home.im-home fieldset{border:0;margin:0;padding:0}.im-home.im-home .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.im-home.im-home .form-grid label{font-size:14px}.im-home.im-home input,.im-home.im-home select{display:block;width:100%;border:0;border-bottom:1px solid #a18456;background:#080808;color:white;font-size:14px;padding:8px 0;opacity:1}.im-home.im-home .form-end{border-bottom:1px solid #eb6da5;text-align:right;padding-top:12px;color:#eb6da5}.im-home.im-home .privacy{font-size:14px}
@media(max-width:750px){.im-home.im-home .wrap{width:calc(100% - 40px)}.im-home.im-home .hero{height:475px}.im-home.im-home .academy-section{height:auto;min-height:600px}.im-home.im-home .academy-grid{height:440px;grid-template-columns:repeat(5,1fr)}.im-home.im-home .academy,.im-home.im-home .academy:nth-child(6){height:100%}.im-home.im-home .academy span{font-size:18px}.im-home.im-home .metrics{padding:24px 20px}.im-home.im-home .future{height:280px}.im-home.im-home .article-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none}.im-home.im-home .article-grid .lead,.im-home.im-home .hot{grid-row:auto;grid-column:auto}.im-home.im-home .story-grid{height:auto;grid-template-columns:1fr 1fr}.im-home.im-home .story-grid>img{height:280px}.im-home.im-home .works{grid-column:1/-1;height:160px}.im-home.im-home .campus{height:440px}.im-home.im-home .campus>img{width:100%;filter:brightness(.25)}.im-home.im-home .campus .wrap{grid-template-columns:1fr 1fr;padding-top:25px}.im-home.im-home .contact{padding:30px 20px;grid-template-columns:1fr;gap:20px}.im-home.im-home .contact h2{font-size:56px}.im-home.im-home .contact h2 br{display:none}.im-home.im-home .course-grid .photo-card:nth-child(2){grid-column:auto}}

.im-home.im-home{padding:0!important}.im-home.im-home .metrics{height:180px;min-height:180px;padding:20px 44px}.im-home.im-home .metrics h2{font-size:18px;line-height:22px;margin:0}.im-home.im-home .metric-grid{margin-top:12px}.im-home.im-home .story h2{font-size:24px;line-height:29px;margin:0}.im-home.im-home .contact{padding:22px 44px;min-height:246px}.im-home.im-home .contact h2{font-size:76px;line-height:1.1}.im-home.im-home .form-layout{padding:15px}.im-home.im-home .form-grid{gap:10px 25px}.im-home.im-home .form-grid label{line-height:20px}.im-home.im-home input,.im-home.im-home select{line-height:22px;padding:5px 0}.im-home.im-home .form-end{line-height:20px;padding-top:8px}.skip-link{background:#fff;color:#080808}
@media(max-width:750px){.im-home.im-home .metrics{height:auto;padding:24px 20px}.im-home.im-home .contact{padding:30px 20px}.im-home.im-home .contact h2{font-size:56px}}

/* 首頁線第1件（2026-10-05）：字體一律用設計系統變數（im-design-system.css），不在首頁另指定字型。 */
.im-home.im-home{font-family:var(--im-font-sans)}
.im-home.im-home :is(h1,h2,h3,.tagline,.quote,.quote b,.metric strong,.academy span,.campus li,.price){font-family:var(--im-font-serif)}
.im-home.im-home .hero h1{font-weight:600;letter-spacing:.06em}
.im-home.im-home .hero h1 span{font-weight:400;letter-spacing:.06em}
.im-home.im-home .hero .tagline{font-weight:600;letter-spacing:.1em}
.im-home.im-home :is(.academy-section>h2,.metrics h2,.section-head h2,.story h2,.campus h2){font-weight:600;letter-spacing:.16em}
.im-home.im-home .section-head h2::after,.im-home.im-home .story h2::after{content:"";display:inline-block;width:40px;height:1px;background:currentColor;vertical-align:middle;margin-left:18px}
.im-home.im-home .future h2{font-weight:500;letter-spacing:.05em;color:var(--gold)}
.im-home.im-home .metric strong{font-weight:500;letter-spacing:.02em;color:var(--gold)}
.im-home.im-home .photo-card h3{font-weight:600;letter-spacing:.06em}
.im-home.im-home .contact h2{font-weight:700;letter-spacing:.1em}
.im-home.im-home .campus li{font-weight:600;letter-spacing:.14em}

/* 學院入口：直式學院名不墊色塊，整張暗色漸層（字所在的下半部至少 .7 黑）；沒有圖時用暗色底。 */
.im-home.im-home .academy span{background:none;padding:0;font-weight:600;letter-spacing:.14em;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.im-home.im-home .academy::after{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.74) 55%,rgba(0,0,0,.38) 100%)}
.im-home.im-home .academy:nth-child(6)::after{background:linear-gradient(0deg,rgba(38,6,20,.92) 0%,rgba(110,22,58,.78) 55%,rgba(200,52,110,.5) 100%)}
.im-home.im-home .academy.is-noimg{background:linear-gradient(180deg,#2a2018,#0d0a08)}
.im-home.im-home .photo-card.is-noimg{background:linear-gradient(135deg,#2a2018,#0d0a08)}

/* 首頁線第2件（2026-10-05）：學院入口看得到照片＋學院色；卡片只在放字處加漸層；校區地圖。字族變數已改由設計系統 :root 提供。 */
.im-home.im-home .academy img{filter:none}
.im-home.im-home .academy::before{content:"";position:absolute;inset:0;background:var(--im-brand,#000);mix-blend-mode:color;opacity:.55;pointer-events:none}
.im-home.im-home .academy::after,.im-home.im-home .academy:nth-child(6)::after{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.4) 52%,rgba(0,0,0,0) 72%)}
.im-home.im-home .academy:nth-child(6)::before{background:var(--pink);opacity:.62}
.im-home.im-home .academy span{z-index:2}
@media(min-width:751px){.im-home.im-home .academy:last-child span{left:14px;transform:none}}
.im-home.im-home .photo-card>img{filter:brightness(.95) saturate(.9)}
.im-home.im-home .photo-card::after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.84) 52%,rgba(0,0,0,.5) 72%,rgba(0,0,0,0) 92%)}
.im-home.im-home .photo-card:not(.lead) .card-copy,.im-home.im-home .event-grid .lead .card-copy{max-width:68%}
.im-home.im-home .photo-card:not(.lead) .card-copy p{-webkit-line-clamp:1}
.im-home.im-home :is(.course-grid,.article-grid) .lead::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 32%,rgba(0,0,0,.35) 58%,rgba(0,0,0,0) 78%)}
.im-home.im-home .campus .wrap{display:block;position:relative;height:100%}
.im-home.im-home .campus-map{position:absolute;left:150px;top:22px;height:232px;aspect-ratio:575/1000}
.im-home.im-home .campus-map .taiwan-map{display:block;width:100%;height:100%;margin:0}
.im-home.im-home ul.campus-pins{list-style:none;margin:0;padding:0}
.im-home.im-home .campus-pins li{position:absolute;margin:0;left:var(--x);top:var(--y);width:calc(330px - var(--x));display:flex;align-items:center;transform:translateY(-50%)}
.im-home.im-home .campus-pins li::before{content:"";flex:1;height:1px;margin-left:10px;background:linear-gradient(90deg,rgba(215,177,123,.25),rgba(215,177,123,.85))}
.im-home.im-home .campus-pins a{margin-left:14px;font:600 22px/1.2 var(--im-font-serif);letter-spacing:.14em;color:var(--gold)}
.im-home.im-home .campus-pins small{display:block;margin-top:2px;font:500 14px/1.2 var(--im-font-en);letter-spacing:.2em;color:#e9dcc6}
@media(max-width:750px){
.im-home.im-home .photo-card::after,.im-home.im-home :is(.course-grid,.article-grid) .lead::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.85) 45%,rgba(0,0,0,.62) 75%,rgba(0,0,0,.42) 100%)}
.im-home.im-home .photo-card:not(.lead) .card-copy,.im-home.im-home .event-grid .lead .card-copy{max-width:none}
.im-home.im-home .campus-map{left:0;top:70px;height:240px}
.im-home.im-home .campus-pins li{width:calc(200px - var(--x))}
.im-home.im-home .academy::after,.im-home.im-home .academy:nth-child(6)::after{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.8) 45%,rgba(0,0,0,.62) 80%,rgba(0,0,0,.4) 100%)}
}
@media(max-width:1100px) and (min-width:751px){.im-home.im-home .event-grid .photo-card:not(.lead) .card-copy{max-width:none}.im-home.im-home .event-grid .photo-card:not(.lead) h3{-webkit-line-clamp:1}.im-home.im-home .event-grid .photo-card:not(.lead) .card-copy p{display:none}}

/* 首頁線第3件（2026-10-05）：業主定案圖不調暗；對著設計稿逐區修線條、亮度、字距、小字。 */
.im-home .sr,.im-home .metric-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Hero */
@media(min-width:751px){.im-home.im-home .hero-copy{padding-left:66px}}
.im-home.im-home .hero h1{color:#f1e9dc}
.im-home.im-home .hero .tagline{letter-spacing:.16em}
.im-home.im-home .hero>img{filter:brightness(.95) saturate(.9)}
.im-home.im-home .consult-link{font-family:var(--im-font-serif);letter-spacing:.12em}
/* 學院入口：原圖不調暗，橫式圖用 --focus 對焦 */
.im-home.im-home .academy img{filter:none;object-position:var(--focus,50% 50%)}
.im-home.im-home .academy-section>h2{font-size:26px;font-weight:500;line-height:1.75;letter-spacing:.2em;color:#efe6d6}
.im-home.im-home .kicker-line::after,.im-home.im-home .metrics h2::after,.im-home.im-home .future-kicker::after,.im-home.im-home .campus h2::after{content:"";display:inline-block;width:40px;height:1px;background:var(--gold);vertical-align:middle;margin-left:16px}
/* 三個數字 */
.im-home.im-home .metrics{border-bottom:1px solid rgba(142,116,77,.55)}
.im-home.im-home .metrics h2{font:500 16px/1.4 var(--im-font-serif);letter-spacing:.2em;color:#ddd3c4}
.im-home.im-home .metric{border-right:1px solid rgba(215,177,123,.3)}
.im-home.im-home .metric:last-child{border-right:0}
.im-home.im-home .metric strong{font-weight:500}
.im-home.im-home .metric sup{font-size:30px;line-height:1;vertical-align:top;position:relative;top:4px;margin-left:6px}
.im-home.im-home .metric::after{content:"";display:block;width:22px;height:2px;margin:12px auto 0;background:rgba(215,177,123,.55)}
.im-home.im-home .metric-pending{font-size:14px;color:#ddd3c4}
/* FUTURE BEAUTY：人物看得到，只在左側放字處壓暗 */
.im-home.im-home .future>img{filter:saturate(.95)}
.im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 24%,rgba(8,8,8,.35) 40%,rgba(8,8,8,0) 54%)}
.im-home.im-home .future-kicker{font:500 16px/1.4 var(--im-font-serif);letter-spacing:.2em;color:#e6dccb}
.im-home.im-home .future h2{font-size:86px;line-height:1.02;letter-spacing:.1em;margin-top:10px}
.im-home.im-home .future-caption{position:absolute;z-index:2;right:150px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;font:500 15px/1.6 var(--im-font-en);letter-spacing:.2em;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.7)}
.im-home.im-home .future-caption::before{content:"";width:30px;height:1px;background:var(--gold)}
.im-home.im-home .future-caption i{display:block;width:56px;height:1px;background:var(--gold);position:relative}
.im-home.im-home .future-caption i::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:rotate(45deg)}
@media(max-width:750px){.im-home.im-home .future h2{font-size:52px;letter-spacing:.08em}.im-home.im-home .future-caption{display:none}}
/* 區塊標題、查看全部 */
.im-home.im-home .section-head h2::after,.im-home.im-home .story h2::after{background:#b8935a}
.im-home.im-home .section-head a{border:0;padding:0;font:500 15px/1.4 var(--im-font-serif);letter-spacing:.12em;display:inline-flex;align-items:center;gap:14px}
.im-home.im-home .section-head a i{display:block;width:40px;height:1px;background:currentColor;position:relative}
.im-home.im-home .section-head a i::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
/* 卡片學院標籤：設計稿是有底色的小方塊 */
.im-home.im-home .category{background:#7a5830;color:#fff6e6;padding:3px 10px;border:0}
/* 更多文章 */
.im-home.im-home .hot h3{color:var(--gold);font-family:var(--im-font-serif);letter-spacing:.12em}
.im-home.im-home .hot li a{font:500 16px/1.5 var(--im-font-serif);color:#16120e}
.im-home.im-home .hot-academy{display:block;font-size:14px;color:#6e4a22;margin-bottom:2px}
.im-home.im-home .hot-academy::before{content:"— "}
/* 全台校區：光點更亮有光暈、細引線、校區名照設計稿 */
.im-home.im-home .campus h2{font-size:26px;font-weight:500;letter-spacing:.2em;color:#efe6d6}
.im-home.im-home .campus>img{filter:brightness(.72) saturate(.8);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.im-home.im-home .campus-map{left:240px;top:26px;height:228px}
.im-home.im-home .campus-map .taiwan-map{filter:drop-shadow(0 0 2px rgba(255,220,160,.7)) drop-shadow(0 0 8px rgba(230,170,90,.45))}
.im-home.im-home .campus-pins li{width:calc(411px - var(--x))}
.im-home.im-home .campus-pins li::before{margin-left:12px;background:rgba(215,177,123,.5)}
.im-home.im-home .campus-dot{position:absolute;left:-10px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:radial-gradient(circle,#fffbea 0 2.5px,rgba(255,220,150,.95) 3.5px,rgba(240,180,95,.5) 6px,rgba(240,180,95,0) 10px);box-shadow:0 0 14px 6px rgba(240,180,90,.5)}
.im-home.im-home .campus-pins a{flex:none;width:96px;font:500 20px/1.2 var(--im-font-serif);letter-spacing:.2em;color:#e3cfa6}
.im-home.im-home .campus-pins small{font-size:14px;letter-spacing:.22em;color:#b5a07c}
@media(max-width:750px){.im-home.im-home .campus-map{left:0;top:70px;height:240px}.im-home.im-home .campus-pins li{width:calc(250px - var(--x))}.im-home.im-home .campus>img{-webkit-mask-image:none;mask-image:none;filter:brightness(.3)}}
@media(min-width:751px){.im-home.im-home .academy-section>h2{top:12px;font-size:24px;line-height:1.55}}
.im-home.im-home .campus-dot{box-shadow:0 0 10px 3px rgba(240,180,90,.45)}
@media(max-width:750px){.im-home.im-home .campus-pins small{color:#dccaa6}}
@media(max-width:750px){.im-home.im-home .future h2{font-size:42px;letter-spacing:.06em}.im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.9) 50%,rgba(8,8,8,.3) 72%,rgba(8,8,8,0) 90%)}.im-home.im-home .section-head a{max-width:none;white-space:nowrap;font-size:14px;gap:8px}.im-home.im-home .section-head a i{width:22px}.im-home.im-home .section-head h2::after{width:24px;margin-left:10px}}

/* 首頁線第4件（2026-10-05）：內容收在 1320（--im-container）內置中、兩側至少 --im-gutter（約 5%）；
   只有十院入口那一排貼邊滿版。背景照片與色塊維持滿版。 */
.im-home.im-home{--im-edge:max(var(--im-gutter),calc((100% - var(--im-container)) / 2 + var(--im-gutter)))}
.im-home.im-home .wrap{width:100%;max-width:var(--im-container);margin-inline:auto;padding-inline:var(--im-gutter);box-sizing:border-box}
@media(min-width:751px){.im-home.im-home .hero-copy{padding-left:var(--im-gutter)}}
.im-home.im-home .metrics,.im-home.im-home .contact{max-width:none;padding-left:var(--im-edge);padding-right:var(--im-edge)}
.im-home.im-home .academy-section>h2{left:var(--im-edge)}
.im-home.im-home .future-caption{right:calc(var(--im-edge) + 60px)}
.im-home.im-home .campus-map{left:225px}
@media(max-width:750px){.im-home.im-home .campus-map{left:var(--im-gutter)}}
/* 學院色疊色：改用柔光，保留作品原本的顏色（color 模式會把整張染成學院色，微刺青只剩黃色） */
.im-home.im-home .academy::before{mix-blend-mode:soft-light;opacity:.75}
.im-home.im-home .academy:nth-child(6)::before{mix-blend-mode:color;opacity:.55}
/* 右下懸浮按鈕避讓：桌機時 AI 學院的字靠左，按鈕在格子右側 */
@media(min-width:751px){.im-home.im-home .academy:last-child span{left:12px}}
/* 內容收窄後：小卡文字寬度放寬，避免標題擠出卡片；校區照片從標籤右側開始 */
@media(min-width:1101px){.im-home.im-home .photo-card:not(.lead) .card-copy{max-width:82%}.im-home.im-home .photo-card:not(.lead)::after{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.84) 62%,rgba(0,0,0,.45) 82%,rgba(0,0,0,.1) 100%)}}
@media(min-width:751px){.im-home.im-home .campus>img{left:calc(var(--im-edge) + 560px);right:0;width:auto}}
@media(max-width:1100px) and (min-width:751px){.im-home.im-home .photo-card:not(.lead) .card-copy{max-width:none}.im-home.im-home .photo-card:not(.lead) .card-copy p{display:none}.im-home.im-home .photo-card:not(.lead) h3{font-size:22px}.im-home.im-home .photo-card:not(.lead)::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.45) 85%,rgba(0,0,0,.3) 100%)}}
@media(max-width:1100px) and (min-width:751px){.im-home.im-home .hero::after{background:linear-gradient(90deg,#080808 0%,#080808 45%,rgba(8,8,8,.88) 62%,rgba(8,8,8,.25) 88%)}}

/* ── 首頁線 v8（2026-10-05 業主：整體太擠）────────────────────────────────
   間距一組：桌機 區塊上下 72px、標題到內容 32px；手機 區塊上下 48px、標題到內容 20px。 */
.im-home.im-home{--home-pad:72px;--home-head:32px}
@media(max-width:750px){.im-home.im-home{--home-pad:48px;--home-head:20px}}
.im-home.im-home .content-section{padding-top:var(--home-pad);padding-bottom:var(--home-pad)}
.im-home.im-home .section-head{margin-bottom:var(--home-head)}
.im-home.im-home .story{padding-top:var(--home-pad);padding-bottom:var(--home-pad)}
.im-home.im-home .story-grid{margin-top:var(--home-head)}
@media(min-width:751px){
  .im-home.im-home .hero{height:480px}
  .im-home.im-home .metrics{height:auto;min-height:0;padding-top:48px;padding-bottom:48px}
  .im-home.im-home .metric-grid{margin-top:24px}
  .im-home.im-home .campus{height:380px}
  .im-home.im-home .campus .wrap{padding-top:48px}
  .im-home.im-home .campus-map{top:56px;height:260px}
  .im-home.im-home .contact{padding-top:64px;padding-bottom:64px}
}
/* FUTURE BEAUTY：整區加高、照片更完整 */
.im-home.im-home .future{height:420px;display:flex;align-items:center}
.im-home.im-home .future>.wrap{padding-top:0}
.im-home.im-home .future>img{width:66%;object-position:60% 30%}
@media(max-width:750px){.im-home.im-home .future{height:380px}.im-home.im-home .future>img{width:72%;object-position:58% 30%}}

/* 十所學院：滑過哪一格，那一格就展開（變寬、學院名放大），離開縮回；肌膚預設加寬當起始狀態 */
@media(min-width:751px){
  .im-home.im-home .academy-grid{display:flex;align-items:flex-end}
  .im-home.im-home .academy{flex:1 1 0;min-width:0;height:78%;transition:flex-grow .5s cubic-bezier(.22,.61,.36,1),height .5s cubic-bezier(.22,.61,.36,1)}
  .im-home.im-home .academy:nth-child(6){flex-grow:2;height:100%}
  .im-home.im-home .academy-grid:is(:hover,:focus-within) .academy:nth-child(6){flex-grow:1;height:78%}
  .im-home.im-home .academy-grid .academy:is(:hover,:focus-visible){flex-grow:2.4;height:100%}
  .im-home.im-home .academy span{transition:font-size .5s cubic-bezier(.22,.61,.36,1)}
  .im-home.im-home .academy:is(:hover,:focus-visible) span,.im-home.im-home .academy-grid:not(:hover):not(:focus-within) .academy:nth-child(6) span{font-size:30px}
  .im-home.im-home .academy:focus-visible{outline:2px solid #fff;outline-offset:-4px}
  .im-home.im-home .academy-section>h2{z-index:3;text-shadow:0 1px 6px rgba(0,0,0,.8)}
}
@media(prefers-reduced-motion:reduce){.im-home.im-home .academy,.im-home.im-home .academy span{transition:none}}
/* 手機：十格改成左右滑動（每格約 4 成寬，可直接點進學院） */
@media(max-width:750px){
  .im-home.im-home .academy-section{min-height:0}
  .im-home.im-home .academy-grid{display:flex;height:420px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .im-home.im-home .academy-grid::-webkit-scrollbar{display:none}
  .im-home.im-home .academy,.im-home.im-home .academy:nth-child(6){flex:0 0 42%;height:100%;scroll-snap-align:start}
  .im-home.im-home .academy span{font-size:20px}
  .im-home.im-home .academy-section>h2::after{content:"左右滑動看十所學院 →";display:block;margin-top:6px;font:500 14px/1.5 var(--im-font-sans);letter-spacing:.08em;color:#ddd3c4}
}

/* 手機 Hero：文字在上、照片從文字一半高度接下去，黑到透明的漸層銜接，人要看得到 */
@media(max-width:750px){
  .im-home.im-home .hero{height:auto;display:flex;flex-direction:column;overflow:hidden}
  .im-home.im-home .hero::after{display:none}
  .im-home.im-home .hero-copy{order:1;position:relative;z-index:2;padding-top:40px;padding-bottom:0}
  .im-home.im-home .hero>img{order:2;position:relative;inset:auto;width:100%;height:360px;margin-top:-64px;object-position:72% 22%;filter:none;opacity:1;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 18%,#000 38%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 18%,#000 38%)}
}

/* 免費諮詢：整塊是一顆按鈕，按下打開懸浮表單（丙線審查第 5 項） */
.im-home.im-home .form-layout{display:block;width:100%;text-align:left;font:inherit;border:0;cursor:pointer;background:#080808;color:#fff;padding:20px 24px;transition:outline-color .2s}
.im-home.im-home .form-layout:hover,.im-home.im-home .form-layout:focus-visible{outline:2px solid #fff;outline-offset:3px}
.im-home.im-home .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.im-home.im-home .form-field{display:block;font-size:14px;line-height:1.5;padding-bottom:10px;border-bottom:1px solid #a18456}
.im-home.im-home .form-field i{display:block;font-style:normal;color:#b9b2a8;margin-top:6px}
.im-home.im-home .form-end{display:block;margin-top:16px;padding-top:10px;border-top:1px solid #eb6da5;text-align:right;color:#eb6da5;font-size:15px;letter-spacing:.08em}
@media(max-width:750px){.im-home.im-home .form-grid{grid-template-columns:1fr}}
.im-home.im-home .hot-empty{font-size:15px;line-height:1.7;color:#16120e;border-bottom:0}
.im-home.im-home .hot-empty a{display:block;margin-top:8px;font:500 15px/1.5 var(--im-font-serif);color:#6e4a22}
@media(max-width:750px){.im-home.im-home .hero>img{margin-top:-24px}}
/* 標題下方的前三格：滑過只變寬、不往上長，避免蓋到「10 所專業學院」標題 */
@media(min-width:751px){.im-home.im-home .academy-grid .academy:nth-child(-n+3):is(:hover,:focus-visible){height:78%}}

/* ── 首頁線 v8 追加（2026-10-05 業主看 v7）── */
/* 留白改讀設計系統的全站變數 */
.im-home.im-home{--home-pad:var(--im-sec-pad);--home-head:var(--im-sec-head)}
/* 十所學院：拿掉學院色疊色，用原圖；整排加高 */
.im-home.im-home .academy::before,.im-home.im-home .academy:nth-child(6)::before{display:none}
.im-home.im-home .academy img{filter:none}
@media(min-width:751px){.im-home.im-home .academy-section{height:540px}}
/* 最新企劃再高一點 */
@media(min-width:751px){.im-home.im-home .future{height:500px}}
/* 她們的下一站：作品圖用原圖、不加任何效果；跟下一區（全台校區）拉開 */
.im-home.im-home .story-grid>img,.im-home.im-home .works img{filter:none}
.im-home.im-home .story{padding-bottom:calc(var(--im-sec-pad) * 1.5)}
/* 設計系統規則「照片不調暗」（業主 2026-10-05）：首頁所有照片用原圖，只在放字處用漸層 */
.im-home.im-home img{filter:none}

/* ── 首頁線 v9（2026-10-05 業主看 v8）─────────────────────────────────────── */
/* 裝飾線顏色：一個變數切換。v9 預設品牌粉紅；金色版 = --home-line:#d7b17b（見 home_v9_金線.html） */
.im-home.im-home{--home-line:#eb6da5;--home-line-soft:rgba(235,109,165,.42)}
.im-home.im-home :is(.kicker-line,.metrics h2,.future-kicker,.campus h2,.section-head h2,.story h2)::after{background:var(--home-line)}
.im-home.im-home .academy-section{border-top-color:var(--home-line-soft);border-bottom-color:var(--home-line-soft)}
.im-home.im-home .metrics{border-bottom-color:var(--home-line-soft)}
.im-home.im-home .metric{border-right-color:var(--home-line-soft)}
.im-home.im-home .metric::after{background:var(--home-line)}
.im-home.im-home .future{border-bottom-color:var(--home-line-soft)}
.im-home.im-home .future-caption::before,.im-home.im-home .future-caption i{background:var(--home-line)}
.im-home.im-home .future-caption i::after{border-color:var(--home-line)}
.im-home.im-home .campus{border-top-color:var(--home-line-soft)}
.im-home.im-home .campus-pins li::before{background:var(--home-line-soft)}
.im-home.im-home .content-section,.im-home.im-home .hot li{border-bottom-color:var(--home-line-soft)}
.im-home.im-home .photo-card a{border-color:var(--home-line)}
.im-home.im-home .form-field{border-bottom-color:var(--home-line)}
.im-home.im-home .academy{border-right-color:var(--home-line-soft)}

/* 十所學院：十格都從區塊頂到底滿高；標題疊在左上，上緣漸層確保看得清楚 */
@media(min-width:751px){
  .im-home.im-home .academy-grid .academy,.im-home.im-home .academy-grid .academy:nth-child(6),
  .im-home.im-home .academy-grid:is(:hover,:focus-within) .academy:nth-child(6),
  .im-home.im-home .academy-grid .academy:nth-child(-n+3):is(:hover,:focus-visible){height:100%}
  .im-home.im-home .academy-section::after{content:"";position:absolute;left:0;right:0;top:0;height:170px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,0) 100%)}
  .im-home.im-home .academy-section>h2{z-index:3}
}

/* 成功案例＋精選作品（跟學院首頁深色版同一種排法，米色底） */
.im-home.im-home .story{display:grid;gap:calc(var(--im-sec-head) * 1.25)}
.im-home.im-home .story-case{display:grid;grid-template-columns:220px minmax(0,320px) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center}
.im-home.im-home .story-head{display:flex;flex-direction:column;gap:10px;align-self:start}
.im-home.im-home .story-works .story-head{flex-direction:row;align-items:baseline;gap:28px;margin-bottom:12px}
.im-home.im-home .story-case>img{width:100%;height:260px;object-fit:cover}
.im-home.im-home .story-copy{display:flex;flex-direction:column;gap:10px;border-left:3px solid var(--home-line);padding-left:20px}
.im-home.im-home .story-copy h3{font:600 20px/1.5 var(--im-font-serif);letter-spacing:.06em;color:#16120e}
.im-home.im-home .story-copy .quote{margin:0;font:400 17px/1.8 var(--im-font-serif);color:#2e2a26}
.im-home.im-home .story-copy .quote p{display:block;-webkit-line-clamp:unset;overflow:visible}
.im-home.im-home .story-more{display:inline-flex;align-items:center;gap:12px;font:500 15px/1.4 var(--im-font-serif);letter-spacing:.12em;color:#16120e;width:max-content}
.im-home.im-home .story-more::after{content:"";width:34px;height:1px;background:currentColor}
.im-home.im-home .story-works .works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:200px;background:transparent;padding:0}
.im-home.im-home .story-works .works__item{box-sizing:border-box;margin:0;padding:7px;border:1px solid #d7b17b;background:transparent;overflow:hidden}
.im-home.im-home .story-works .works__item img{box-sizing:border-box;width:100%;height:100%;border:1px solid color-mix(in srgb,#d7b17b 58%,#fff);object-fit:cover;filter:none}
@media(max-width:750px){
  .im-home.im-home .story-case{grid-template-columns:1fr}
  .im-home.im-home .story-case>img{height:auto;aspect-ratio:4/3}
  .im-home.im-home .story-works .works{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .im-home.im-home .story-works .works__item img{aspect-ratio:1;height:auto}
}

/* ── 中間寬度與鍵盤（2026-10-05 甲線檢查）── */
/* 鍵盤焦點：首頁所有連結與按鈕都有看得到的焦點框（深底白框、米色底深框） */
.im-home.im-home :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:3px}
.im-home.im-home .paper :is(a,button):focus-visible{outline-color:#16120e}
.im-home.im-home .photo-card h3 a:focus-visible{outline-color:#fff}
.im-home.im-home .contact :is(a,button):focus-visible{outline-color:#080808}
/* 768～1100：成功案例改兩欄（標題列在上），避免「探索更多案例」超出畫面 */
@media(min-width:751px) and (max-width:1100px){
  .im-home.im-home .story-case{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
  .im-home.im-home .story-case>.story-head{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:28px}
}
/* 校區照片：不超出畫面右緣 */
@media(min-width:751px){.im-home.im-home .campus>img{left:auto;right:0;width:min(60%,calc(100% - var(--im-edge) - 560px));max-width:none}}
/* 768～1100：數字縮小不互擠；FUTURE 大字縮小、照片右移，不壓到人物 */
@media(min-width:751px) and (max-width:1100px){
  .im-home.im-home .metric strong{font-size:clamp(44px,6vw,64px)}
  .im-home.im-home .future h2{font-size:clamp(52px,7vw,72px)}
  .im-home.im-home .future>img{width:58%}
  .im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.94) 38%,rgba(8,8,8,.4) 52%,rgba(8,8,8,0) 66%)}
  .im-home.im-home .future-caption{display:none}
}

/* ── 首頁 v10：裝飾線分兩個變數（2026-10-05 業主比較三種線色）──────────────
   --home-line-long   ：一整條的線（區塊之間、橫跨內容或整個區塊、學院排上下緣、數字區上下、學院格之間）
   --home-line-accent ：按鈕與小裝飾（連結框與箭頭、標題旁短線、數字下短線與數字間直線、校區引線、案例直線）
   三個版本＝兩個變數的組合：粉線（粉／粉）、金線（金／金）、金粉混合（長線粉／小裝飾金）。預設＝粉線。 */
.im-home.im-home{
  --home-line-long:#eb6da5;--home-line-long-soft:rgba(235,109,165,.42);
  --home-line-accent:#eb6da5;--home-line-accent-soft:rgba(235,109,165,.42);
}
/* 一整條的線 */
.im-home.im-home .academy-section{border-top-color:var(--home-line-long-soft);border-bottom-color:var(--home-line-long-soft)}
.im-home.im-home .academy{border-right-color:var(--home-line-long-soft)}
.im-home.im-home .metrics{border-bottom-color:var(--home-line-long-soft)}
.im-home.im-home .future{border-bottom-color:var(--home-line-long-soft)}
.im-home.im-home .campus{border-top-color:var(--home-line-long-soft)}
.im-home.im-home .content-section{border-bottom-color:var(--home-line-long-soft)}
.im-home.im-home .hot li{border-bottom-color:var(--home-line-long-soft)}
.im-home.im-home .form-field{border-bottom-color:var(--home-line-long)}
.im-home.im-home .form-end{border-top-color:var(--home-line-long)}
/* 按鈕與小裝飾 */
.im-home.im-home :is(.kicker-line,.metrics h2,.future-kicker,.campus h2,.section-head h2,.story h2)::after{background:var(--home-line-accent)}
.im-home.im-home .metric{border-right-color:var(--home-line-accent-soft)}
.im-home.im-home .metric::after{background:var(--home-line-accent)}
.im-home.im-home .future-caption::before,.im-home.im-home .future-caption i{background:var(--home-line-accent)}
.im-home.im-home .future-caption i::after{border-color:var(--home-line-accent)}
.im-home.im-home .photo-card a{border-color:var(--home-line-accent)}
.im-home.im-home .section-head a i{background:var(--home-line-accent)}
.im-home.im-home .section-head a i::after{border-color:var(--home-line-accent)}
.im-home.im-home .story-more::after{background:var(--home-line-accent)}
.im-home.im-home .story-copy{border-left-color:var(--home-line-accent)}
.im-home.im-home .campus-pins li::before{background:var(--home-line-accent-soft)}
.im-home.im-home .category{box-shadow:inset 0 0 0 1px var(--home-line-accent)}
/* 主視覺對焦點（首頁設定 home_hero_focus）；桌機與手機共用 */
.im-home.im-home .hero[style*="--hero-focus"]>img{object-position:var(--hero-focus)}

/* 2026-10-06：主視覺改用亮底照片（528）時，左側用較長的漸層接黑底；人物留在右半邊，照片本身不調暗 */
@media(min-width:751px){
  .im-home.im-home .hero::after{background:linear-gradient(90deg,#080808 0%,#080808 40%,rgba(8,8,8,.9) 46%,rgba(8,8,8,.55) 54%,rgba(8,8,8,.18) 62%,rgba(8,8,8,0) 70%)}
}

/* ── 2026-10-06 業主回饋（v7～v10 一起）────────────────────────────────── */
/* 十所學院：改回設計稿——平常十格都從標題列下方開始（標題在黑底上）；
   滑過（或 Tab 到）哪一格，那格才往上長到區塊頂端、蓋過標題列並加寬；離開縮回。肌膚維持預設加寬、但不往上長。 */
@media(min-width:751px){
  .im-home.im-home .academy-grid .academy,.im-home.im-home .academy-grid .academy:nth-child(6),
  .im-home.im-home .academy-grid:is(:hover,:focus-within) .academy:nth-child(6),
  .im-home.im-home .academy-grid .academy:nth-child(-n+3):is(:hover,:focus-visible){height:calc(100% - 112px)}
  .im-home.im-home .academy-grid .academy:is(:hover,:focus-visible),
  .im-home.im-home .academy-grid .academy:nth-child(-n+3):is(:hover,:focus-visible),
  .im-home.im-home .academy-grid .academy:nth-child(6):is(:hover,:focus-visible){height:100%;flex-grow:2.4}
  .im-home.im-home .academy-grid:not(:hover):not(:focus-within) .academy:nth-child(6) span{font-size:22px}
  /* 上緣漸層只壓在標題那一列：平常那裡是黑底，滑過長上來的那格才會被壓到，標題保持可讀 */
  .im-home.im-home .academy-section::after{height:120px;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 60%,rgba(0,0,0,0) 100%)}
}

/* 主視覺與最新企劃：照片露出更多（兩區都加高） */
@media(min-width:751px){
  .im-home.im-home .hero{height:620px}
  .im-home.im-home .future{height:620px}
}
@media(max-width:750px){
  .im-home.im-home .hero>img{height:440px}
  .im-home.im-home .future{height:460px}
}
/* 最新企劃改放 528（人像與花）：對焦在臉 */
.im-home.im-home .future>img{object-position:50% 28%}

/* 卡片學院小標籤：用該學院的顏色（設計稿）；白字，底色是學院色壓深，確保白字可讀 */
.im-home.im-home .category[data-academy]{background:color-mix(in oklab,var(--im-brand,#7a5830) 62%,#120d0a);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--im-brand,#d7b17b) 70%,#fff);color:#fff}
/* 「了解更多」：設計稿是文字＋箭頭，不是有框的按鈕 */
.im-home.im-home .photo-card .card-copy>a:last-child{border:0;padding:0;background:none;display:inline-flex;align-items:center;gap:12px;font:500 15px/1.4 var(--im-font-serif);letter-spacing:.14em}
.im-home.im-home .photo-card .card-copy>a:last-child::after{content:"";width:34px;height:1px;background:var(--home-line-accent);box-shadow:none}
/* 最新企劃照片左緣淡入黑底（亮底照片不會出現一條硬邊） */
.im-home.im-home .future>img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%)}
@media(min-width:751px){.im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.9) 30%,rgba(8,8,8,0) 46%)}}

/* 2026-10-06 業主：卡片學院小標籤再淡一點，不搶標題——學院色半透明底＋學院色細框，白字（底下是卡片暗色漸層，對比仍 ≥ 4.5） */
.im-home.im-home .category[data-academy]{background:color-mix(in oklab,var(--im-brand,#7a5830) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--im-brand,#d7b17b) 55%,transparent);color:#fff;font-weight:400;letter-spacing:.06em}
/* 「了解更多」：文字＋細箭頭（設計稿 ⟶，細線＋小箭頭頭），無框 */
.im-home.im-home .photo-card .card-copy>a:last-child::after,
.im-home.im-home .section-head a i,.im-home.im-home .story-more::after{content:"";display:inline-block;width:36px;height:10px;background:var(--home-line-accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 10'%3E%3Cpath d='M0 5h34M29 1l5 4-5 4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 10'%3E%3Cpath d='M0 5h34M29 1l5 4-5 4' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.im-home.im-home .section-head a i::after{display:none}
.im-home.im-home .section-head a i{background:currentColor}

/* 2026-10-06 全台校區照片定案 702（美睫教室教學照）：不調暗，對焦讓老師與學員都在畫面內 */
.im-home.im-home .campus>img{filter:none;object-position:56% 42%}
/* 手機：文字疊在照片上，用漸層壓字的那一側（照片本身不調暗） */
@media(max-width:750px){
  .im-home.im-home .campus>img{filter:none;object-position:60% 40%}
  .im-home.im-home .campus::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,8,.92) 0%,rgba(8,8,8,.78) 55%,rgba(8,8,8,.35) 100%)}
  .im-home.im-home .campus .wrap{z-index:2}
}

/* ── 2026-10-06 第二輪 ── */
/* 區塊「內部」的線另一個變數 --home-line-inner（預設＝長線，所以 v7～v10 不變；v11 設成粉紅）：
   十所學院格線、更多文章分隔線、諮詢欄位底線 */
.im-home.im-home{--home-line-inner:var(--home-line-long-soft)}
.im-home.im-home .academy{border-right-color:var(--home-line-inner)}
.im-home.im-home .hot li{border-bottom-color:var(--home-line-inner)}
.im-home.im-home .form-field{border-bottom-color:var(--home-line-inner)}
/* 最新企劃 528：上下置中，照片窄一點、少裁上下（頭頂與下巴都在） */
.im-home.im-home .future>img{object-position:50% 50%}
@media(min-width:751px){.im-home.im-home .future>img{width:42%}}
/* 手機數字區：三欄等寬、字縮小，不互擠 */
@media(max-width:750px){
  .im-home.im-home .metrics{height:auto;min-height:0;padding-top:32px;padding-bottom:32px}
  .im-home.im-home .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .im-home.im-home .metric strong{font-size:32px;white-space:nowrap}
  .im-home.im-home .metric sup{font-size:16px;top:2px;margin-left:2px}
}
/* 照片改窄後，BEAUTY FUTURES 移到照片左邊的黑底上，不壓到臉 */
@media(min-width:1101px){.im-home.im-home .future-caption{right:calc(42% + 56px)}}

/* ── 2026-10-06 第三輪 ── */
/* 主視覺：桌機 620 → 540px，文字整塊在區塊內上下置中 */
@media(min-width:751px){
  .im-home.im-home .hero{height:540px;display:flex;align-items:center}
  .im-home.im-home .hero-copy{padding-top:0;padding-bottom:0}
}
/* BEAUTY FUTURES 回到右側；文字與線一律金色，底下墊半透明暗底，在亮色照片上也讀得到 */
@media(min-width:1101px){
  .im-home.im-home .future-caption{right:calc(var(--im-edge) + 8px);padding:14px 16px;background:rgba(8,8,8,.62);color:#d7b17b}
}
.im-home.im-home .future-caption{color:#d7b17b}
.im-home.im-home .future-caption::before,.im-home.im-home .future-caption i{background:#d7b17b}
.im-home.im-home .future-caption i::after{border-color:#d7b17b}
/* 卡片學院標籤再透一點（學院色 24%＋細框），白字 */
.im-home.im-home .category[data-academy]{background:color-mix(in oklab,var(--im-brand,#7a5830) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--im-brand,#d7b17b) 50%,transparent)}
/* BEAUTY FUTURES 在右側黑底上（設計稿位置）：照片往左讓出右側一條黑底，照片左右兩緣都淡入黑底，不壓到臉 */
@media(min-width:1101px){
  .im-home.im-home .future>img{right:calc(var(--im-edge) + 150px);width:40%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%,#000 88%,transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 14%,#000 32%,#000 88%,transparent 100%)}
  .im-home.im-home .future-caption{right:var(--im-edge);background:none;padding:0}
}
/* 2026-10-06 業主：528 人物小一點、露出更多——照片以原比例整張放進 620px 高（不裁上下），
   寬度跟著照片比例（約 413px）；靠右、讓出右側黑底給 BEAUTY FUTURES（再往右一點，不碰人物） */
@media(min-width:1101px){
  .im-home.im-home .future>img{width:auto;max-width:48%;height:100%;object-fit:cover;object-position:50% 50%;right:calc(var(--im-edge) + 120px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 90%,transparent 100%)}
  .im-home.im-home .future-caption{right:max(24px,calc(var(--im-edge) - 40px))}
}
/* 2026-10-06 總控更正：最新企劃改回「照片鋪滿右半邊、滿高、向左漸層融入黑底」（v7 當時的做法）；
   528 上下置中，照片寬 52%（不放太大）；BEAUTY FUTURES 在右側，右緣加一道淡暗漸層讓金字讀得到，不碰到眼睛 */
@media(min-width:1101px){
  .im-home.im-home .future>img{right:0;width:52%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 16%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 16%,#000 34%)}
  .im-home.im-home .future::before{content:"";position:absolute;top:0;bottom:0;right:0;width:260px;z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(8,8,8,.78) 0%,rgba(8,8,8,.5) 55%,rgba(8,8,8,0) 100%)}
  .im-home.im-home .future-caption{right:max(24px,calc(var(--im-edge) - 40px));z-index:2}
}
@media(min-width:1101px){.im-home.im-home .future::before{width:calc(var(--im-edge) + 200px);background:linear-gradient(270deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.8) 60%,rgba(8,8,8,0) 100%)}}
/* 寬螢幕時人物眼睛會往右移，BEAUTY FUTURES 一律貼近視窗右緣（離右邊 40px），不靠內容寬度定位 */
@media(min-width:1101px){.im-home.im-home .future-caption{right:40px}.im-home.im-home .future::before{width:240px}}
/* 2026-10-06 業主：最新企劃照片往左挪、看得到的範圍寬一點；縮放不變（照片框寬維持 52%＝人物大小不變）、上下置中。
   照片右緣離視窗 110px，右緣淡出；左緣漸層縮短，黑底變少。BEAUTY FUTURES 位置不動（離右緣 40px），落在照片右邊的黑底上。 */
@media(min-width:1101px){
  .im-home.im-home .future>img{right:110px;width:52%;object-position:50% 50%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 9%,#000 18%,#000 86%,transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 9%,#000 18%,#000 86%,transparent 100%)}
  .im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.9) 26%,rgba(8,8,8,0) 40%)}
  .im-home.im-home .future::before{display:none}
}
/* 2026-10-06 總控更正（業主：照片往左、讓出右邊；文字不動）：
   文字回到上一版位置（離右緣 max(24px, 內容邊距−40px)）；照片框寬 52% 不變（縮放不變），整張往左挪，右緣離視窗 200px，
   左緣漸層只留 14%，顯示範圍往左延伸、變寬；右緣淡出接黑底，文字落在照片右邊的黑底上。 */
@media(min-width:1101px){
  .im-home.im-home .future-caption{right:max(24px,calc(var(--im-edge) - 40px))}
  .im-home.im-home .future>img{right:200px;width:52%;object-position:50% 50%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 7%,#000 14%,#000 88%,transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 7%,#000 14%,#000 88%,transparent 100%)}
  .im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.9) 24%,rgba(8,8,8,0) 34%)}
}
/* 照片右緣跟著文字位置算：一律停在 BEAUTY FUTURES 左邊（各寬度都讓出右邊） */
@media(min-width:1101px){.im-home.im-home .future>img{right:calc(max(24px,calc(var(--im-edge) - 40px)) + 130px)}}
/* 照片左移後，FUTURE BEAUTY 大字尾端仍要在黑底上：左側暗色延到大字右緣再淡出 */
@media(min-width:1101px){.im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 33%,rgba(8,8,8,.5) 38%,rgba(8,8,8,0) 44%)}}
/* 寬螢幕（>1440）照片框不再跟著變寬（最多 750px＝1440 時的大小），避免左緣伸到 FUTURE BEAUTY 大字底下 */
@media(min-width:1101px){.im-home.im-home .future>img{width:min(52%,750px)}
  .im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) calc(var(--im-edge) + 400px),rgba(8,8,8,0) calc(var(--im-edge) + 520px))}}

/* ── 2026-10-06 第四輪 ── */
/* 1. 最新企劃與主視覺同高：桌機 540；手機最新企劃＝主視覺照片高 440 */
@media(min-width:751px){.im-home.im-home .future{height:540px}}
@media(max-width:750px){.im-home.im-home .future{height:440px}}

/* 2. 卡片區做高、照片露出更多；暗色漸層只蓋文字那幾行 */
@media(min-width:751px){
  .im-home.im-home .course-grid{height:640px}
  .im-home.im-home .event-grid{height:560px}
  .im-home.im-home .article-grid{height:640px}
}
.im-home.im-home .photo-card::after,
.im-home.im-home :is(.course-grid,.article-grid) .lead::after,
.im-home.im-home .photo-card:not(.lead)::after{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.78) 22%,rgba(0,0,0,.35) 38%,rgba(0,0,0,0) 50%)}
.im-home.im-home .photo-card .card-copy,.im-home.im-home .photo-card:not(.lead) .card-copy,.im-home.im-home .event-grid .lead .card-copy{max-width:calc(100% - 40px)}
@media(max-width:750px){
  .im-home.im-home .photo-card{height:320px}.im-home.im-home .course-grid .lead,.im-home.im-home .event-grid .lead,.im-home.im-home .article-grid .lead{height:400px}
  .im-home.im-home .photo-card::after,.im-home.im-home :is(.course-grid,.article-grid) .lead::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.35) 50%,rgba(0,0,0,0) 64%)}
}

/* 3. 成功案例（一次一則）與精選作品（一列可滑）：左右切換 */
.im-home.im-home .story-case-wrap,.im-home.im-home .story-works{position:relative}
.im-home.im-home .story-track,.im-home.im-home .story-works .works{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.im-home.im-home .story-track::-webkit-scrollbar,.im-home.im-home .story-works .works::-webkit-scrollbar{display:none}
.im-home.im-home .story-track{gap:0;margin-top:var(--im-sec-head)}
.im-home.im-home .story-track>.story-case{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.im-home.im-home .story-track>.story-case>img{width:100%;height:320px;object-fit:cover}
.im-home.im-home .story-case-wrap>.story-head{flex-direction:row;align-items:baseline;gap:28px}
.im-home.im-home .story-works .works{height:220px;gap:6px;background:#080808;padding:6px}
.im-home.im-home .story-works .works img{flex:0 0 calc((100% - 18px) / 4);height:100%;scroll-snap-align:start}
.im-home.im-home .story-nav{position:absolute;right:0;top:0;display:flex;gap:10px}
.im-home.im-home .story-nav[hidden]{display:none}
.im-home.im-home .story-nav button{width:44px;height:44px;border:1px solid #16120e;background:transparent;cursor:pointer;position:relative;border-radius:50%}
.im-home.im-home .story-nav button::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-top:1.5px solid #16120e;border-right:1.5px solid #16120e;transform:translateX(-2px) rotate(45deg)}
.im-home.im-home .story-nav .story-prev::after{transform:translateX(2px) rotate(-135deg)}
.im-home.im-home .story-nav button:disabled{opacity:.3;cursor:default}
.im-home.im-home .story-nav button:focus-visible{outline:2px solid #16120e;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.im-home.im-home .story-track,.im-home.im-home .story-works .works{scroll-behavior:auto}}
@media(max-width:750px){
  .im-home.im-home .story-track>.story-case{grid-template-columns:1fr}
  .im-home.im-home .story-track>.story-case>img{height:auto;aspect-ratio:4/3}
  .im-home.im-home .story-works .works{height:auto}
  .im-home.im-home .story-works .works img{flex-basis:calc((100% - 6px) / 2);aspect-ratio:1;height:auto}
  .im-home.im-home .story-nav{position:static;justify-content:flex-end;margin-top:10px}
}
/* 漸層高度跟著文字塊：大卡文字只佔下方約三成；小卡文字約佔六成 */
.im-home.im-home .photo-card.lead::after,.im-home.im-home :is(.course-grid,.article-grid,.event-grid) .lead::after{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.84) 26%,rgba(0,0,0,.45) 40%,rgba(0,0,0,0) 52%)}
.im-home.im-home .photo-card:not(.lead)::after{background:linear-gradient(0deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.86) 48%,rgba(0,0,0,.45) 66%,rgba(0,0,0,0) 80%)}
@media(max-width:750px){.im-home.im-home .photo-card::after,.im-home.im-home .photo-card.lead::after,.im-home.im-home .photo-card:not(.lead)::after{background:linear-gradient(0deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.86) 46%,rgba(0,0,0,.45) 62%,rgba(0,0,0,0) 76%)}}
/* 手機：每則案例就是一屏寬 */
.im-home.im-home .story-track>.story-case{min-width:0;width:100%}
.im-home.im-home .story{grid-template-columns:minmax(0,1fr)}
.im-home.im-home .story-case-wrap,.im-home.im-home .story-works{min-width:0}

/* ── 2026-10-06 總控更正（第 15 件後）── */
/* 1. 最新企劃照片更貼近右緣：框寬 52%(最多 750) → 60%(最多 870)，右緣離視窗 206 → 40px；對焦維持 50% 50%。
      人物（照片中線）仍在 BEAUTY FUTURES 左邊；文字底下加一道淡暗漸層，文字位置不動。 */
@media(min-width:1101px){
  .im-home.im-home .future>img{right:40px;width:min(60%,870px);object-position:50% 50%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 7%,#000 14%,#000 92%,transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 7%,#000 14%,#000 92%,transparent 100%)}
  .im-home.im-home .future::before{display:block;content:"";position:absolute;top:0;bottom:0;right:0;width:calc(max(24px,calc(var(--im-edge) - 40px)) + 170px);z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(8,8,8,.85) 0%,rgba(8,8,8,.7) 55%,rgba(8,8,8,0) 100%)}
}
/* 2. 卡片學院標籤：介於 24% 與 38% 之間（31%），細框 55% */
.im-home.im-home .category[data-academy]{background:color-mix(in oklab,var(--im-brand,#7a5830) 31%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--im-brand,#d7b17b) 58%,transparent)}
/* 3. 成功案例／精選作品：回到 v10 版面，只把左右切換加進去 */
@media(min-width:751px){
  .im-home.im-home .story-case-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center}
  .im-home.im-home .story-case-wrap>.story-head{flex-direction:column;align-items:flex-start;gap:10px;align-self:start}
  .im-home.im-home .story-track{margin-top:0}
  .im-home.im-home .story-track>.story-case{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
  .im-home.im-home .story-track>.story-case>img{height:260px}
}
.im-home.im-home .story-works .story-head{flex-direction:row;align-items:baseline;gap:28px;margin-bottom:12px}
.im-home.im-home .story-works .works{height:200px;gap:6px;padding:0;background:#080808;border:6px solid #080808}
@media(max-width:750px){.im-home.im-home .story-works .works{height:auto}}
/* 箭頭：疊在圖列兩端、低調小圓鈕（跟懸浮按鈕同風格），只有一筆時整組隱藏 */
.im-home.im-home .story-case-wrap,.im-home.im-home .story-works{position:relative}
.im-home.im-home .story-nav{position:absolute;inset:auto;top:auto;right:auto;display:block;margin:0;pointer-events:none}
.im-home.im-home .story-case-wrap .story-nav{left:calc(220px + clamp(24px,3vw,40px));right:0;top:50%}
.im-home.im-home .story-works .story-nav{left:0;right:0;top:calc(50% + 20px)}
.im-home.im-home .story-nav button{position:absolute;top:0;transform:translateY(-50%);pointer-events:auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(8,8,8,.62);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.im-home.im-home .story-nav .story-prev{left:10px}.im-home.im-home .story-nav .story-next{right:10px}
.im-home.im-home .story-nav button::after{border-color:#fff;width:8px;height:8px}
.im-home.im-home .story-nav button:disabled{opacity:0;pointer-events:none}
.im-home.im-home .story-nav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:750px){.im-home.im-home .story-case-wrap .story-nav{left:0;right:0;top:calc(30% + 40px)}}
@media(min-width:1101px){
  /* 照片右緣跟著文字位置：比文字右緣再往右 60px（貼近區塊右緣），寬螢幕也一樣，人物中線永遠在文字左邊 */
  .im-home.im-home .future>img{right:max(0px,calc(max(24px,calc(var(--im-edge) - 40px)) - 60px))}
  .im-home.im-home .future::before{width:calc(max(24px,calc(var(--im-edge) - 40px)) + 190px);background:linear-gradient(270deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.86) 62%,rgba(8,8,8,0) 100%)}
}
@media(min-width:1101px){.im-home.im-home .future::before{width:calc(max(24px,calc(var(--im-edge) - 40px)) + 260px)}}
/* 成功案例的箭頭疊在照片兩端（不壓到右側文字） */
@media(min-width:751px){
  .im-home.im-home .story-case-wrap .story-nav{left:calc(220px + clamp(24px,3vw,40px));right:auto;width:320px;top:50%}
}
@media(max-width:750px){.im-home.im-home .story-case-wrap .story-nav{left:0;right:0;width:auto;top:auto}}
@media(max-width:750px){.im-home.im-home .story-case-wrap .story-nav{top:calc(var(--im-sec-head) + 60px + 131px)}}

/* ── 2026-10-06 總控補充 ── */
/* 最新活動、美業成功方程式：整區降到約佔視窗 68%（精選課程維持） */
@media(min-width:751px){.im-home.im-home .event-grid{height:380px}.im-home.im-home .article-grid{height:400px}}
/* 成功案例／精選作品的箭頭不壓在圖上：
   成功案例＝兩顆並排放在這一列最右（文字右側），文字區留出位置；精選作品＝放在標題列最右（圖列上方） */
@media(min-width:751px){
  .im-home.im-home .story-case-wrap .story-nav{left:auto;right:0;width:auto;top:50%;height:36px;transform:translateY(-50%)}
  .im-home.im-home .story-case-wrap .story-nav button{position:static;transform:none;display:inline-block;margin-left:8px;vertical-align:middle}
  .im-home.im-home .story-track>.story-case>.story-copy{padding-right:96px}
}
.im-home.im-home .story-works .story-nav{left:auto;right:0;top:0;height:36px}
.im-home.im-home .story-works .story-nav button{position:static;transform:none;display:inline-block;margin-left:8px}
.im-home.im-home .story-works .story-head{padding-right:96px}
.im-home.im-home .story-nav button{border-color:#16120e;background:transparent;box-shadow:none}
.im-home.im-home .story-nav button::after{border-color:#16120e}
.im-home.im-home .story-nav button:disabled{opacity:.25;pointer-events:none}
.im-home.im-home .story-nav button:focus-visible{outline-color:#16120e}
@media(max-width:750px){
  .im-home.im-home .story-case-wrap .story-nav{position:static;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
  .im-home.im-home .story-case-wrap .story-nav button{position:static;transform:none}
}
.im-home.im-home .story-nav button{position:relative!important;width:36px;height:36px}
.im-home.im-home .story-nav .story-prev,.im-home.im-home .story-nav .story-next{left:auto;right:auto;top:auto}

/* 2026-10-06：最新活動、美業成功方程式整區固定佔視窗高 70%（任何螢幕高度都一樣）；
   卡片區＝70vh 扣掉標題列與上下留白（約 228px），最低 360px */
@media(min-width:751px){
  .im-home.im-home .content-section:has(.event-grid),.im-home.im-home .content-section:has(.article-grid){height:70vh;min-height:588px;box-sizing:border-box;display:flex;flex-direction:column}
  .im-home.im-home .event-grid,.im-home.im-home .article-grid{height:auto;flex:1 1 auto;min-height:360px}
}

/* 2026-10-06：兩區 70vh → 75vh（最低 630px） */
@media(min-width:751px){.im-home.im-home .content-section:has(.event-grid),.im-home.im-home .content-section:has(.article-grid){height:75vh;min-height:630px}}
/* 左右箭頭：一顆在最左、一顆在最右，不壓圖；淡色細框，停用更淡，滑過變深 */
.im-home.im-home .story-nav{position:absolute!important;left:0!important;right:0!important;width:auto!important;height:36px;pointer-events:none;display:block!important;transform:none!important}
.im-home.im-home .story-nav[hidden]{display:none!important}
.im-home.im-home .story-nav button{position:absolute!important;margin:0!important;pointer-events:auto;border:1px solid rgba(22,18,14,.22)!important;background:transparent}
.im-home.im-home .story-nav button::after{border-color:rgba(22,18,14,.55)!important}
.im-home.im-home .story-nav .story-prev{left:0!important}.im-home.im-home .story-nav .story-next{right:0!important;left:auto!important}
.im-home.im-home .story-nav button:hover{border-color:rgba(22,18,14,.6)!important}.im-home.im-home .story-nav button:hover::after{border-color:#16120e!important}
.im-home.im-home .story-nav button:disabled{opacity:.35}
/* 成功案例：箭頭在案例文字那一列的高度（左邊是標題欄下方的空白、右邊在文字右側） */
@media(min-width:751px){.im-home.im-home .story-case-wrap .story-nav{top:50%!important;margin-top:-18px}.im-home.im-home .story-track>.story-case>.story-copy{padding-right:56px}}
/* 精選作品：箭頭在標題列高度，左顆在標題前、右顆在最右 */
.im-home.im-home .story-works .story-nav{top:0!important}
.im-home.im-home .story-works:has(.story-nav:not([hidden])) .story-head{padding-left:52px;padding-right:52px}
@media(max-width:750px){.im-home.im-home .story-case-wrap .story-nav{position:relative!important;margin-top:10px}}
/* 2026-10-06：成功案例左箭頭改放在案例圖片左側（緊鄰、垂直置中）；右箭頭維持最右 */
@media(min-width:751px){.im-home.im-home .story-case-wrap .story-nav .story-prev{left:calc(220px + clamp(24px,3vw,40px) - 48px)!important}}

/* ★ 2026-10-06 業主定案：首頁線色＝v11「區塊之間金、區塊內部粉」（正式預設值；v7～v10 預覽只留作紀錄） */
.im-home.im-home{
  --home-line-long:#d7b17b;--home-line-long-soft:rgba(215,177,123,.42);
  --home-line-accent:#eb6da5;--home-line-accent-soft:rgba(235,109,165,.42);
  --home-line-inner:rgba(235,109,165,.42);
}

/* 2026-10-06 熱修：卡片變高（75vh）後，小卡的學院標籤會落在暗色漸層上方的亮照片上。
   改成在文字區塊後面墊一層暗色漸層（跟著文字高度走、往上多淡出 48px），所有卡片的標籤與文字都在暗底上。 */
.im-home.im-home .photo-card .card-copy{isolation:isolate}
.im-home.im-home .photo-card .card-copy::before{content:"";position:absolute;z-index:-1;inset:-48px -20px -18px -20px;pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.82) calc(100% - 48px),rgba(0,0,0,0) 100%)}

/* ★ 2026-10-06 首頁第二次修正：數字下方加一行說明（數字 → 短線 → 說明），字 15px、淺米色 */
.im-home.im-home .metrics{height:auto;min-height:180px}
.im-home.im-home .metric{display:flex;flex-direction:column;align-items:center}
.im-home.im-home .metric::after{order:1}
.im-home.im-home .metric .metric-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;order:2;margin-top:10px;font:400 15px/1.6 var(--im-font-sans);letter-spacing:.12em;color:#ddd3c4}
.im-home.im-home .metric .metric-pending{order:2;margin-top:10px}
@media(max-width:750px){.im-home.im-home .metric .metric-label{font-size:14px;letter-spacing:.04em;padding:0 4px}}

/* ★ 2026-10-07 首頁第三次修正（業主看手機版）
   1. 十所專業學院：手機（≤640）2 欄 × 5 列、平板（641～1024）5 欄 × 2 列，十格全列出、不左右滑動；
      每格約 4:5，學院名橫排置底、最多兩行；照片與學院色邏輯照桌機。拿掉「左右滑動看十所學院」提示。 */
@media(max-width:1024px){
  .im-home.im-home .academy-section{height:auto;min-height:0;padding-bottom:0}
  .im-home.im-home .academy-section>h2{position:static;padding:28px var(--im-edge,20px) 20px}
  .im-home.im-home .academy-section>h2::after{content:none;display:none}
  .im-home.im-home .academy-section::after{content:none;display:none} /* 桌機標題壓在圖上用的上方暗化，格狀時不需要（會把標題變暗） */
  .im-home.im-home .academy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;overflow:visible;scroll-snap-type:none;gap:0;align-items:stretch}
  .im-home.im-home .academy-grid .academy,.im-home.im-home .academy-grid .academy:nth-child(6),
  .im-home.im-home .academy-grid:is(:hover,:focus-within) .academy:nth-child(6),
  .im-home.im-home .academy-grid .academy:is(:hover,:focus-visible),
  .im-home.im-home .academy-grid .academy:nth-child(-n+3):is(:hover,:focus-visible),
  .im-home.im-home .academy-grid .academy:nth-child(6):is(:hover,:focus-visible){flex:none;width:auto;height:auto;min-height:44px;aspect-ratio:4/5;scroll-snap-align:none;border-bottom:1px solid var(--home-line-inner,rgba(235,109,165,.42))}
  .im-home.im-home .academy img{position:absolute;inset:0;width:100%;height:100%}
  .im-home.im-home .academy-grid .academy span,
  .im-home.im-home .academy-grid .academy:is(:hover,:focus-visible) span,
  .im-home.im-home .academy-grid:not(:hover):not(:focus-within) .academy:nth-child(6) span,
  .im-home.im-home .academy:last-child span{writing-mode:horizontal-tb;left:12px;right:12px;bottom:12px;top:auto;transform:none;padding:0;background:none;
    font-size:19px;line-height:1.35;letter-spacing:.08em;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .im-home.im-home .academy::after,.im-home.im-home .academy:nth-child(6)::after{background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 22%,rgba(0,0,0,0) 45%)}
}
@media(min-width:641px) and (max-width:1024px){
  .im-home.im-home .academy-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .im-home.im-home .academy-grid .academy span{font-size:18px}
}

/* 2. 課程／活動／文章卡片（業主：太黑、黑太大塊）：
      - 拿掉整張卡由下往上大片變黑的漸層，改成「只墊在文字後面」：文字區底部約 86% 黑、往上 40px 淡到透明，上方照片完全不暗。
      - 文字只放在卡片底部 40% 內：小卡不顯示摘要、標題最多兩行；手機卡片加高、非主卡不顯示「了解更多」（整個標題就是連結）。
      - 底部 86% 是實測結果：70～75% 時，白字壓在亮照片（白牆、白衣）上對比只有 1.5～3.9，達不到 4.5。 */
.im-home.im-home .photo-card::after,
.im-home.im-home .photo-card.lead::after,
.im-home.im-home .photo-card:not(.lead)::after,
.im-home.im-home :is(.course-grid,.article-grid,.event-grid) .lead::after{background:linear-gradient(0deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 40%)}
.im-home.im-home .photo-card .card-copy{top:auto;bottom:18px;isolation:isolate}
.im-home.im-home .photo-card .card-copy::before{content:"";display:block;position:absolute;z-index:-1;inset:-40px -20px -18px -20px;pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.8) calc(100% - 40px),rgba(0,0,0,0) 100%)}
.im-home.im-home .photo-card .card-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.im-home.im-home .photo-card:not(.lead) .card-copy p:not(.price){display:none}
@media(max-width:750px){
  .im-home.im-home .photo-card{height:380px}
  .im-home.im-home .course-grid .lead,.im-home.im-home .event-grid .lead,.im-home.im-home .article-grid .lead{height:440px}
  .im-home.im-home .photo-card .card-copy p:not(.price){display:none}
  .im-home.im-home .photo-card h3,.im-home.im-home .event-grid .photo-card h3,.im-home.im-home .article-grid .photo-card h3,
  .im-home.im-home .event-grid .lead h3,.im-home.im-home .article-grid .lead h3{font-size:23px;line-height:1.4;margin-top:10px}
  .im-home.im-home .photo-card:not(.lead) .card-copy>a:last-child{display:none}
  .im-home.im-home .photo-card .card-copy>a:last-child{margin-top:8px}
}
/* 桌機／平板小卡也讓文字留在底部約 40%：不顯示「了解更多」（標題就是連結），活動、文章小卡標題一行 */
@media(min-width:751px){
  .im-home.im-home .photo-card:not(.lead) .card-copy>a:last-child{display:none}
  .im-home.im-home :is(.event-grid,.article-grid) .photo-card:not(.lead) h3{-webkit-line-clamp:1;display:block!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .im-home.im-home .photo-card .card-copy .category{padding:3px 9px}
}
@media(max-width:1100px){.im-home.im-home .photo-card .card-copy p:not(.price){display:none}}

/* ★ 2026-10-07 首頁最新活動改時間軸（跟學院首頁同一套，樣式在 im-design-system.css「.im-evt」；首頁米色區用深字＋品牌粉） */
.im-home.im-home .im-evt{--evt-t:#16120e;--evt-m:#5b5148;--evt-a:var(--home-line-accent,#eb6da5);--evt-bg:var(--paper,#efe9e2);--evt-r:0;margin-top:8px}
.im-home.im-home .im-evt :is(h3,p){color:inherit}
.im-home.im-home .im-evt .im-evt__title{color:var(--evt-t)}
.im-home.im-home .im-evt .im-evt__meta{color:var(--evt-m)}
.im-home.im-home .im-evt__ph img{filter:none;height:100%}

/* ★ 2026-10-12 甲線（業主定案內容 1440、桌機側邊距 40px）：懸浮鈕在 751～1599px 是 44px＋離右 4px，
   會蓋到內容右緣 8px。互動的輪播箭頭往內收 16px，「BEAUTY FUTURES」右緣至少離視窗 64px（1600 以上 80px），都不跟懸浮鈕疊。 */
@media(min-width:751px) and (max-width:1599px){.im-home.im-home .story-next{translate:-16px 0}}
@media(min-width:751px){.im-home.im-home .future-caption{right:max(64px,calc(var(--im-edge) - 40px))}}
@media(min-width:1600px){.im-home.im-home .future-caption{right:max(80px,calc(var(--im-edge) - 40px))}}

/* ★ 2026-10-13 甲線（業主看線上首頁）：FUTURE BEAUTY 黑底與照片之間改成寬而柔的漸層，不再有硬邊。
   照片本身不調暗：只用遮罩讓照片左側約 1/3 慢慢淡入黑底（多段 stop 避免色帶）；文字區的暗底照舊。 */
.im-home.im-home .future>img{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 3%,rgba(0,0,0,.09) 6%,rgba(0,0,0,.18) 9%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.43) 15%,rgba(0,0,0,.57) 18%,rgba(0,0,0,.7) 21%,rgba(0,0,0,.81) 24%,rgba(0,0,0,.9) 27%,rgba(0,0,0,.96) 30%,#000 33%,#000 90%,rgba(0,0,0,.6) 95%,rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 3%,rgba(0,0,0,.09) 6%,rgba(0,0,0,.18) 9%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.43) 15%,rgba(0,0,0,.57) 18%,rgba(0,0,0,.7) 21%,rgba(0,0,0,.81) 24%,rgba(0,0,0,.9) 27%,rgba(0,0,0,.96) 30%,#000 33%,#000 90%,rgba(0,0,0,.6) 95%,rgba(0,0,0,0) 100%)}
@media(max-width:750px){
  .im-home.im-home .future>img{
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.14) 10%,rgba(0,0,0,.27) 15%,rgba(0,0,0,.42) 20%,rgba(0,0,0,.58) 25%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.84) 35%,rgba(0,0,0,.93) 40%,#000 46%);
            mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 5%,rgba(0,0,0,.14) 10%,rgba(0,0,0,.27) 15%,rgba(0,0,0,.42) 20%,rgba(0,0,0,.58) 25%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.84) 35%,rgba(0,0,0,.93) 40%,#000 46%)}
  .im-home.im-home .future::after{background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 46%,rgba(8,8,8,.8) 56%,rgba(8,8,8,.6) 66%,rgba(8,8,8,.4) 75%,rgba(8,8,8,.2) 84%,rgba(8,8,8,.08) 92%,rgba(8,8,8,0) 100%)}
}

/* 2026-10-14 第 88 件：僅手機首頁；不影響 751px 以上桌機／平板版。 */
@media(max-width:750px){
  .im-home.im-home .academy-grid{gap:0}
  .im-home.im-home .academy-grid .academy{border:0;aspect-ratio:4/5}
  .im-home.im-home .future>img{left:0;right:auto;width:100%;filter:brightness(.23);-webkit-mask-image:none;mask-image:none}
  .im-home.im-home .future::after{background:none}
  .im-home.im-home .course-grid .photo-card,.im-home.im-home .article-grid .photo-card,.im-home.im-home .course-grid .lead,.im-home.im-home .article-grid .lead{height:380px}
  .im-home.im-home .story-nav{display:none!important}
  .im-home.im-home .story-track{gap:12px}
  .im-home.im-home .story-track>.story-case{flex:0 0 88%;width:88%}
  .im-home.im-home .story-works .works img{flex:0 0 88%}
}

/* ★ 2026-10-13 甲線（業主看線上首頁）：
   ① 成功案例、精選作品跟上下區塊太擠：上下各多半格區塊留白（桌機 72→108、108→144；手機 48→72、72→96），兩區之間改成一整格區塊留白。
   ② 精選課程、成功方程式的小卡也要有「了解更多 →」（原本只有大卡）：樣式同大卡、小一號。最新活動是時間軸，每場本來就有「了解活動」。 */
.im-home.im-home .story{padding-top:calc(var(--im-sec-pad) * 1.5);padding-bottom:calc(var(--im-sec-pad) * 2);row-gap:var(--im-sec-pad)}
.im-home.im-home .photo-card:not(.lead) .card-copy>a:last-child{display:inline-flex}
.im-home.im-home .photo-card:not(.lead) .card-copy>a:last-child{margin-top:6px;gap:10px;font-size:14px;letter-spacing:.12em}
.im-home.im-home .photo-card:not(.lead) .card-copy>a:last-child::after{width:26px}

/* 2026-10-14 甲線（驗收第 88 件）：手機十院前兩列原本被舊規則固定列高（每格 230 高、184 寬），跟後三列 195 寬不同大；列高改自動、每格滿欄寬，十格同大 */
@media(max-width:750px){
  .im-home.im-home .academy-grid{height:auto;grid-template-rows:none;grid-auto-rows:auto}
  .im-home.im-home .academy-grid .academy,.im-home.im-home .academy-grid .academy:nth-child(6){width:100%;height:auto}
}

/* 第90件：手機作品列保留下一張露邊；成功案例改為圖上、文字下，避免文字受圖層或箭頭規則擠壓。 */
@media(max-width:750px){
  .im-home.im-home .story-works .works{gap:8px;padding:0;background:transparent}
  .im-home.im-home .story-works .works__item{flex:0 0 42%;width:42%;aspect-ratio:1;scroll-snap-align:start}
  .im-home.im-home .story-works .works__item img{width:100%;height:100%;aspect-ratio:auto}
  .im-home.im-home .story-track{gap:12px}
  .im-home.im-home .story-track>.story-case{flex:0 0 88%;width:88%;display:flex;flex-direction:column;gap:16px;align-items:stretch}
  .im-home.im-home .story-track>.story-case>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex:none}
  .im-home.im-home .story-track>.story-case>.story-copy{display:flex;flex-direction:column;gap:10px;padding:0 2px 4px;min-width:0}
  .im-home.im-home .story-track>.story-case>.story-copy h3{font-size:16px;line-height:1.55;margin:0}
  .im-home.im-home .story-track>.story-case>.story-copy .quote{margin:0;font-size:16px;line-height:1.8}
  .im-home.im-home .story-track>.story-case>.story-copy .quote p{line-height:1.8}
}

/* 第91件：總首頁精選作品不再以黑色帶包圖；每張維持原高度的細雙框。 */
.im-home.im-home .story-works .works{height:200px;gap:6px;padding:0;border:0;background:transparent}
.im-home.im-home .story-works .works__item{flex:0 0 calc((100% - 18px) / 4);width:calc((100% - 18px) / 4);height:100%;box-sizing:border-box;margin:0;padding:7px;border:1px solid #d7b17b;background:transparent;overflow:hidden;scroll-snap-align:start}
.im-home.im-home .story-works .works__item img{box-sizing:border-box;width:100%;height:100%;border:1px solid color-mix(in srgb,#d7b17b 58%,#fff);object-fit:cover}
@media(max-width:750px){
  .im-home.im-home .story-works .works{height:auto;gap:8px}
  .im-home.im-home .story-works .works__item{flex-basis:42%;width:42%;height:auto;aspect-ratio:1}
  .im-home.im-home .story-works .works__item img{height:100%;aspect-ratio:auto}
}

/* 第92件：精選作品同圖延伸霧玻璃框帶；不使用 backdrop-filter。 */
.im-home.im-home .story-works .works__item{position:relative;padding:10px;border:0;overflow:hidden;isolation:isolate;background:var(--paper,#efe9e2)}
.im-home.im-home .story-works .works__item::before,.im-home.im-home .story-works .works__item::after{content:"";position:absolute;inset:0;pointer-events:none}
.im-home.im-home .story-works .works__item::before{z-index:0;background:var(--im-work-img) center/cover no-repeat;filter:blur(9px);transform:scale(1.08)}
.im-home.im-home .story-works .works__item::after{z-index:1;background:rgba(255,255,255,.13)}
.im-home.im-home .story-works .works__item img{position:relative;z-index:2;border:0;outline:1px solid rgba(255,255,255,.85);outline-offset:0}

/* 第94件：桌機箭頭固定在滑動列表兩側中央；手機仍只靠露邊滑動。 */
@media(min-width:751px){
  .im-home.im-home .story-case-wrap,.im-home.im-home .story-works{position:relative}
  .im-home.im-home .story-nav{position:absolute!important;inset-inline:-52px!important;top:50%!important;width:auto!important;height:36px!important;margin:0!important;transform:translateY(-50%)!important;pointer-events:none}
  .im-home.im-home .story-works .story-nav{top:calc(50% + 18px)!important}
  .im-home.im-home .story-nav button,.im-home.im-home .story-nav .story-prev,.im-home.im-home .story-nav .story-next{position:absolute!important;top:0!important;margin:0!important;transform:none!important;pointer-events:auto}
  .im-home.im-home .story-nav .story-prev{left:0!important}.im-home.im-home .story-nav .story-next{right:0!important;left:auto!important}
  .im-home.im-home .story-nav button{width:36px;height:36px;border:1px solid rgba(22,18,14,.45)!important;background:transparent!important}
  .im-home.im-home .story-nav button::after{border-color:rgba(22,18,14,.45)!important}
  .im-home.im-home .story-nav button:hover{border-color:#16120e!important}.im-home.im-home .story-nav button:hover::after{border-color:#16120e!important}
  .im-home.im-home .story-track>.story-case>.story-copy{padding-right:0}
}

/* 第94件：總首頁精選作品為 1:1 霧玻璃方框，1440 約四張。 */
.im-home.im-home .story-works .works{height:auto}
.im-home.im-home .story-works .works__item{aspect-ratio:1/1;height:auto;flex-basis:calc((100% - 18px)/4);width:calc((100% - 18px)/4)}

/* ★ 2026-10-15 甲線（驗收第 94 件修正）：
   ① 箭頭外推距離改成「最多 44px、但留在畫面內」（原本 -52px 讓精選作品左鈕跑出畫面、整頁多 12px 橫向捲動）。
      成功案例的箭頭以案例列（格線第 2 欄）為基準，不是含標題的整區。
   ② 精選作品 1:1 的「一列四張」只給桌機；手機回到每張 42% 露邊（原本手機也被算成四張，每張只剩 83px）。 */
@media(min-width:751px){
  .im-home.im-home .story-works .story-nav{inset-inline:calc(-1 * min(44px, calc(max(var(--im-gutter,40px), calc((100vw - var(--im-content,1440px)) / 2)) - 2px)))!important}
  .im-home.im-home .story-case-wrap .story-nav{grid-column:2;grid-row:1;inset-inline:calc(-1 * min(44px, calc(max(var(--im-gutter,40px), calc((100vw - var(--im-content,1440px)) / 2)) - 2px)))!important}
  .im-home.im-home .story-next{translate:none!important}
}
@media(max-width:750px){
  .im-home.im-home .story-works .works__item{flex:0 0 42%;width:42%}
}

/* 甲線 10/15（驗收第 94 件修正 二）：成功案例左鈕被 10/06 舊規則（left: 220px＋…）推進列表裡，歸零到列表左外側 */
@media(min-width:751px){.im-home.im-home .story-case-wrap .story-nav .story-prev{left:0!important}}

/* ── 2026-10-15 甲線（總控決定：箭頭不可被懸浮鈕蓋住）──
   視窗 1699 以下，列表右外側會撞到右下懸浮鈕那一欄（1599 以下鈕在離右 4～48px，1600 以上在 24～72px；
   要等到約 1688px 寬，外側箭頭才放得下又不碰到懸浮鈕），所以 1699 以下兩顆箭頭都改貼在列表內緣 8px、加 45% 半透明底；
   1700 以上照第 94 件放在列表左右外側。箭頭層級低於懸浮鈕。手機（750 以下）本來就沒有箭頭。 */
@media(min-width:751px) and (max-width:1699px){
  .im-home.im-home .story-works .story-nav,.im-home.im-home .story-case-wrap .story-nav{inset-inline:8px!important;z-index:2}
  .im-home.im-home .story-nav button{background:rgba(255,255,255,.45)!important}
}

/* ★ 2026-10-15 甲線（業主看總首頁）：「精選作品」標題列左右各留 52px，是以前箭頭放在標題兩側時的空位；
   箭頭已移到列表左右（手機不顯示），空位拿掉，標題與「探索更多作品」跟「成功案例」同一條左緣。各寬度都適用。 */
.im-home.im-home .story-works .story-head,
.im-home.im-home .story-works:has(.story-nav:not([hidden])) .story-head{padding-left:0;padding-right:0}