/* AOh! Beauty 內頁組件（2026-09-23）
   只用 site.css 已有嘅 token：顏色 --canvas/--surface/--ink/--muted/--accent/--soft/--line、
   字體 --display/--body、間距 --s*、動畫 --ease/--dur-*。唔好喺呢度加新顏色。 */

/* ── 內頁 Hero：全幅相 + 深色 overlay，header 透明疊上面 ── */
.page-hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#aaa4a0;color:#fffaf7}
.page-hero>.scene,.page-hero>picture>.scene{position:absolute;inset:0;z-index:-2;will-change:transform}
.page-hero>.scene img,.page-hero>img.scene,.page-hero>picture>.scene img,.page-hero>picture>img.scene{width:100%;height:100%;object-fit:cover}
.page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#2a2224d9,#2a222466 55%,#2a222459),linear-gradient(90deg,#2a222480,transparent 75%)}
.page-hero .wrap{width:100%;padding-block:140px 56px}
.page-hero .section-word{font:clamp(64px,12vw,170px)/1 var(--display);letter-spacing:-.03em;color:#fff8;margin-bottom:24px}
.page-hero h1{font-size:clamp(30px,4.6vw,60px);letter-spacing:.08em;line-height:1.45;max-width:16ch;margin-bottom:20px}
.page-hero .lead{max-width:32em;font-size:15px;line-height:2;color:#fffaf7e6;margin:0}
.page-hero .hero-services{justify-content:flex-start;flex-wrap:wrap;margin-top:28px}
.page-hero .text-link{color:#fffaf7}
.page-hero.short{min-height:62svh}
.crumbs{display:flex;gap:10px;font-size:12px;letter-spacing:.08em;color:#fffaf7cc;margin-bottom:28px}
.crumbs a{border-bottom:1px solid #fffaf766}
.crumbs a:hover{color:#fff;opacity:1}

/* 內頁第一段疊上 hero（同首頁 editorial 一樣嘅圓角） */
.page-hero+section,.page-hero+.cat-bar{position:relative;z-index:3;background:var(--canvas);border-radius:26px 26px 0 0;margin-top:-26px}

/* ── 事實帶（hero 之後） ── */
.fact-band{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);text-align:center}
.fact-band>div{padding:26px 10px}
.fact-band>div+div{border-left:1px solid var(--line)}
.fact-band strong{display:block;font:clamp(22px,3vw,32px)/1.4 var(--display)}
.fact-band span{font-size:12px;color:var(--muted)}

/* ── 左相右文 ── */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:center}
.split.flip>figure{order:2}
.split figure{margin:0}
.split figure img{aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.split figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.split h2{margin-bottom:var(--s6)}
.split p{color:var(--muted);font-size:15px}
.split .quote{font:clamp(19px,2.2vw,24px)/1.8 var(--display);color:var(--ink);border-left:1px solid var(--accent);padding-left:20px;margin:0 0 var(--s8)}

/* ── 賣點／適合情況：編號列 ── */
.points{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.points li{border-top:1px solid var(--line);padding:24px 0 8px}
.points .no{font:13px var(--display);letter-spacing:.12em;color:var(--accent)}
.points h3{font-size:19px;margin:8px 0 10px}
.points p{font-size:14px;color:var(--muted);margin:0}
.points.four{grid-template-columns:repeat(4,1fr)}

/* ── 對比表（輕氧眉 vs 線條眉） ── */
.versus{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:var(--s12)}
.versus>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}
.versus small{font:12px var(--display);letter-spacing:.13em;color:var(--accent)}
.versus h3{font-size:22px;margin:6px 0 18px}
.versus dl{margin:0;display:grid;gap:14px}
.versus dt{font-size:12px;color:var(--muted);letter-spacing:.06em}
.versus dd{margin:2px 0 0;font-size:14px}

/* ── 清單（✓） ── */
.checks{list-style:none;padding:0;margin:var(--s6) 0 0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;font-size:15px}
.checks li:before{content:'';flex:none;width:18px;height:18px;margin-top:6px;border-radius:50%;border:1px solid var(--accent);background:radial-gradient(circle,var(--accent) 3px,transparent 3.5px)}

/* ── 兩欄須知（預約前／完成後） ── */
.care{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:var(--s12)}
.care>div{background:var(--canvas);border:1px solid var(--line);border-radius:18px;padding:28px}
.care h3{font-size:20px;margin-bottom:6px}
.care ul{margin:0;padding-left:1.2em;display:grid;gap:10px;font-size:14px;color:var(--muted)}
.care li::marker{color:var(--accent)}

/* ── 相片查詢：四個拍攝角度 ── */
.shots{list-style:none;padding:0;margin:var(--s12) 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.shots li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 18px;text-align:center}
.shots svg{width:56px;height:56px;color:var(--accent);margin:0 auto 12px;display:block}
.shots b{display:block;font:400 17px var(--display)}
.shots span{font-size:13px;color:var(--muted)}

/* ── 資格列表 ── */
.creds{list-style:none;padding:0;margin:var(--s8) 0 0;columns:2;column-gap:40px}
.creds li{break-inside:avoid;border-top:1px solid var(--line);padding:14px 0;font-size:14px}

/* ── 作品格 ── */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;gap:28px 16px;margin-top:var(--s12)}
.case-grid .case-images{border-radius:14px}
.case-grid figcaption{font-size:13px;color:var(--muted)}

/* ── 常見問題手風琴 ── */
.qa{border-top:1px solid var(--line);max-width:860px;margin-inline:auto}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{font:400 17px/1.6 var(--display);color:var(--ink);padding:22px 0;min-height:64px}
.qa summary span{flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:18px/1 var(--body);transition:transform var(--dur-micro) var(--ease),background var(--dur-micro)}
.qa details[open] summary span{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.qa .a{padding:0 48px 24px 0;font-size:15px;line-height:1.95;color:var(--muted)}
.qa .a p{margin:0 0 12px;padding:0;color:inherit;font-size:inherit;line-height:inherit}
.qa .a ul{margin:0 0 12px;padding-left:1.2em}
.qa-head{max-width:860px;margin-inline:auto;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:var(--s8)}
.qa-head h2{margin:0}

/* ── FAQ 分類捷徑（跟作品分類掣同一款） ── */
.cat-bar{position:sticky;top:74px;z-index:20;background:var(--canvas);border-bottom:1px solid var(--line)}
.cat-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:14px}
.cat-nav::-webkit-scrollbar{display:none}
.cat-nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:30px;font-size:13px;white-space:nowrap;transition:background var(--dur-micro),color var(--dur-micro),border-color var(--dur-micro)}
.cat-nav a:hover{border-color:var(--accent);opacity:1}
.cat-nav a[aria-current]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.faq-group{scroll-margin-top:170px}
.faq-group+.faq-group{padding-top:0}

/* ── 未找到答案 ── */
.ask{background:#e9dadd;border-radius:26px;padding:clamp(32px,5vw,64px);text-align:center}
.ask h2{margin:0 auto var(--s4);max-width:none}
.ask p{color:var(--muted);max-width:34em;margin:0 auto var(--s8);font-size:15px}
.ask .contact-actions{justify-content:center}

/* 待確認內容（上線前處理） */
.todo-tag{display:inline-block;font:12px/1.6 var(--body);letter-spacing:.04em;color:var(--accent);border:1px dashed var(--accent);border-radius:99px;padding:1px 10px;vertical-align:middle}

.section-end{margin-top:var(--s12);display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}

@media(max-width:800px){
  .page-hero{min-height:92svh}
  .page-hero.short{min-height:56svh}
  .page-hero .wrap{padding-block:120px 64px}
  .page-hero .section-word{font-size:76px;margin-bottom:18px}
  .page-hero h1{font-size:29px;max-width:15ch}
  .page-hero .lead{font-size:14px}
  .cat-bar{top:74px}
  .fact-band>div{padding:20px 6px}
  .split,.split.flip{grid-template-columns:1fr}
  .split.flip>figure{order:0}
  .split figure img{aspect-ratio:4/3}
  .points,.points.four{grid-template-columns:1fr}
  .versus,.care{grid-template-columns:1fr}
  .shots{grid-template-columns:1fr 1fr}
  .creds{columns:1}
  .case-grid{grid-template-columns:1fr 1fr;gap:22px 12px}
  .qa summary{font-size:16px}
  .qa .a{padding-right:0;font-size:14px}
}
@media(min-width:801px) and (max-width:1100px){.points.four{grid-template-columns:1fr 1fr}}

/* ═════════ 內頁組件 v2（2026-09-27，/smp 深入版起；/brows /hairline 之後共用） ═════════ */
.tone-surface{background:var(--surface)}
.sec-intro{max-width:720px;margin-bottom:var(--s12)}
.sec-intro h2{margin-bottom:var(--s4)}
.sec-intro p{color:var(--muted);font-size:15px;margin:0}
.page-hero.smp-hero>.scene,.page-hero.smp-hero>picture>.scene{object-position:62% 30%}

/* 分段掣（女士｜男士、紋髮前｜後） */
.seg{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:99px;background:var(--surface);margin-bottom:var(--s8)}
.seg button{border:0;background:none;min-height:44px;padding:0 24px;border-radius:99px;font-size:14px;letter-spacing:.06em;transition:background var(--dur-micro),color var(--dur-micro)}
.seg button[aria-selected=true]{background:var(--ink);color:var(--surface)}
.seg button:hover{opacity:1}

/* 2 · 對號入座 */
.pick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.pick-card{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 8px 16px;text-align:center;font:400 15px/1.5 var(--display);transition:border-color var(--dur-micro),box-shadow var(--dur-micro),opacity var(--dur-fast) var(--ease)}
.pick-card img{aspect-ratio:1;object-fit:cover;border-radius:14px;background:#fff;transition:transform var(--dur-slow) var(--ease)}
.pick-card:hover{opacity:1;border-color:var(--accent);box-shadow:0 18px 34px -26px #56323a80}
.pick-card:hover img{transform:scale(1.03)}

/* 3 · 三件事 */
.basics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
.basics img{aspect-ratio:4/3;object-fit:cover;border-radius:22px;background:#fff;margin-bottom:var(--s6)}
.basics h3{font-size:clamp(19px,1.8vw,23px);margin-bottom:10px}
.basics p{color:var(--muted);font-size:15px;margin:0}

/* 4 · 分部位 */
.area-tabs{position:sticky;top:88px;z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px var(--gutter);margin:0 calc(var(--gutter)*-1) var(--s8);background:var(--canvas);border-bottom:1px solid var(--line)}
.area-tabs::-webkit-scrollbar{display:none}
.area-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:30px;background:none;font-size:14px;white-space:nowrap;transition:background var(--dur-micro),color var(--dur-micro),border-color var(--dur-micro)}
.area-tabs button small{font-size:11px;color:var(--muted);transition:color var(--dur-micro)}
.area-tabs button:hover{border-color:var(--accent);opacity:1}
.area-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.area-tabs button[aria-selected=true] small{color:#fffaf8b3}
.area-panel{scroll-margin-top:170px}
.area-panel[hidden],.lv-list[hidden],.care-list[hidden]{display:none}
.area-panel:focus-visible{outline-offset:12px}
.area-top{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:center}
.area-copy h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:.06em;margin-bottom:var(--s6)}
.area-copy dl{margin:0;display:grid;gap:6px}
.area-copy dt{font:13px var(--display);letter-spacing:.12em;color:var(--accent);margin-top:var(--s4)}
.area-copy dd{margin:0;font-size:15px;color:var(--ink)}
.area-copy .checks{margin-top:6px;gap:10px}
.area-copy .checks li{font-size:15px}
.area-copy .note{margin-top:var(--s6)}
.area-copy .note a{border-bottom:1px solid currentColor;color:var(--accent)}
.area-feat .sl-box{border-radius:24px}
.area-feat figcaption{margin-top:12px;font:17px var(--display);display:flex;justify-content:space-between;gap:12px}
.area-feat figcaption span{font:12px var(--body);color:var(--muted);align-self:center}
.case-rail-wrap{margin-top:var(--s12);border-top:1px solid var(--line);padding-top:var(--s6)}
.rail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:var(--s4)}
.rail-head p{margin:0;font:17px var(--display)}
.rail-head p span{font:12px var(--body);color:var(--muted);margin-left:10px}
.case-rail{list-style:none;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter) 8px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}
.case-rail::-webkit-scrollbar{display:none}
.case-rail li{flex:none;width:clamp(220px,62vw,300px);scroll-snap-align:start}
.case-rail .sl-box{border-radius:18px}
.area-foot{margin-top:var(--s12);display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}

/* 5 · 程度 ＋ 收費 */
.lv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lv{background:var(--canvas);border:1px solid var(--line);border-radius:20px;padding:10px 10px 18px;display:flex;flex-direction:column}
.lv img{aspect-ratio:5/4;object-fit:cover;border-radius:14px;background:#fff;margin-bottom:14px}
.lv-head{display:flex;align-items:center;gap:8px;padding-inline:6px;margin-bottom:8px}
.lv-no{font:13px var(--display);color:var(--muted);letter-spacing:.08em}
.lv-name{font:400 13px/1 var(--body);padding:6px 10px;border-radius:99px;color:var(--ink)}
.lv-name.lv1{background:#f3e6e4}.lv-name.lv2{background:#ead3d3}.lv-name.lv3{background:#dcb9bc}.lv-name.lv4{background:var(--accent);color:#fff}
.lv-tier{margin-left:auto;font-size:12px;color:var(--accent);border:1px solid var(--soft);border-radius:99px;padding:2px 9px;white-space:nowrap}
.lv p{font-size:14px;margin:0;padding-inline:6px}
.lv .lv-stop{margin-top:auto;padding-top:12px;font-size:13px;color:var(--accent)}
.lv.is-stop{border:1px dashed var(--accent);background:var(--surface)}
.pricing{margin-top:var(--s16);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center;background:var(--canvas);border-radius:28px;padding:clamp(28px,4vw,56px)}
.pricing h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:.06em;margin-bottom:var(--s4)}
.pricing .checks{margin-bottom:var(--s8)}
.pricing .checks li{font-size:15px}
.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.tiers li{background:var(--surface);border-radius:18px;padding:18px 8px 16px;display:grid;justify-items:center;gap:2px}
.tiers svg{width:64px;height:64px;margin-bottom:6px}
.tiers b{font:400 22px/1.3 var(--display);color:var(--accent)}
.tiers span{font-size:14px}
.tiers small{font-size:12px;color:var(--muted);line-height:1.6}
#levels>.wrap>.note{margin-top:var(--s4)}

/* 6 · 男女做法 */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.duo article{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(18px,2.4vw,32px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:12px clamp(16px,2vw,28px) 12px 12px}
.duo figure img{aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.duo figcaption{font-size:11px;color:var(--muted);margin-top:8px;letter-spacing:.04em}
.duo-tag{display:inline-block;font:13px var(--display);letter-spacing:.14em;color:var(--accent);margin-bottom:10px}
.duo h3{font-size:clamp(20px,2vw,25px);margin-bottom:12px}
.duo p{font-size:14px;color:var(--muted);margin-bottom:var(--s4)}
.duo .checks li{font-size:14px}

/* 7 · 傳相報價（深色全幅帶） */
.quote-band{position:relative;isolation:isolate;overflow:hidden;background:#2c2427;color:#fbf1f1;padding-block:var(--section)}
.quote-band>.scene,.quote-band>picture>.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%;z-index:-2}
.quote-band:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#241d1ff2 0%,#241d1fd9 45%,#241d1f8c 100%),linear-gradient(0deg,#241d1fcc,transparent 60%)}
.quote-band .kicker{color:#e9c9cd}
.qb-head{max-width:620px}
.qb-head h2{font-size:clamp(32px,4.3vw,58px);margin-bottom:var(--s6)}
.qb-head p{color:#fbf1f1cc;font-size:15px;max-width:32em}
.promises{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}
.promises li{border-top:1px solid #fbf1f14d;padding-top:20px;display:grid;gap:6px}
.promises .no{font:13px var(--display);letter-spacing:.14em;color:#e9c9cd}
.promises b{font:400 clamp(19px,1.9vw,24px)/1.5 var(--display)}
.promises li>span:last-child{font-size:14px;color:#fbf1f1b3}
.qb-shots{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qb-shots figure{position:relative}
.qb-shots img{aspect-ratio:1;object-fit:cover;border-radius:16px}
.demo-tag{position:absolute;left:10px;top:10px;font-size:11px;letter-spacing:.06em;background:#241d1fb3;color:#fff;border-radius:99px;padding:2px 9px}
.qb-shots b{display:block;font:400 17px var(--display);margin-top:12px}
.qb-shots li>span{font-size:13px;color:#fbf1f1b3}
.qb-end{margin-top:var(--s12);display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px}
.qb-end blockquote{margin:0;max-width:36em;font:15px/1.9 var(--display);color:#fbf1f1e6;border-left:1px solid #e9c9cd;padding-left:18px}
.qb-end cite{display:block;font:12px var(--body);font-style:normal;color:#fbf1f199;margin-top:6px}

/* 8 · 他店修復 */
.rep{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,3vw,40px);align-items:start;max-width:1000px}
.rp-img{position:relative;padding:0 0 26px 26px}
.rp-img>img:first-child{width:100%;max-width:400px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-inline:auto}
.rp-mac{position:absolute;left:0;bottom:0;width:38%;max-width:150px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:5px solid var(--surface);box-shadow:0 10px 24px -12px #0006}
.rp figcaption{margin-top:18px;font-size:14px}
.rp ul{margin:12px 0 0;padding-left:1.2em;color:var(--muted);display:grid;gap:4px}
.chip{display:inline-block;font-size:13px;padding:4px 12px;border-radius:99px}
.chip.bad{background:#a4494f1f;color:#8c3a40}
.chip.good{background:#6f8a6a24;color:#4d6648}
.rp-arrow{align-self:center;display:grid;justify-items:center;gap:6px;color:var(--accent);padding-bottom:80px}
.rp-arrow span{font:13px var(--display);letter-spacing:.1em;writing-mode:vertical-rl}
.rp-arrow i{font-style:normal;font-size:24px}
.rep-note{margin-top:var(--s8);display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}

/* 9 · 療程安排 */
.plan{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:start}
.plan-copy h2{margin-bottom:var(--s6)}
.plan-copy>p{color:var(--muted);font-size:15px}
.longterm{margin-top:var(--s8);max-width:360px}
.longterm img{border-radius:18px}
.longterm figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.plan-side{position:sticky;top:120px}
.dmat{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.dax{writing-mode:vertical-rl;font-size:12px;color:var(--muted);letter-spacing:.2em}
.drows{display:grid;gap:12px}
.drow{display:grid;grid-template-columns:28px repeat(4,1fr);gap:12px;align-items:center}
.drow>span{font-size:12px;color:var(--muted)}
.cell{position:relative;aspect-ratio:1;border-radius:50%;background:#ecdccf;box-shadow:inset 0 0 0 1px #d9c4b6}
.cell svg{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;fill:#3b2f2c}
.cell.k1{box-shadow:0 0 0 2px var(--accent)}.cell.k2{box-shadow:0 0 0 2px var(--ink)}
.dx{display:grid;grid-template-columns:28px 1fr 1fr 1fr;gap:6px;font-size:12px;color:var(--muted)}
.dx span:first-child{grid-column:2}.dx span:nth-child(2){text-align:center}.dx span:last-child{text-align:right}
.dnote{font-size:13px;color:var(--muted);margin:var(--s6) 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dnote .k{display:inline-block;width:12px;height:12px;border-radius:50%}
.dnote .k1{box-shadow:0 0 0 2px var(--accent)}.dnote .k2{box-shadow:0 0 0 2px var(--ink)}
.dsteps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dsteps li{display:grid;gap:2px;padding-left:16px;border-left:2px solid var(--soft)}
.dsteps b{font:400 16px var(--display)}.dsteps span{color:var(--muted);font-size:14px}

/* 10 · 比較表 */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:var(--canvas)}
.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;table-layout:fixed}
.cmp col.c0{width:120px}
.cmp th,.cmp td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp tbody tr:last-child>*{border-bottom:0}
.cmp thead th{font:400 16px var(--display);letter-spacing:.04em}
.cmp tbody th{font-weight:400;color:var(--muted);font-size:13px}
.cmp .us{background:var(--surface);color:var(--ink)}
.cmp thead .us{color:var(--accent)}
#compare .note{margin-top:var(--s4)}

/* 11 · 資歷一句 */
.creds-line{margin-top:var(--s8);font-size:15px;color:var(--ink)}

/* 12 · 評價短版 */
.rv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rv-list li{background:var(--canvas);border-radius:20px;padding:22px 22px 18px;display:flex;flex-direction:column}
.rv-list .gg-stars{color:#d9a13f;letter-spacing:.12em;font-size:13px;margin:0 0 10px}
.rv-list blockquote{margin:0 0 var(--s6);font:15px/1.9 var(--display)}
.rv-who{margin:auto 0 0;font-size:13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rv-who span{color:var(--muted);font-size:12px}
#reviews>.wrap>.note{margin-top:var(--s4)}
#reviews .qa-head{max-width:none}

/* 13 · 注意事項 */
.care-card{max-width:860px}
.care-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.4vw,40px)}
.care-card .seg{background:var(--canvas);margin-bottom:var(--s6)}
.care-list{margin:0 0 var(--s6);padding-left:1.2em;display:grid;gap:12px;font-size:15px}
.care-list li::marker{color:var(--accent)}

@media(max-width:1100px){
  .pick{grid-template-columns:repeat(3,1fr)}
  .rv-list{grid-template-columns:1fr 1fr}
  .duo{grid-template-columns:1fr}
}
@media(max-width:800px){
  .sec-intro{margin-bottom:var(--s8)}
  .page-hero.smp-hero>.scene,.page-hero.smp-hero>picture>.scene{object-position:58% 30%}
  .page-hero.smp-hero h1{max-width:none;font-size:27px}
  .contact-actions .pill.light{min-height:50px;font-size:14px;padding-inline:22px 26px}
  .cmp col.c0{width:84px}
  .pick{gap:10px}
  .pick-card{font-size:13px;padding:6px 6px 12px;border-radius:16px;gap:8px}
  .basics{grid-template-columns:1fr;gap:36px}
  .basics li{display:grid;grid-template-columns:110px 1fr;gap:4px 18px;align-items:start}
  .basics img{grid-row:span 2;margin:0;border-radius:16px}
  .area-tabs{top:74px;padding-block:10px}
  .area-top{grid-template-columns:1fr}
  .area-feat{order:-1}
  .lv-list{grid-template-columns:1fr 1fr;gap:10px}
  .lv{padding:6px 6px 14px;border-radius:16px}
  .lv-head{flex-wrap:wrap;gap:6px;padding-inline:4px}
  .lv-tier{margin-left:0}
  .lv p{font-size:13px;padding-inline:4px}
  .pricing{grid-template-columns:1fr;border-radius:22px}
  .tiers{grid-template-columns:1fr 1fr}
  .duo article{grid-template-columns:1fr;padding:10px 10px 22px}
  .duo article>div{padding-inline:10px}
  .duo figure img{aspect-ratio:4/3}
  .quote-band:after{background:linear-gradient(0deg,#241d1ff2 20%,#241d1fb3)}
  .promises{grid-template-columns:1fr;gap:18px}
  .qb-shots{grid-template-columns:1fr 1fr}
  .rep{grid-template-columns:1fr;justify-items:center;text-align:left}
  .rp{max-width:360px;width:100%}
  .rp-arrow{padding:0;grid-auto-flow:column;align-items:center}
  .rp-arrow span{writing-mode:horizontal-tb}
  .rp-arrow i{transform:rotate(90deg)}
  .plan{grid-template-columns:1fr}
  .plan-side{position:static}
  .rv-list{grid-template-columns:1fr}
  .cmp th,.cmp td{padding:14px}
}
#faq .qa-head,#faq .qa{margin-inline:0}

/* ═════════ 其餘內頁組件（2026-09-27：about/reviews/freeconsult/notice/services…） ═════════ */
/* Hero C：淨字 */
.hero-c{padding-block:calc(88px + clamp(48px,8vw,110px)) clamp(40px,6vw,72px);background:var(--canvas);border-bottom:1px solid var(--line)}
.hero-c .crumbs{color:var(--muted)}.hero-c .crumbs a{border-color:var(--line)}
.hero-c h1{font-size:clamp(32px,5vw,64px);letter-spacing:.08em;line-height:1.4;margin-bottom:var(--s6)}
.hero-c .lead{max-width:36em;color:var(--muted);font-size:15px;margin:0}
.hero-c .lead b{color:var(--accent);font-weight:500}
.hc-note{margin:var(--s6) 0 0;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center}
.hero-c+section{margin-top:0}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s8)}
.jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:30px;font-size:13px;background:var(--surface)}
.jump a:hover{border-color:var(--accent);opacity:1}
/* Hero B：左字右拱門相 */
.hero-b{padding-block:calc(88px + clamp(28px,5vw,64px)) clamp(48px,6vw,88px);background:var(--canvas)}
.hero-b>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px);align-items:center}
.hero-b .crumbs{color:var(--muted)}.hero-b .crumbs a{border-color:var(--line)}
.hero-b h1{font-size:clamp(32px,4.6vw,58px);letter-spacing:.06em;line-height:1.35;margin-bottom:var(--s6)}
.hero-b .lead{color:var(--muted);font-size:15px;max-width:30em}
.hero-b .hero-services{justify-content:flex-start;flex-wrap:wrap}
.hb-arch img{aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 26px 26px;max-width:440px;margin-inline:auto}

/* 大引言 */
.story blockquote{margin:0 0 var(--s12);font:clamp(26px,3.4vw,44px)/1.6 var(--display);letter-spacing:.06em;max-width:22em}
.story-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}
.story-cols p{color:var(--muted);font-size:15px;margin:0}
/* 時間線（深色帶） */
.timeline-band{background:#2c2427;color:#fbf1f1;padding-block:var(--section)}
.timeline-band .kicker{color:#e9c9cd}
.timeline-band h2{margin-bottom:var(--s12)}
.htl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;position:relative}
.htl:before{content:'';position:absolute;left:0;right:0;top:38px;height:1px;background:#fbf1f140}
.htl li{display:grid;gap:8px;align-content:start;position:relative;padding-top:4px}
.htl .yr{font:400 24px var(--display);color:#e9c9cd;padding-bottom:22px;position:relative}
.htl .yr:after{content:'';position:absolute;left:0;bottom:-5px;width:11px;height:11px;border-radius:50%;background:#e9c9cd;box-shadow:0 0 0 5px #2c2427}
.htl b{font:400 16px/1.6 var(--display);margin-top:10px}
.htl li>span:last-child{font-size:13px;color:#fbf1f1b3}
/* 大數字 */
.bignums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.bignums li{padding:clamp(28px,4vw,48px) 12px;text-align:center;display:grid;gap:6px}
.bignums li+li{border-left:1px solid var(--line)}
.bignums b{font:400 clamp(32px,4.4vw,56px)/1.2 var(--display);color:var(--accent)}
.bignums span{font-size:13px;color:var(--muted)}
.bignums.mini{margin:var(--s6) 0}.bignums.mini li{padding:16px 6px}.bignums.mini b{font-size:clamp(22px,2.4vw,30px)}
/* 創辦人 */
.founder-v2{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,88px);align-items:center}
.founder-v2 img{aspect-ratio:4/5;object-fit:cover;border-radius:24px}
.founder-v2 h2{margin-bottom:4px}
.fv-role{color:var(--accent);font:15px var(--display);letter-spacing:.08em}
.founder-v2 p{color:var(--muted);font-size:15px}
.founder-v2 .quote{font:clamp(17px,2vw,21px)/1.9 var(--display);color:var(--ink);border-left:1px solid var(--accent);padding-left:20px}
/* 團隊 */
.team-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tm{display:grid;gap:16px;align-content:start}
.tm img{aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#ddd}
.tm b{font:400 24px var(--display);display:block}
.tm-role{display:block;font-size:13px;color:var(--accent);margin-bottom:10px}
.tm p{font-size:14px;color:var(--muted);margin:0 0 10px}
.tm-do{font-size:13px!important;color:var(--ink)!important;border-top:1px solid var(--line);padding-top:10px}
.tm-do i{font-style:normal;color:var(--accent);margin-right:10px;letter-spacing:.1em}
/* 六格相 */
.pic6{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pic6 img{aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.pic6 figcaption{font-size:13px;margin-top:8px;display:flex;gap:10px}
.pic6 figcaption span{font-family:var(--display);color:var(--accent)}
.studio-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-bottom:var(--s8)}
.studio-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;height:100%}
/* 社企深色帶 */
.ink-band{position:relative;isolation:isolate;overflow:hidden;color:#fbf1f1;padding-block:clamp(96px,14vw,180px);background:#2c2427}
.ink-band>.scene,.ink-band>picture>.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ink-band:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#241d1fe6,#241d1f80 60%,#241d1f33)}
.ink-band .kicker{color:#e9c9cd}.ink-band h2{margin-bottom:var(--s6)}.ink-band p{max-width:30em;color:#fbf1f1cc;font-size:15px}

/* 篩選掣（評價、作品） */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s8)}
.filter button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:13px;transition:background var(--dur-micro),color var(--dur-micro),border-color var(--dur-micro)}
.filter button small{font-size:11px;color:var(--muted)}
.filter button:hover{border-color:var(--accent);opacity:1}
.filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.filter button[aria-pressed=true] small{color:#fffaf8b3}
[data-filter-list]>[hidden]{display:none!important}
/* 評價牆 */
.rv-wall{list-style:none;margin:0;padding:0;columns:3 300px;column-gap:16px}
.rv-wall li{break-inside:avoid;margin-bottom:16px;background:var(--canvas);border-radius:20px;padding:22px 22px 18px}
.rv-wall .gg-stars{color:#d9a13f;letter-spacing:.12em;font-size:13px;margin:0 0 10px}
.rv-wall blockquote{margin:0 0 var(--s4);font:15px/1.9 var(--display)}
.shot-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.shot-grid li{display:grid;gap:8px;font-size:12px;color:var(--muted)}
.shot-card{border:1px solid var(--line);padding:0;border-radius:16px;overflow:hidden;background:var(--surface);aspect-ratio:9/15}
.shot-card img{height:100%;object-fit:cover;object-position:top}

/* 流程時間軸（C9） */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.tl:before{content:'';position:absolute;left:12%;right:12%;top:calc(170px + 18px);height:1px;background:var(--accent);opacity:.45}
.tl li{display:grid;justify-items:center;text-align:center;gap:8px}
.tl img{width:100%;height:170px;object-fit:cover;border-radius:18px;background:#fff}
.tl .node{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font:15px var(--display);position:relative;z-index:1}
.tl .when{font-size:12px;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:99px;padding:3px 12px}
.tl b{font:400 18px var(--display)}
.tl li>span:last-child{color:var(--muted);font-size:14px;max-width:22ch}
/* 兩條路 */
.ways{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ways article{background:var(--canvas);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,3.6vw,44px);display:flex;flex-direction:column;gap:8px}
.ways h3{font-size:clamp(22px,2.4vw,28px);margin-bottom:6px}
.ways p{color:var(--muted);font-size:15px}
.ways .pill{align-self:flex-start;margin-top:auto}
.angle-list{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.angle-list li{background:var(--surface);border-radius:14px;padding:12px 14px;display:grid}
.angle-list b{font:400 16px var(--display)}.angle-list span{font-size:12px;color:var(--muted)}
.visit-dl{margin:0 0 var(--s6);display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:14px}
.visit-dl dt{color:var(--accent)}.visit-dl dd{margin:0}
/* 保證／目標四格 */
.guar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.guar li{border-top:1px solid var(--accent);padding-top:20px;display:grid;gap:6px;align-content:start}
.guar b{font:400 clamp(22px,2.4vw,30px)/1.3 var(--display);color:var(--accent)}
.guar span{font-size:15px}.guar small{font-size:13px;color:var(--muted)}
/* 預約須知 */
.seg-wrap{flex-wrap:wrap;border-radius:26px}
.notice-card{max-width:900px}
.notice-list{margin:0;padding-left:1.2em;display:grid;gap:18px;font-size:15px}
.notice-list li::marker{color:var(--accent)}
.notice-list small{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.7}
/* 文章版 */
.article{max-width:720px;font-size:15px;line-height:2}
.article h2{font-size:clamp(20px,2.2vw,26px);margin:var(--s12) 0 var(--s4);letter-spacing:.04em}
.article h3{font-size:clamp(19px,2vw,23px);margin:var(--s12) 0 var(--s4)}
.article h4{font:400 17px var(--display);margin:var(--s8) 0 var(--s3);color:var(--accent)}
.article p,.article li{color:#4d3f41}
.article a{color:var(--accent);border-bottom:1px solid currentColor}
.article figure{margin:var(--s8) 0}.article figure img{border-radius:16px}
.article figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.article ul,.article ol{padding-left:1.3em;margin:0 0 var(--s6)}

/* 更多服務 */
.sv{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:center}
.sv.flip>figure{order:2}
.sv img{aspect-ratio:1;object-fit:cover;border-radius:26px;background:#fff}
.sv h2{margin-bottom:var(--s6)}
.sv p{color:var(--muted);font-size:15px}
.sv .checks{margin-bottom:var(--s8)}
.sv-group{font:400 18px var(--display);margin:var(--s8) 0 var(--s3);padding-top:var(--s4);border-top:1px solid var(--line)}
.sv-dl{margin:0 0 var(--s6);display:grid;gap:4px}
.sv-dl dt{font-size:15px;margin-top:10px}.sv-dl dd{margin:0;font-size:14px;color:var(--muted)}
.more-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.more-card{display:grid;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:10px 10px 22px;transition:border-color var(--dur-micro),box-shadow var(--dur-micro),opacity var(--dur-fast) var(--ease)}
.more-card img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:12px}
.more-card .kicker,.more-card b,.more-card>span:last-child{padding-inline:10px}
.more-card .kicker{margin:0;font-size:12px;color:var(--accent)}
.more-card b{font:400 20px var(--display)}.more-card>span:last-child{font-size:14px;color:var(--muted)}
.more-card:hover{opacity:1;border-color:var(--accent);box-shadow:0 20px 36px -26px #56323a80}
/* 嫩唇 */
.vs-band{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,4vw,48px);text-align:center;max-width:900px;margin-inline:auto}
.vs-band>div{border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,36px);display:grid;gap:6px;background:var(--surface)}
.vs-band>div.us{border-color:var(--accent);background:var(--canvas)}
.vs-band small{font:15px var(--display);letter-spacing:.2em;color:var(--muted)}.vs-band .us small{color:var(--accent)}
.vs-band b{font:400 clamp(20px,2.4vw,28px)/1.5 var(--display)}.vs-band span{font-size:13px;color:var(--muted)}
.vs-band i{font:italic 28px var(--display);color:var(--accent)}
.icon3{list-style:none;margin:0 0 var(--s8);padding:0;display:flex;flex-wrap:wrap;gap:10px}
.icon3 li{padding:10px 20px;border-radius:99px;background:var(--canvas);border:1px solid var(--soft);font:15px var(--display);color:var(--accent)}
.cmp.cmp2{min-width:0;table-layout:auto}.cmp.cmp2 tbody th{width:9em;color:var(--ink);font-size:14px}
/* Folligrow */
.chips{list-style:none;margin:0 0 var(--s8);padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:10px 20px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:14px}
.wide-fig img{border-radius:24px;aspect-ratio:16/8;object-fit:cover}
.steps3{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}
.steps3 li{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:4px}
.steps3 .no{font:13px var(--display);letter-spacing:.12em;color:var(--accent)}
.steps3 b{font:400 20px var(--display)}.steps3 li>span:last-child{font-size:14px;color:var(--muted)}
.scores{list-style:none;margin:0;padding:0;display:grid;gap:18px;max-width:760px}
.scores li{display:grid;grid-template-columns:6em 1fr 4em;gap:6px 18px;align-items:center;font-size:15px}
.scores .bar{height:8px;border-radius:9px;background:var(--soft);overflow:hidden}
.scores .bar i{display:block;height:100%;width:var(--v);background:var(--accent);border-radius:9px}
.scores b{font:400 17px var(--display);color:var(--accent);text-align:right}
.scores small{grid-column:2/-1;font-size:12.5px;color:var(--muted);margin-top:-4px}
.scores small:empty{display:none}
.pic-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}
.pic-rail::-webkit-scrollbar{display:none}
.pic-rail img{flex:none;width:clamp(220px,40vw,340px);aspect-ratio:4/5;object-fit:cover;border-radius:20px;scroll-snap-align:start}
.buy-band{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;background:#e9dadd;border-radius:26px;padding:clamp(28px,4vw,56px)}
.buy-band h2{margin-bottom:8px}.buy-band p{margin:0;color:var(--muted)}
/* 課程 */
.pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pains li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start}
.pains b{font:400 18px/1.5 var(--display)}.pains span{font-size:14px;color:var(--muted)}
.pain-end{margin-top:var(--s8);font:clamp(18px,2vw,22px)/1.8 var(--display);color:var(--accent)}
.route{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.phase{background:var(--canvas);border-radius:24px;padding:24px}
.phase .ph{font:13px var(--display);letter-spacing:.16em;color:var(--accent)}
.phase h3{font-size:21px;margin:4px 0 16px}
.phase ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.phase ol li{border-top:1px solid var(--line);padding-top:14px}
.phase .no{font:13px var(--display);color:var(--muted);margin-right:10px}
.phase b{font:400 17px var(--display)}
.phase p{font-size:13.5px;color:var(--muted);margin:6px 0 0}
.phase .res{color:var(--ink)}.phase .res i{font-style:normal;color:var(--accent);margin-right:8px}
.fee-card{max-width:620px;margin-inline:auto;text-align:center;background:var(--canvas);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,56px)}
.fee{font:400 clamp(48px,7vw,80px)/1.1 var(--display);color:var(--accent);margin:0 0 var(--s4)}
.fee small{font-size:.35em;margin-right:6px;vertical-align:.9em}
.fee-card p{color:var(--muted)}.fee-card .pill{margin-top:var(--s4)}
.funders{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px}
.funders>div{background:var(--canvas);border-radius:20px;padding:24px}
.funders img{max-height:90px;width:auto;margin-top:6px}

/* 作品集 */
.sc-layout{display:grid;grid-template-columns:200px 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.sc-side{position:sticky;top:112px}
.filter.vertical{flex-direction:column;align-items:stretch}
.filter.vertical button{justify-content:space-between}
.sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px}
.sc .case-open{border:0;padding:0;background:none;width:100%;display:block;border-radius:18px;overflow:hidden}
.sc-stack{display:grid;position:relative;background:#ddd5d0}
.sc-stack img,.sc-one img{aspect-ratio:1/.62;object-fit:cover}
.sc-stack img+img{border-top:2px solid #fff}
.sc-one img{aspect-ratio:1}
.sc-tag{position:absolute;left:10px;font-size:10px;letter-spacing:.14em;padding:3px 9px;border-radius:99px;background:#2b2326a6;color:#fff}
.sc-tag.t{top:10px}.sc-tag.b{top:calc(50% + 10px);background:#fffffff0;color:var(--ink)}
.sc figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.sc .case-open:hover img{transform:scale(1.02)}.sc img{transition:transform var(--dur-slow) var(--ease)}

@media(max-width:1100px){
  .htl{grid-template-columns:repeat(3,1fr);row-gap:40px}.htl:before{display:none}
  .team-grid{grid-template-columns:1fr 1fr}
  .shot-grid{grid-template-columns:repeat(3,1fr)}
  .pains{grid-template-columns:1fr 1fr}
  .route{grid-template-columns:1fr}
  .sc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .hero-c{padding-top:calc(74px + 48px)}
  .hero-c h1{font-size:30px}
  .hero-b>.wrap{grid-template-columns:1fr}
  .hero-b{padding-top:calc(74px + 24px)}
  .hb-arch{order:-1}.hb-arch img{max-width:300px}
  .hero-b h1{font-size:30px}
  .story-cols{grid-template-columns:1fr;gap:16px}
  .htl{grid-template-columns:1fr;row-gap:28px;padding-left:18px;border-left:1px solid #fbf1f140}
  .htl .yr:after{left:-24px;bottom:auto;top:10px}
  .bignums{grid-template-columns:1fr}.bignums li+li{border-left:0;border-top:1px solid var(--line)}
  .bignums.mini{grid-template-columns:repeat(3,1fr)}.bignums.mini li+li{border-top:0;border-left:1px solid var(--line)}
  .founder-v2{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr;gap:24px 12px}
  .tm b{font-size:20px}
  .pic6{grid-template-columns:1fr 1fr}
  .studio-strip{grid-template-columns:1fr 1fr}.studio-strip img:first-child{grid-column:1/-1}
  .shot-grid{grid-template-columns:1fr 1fr}
  .tl{grid-template-columns:1fr;gap:16px}.tl:before{left:17px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .tl li{grid-template-columns:36px 1fr;justify-items:start;text-align:left;column-gap:14px}
  .tl li>*{grid-column:2}.tl .node{grid-column:1;grid-row:1}.tl img{height:150px}
  .ways,.guar{grid-template-columns:1fr}
  .guar{gap:20px}
  .sv,.sv.flip{grid-template-columns:1fr}.sv.flip>figure{order:0}
  .sv img{aspect-ratio:4/3}
  .more-grid{grid-template-columns:1fr}
  .vs-band{grid-template-columns:1fr}
  .steps3{grid-template-columns:1fr;gap:16px}
  .pains{grid-template-columns:1fr}
  .funders{grid-template-columns:1fr}
  .sc-layout{grid-template-columns:1fr}
  .sc-side{position:sticky;top:74px;z-index:10;background:var(--surface);margin-inline:calc(var(--gutter)*-1);padding:10px var(--gutter);border-bottom:1px solid var(--line)}
  .sc-side .kicker{display:none}
  .filter.vertical{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;margin:0;scrollbar-width:none}
  .filter.vertical button{flex:none}
  .sc-grid{gap:18px 10px}
}
.sc-layout>*{min-width:0}
.rv-more-end{justify-content:center}
.rv-wall.all-shown~.rv-more-end,.rv-wall.filtered~.rv-more-end{display:none}

/* 文章 */
.bl-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bl-card a{display:grid;gap:14px;height:100%;background:var(--canvas);border:1px solid var(--line);border-radius:24px;padding:10px 10px 22px;transition:border-color var(--dur-micro),box-shadow var(--dur-micro)}
.bl-card a:hover{opacity:1;border-color:var(--accent);box-shadow:0 20px 36px -26px #56323a80}
.bl-card figure img{aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:#fff}
.bl-card a>div{padding-inline:12px;display:grid;gap:8px;align-content:start}
.bl-card h2{font-size:clamp(18px,1.8vw,22px);letter-spacing:.03em;line-height:1.6}
.bl-desc{font-size:14px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-card .text-link{justify-self:start}
.bl-meta{font-size:12px;letter-spacing:.08em;color:var(--accent);margin:0}
.bl-feature{grid-column:1/-1}
.bl-feature a{grid-template-columns:1.2fr 1fr;align-items:center;padding:12px}
.bl-feature figure img{aspect-ratio:4/3}
.bl-feature h2{font-size:clamp(22px,2.6vw,32px)}
.post-hero h1{font-size:clamp(26px,3.6vw,44px);max-width:24em}
.post-cover img{border-radius:24px;max-height:520px;object-fit:cover;margin-bottom:var(--s12)}
.post-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(24px,5vw,72px)}
.toc{position:sticky;top:112px;align-self:start;display:grid;gap:4px;border-left:2px solid var(--soft);padding-left:14px}
.toc a{font-size:13px;color:var(--muted);padding:5px 0;line-height:1.6}
.toc a:hover{color:var(--accent);opacity:1}
.article .dash{padding-left:1.1em;text-indent:-1.1em}
.article .dash:before{content:'・';color:var(--accent)}
.post-note{margin-top:var(--s12);padding-top:var(--s6);border-top:1px solid var(--line)}
.picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.picks>li{display:grid;grid-template-columns:140px 1fr;gap:18px;background:var(--canvas);border-radius:20px;padding:14px}
.picks img{aspect-ratio:1;object-fit:cover;border-radius:12px;background:#fff}
.picks .no{font:13px var(--display);color:var(--accent)}
.picks h2{font-size:18px;margin:2px 0}.picks .jp{font-size:12px;color:var(--muted);margin:0 0 6px}
.picks .price{font:17px var(--display);margin:0 0 6px}.picks .price small{font:11px var(--body);color:var(--muted)}
.picks ul{margin:0;padding-left:1.1em;font-size:13px;color:var(--muted)}
@media(max-width:900px){.post-layout{grid-template-columns:1fr}.toc{position:static;margin-bottom:var(--s6)}}
@media(max-width:800px){.bl-list,.bl-feature a{grid-template-columns:1fr}.picks{grid-template-columns:1fr}.picks>li{grid-template-columns:96px 1fr}}

/* /hairline */
.page-hero.hl-hero>.scene,/* /hairline */
.page-hero.hl-hero>picture>.scene{object-position:50% 28%}
.pick.four{grid-template-columns:repeat(4,1fr)}
.pick-card.static{cursor:default}.pick-card.static:hover{border-color:var(--line);box-shadow:none}.pick-card.static:hover img{transform:none}
.pick-card figcaption{font:400 15px/1.5 var(--display)}
.guar.three{grid-template-columns:repeat(3,1fr)}
.hl-ways{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hl-ways article{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.4vw,40px);display:flex;flex-direction:column;gap:6px}
.hl-ways h3{font-size:clamp(22px,2.4vw,28px);margin-bottom:6px}
.hl-ways p{color:var(--muted);font-size:15px}
.hl-ways .checks{margin-bottom:var(--s6)}
.hl-ways .text-link{align-self:flex-start;margin-top:var(--s6)}
.hl-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hl-pair img{border-radius:14px}
.split figure img.illus{aspect-ratio:1;object-fit:contain;background:#fff}
.steps3.four{grid-template-columns:repeat(4,1fr)}
.hl-facts{max-width:520px}
@media(max-width:800px){.pick.four{grid-template-columns:1fr 1fr}.guar.three,.hl-ways,.steps3.four{grid-template-columns:1fr}}
#voices .qa-head,#related .qa-head{max-width:none}

/* ═════════ v2：小冊子相片、icon、多圖排版（2026-09-27） ═════════ */
.ico{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:#f1e6e7}
.row-title{font-size:clamp(18px,1.8vw,22px);margin:var(--s12) 0 var(--s6)}
.h2like{font-size:var(--title);letter-spacing:.08em;margin-bottom:var(--s4)}
/* icon 列 */
.icon-row{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.icon-row.four{grid-template-columns:repeat(4,1fr)}
.icon-row li{display:grid;justify-items:center;text-align:center;gap:8px;align-content:start}
.icon-row b{font:400 18px/1.5 var(--display);color:var(--accent)}
.icon-row span{font-size:14px;color:var(--muted);max-width:24ch}
.icon-row.big .ico{width:112px;height:112px}
.icon-row.stack{grid-template-columns:1fr;gap:14px;margin-top:0}
.icon-row.stack li{grid-template-columns:72px 1fr;justify-items:start;text-align:left;column-gap:16px;align-items:center}
.icon-row.stack li>*:not(.ico){grid-column:2}.icon-row.stack .ico{grid-row:span 2}
/* 步驟 icon 列（有箭咀） */
.step-row{list-style:none;margin:var(--s8) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px}
.step-row li{flex:1 1 160px;max-width:230px;display:grid;justify-items:center;text-align:center;gap:6px;position:relative}
.step-row li+li:before{content:'›';position:absolute;left:-10px;top:26px;color:var(--line);font-size:30px;line-height:1}
.step-row b{font:400 17px var(--display);color:var(--accent)}.step-row b span{margin-right:4px}
.step-row li>span:last-child{font-size:13px;color:var(--muted)}
/* 相 */
.ph img{border-radius:24px;width:100%;object-fit:cover;aspect-ratio:4/5}
.ph.illus img{aspect-ratio:1;background:#fff;object-fit:contain}
.sv .ph img{aspect-ratio:4/5}
.page-hero.sv-hero>.scene,.page-hero.sv-hero>picture>.scene{object-position:70% 40%}
.jump-bar{background:var(--canvas);border-bottom:1px solid var(--line);position:sticky;top:88px;z-index:15}
.jump-bar .jump{margin:0;padding-block:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.jump-bar .jump::-webkit-scrollbar{display:none}
.jump-bar .jump a{flex:none}
.page-hero+.jump-bar{position:sticky;z-index:15;margin-top:0}
/* 前後示意 */
.ba-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:var(--s12);max-width:900px}
.ba-pair figure{margin:0;position:relative}
.ba-pair img{border-radius:18px;width:100%}
.ba-pair figcaption{position:absolute;left:10px;bottom:10px;font-size:12px;background:#2b2326b3;color:#fff;border-radius:99px;padding:2px 10px}
.ba-pair figure:last-child figcaption{background:var(--accent)}
.ba-arrow{color:var(--accent);font-size:24px}
.ba-note{margin-top:var(--s3)}
.ba-pair.small{margin:0;max-width:none}
/* Hoiki 細圓相 */
.by{display:flex;gap:16px;align-items:center;margin:0 0 var(--s6);background:var(--canvas);border-radius:99px;padding:8px 22px 8px 8px}
.by p{margin:0;font-size:14px;color:var(--ink)}
.by-face{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.by-face.big{width:min(280px,70vw);height:auto;aspect-ratio:1;margin-inline:auto}
.consult{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,72px);align-items:center;max-width:980px}
.consult p{color:var(--muted);font-size:15px}
/* 相片步驟卡（活髮療程、到店四步） */
.photo-steps{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;gap:16px}
.photo-steps li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px);align-items:center;background:var(--canvas);border-radius:26px;padding:12px clamp(16px,3vw,40px) 12px 12px}
.tone-surface .photo-steps li{background:var(--surface)}
#in-studio .photo-steps li,#scalp-care .photo-steps li{background:var(--canvas)}
.photo-steps img{border-radius:18px;aspect-ratio:16/9;object-fit:cover;width:100%}
.photo-steps h3{font-size:clamp(19px,2vw,24px);margin:8px 0 10px}
.photo-steps p{font-size:14.5px;color:var(--muted);margin:0}
.tag{display:inline-block;font-size:12px;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:6px;padding:2px 10px}
/* 信任列 */
.trust{list-style:none;margin:var(--s12) 0 0;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:var(--canvas);border-radius:22px}
.tone-surface .trust{background:var(--canvas)}
section:not(.tone-surface) .trust{background:var(--surface)}
.trust li{display:grid;gap:2px;padding:6px 14px;border-left:2px solid var(--accent)}
.trust b{font:400 16px var(--display)}.trust span{font-size:13px;color:var(--muted)}
.mini-list{margin:0 0 var(--s8);padding-left:1.2em;display:grid;gap:6px;font-size:15px}
.mini-list li::marker{color:var(--accent)}
.more-card.tall img{aspect-ratio:4/5}
/* facial */
.cat-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,72px);align-items:center;margin-bottom:var(--s12)}
.cat-head.flip>figure{order:-1}
.cat-head p{color:var(--muted);font-size:15px}
.cat-head .ph img{aspect-ratio:1}
.fx-list{display:grid;gap:20px}
.fx-list.two{grid-template-columns:1fr 1fr}
.fx{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.4vw,40px)}
#cat1 .fx{background:var(--canvas)}
.fx-top{display:flex;gap:16px;align-items:center;margin-bottom:var(--s6)}
.fx-no{flex:none;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:22px var(--display)}
.fx-top .kicker{margin:0 0 2px;font-size:12px;color:var(--accent)}
.fx-top h3{font-size:clamp(20px,2.2vw,27px)}
.fx-body{display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center}
.fx-list.two .fx-body{grid-template-columns:1fr 150px}
.fx-body p{color:var(--muted);font-size:15px;margin:0}
.fx-note{margin-top:12px!important;color:var(--ink)!important;border-left:2px solid var(--accent);padding-left:12px}
.fx-dev{margin:0;background:#fff;border-radius:18px;padding:12px}
.fx-dev img{max-height:220px;object-fit:contain;width:100%}
.attrs{margin:var(--s8) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border-top:1px solid var(--line);padding-top:var(--s6)}
.attrs>div{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-content:start}
.attrs .ico{width:44px;height:44px;grid-row:span 2}
.attrs dt{font:400 16px var(--display);color:var(--accent)}
.attrs dd{margin:0;font-size:14px;color:var(--ink)}
.fx-list.two .attrs{grid-template-columns:1fr}
.belief{font:clamp(22px,2.8vw,34px)/1.7 var(--display);color:var(--accent);text-align:center;margin:0;letter-spacing:.06em}
/* 嫩唇三種光 */
.lights{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:12px}
.lights li{display:grid;grid-template-columns:28px 1fr;column-gap:14px;align-items:center;background:var(--canvas);border-radius:16px;padding:14px 18px}
.lights i{width:22px;height:22px;border-radius:50%;grid-row:span 2}
.lt-blue i{background:radial-gradient(circle,#8fb7ff,#3c6fd8)}.lt-nir i{background:radial-gradient(circle,#ff9c8f,#b8282b)}.lt-green i{background:radial-gradient(circle,#b4e3a0,#4c9a45)}
.lights b{font:400 17px var(--display)}.lights span{font-size:14px;color:var(--muted)}
.icon-row.three .ico{width:96px;height:96px}
/* Folligrow */
.lead-accent{font:clamp(17px,1.9vw,21px)/1.8 var(--display);color:var(--accent)!important}
.story .lead-accent{margin-top:var(--s6)}
.story>p{color:var(--muted);font-size:15px}
.test-card{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center;background:var(--canvas);border-radius:28px;padding:clamp(22px,4vw,48px)}
.test-card h2{margin:12px 0 var(--s6)}.test-card p{color:var(--muted);font-size:15px}.test-card p b{color:var(--ink);font-weight:500}
.scores.with-ico li{grid-template-columns:48px 6em 1fr 5em}
.scores.with-ico .ico{width:48px;height:48px;grid-row:span 2}
.scores.with-ico small{grid-column:3/-1}
.feat3{list-style:none;margin:0 0 var(--s8);padding:0;display:grid;gap:18px}
.feat3 li{display:grid;grid-template-columns:40px 1fr;column-gap:14px}
.feat3 span{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:17px var(--display)}
.feat3 b{font:400 clamp(20px,2.2vw,26px) var(--display);color:var(--accent)}.feat3 small{font-size:14px;color:var(--muted)}
.tagline{display:inline-block;background:var(--canvas);border-radius:16px;padding:14px 22px;font:17px/1.8 var(--display);color:var(--accent);text-align:center}
.split figure img{border-radius:22px}
/* 髮際線 */
.hl-design{margin:var(--s12) 0 0}.hl-design img{border-radius:24px}
.hl-design figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.promise{background:var(--canvas);border-radius:16px;padding:16px 20px;color:var(--ink)!important}
.promise b{display:block;font:400 16px var(--display);color:var(--accent);margin-bottom:4px}
.regrow{display:grid;grid-template-columns:.7fr 1.3fr .9fr;gap:clamp(20px,4vw,48px);align-items:center}
.rg-photo img{border-radius:22px;aspect-ratio:3/4;object-fit:cover}
.regrow h2{margin-bottom:var(--s4)}.regrow p{color:var(--muted);font-size:15px}
.rg-diagram{margin:var(--s6) 0 0}.rg-diagram img{border-radius:16px}
/* 關於：六個改善情況 */
.conc6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.conc6 li{display:grid;justify-items:center;text-align:center;gap:8px;font-size:13.5px}
.conc6 .ico{width:96px;height:96px}
#market .conc6{margin-bottom:var(--s12)}
/* 課程 */
.ph-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:14px;background:#fff}
.ph-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.placeholder{aspect-ratio:1;border:1px dashed var(--accent);border-radius:20px;background:repeating-linear-gradient(45deg,#f6ecec 0 12px,#f1e3e4 12px 24px);display:grid;place-content:center;text-align:center;gap:4px;color:var(--accent)}
.placeholder span{font:400 17px var(--display)}.placeholder small{font-size:12px;color:var(--muted)}
.way-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;margin-bottom:10px;background:#fff}
/* 預約須知 */
.notice-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(20px,4vw,48px);align-items:start}
.notice-art img{border-radius:22px;background:#fff}.notice-art figcaption{font-size:12px;color:var(--muted);margin-top:8px}
/* /smp 三次定律 */
.sessions-wrap{margin-top:var(--s16)}
.sessions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px)}
.sessions li{display:grid;justify-items:center;text-align:center;gap:6px;position:relative}
.sessions li+li:before{content:'→';position:absolute;left:calc(clamp(16px,3vw,40px)*-.5 - 12px);top:22%;color:var(--accent);font-size:26px}
.sessions img{width:min(220px,100%);aspect-ratio:1;border-radius:50%;object-fit:cover}
.ses-no{font:13px var(--display);letter-spacing:.16em;color:var(--muted);margin-top:8px}
.sessions b{font:400 21px var(--display)}
.sessions p{font-size:14px;color:var(--muted);margin:0;max-width:30ch}
.ses-pct{font:400 36px/1.1 var(--display)!important;color:var(--accent)!important;display:grid;gap:4px;margin-top:6px!important}
.ses-pct small{font:12px var(--body);color:var(--muted)}
.vs-img{width:100%;aspect-ratio:947/336;object-fit:cover;border-radius:14px;margin-bottom:16px}

@media(max-width:1100px){.conc6{grid-template-columns:repeat(3,1fr)}.fx-list.two{grid-template-columns:1fr}.regrow{grid-template-columns:1fr 1fr}.regrow .icon-row{grid-column:1/-1}}
@media(max-width:800px){
  .jump-bar{top:74px}
  .icon-row,.icon-row.four{grid-template-columns:1fr 1fr;gap:20px 12px}
  .icon-row.three{grid-template-columns:1fr}
  .icon-row.three li{grid-template-columns:80px 1fr;justify-items:start;text-align:left;column-gap:16px;align-items:center}
  .icon-row.three li>*:not(.ico){grid-column:2}.icon-row.three .ico{grid-row:span 2;width:80px;height:80px}
  .icon-row.big .ico{width:80px;height:80px}
  .step-row li{flex-basis:40%}.step-row li:nth-child(odd):before{display:none}
  .ba-pair{grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg);justify-self:center}
  .photo-steps li{grid-template-columns:1fr;padding:10px 10px 22px}.photo-steps li>div{padding-inline:8px}
  .consult{grid-template-columns:1fr;text-align:center}
  .cat-head,.cat-head.flip{grid-template-columns:1fr}.cat-head.flip>figure{order:0}
  .fx-body,.fx-list.two .fx-body{grid-template-columns:1fr}.fx-dev{max-width:260px}
  .test-card{grid-template-columns:1fr}
  .scores.with-ico li{grid-template-columns:40px 5em 1fr 4.5em;gap:4px 10px;font-size:14px}.scores.with-ico .ico{width:40px;height:40px}
  .regrow{grid-template-columns:1fr}.rg-photo img{aspect-ratio:4/3}
  .conc6{grid-template-columns:repeat(3,1fr);gap:18px 8px}.conc6 .ico{width:78px;height:78px}.conc6 li{font-size:12.5px}
  .ph-grid{grid-template-columns:1fr 1fr}
  .notice-wrap{grid-template-columns:1fr}.notice-art{max-width:280px}
  .sessions{grid-template-columns:1fr;gap:36px}.sessions li+li:before{content:'↓';left:50%;top:-34px;transform:translateX(-50%)}
  .by{border-radius:22px}
}
.scores b{white-space:nowrap}
@media(max-width:800px){.scores.with-ico li{grid-template-columns:36px 4.6em 1fr 4.4em}.scores.with-ico .ico{width:36px;height:36px}}

/* ═══ 2026-09-27 第二輪：背景段落（黐住嘅大圖／影片，同首頁 #brows 一樣）═══ */
.bg-sec{min-height:100svh}
.bg-sec>.wrap{padding-block:clamp(96px,16svh,160px) clamp(80px,12svh,120px)}
.bg-sec h2{max-width:none}
.bg-sec .kicker{color:#f1d6d9}
.bg-sec .copy{max-width:38em;font-size:15px;line-height:2;color:#fffaf7e6}
.bg-sec .note{color:#fffaf7b3}
.bg-sec .quote{font:clamp(18px,2.2vw,24px)/1.8 var(--display);border-left:1px solid #f1d6d9;padding-left:20px;margin:var(--s8) 0;color:#fffaf7}
.bg-sec>video.scene{display:block}
.bg-sec .pick{margin:var(--s12) 0 var(--s6)}
.bg-sec .pick-card{color:var(--ink)}
.bg-sec .points{margin-top:var(--s12)}
.bg-sec .points li{border-top-color:#fffaf740}
.bg-sec .points .no{color:#f1d6d9}
.bg-sec .points p{color:#fffaf7cc}
.points.row3{grid-template-columns:repeat(3,1fr);gap:0 28px}
.points.row3 h3{font-size:17px;margin:4px 0 6px}
.points.row3 p{font-size:13px}
.fact-band.light{margin-top:var(--s12);border-color:#fffaf740}
.fact-band.light>div+div{border-color:#fffaf740}
.fact-band.light span{color:#fffaf7b3}
.bignums.light,.bignums.light li+li{border-color:#fffaf740}
.bignums.light b{color:#f1d6d9}.bignums.light span{color:#fffaf7b3}
.bg-sec .hl-ways{margin-top:var(--s12);max-width:880px}
.bg-sec .hl-ways article{color:var(--ink);background:#fffaf7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bg-sec .hl-ways .kicker{color:var(--accent)}
.bg-sec .hl-ways p{margin:0}
.bg-sec .split{margin-top:0}
.bg-sec .split h2{color:#fffaf7}
.bg-sec .split p{color:#fffaf7e6}
.bg-sec .promise{color:#fffaf7e6}
.bg-sec .checks li{color:#fffaf7}
.design-art img{border-radius:26px;background:#fff}
.mentor-bg h2{max-width:14ch}
.mentor-bg .bignums{max-width:560px}
@media(max-width:800px){
  .bg-sec{min-height:auto}
  .bg-sec>.wrap{padding-block:18svh 12svh}
  .points.row3{grid-template-columns:1fr 1fr 1fr;gap:0 12px}
  .points.row3 h3{font-size:15px}.points.row3 p{font-size:12px;line-height:1.7}
  .bg-sec .pick{grid-template-columns:1fr 1fr}
}

/* 頁頂 hero 調整 */
.brow-hero>.scene,/* 頁頂 hero 調整 */
.brow-hero>picture>.scene{object-position:55% 40%}
.hl-hero>.scene,.hl-hero>picture>.scene{object-position:50% 22%}
@media(max-width:800px){
  .brow-hero>.scene,.brow-hero>picture>.scene{object-position:38% 45%}
}

/* 關於我們：精簡嘅信念＋年表 */
.story-c{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.story-c blockquote{margin:0 0 var(--s8);font:clamp(24px,3vw,38px)/1.6 var(--display);letter-spacing:.05em}
.story-c p{color:var(--muted);font-size:15px;margin:0}
.tl-c{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.tl-c li{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0 10px 20px;position:relative}
.tl-c li:before{content:'';position:absolute;left:-5px;top:19px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tl-c .yr{font:400 17px var(--display);color:var(--accent)}
.tl-c b{font-weight:400;font-size:15px}
@media(max-width:800px){.story-c{grid-template-columns:1fr}}
.team-grid .tm{align-self:start}

/* ESG／社會責任 */
.esg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:start}
.esg figure img{border-radius:26px;aspect-ratio:4/5;object-fit:cover}
.esg h2{margin-bottom:var(--s6)}
.esg>div>p{color:var(--muted);font-size:15px}
.esg h3{font-size:17px;margin:var(--s8) 0 var(--s4)}
.esg-goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.esg-goals li{background:var(--canvas);border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;gap:4px}
.esg-goals b{font:400 16px var(--display)}
.esg-goals span{font-size:13px;color:var(--muted);line-height:1.7}
.esg .text-link{margin-top:var(--s6)}
.partners{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:var(--s16)}
.partners>div{background:var(--canvas);border:1px solid var(--line);border-radius:22px;padding:20px 24px}
.partners small{display:block;letter-spacing:.08em;margin-bottom:14px}
.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px}
.logo-row img{height:56px;width:auto;max-width:46%;object-fit:contain}
@media(max-width:800px){.esg,.partners{grid-template-columns:1fr}.esg-goals{grid-template-columns:1fr}.logo-row img{height:44px}}

/* 課程：評審相、課堂實況 */
.judge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.judge-grid figure:nth-child(1){grid-column:span 2}
.judge-grid img{border-radius:18px;aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}
.judge-grid figure:nth-child(1) img{aspect-ratio:auto;height:calc(100% - 52px)}
.judge-grid figcaption{font-size:13px;margin-top:8px;line-height:1.6}
.judge-grid figcaption span{display:block;font:400 15px var(--display);color:var(--accent)}
.class-grid{columns:4 220px;column-gap:14px}
.class-grid figure{break-inside:avoid;margin:0 0 14px}
.class-grid img{border-radius:18px;width:100%;height:auto}
.class-grid figcaption{font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:800px){.judge-grid{grid-template-columns:1fr 1fr}.judge-grid figure:nth-child(1){grid-column:1/-1}.judge-grid figure:nth-child(1) img{height:auto;aspect-ratio:4/3}.class-grid{columns:2}}

/* 髮際線：真實個案、再生一行 */
.hl-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.hl-cases img{border-radius:18px;width:100%;height:auto}
.hl-cases .hl-pair{gap:6px}
.hl-cases figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:800px){.hl-cases{grid-template-columns:1fr 1fr}}
.icon-row.rg-row{grid-template-columns:repeat(3,1fr)!important}
.icon-row.rg-row li{display:grid!important;grid-template-columns:none!important;justify-items:center!important;text-align:center!important}
.icon-row.rg-row li>*{grid-column:auto!important}
.icon-row.rg-row .ico{width:72px!important;height:72px!important;grid-row:auto!important}
.icon-row.rg-row span{font-size:12px}
#brow-journey .film-sheet:first-child{margin-top:0}
.hl-cases{grid-template-columns:1fr 1fr 1.5fr}
.hl-cases-pairs{display:grid;gap:16px}
.regrow:has(.rg-row){grid-template-columns:.7fr 1.3fr}
.regrow .rg-row{grid-column:1/-1;max-width:760px;margin-inline:auto;width:100%}
@media(max-width:800px){.hl-cases{grid-template-columns:1fr 1fr}.hl-cases-pairs{grid-column:1/-1}.regrow:has(.rg-row){grid-template-columns:1fr}}
.judge-grid{grid-template-columns:repeat(6,1fr)}
@media(max-width:800px){.judge-grid{grid-template-columns:1fr 1fr}}

/* 關於我們 hero：相放上面、字放下面，任何闊度都見到成隊人 */
.about-hero{display:block;min-height:0;background:var(--canvas);color:var(--ink)}
.about-hero>.scene,.about-hero>picture>.scene{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:82svh;margin-top:88px;transform:none!important;object-fit:cover;object-position:50% 35%}
.about-hero:after{display:none}
.about-hero .wrap{padding-block:clamp(28px,5vw,64px) clamp(48px,7vw,88px)}
.about-hero .section-word{color:#80575e2e}
.about-hero .crumbs a,.about-hero .crumbs span,.about-hero .lead{color:var(--muted)}
.about-hero .pill.glass{color:#fff9f7;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(var(--accent),var(--accent)) padding-box,conic-gradient(from var(--ga),#ffffff00,#e3c6c0 var(--gp),#f8eee8 calc(var(--gp)*2),#e3c6c0 calc(var(--gp)*3),#ffffff00 calc(var(--gp)*4)) border-box}
@media(max-width:800px){.about-hero>.scene,.about-hero>picture>.scene{margin-top:74px}}
.bg-sec.short-bg{min-height:80svh}
.bg-sec.short-bg>.wrap{padding-block:26svh 22svh}
.bg-sec .belief{font:clamp(24px,3.2vw,42px)/1.7 var(--display);letter-spacing:.06em;color:#fffaf7;margin:0}
.bg-sec .mini-list{color:#fffaf7e6}
.bg-sec .mini-list li{border-color:#fffaf740}
@media(max-width:800px){.bg-sec.short-bg{min-height:70svh}}
.editorial.quote-band{overflow:visible;overflow-x:clip;padding-block:0}
.editorial.quote-band>.scene,.editorial.quote-band>picture>.scene{position:sticky;inset:auto;top:0;height:100svh;z-index:0}
.editorial.quote-band:after{z-index:1}
/* /brows 旅程影片：字放上面，唔遮住 Iris 畫眉 */
.copy-top .film{align-content:start;align-items:start}
.copy-top .film-copy{padding-top:clamp(40px,7vh,72px)}
.copy-top .film:after{background:linear-gradient(180deg,#221a20b3,#221a2033 45%,transparent 70%)!important}

/* ═══ 2026-09-27 第三輪：/smp ═══ */
.page-hero.smp-hero>.scene,/* ═══ 2026-09-27 第三輪：/smp ═══ */
.page-hero.smp-hero>picture>.scene{object-position:72% 62%}
@media(max-width:800px){.page-hero.smp-hero>.scene,.page-hero.smp-hero>picture>.scene{object-position:66% 60%}}
/* 點陣頭部模型 */
.head-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center}
.head-wrap .sec-intro{text-align:left;margin:0}
.spot-list{list-style:none;margin:var(--s8) 0 var(--s4);padding:0;display:flex;flex-wrap:wrap;gap:10px}
.spot-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line);border-radius:100px;background:var(--surface);font-size:14px;min-height:44px;transition:border-color var(--dur-fast),background var(--dur-fast),opacity var(--dur-fast) var(--ease)}
.spot-btn i{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #80575e26}
.spot-btn:hover,.spot-btn:focus-visible{border-color:var(--accent);background:#fff;opacity:1}
.head-stage{position:relative}
.head-hint{text-align:center;font-size:12px;color:var(--muted);margin:6px 0 0;letter-spacing:.1em}
@media(max-width:800px){.head-wrap{grid-template-columns:1fr}.head-stage{order:-1}.head3d{max-width:360px}}
/* 開始之前：精簡三點＋五步 */
.basics-c{list-style:none;margin:0 0 var(--s8);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.basics-c li{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;background:var(--canvas);border:1px solid var(--line);border-radius:20px;padding:10px 16px 10px 10px}
.basics-c img{width:72px;height:72px;border-radius:14px;object-fit:cover}
.basics-c b{display:block;font:400 16px/1.5 var(--display)}
.basics-c span{font-size:13px;color:var(--muted);line-height:1.7}
@media(max-width:800px){.basics-c{grid-template-columns:1fr}}
#basics .journey{margin-top:var(--s8)}
/* 程度拉桿 */
.sev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;margin-top:var(--s8)}
.sev[hidden]{display:none}
.sev-imgs{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin-inline:auto}
.sev-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;transition:opacity var(--dur-base) var(--ease)}
.sev-imgs img.on{opacity:1}
.sev-texts{display:grid;min-height:150px}
.sev-text{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease);pointer-events:none}
.sev-text.on{opacity:1;transform:none;pointer-events:auto}
.sev-text b{display:block;font:400 clamp(28px,3.4vw,40px)/1.3 var(--display);margin:6px 0 8px}
.sev-text p{color:var(--muted);font-size:15px;margin:0 0 10px}
.sev-text .lv-no{font:13px var(--display);letter-spacing:.14em;color:var(--accent)}
.sev-text .lv-tier{display:inline-block;font-size:12px;border:1px solid var(--line);border-radius:100px;padding:3px 12px;color:var(--muted)}
.sev-range{display:block;margin-top:var(--s8)}
.sev-range input{--p:0%;-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}
.sev-range input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent) var(--p),#e4d3d6 var(--p))}
.sev-range input::-moz-range-track{height:6px;border-radius:6px;background:#e4d3d6}
.sev-range input::-moz-range-progress{height:6px;border-radius:6px;background:var(--accent)}
.sev-range input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--accent);margin-top:-11px;box-shadow:0 6px 16px -6px #56323a80}
.sev-range input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
.sev-ticks{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:2px}
.sev-ticks span{cursor:pointer;padding:4px 0}
.sev-ticks span.on{color:var(--accent);font-weight:600}
.lv-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:var(--s12)}
@media(max-width:800px){.sev{grid-template-columns:1fr}.sev-imgs{max-width:300px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 三次定律（背景段） */
.sessions.light{margin-top:var(--s12)}
.bg-sec .sessions li{background:#fffaf7eb;color:var(--ink);border-radius:24px;padding:20px}
.bg-sec .sessions li p{color:var(--muted)}
.plan-foot{margin-top:var(--s12);max-width:560px}
.plan-foot .fact-band{margin:0;grid-template-columns:1fr 1fr}
/* 比較表 5 欄 */
.cmp5{min-width:760px}
/* 評價背景段 */
.bg-sec#reviews .qa-head h2,.bg-sec#reviews .qa-head .text-link{color:#fffaf7}
.bg-sec#reviews .rv-list li{background:#fffaf7f0;color:var(--ink)}
/* /pinklip 第三輪 */
.vs-band.compact{padding:18px 24px;gap:16px}
.vs-band.compact b{font-size:clamp(17px,2vw,21px)}
.chips-row{list-style:none;margin:var(--s6) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips-row li{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border:1px solid var(--line);border-radius:100px;background:var(--surface);font-size:14px}
.chips-row .ico{width:34px;height:34px}
.bg-sec .lights li{color:#fffaf7}
.bg-sec .lights span{color:#fffaf7cc}
.how-copy{max-width:640px}
.lip-film video{width:100%;max-width:340px;aspect-ratio:400/711;object-fit:cover;border-radius:26px;display:block;margin-inline:auto;background:#ddd}
.lip-film figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:8px}
/* /hairline 第三輪 */
.hl-ways.plain{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);max-width:760px;margin-top:var(--s12)}
.hl-ways.plain>div{border-top:1px solid #fffaf755;padding-top:18px}
.hl-ways.plain .kicker{color:#f1d6d9}
.hl-ways.plain h3{color:#fffaf7;font-size:clamp(22px,2.4vw,28px);margin-bottom:6px}
.hl-ways.plain p{color:#fffaf7d9;font-size:15px;margin:0}
.hl-ways.plain .text-link{color:#fffaf7;margin-top:10px}
.hl-cases{grid-template-columns:.8fr 1fr 1fr 1.4fr}
.hl-film video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;display:block;background:#ddd}
.hl-film figcaption,.hl-cases figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:800px){.hl-ways.plain{grid-template-columns:1fr}.hl-cases{grid-template-columns:1fr 1fr}}
/* ═══ /about 第三輪 ═══ */
/* about 首圖：淺色漸層＋深色字；手機用直身裁切全屏（Garrick 2026-09-28 揀 B） */
.page-hero.about-hero2{min-height:100svh;align-items:flex-end;background:#efebe6;color:var(--ink)}
.about-hero2>.scene img,.about-hero2>picture>.scene img{object-position:50% 18%}
.about-hero2 .section-word{display:none}
.about-hero2:after{background:linear-gradient(0deg,#efebe6 0%,#efebe6e6 24%,#efebe680 42%,transparent 60%)!important}
.about-hero2 h1{font-size:clamp(28px,3.4vw,44px);color:var(--ink)}
.about-hero2 .kicker{color:var(--accent)}
.about-hero2 .lead{color:#4f4242}
.about-hero2 .crumbs,.about-hero2 .crumbs a{color:#6b5b5b}
.about-hero2 .pill.glass{color:var(--ink);background:#ffffffb8;border-color:#80575e33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.about-hero2 .wrap{padding-bottom:clamp(40px,7vh,72px)}
@media(max-width:800px){
  .page-hero.about-hero2{display:flex;flex-direction:column;justify-content:flex-end}
  .about-hero2>.scene,.about-hero2>picture>.scene{transform:none!important}
  .about-hero2>.scene img,.about-hero2>picture>.scene img{object-position:50% 0}
  .about-hero2:after{background:linear-gradient(0deg,#efebe6 0%,#efebe6f2 34%,#efebe6b3 46%,#efebe600 60%)!important}
  .about-hero2 .wrap{padding-block:0 40px;margin:auto auto 0}
  .about-hero2 .crumbs{display:none}
  .about-hero2 h1{font-size:26px;margin-bottom:12px}
  .about-hero2 .lead{font-size:13px;line-height:1.9}
  .about-hero2 .hero-services{margin-top:18px}
}

/* ESG 背景段 */
.esg-missions{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.esg-missions li{padding:18px 20px 18px 0;border-top:1px solid #fffaf755;display:grid;gap:4px;align-content:start}
.esg-missions li+li{padding-left:20px;border-left:1px solid #fffaf733}
.esg-missions .n{font:300 clamp(40px,5vw,64px)/1 var(--display);color:transparent;-webkit-text-stroke:1px #f1d6d9;letter-spacing:.02em}
.esg-missions b{font:400 19px/1.5 var(--display);color:#fffaf7;margin-top:10px}
.esg-missions span:last-child{font-size:13px;color:#fffaf7c7;line-height:1.8}
.esg-who{margin:var(--s12) 0 var(--s8);display:grid;gap:10px;max-width:760px}
.esg-who p{margin:0;display:grid;gap:2px}
.esg-who b{font:400 clamp(24px,3vw,36px)/1.4 var(--display);color:#fffaf7}
.esg-who span{font-size:14px;color:#fffaf7c7}
@media(max-width:800px){.esg-missions{grid-template-columns:1fr 1fr}.esg-missions li:nth-child(3){padding-left:0;border-left:0}}
/* 合作機構 logo：彩色、置中 */
#partners .wrap{padding-block:0}
.partners-c{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);text-align:center}
.partners-c small{display:block;letter-spacing:.1em;margin-bottom:16px;color:var(--muted)}
.partners-c .logo-row{justify-content:center;gap:24px 40px}
.partners-c .logo-row img{height:64px;width:auto;max-width:44%;object-fit:contain}
@media(max-width:800px){.partners-c{grid-template-columns:1fr}.partners-c .logo-row img{height:48px}}
/* 服務範圍 marquee（膠囊） */
#numbers .row-title{text-align:center;margin-top:var(--s12)}
.marquee{position:relative;display:grid;gap:14px;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-row{overflow:hidden}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq calc(var(--dur-marquee)*0.92) linear infinite}
.mq-row.rev .mq-track{animation-direction:reverse;animation-duration:calc(var(--dur-marquee)*1.04)}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.cap{display:inline-flex;align-items:center;gap:12px;padding:6px 22px 6px 6px;border:1px solid var(--line);border-radius:100px;background:var(--surface);white-space:nowrap;font:400 15px var(--display);transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}
.cap img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--line)}
.cap:hover{opacity:1;border-color:var(--accent);border-style:dashed;transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.mq-track>.cap:nth-child(n+8){display:none}}
/* ═══ /smpallinone 第三輪 ═══ */
.syl{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,72px);align-items:start}
.syl>div p{color:var(--muted)}
@media(max-width:800px){.syl{grid-template-columns:1fr}}
.bg-sec#judge .judge-grid{margin-top:var(--s12)}
.bg-sec#judge figcaption{color:#fffaf7d9}
.bg-sec#judge figcaption span{color:#f1d6d9}
.pain-chips{list-style:none;margin:0 0 var(--s12);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pain-chips li{border:1px dashed #c9a9ae;border-radius:18px;padding:14px 16px;display:grid;gap:4px;background:var(--canvas)}
.pain-chips b{font:400 15px/1.5 var(--display)}
.pain-chips span{font-size:12px;color:var(--muted);line-height:1.7}
.vs-cards{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}
.vs-cards article{border-radius:26px;padding:clamp(22px,3vw,36px)}
.vs-cards .them{background:var(--canvas);border:1px solid var(--line)}
.vs-cards .us{background:#2c2427;color:#fffaf7;box-shadow:0 30px 60px -40px #2c2427}
.vs-cards .us .kicker{color:#f1d6d9}
.vs-cards ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.vs-cards li{display:grid;grid-template-columns:28px 1fr;column-gap:10px}
.vs-cards li i{grid-row:span 2;font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px}
.vs-cards .them i{background:#e9dcde;color:var(--muted)}
.vs-cards .us i{background:#f1d6d9;color:#2c2427}
.vs-cards li b{font:400 16px var(--display)}
.vs-cards li span{font-size:14px;line-height:1.7}
.vs-cards .them li span{color:var(--muted)}
.vs-cards .us li span{color:#fffaf7cc}
.vs-cards h3{font-size:17px;margin:var(--s8) 0 var(--s4);color:#f1d6d9}
.after-mini{grid-template-columns:1fr 1fr}
.after-mini li{display:block!important;border-top:1px solid #fffaf733;padding-top:10px}
.after-mini b{display:block;font-size:15px!important}
.after-mini span{font-size:12px!important}
@media(max-width:800px){.pain-chips{grid-template-columns:1fr 1fr}.vs-cards{grid-template-columns:1fr}}

/* ═══ 美學誌 v2（2026-09-27）：統一封面、雜誌式列表、文章元件 ═══ */
.bl-hero{padding:calc(88px + var(--s12)) 0 var(--s16);background:linear-gradient(180deg,#f9eeef,var(--canvas))}
.bl-hero-head{max-width:720px;margin:var(--s8) 0 var(--s12)}
.bl-hero-head h1{font-size:clamp(30px,4.4vw,56px);line-height:1.35;letter-spacing:.06em;margin-bottom:var(--s6)}
.bl-hero-head .lead{color:var(--muted);font-size:15px}
.bl-feature a{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:14px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.bl-feature a:hover{opacity:1;border-color:var(--accent);box-shadow:0 30px 60px -40px #56323a80}
.bl-feature figure img{aspect-ratio:3/2;object-fit:cover;border-radius:22px;width:100%}
.bl-feature a>div{padding:10px clamp(4px,2vw,24px) 10px 0;display:grid;gap:12px}
.bl-feature h2{font-size:clamp(22px,2.8vw,34px);line-height:1.45}
.bl-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12px;letter-spacing:.06em;color:var(--muted);margin:0}
.bl-cat{color:var(--accent);border:1px solid #d9c3c6;border-radius:100px;padding:2px 10px;background:#fff8}
.bl-more{font-size:13px;color:var(--accent);letter-spacing:.06em}
.bl-list{grid-template-columns:repeat(3,1fr);gap:22px}
.bl-list.three{grid-template-columns:repeat(3,1fr)}
.bl-card a{padding:10px 10px 22px;border-radius:26px;background:var(--canvas)}
.bl-card figure{overflow:hidden;border-radius:18px}
.bl-card figure img{aspect-ratio:3/2;object-fit:cover;border-radius:18px;transition:transform var(--dur-slow) var(--ease)}
.bl-card a:hover figure img{transform:scale(1.04)}
.bl-card h2{font-size:clamp(17px,1.6vw,20px);line-height:1.6}
@media(max-width:1000px){.bl-list,.bl-list.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bl-list,.bl-list.three{grid-template-columns:1fr}.bl-feature a{grid-template-columns:1fr}.bl-feature a>div{padding:4px 8px 12px}}
/* 文章頁 */
.post-hero2{padding:calc(88px + var(--s12)) 0 0;background:linear-gradient(180deg,#f9eeef,var(--canvas))}
.ph2-head{max-width:820px;margin:var(--s8) auto var(--s12);text-align:center}
.ph2-head .bl-meta{justify-content:center}
.ph2-head h1{font-size:clamp(26px,3.8vw,46px);line-height:1.45;letter-spacing:.04em;margin:var(--s6) 0}
.ph2-head .lead{color:var(--muted);font-size:15px;max-width:40em;margin-inline:auto}
.ph2-cover{max-width:1100px;margin:0 auto}
.ph2-cover img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:30px;max-height:640px}
@media(min-width:901px){.post .post-layout{grid-template-columns:220px minmax(0,700px);justify-content:center}}
.art-table{min-width:0}.tablewrap{max-width:100%;overflow-x:auto}
.article{font-size:16px;line-height:2.05}
.article>p:first-of-type{font-size:17px}
.art-summary{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 22px;margin:0 0 var(--s12)}
.art-summary ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.art-summary li{position:relative;padding-left:22px;font-size:15px;line-height:1.8;color:var(--ink)}
.art-summary li:before{content:'';position:absolute;left:2px;top:.75em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.art-list{list-style:none;padding:0!important;display:grid;gap:10px;margin:var(--s4) 0 var(--s8)!important}
.art-list li{position:relative;padding:12px 16px 12px 40px;background:#fff6;border:1px solid var(--line);border-radius:16px;line-height:1.85}
.art-list li:before{content:'';position:absolute;left:16px;top:1.25em;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent)}
.art-tip{margin:var(--s8) 0;padding:16px 20px;border-left:3px solid var(--accent);background:#f6e8ea;border-radius:0 16px 16px 0}
.art-tip b{display:block;font:400 13px var(--display);letter-spacing:.12em;color:var(--accent);margin-bottom:4px}
.art-tip p{margin:0}
.art-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;background:var(--surface);border-radius:18px;overflow:hidden}
.art-table th,.art-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.art-table thead th{font:400 15px var(--display);background:#f6e8ea}
.art-table tbody th{font-weight:400;color:var(--accent);white-space:nowrap}
.art-sessions{list-style:none;padding:0!important;margin:var(--s8) 0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}
.art-sessions img{width:100%;max-width:160px;margin:0 auto 8px;border-radius:50%}
.art-sessions b{display:block;font:400 15px var(--display)}
.art-sessions span{font-size:13px;color:var(--muted)}
.art-cta{margin-top:var(--s16);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#2c2427;color:#fffaf7;border-radius:26px;padding:24px 28px}
.art-cta .kicker{color:#f1d6d9;margin-bottom:6px}
.art-cta p{margin:0;color:#fffaf7d9;font-size:15px;line-height:1.9}
.art-cta-btns{display:grid;gap:8px;justify-items:center}
.art-cta .text-link{color:#fffaf7}
@media(max-width:700px){.art-cta{grid-template-columns:1fr}.art-cta-btns{justify-items:start}.ph2-cover img{border-radius:20px}}
/* 黐住嘅背景相唔可以超出自己段落（下一段太短時會蓋住再下一段） */
.bg-sec{overflow:clip}
.partners-c .logo-row img{height:76px}
.bg-sec .lights li{background:#fffaf7ee;color:var(--ink)}
.bg-sec .lights li b{color:var(--ink)}
.bg-sec .lights li span{color:var(--muted)}

/* ── Round 4：#levels 一個 viewport 內睇晒（左圖右字） ── */
#levels{padding-block:clamp(48px,7vh,80px)}
.lv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,72px);align-items:start}
.lv-grid>.sec-intro{grid-column:2;margin:0 0 var(--s5);text-align:left}
.lv-grid>.sec-intro h2{margin-block:6px 8px}
.lv-grid>.sec-intro p{margin:0}
.lv-grid>.seg{grid-column:2;justify-self:start;margin:0 0 var(--s5)}
.lv-grid>.sev{display:contents}
.lv-grid>.sev[hidden]{display:none}
.lv-grid .sev-imgs{grid-column:1;grid-row:1/span 4;align-self:center;max-width:min(440px,62vh);-webkit-mask:radial-gradient(closest-side,#000 78%,transparent);mask:radial-gradient(closest-side,#000 78%,transparent)}
.lv-grid .sev-side{grid-column:2}
.lv-grid .sev-texts{min-height:112px}
.lv-grid .sev-text{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px}
.lv-grid .sev-text .lv-no{width:100%}
.lv-grid .sev-text p{width:100%;order:3;margin:0}
.lv-grid .sev-range{margin-top:var(--s4)}
.lv-grid>.lv-cta{grid-column:2;align-items:flex-start;margin-top:var(--s6)}
.lv-grid>.lv-cta .note{margin:0}
@media(max-width:800px){
  .lv-grid{grid-template-columns:1fr}
  .lv-grid>*,.lv-grid .sev-imgs,.lv-grid .sev-side{grid-column:1!important;grid-row:auto!important}
  .lv-grid>.sec-intro{text-align:center;margin-bottom:var(--s4)}
  .lv-grid>.seg{justify-self:center;margin-bottom:var(--s3)}
  .lv-grid .sev-imgs{max-width:min(210px,25vh)}
  #levels{padding-block:28px 32px}
  .lv-grid>.sec-intro h2{margin-block:2px 4px}
  .lv-grid .sev-range input{height:34px}
  .lv-grid .sev-text .lv-tier{margin-top:2px}
  .lv-grid .sev-texts{min-height:96px}
  .lv-grid .sev-text b{font-size:26px;margin:2px 0 4px}
  .lv-grid .sev-text p{font-size:14px;margin-bottom:6px}
  .lv-grid .sev-range{margin-top:var(--s2)}
  .lv-grid>.lv-cta{align-items:center;margin-top:var(--s4)}
}

/* ── Round 4：/smpallinone #kit 工具包做背景 ── */
.kit-bg>.wrap{display:grid;grid-template-columns:minmax(0,600px);gap:0}
.kit-bg:after{background:linear-gradient(90deg,#241d20e6,#241d20b3 42%,#241d2033 70%,transparent 88%),linear-gradient(0deg,#241d2080,transparent 50%)}
.kit-head h2{margin:8px 0 0;color:#fffaf7}
.kit-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:var(--s8) 0 var(--s6);padding-bottom:var(--s6);border-bottom:1px solid #fffaf733}
.kit-value small{width:100%;font-size:12px;letter-spacing:.14em;color:#f1d6d9}
.kit-value b{font:400 clamp(48px,6vw,76px)/1 var(--display);letter-spacing:-.01em;color:#fffaf7}
.kit-value span{font-size:14px;color:#fffaf7cc}
.kit-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.kit-list li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #fffaf71f;font-size:14px;line-height:1.6;color:#fffaf7}
.kit-list .no{font:12px var(--display);letter-spacing:.1em;color:#f1d6d9;flex:none}
.kit-cert{display:grid;gap:4px;margin-top:var(--s8);padding:16px 20px;border-radius:18px;background:#fffaf714;border:1px solid #fffaf733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.kit-cert b{font:400 17px var(--display);color:#fffaf7}
.kit-cert span{font-size:13px;line-height:1.8;color:#fffaf7cc}
.kit-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:var(--s8)}
.kit-cta .note{margin:0}
@media(max-width:800px){
  .kit-bg>.scene,.kit-bg>picture>.scene{object-position:78% 50%}
  .kit-bg:after{background:linear-gradient(0deg,#241d20f2,#241d20d9 55%,#241d2059 85%,#241d2033)}
  .kit-list{grid-template-columns:1fr}
  .kit-list li{padding:9px 0}
}
/* ═══ /browcourse 機器飄眉入門班（Round 4） ═══ */
.page-hero>video.scene{width:100%;height:100%;object-fit:cover}
.bc-hero h1{max-width:none}
#facts{padding-block:clamp(40px,6vw,64px)}
.bc-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}
.bc-facts li{display:grid;gap:4px;justify-items:center;text-align:center;padding:22px 8px}
.bc-facts li+li{border-left:1px solid var(--line)}
.bc-facts b{font:400 clamp(28px,3.4vw,44px)/1.1 var(--display);color:var(--ink)}
.bc-facts li:last-child b{color:var(--accent)}
.bc-facts span{font-size:13px;color:var(--muted)}
.bc-facts-note{text-align:center;margin:var(--s5) 0 0;font:15px var(--display);letter-spacing:.12em;color:var(--accent)}
.bc-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:start}
.bc-why p{color:var(--muted);line-height:2}
.bc-size{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,6vw,96px);align-items:center}
.bc-three{display:grid;justify-items:center;text-align:center}
.bc-three b{font:300 clamp(160px,24vw,300px)/.9 var(--display);color:var(--accent);letter-spacing:-.04em}
.bc-three span{font:13px var(--display);letter-spacing:.3em;color:var(--muted);margin-top:18px}
.bc-size p{color:var(--muted);line-height:2}
.bc-size blockquote{margin:var(--s6) 0;padding-left:20px;border-left:1px solid var(--accent);font:clamp(17px,1.8vw,21px)/1.9 var(--display);color:var(--ink)}
.bc-size cite{display:block;font:13px var(--body);color:var(--muted);margin-top:8px;font-style:normal}
.bc-road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,32px);counter-reset:r}
.bc-road li{position:relative;display:flex;flex-direction:column}
.bc-road .art{display:block;aspect-ratio:1;border-radius:24px;background:var(--surface);overflow:hidden;margin-bottom:16px}
.bc-road .art img{width:100%;height:100%;object-fit:contain}
.bc-road .wk{font:13px var(--display);letter-spacing:.12em;color:var(--accent)}
.bc-road h3{font-size:22px;margin:4px 0 8px;display:flex;flex-direction:column;gap:2px}
.bc-road h3 small{font:13px var(--body);color:var(--muted)}
.bc-road p{font-size:14px;color:var(--muted);margin:0 0 12px;line-height:1.9}
.bc-road .res,.bc-day .res{margin:auto 0 0;padding-top:12px;border-top:1px dashed #c9a9ae;color:var(--ink);font-size:14px;line-height:1.8}
.bc-road .res i,.bc-day .res i{display:block;font:normal 12px var(--body);letter-spacing:.1em;color:var(--accent);margin-bottom:2px}
.bc-road li:not(:last-child) .art::after{content:"→";position:absolute;top:calc(12.5% - 4px);right:calc(-1 * clamp(16px,2.4vw,32px) / 2 - 8px);font:18px var(--display);color:var(--accent)}
.bc-days{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bc-day{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,2.6vw,32px);background:var(--surface)}
.bc-day header{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline;margin-bottom:12px}
.bc-day .dn{grid-row:span 2;font:400 clamp(28px,3vw,38px)/1 var(--display);color:var(--accent)}
.bc-day h3{font-size:21px;margin:0}
.bc-day .dtag{margin:2px 0 0;font-size:13px;color:var(--muted)}
.bc-day .hint{font:15px/1.8 var(--display);color:var(--accent);margin:0 0 10px}
.bc-day ul{margin:0 0 16px;padding-left:1.1em;display:grid;gap:6px;font-size:14px;line-height:1.8;color:var(--ink)}
.bc-day ul li::marker{color:var(--accent)}
.bc-model{margin-top:var(--s6);text-align:center}
.bc-support{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:center}
.bc-support p{color:var(--muted)}
.bc-bubbles{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:10px;justify-items:start}
.bc-bubbles li{position:relative;padding:12px 18px;border-radius:20px 20px 20px 6px;background:#fff;border:1px solid var(--line);font-size:14px;box-shadow:0 10px 24px -18px #56323a66}
.bc-bubbles li:nth-child(2){margin-left:28px}
.bc-bubbles li:nth-child(3){margin-left:12px}
.bc-club{border-radius:28px;padding:clamp(24px,3vw,40px);background:var(--ink);color:#fffaf7}
.bc-club .kicker{color:#f1d6d9}
.bc-club>p{color:#fffaf7b3;margin:6px 0 16px}
.bc-club ol{list-style:none;margin:0;padding:0;counter-reset:c}
.bc-club li{counter-increment:c;display:grid;grid-template-columns:36px 1fr;gap:2px 8px;padding:14px 0;border-top:1px solid #fffaf726}
.bc-club li::before{content:"0" counter(c);grid-row:span 2;font:14px var(--display);color:#f1d6d9;padding-top:2px}
.bc-club li b{font:400 18px var(--display)}
.bc-club li span{font-size:13px;color:#fffaf7cc;line-height:1.8}
.bc-club-end{margin:16px 0 0;padding-top:16px;border-top:1px solid #fffaf726;font:16px/1.9 var(--display);color:#fffaf7!important}
.bc-fee{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.bc-price{padding:clamp(28px,4vw,56px);background:linear-gradient(160deg,#f6e9ea,#efe0dc);display:flex;flex-direction:column;justify-content:center}
.bc-price h2{margin:4px 0 12px}
.bc-price .was{margin:0;color:var(--muted);font-size:14px}
.bc-price .now{margin:4px 0 8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bc-price .now b{font:400 clamp(44px,5.4vw,68px)/1 var(--display);color:var(--ink)}
.bc-price .now span{color:var(--muted)}
.bc-price .ptag{display:inline-block;align-self:flex-start;margin:0;font-size:13px;padding:6px 14px;border-radius:100px;background:#fff;color:var(--accent);border:1px solid #80575e33}
.bc-incl{padding:clamp(28px,4vw,56px)}
.bc-incl>p:first-child{margin:0 0 8px;color:var(--muted)}
.bc-incl .contact-actions{margin-top:var(--s6)}
.bc-faq{max-width:820px;margin-inline:auto}
@media(max-width:900px){.bc-road{grid-template-columns:1fr 1fr;row-gap:36px}.bc-road li:nth-child(2) .art::after{display:none}}
@media(max-width:800px){
  .bc-facts{grid-template-columns:repeat(3,1fr)}
  .bc-facts li:nth-child(4){border-left:0}
  .bc-facts li:nth-child(n+4){border-top:1px solid var(--line)}
  .bc-why,.bc-size,.bc-support,.bc-fee,.bc-days{grid-template-columns:1fr}
  .bc-three b{font-size:150px}
  .bc-road{grid-template-columns:1fr}
  .bc-road li{display:grid;grid-template-columns:110px 1fr;column-gap:16px}
  .bc-road .art{grid-row:span 4;margin:0;border-radius:18px}
  .bc-road .art::after{display:none}
  .bc-road .res{grid-column:2}
}

/* ── Round 5／6：#where 插畫轉盤頭（女士／男士）：標籤喺頭兩邊，引線連去位置 ── */
.turn{text-align:center}
.tg{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:99px;background:var(--surface);margin:0 auto var(--s4)}
.tg-btn{border:0;background:none;min-height:40px;padding:0 22px;border-radius:99px;font-size:14px;letter-spacing:.06em;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}
.tg-btn[aria-pressed=true]{background:var(--ink);color:var(--surface)}
.turn .spot-list{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;margin:var(--s3) auto 0;padding:2px;overflow-x:auto;scrollbar-width:none;list-style:none}
.turn .spot-list::-webkit-scrollbar{display:none}
.turn .spot-list[hidden]{display:none}
.turn .spot-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;min-height:36px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:100px;background:var(--surface)}
.turn .spot-btn i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:none}
.turn .spot-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.turn .spot-btn[aria-pressed=true] i{background:#f1d6d9}
.hm-info{border-left:2px solid var(--accent);padding:4px 0 4px 18px;min-height:108px;margin-top:var(--s8)}
.hm-info b{font:400 22px var(--display)}
.hm-info p{font-size:14px;color:var(--muted);margin:4px 0 8px;line-height:1.9}
.turn-stage{position:relative;aspect-ratio:1.197;max-width:640px;margin-inline:auto;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.turn-stage.grab{cursor:grabbing}
.turn-art{position:absolute;top:0;bottom:0;left:18%;right:18%}
.turn-imgs{position:absolute;inset:0;mix-blend-mode:multiply;-webkit-mask:radial-gradient(closest-side,#000 82%,transparent);mask:radial-gradient(closest-side,#000 82%,transparent)}
.turn-imgs[hidden]{display:none}
.turn-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;-webkit-user-drag:none}
.turn-imgs img.on{opacity:1}
.turn-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.turn-tag{position:absolute;left:0;top:0;z-index:3;max-width:17%;transform:translateY(calc(-100% - 3px));display:flex;align-items:baseline;gap:4px;padding:0 4px;font:400 15px/1.3 var(--display);color:var(--ink);text-decoration:none;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--dur-fast),color var(--dur-quick);cursor:pointer}
.turn-tag.r{left:auto;right:0;justify-content:flex-end;text-align:right}
.turn-tag span{font:12px var(--body);color:var(--accent)}
.turn-tag.on{opacity:1;pointer-events:auto}
.turn-tag:hover,.turn-tag:focus-visible{color:var(--accent);opacity:1}
.turn .head-hint{margin-top:2px}
@media(max-width:800px){
  .head-wrap{display:flex;flex-direction:column;gap:0}
  .head-wrap>.sec-intro{display:contents}
  .head-wrap .kicker,.head-wrap h2,.head-wrap .sec-intro>p{order:1;align-self:flex-start}
  .head-wrap .turn{order:2;width:calc(100% + 2 * var(--gutter,16px));margin:var(--s4) calc(-1 * var(--gutter,16px)) 0}
  .head-wrap .hm-info{order:3;margin-top:var(--s5);min-height:0}
  .turn .spot-list{gap:4px;padding:2px 12px}
  .turn .spot-btn{font-size:12px;padding:5px 10px;min-height:34px}
  .turn .spot-btn i{display:none}
  .turn-tag{font-size:13px;max-width:18%}
}
/* ── Round 5：/smpallinone #compare 比較表（AOh! 一欄突出） ── */
.cmpx{--cols:minmax(120px,.7fr) minmax(0,1fr) minmax(0,1.25fr);display:grid}
.cmpx-head .us,.cmpx-row .us{background:var(--ink)}
.cmpx-head .us{border-radius:28px 28px 0 0}
.cmpx-row:last-child .us{border-radius:0 0 28px 28px;padding-bottom:26px}
.cmpx-row{transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease);transition-delay:calc(var(--d)*70ms)}
.js-motion .cmpx.pending .cmpx-row{opacity:0;transform:translateY(12px)}
.cmpx-row:hover .k,.cmpx-row:hover .them{background:#80575e0a}
.cmpx-head,.cmpx-row{display:grid;grid-template-columns:var(--cols);align-items:stretch}
.cmpx-head>span{padding:22px 24px 16px;font-size:13px;letter-spacing:.1em;color:var(--muted)}
.cmpx-head .us{color:#fffaf7;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cmpx-head .us b{font:400 22px var(--display);letter-spacing:.02em}
.cmpx-head .us small{color:#f1d6d9;font-size:12px}
.cmpx-row>span{padding:18px 24px;font-size:14px;line-height:1.85;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}
.cmpx-row .k{font:400 17px/1.6 var(--display);color:var(--ink);flex-direction:column;gap:2px}
.cmpx-row .k .n{font-size:12px;letter-spacing:.14em;color:var(--accent)}
.cmpx-row .them{color:var(--muted)}
.cmpx-row .them i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;color:#a58c8f;border:1px solid #d8c6c8;margin-top:2px}
.cmpx-row .us{color:#fffaf7;border-top-color:#fffaf71f}
.cmpx-row .us i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--ink);background:#f1d6d9;margin-top:2px}
#compare .pain-end{margin-top:var(--s8)}
@media(max-width:800px){
  .cmpx-head{display:none}
  .cmpx{gap:14px;border-radius:0;overflow:visible}
  .cmpx-row{grid-template-columns:1fr;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
  .cmpx-row>span{border-top:0;padding:14px 18px}
  .cmpx-row .k{flex-direction:row;align-items:baseline;gap:10px;padding-bottom:4px}
  .cmpx-row .them{padding-top:0}
  .cmpx-row .us,.cmpx-row:last-child .us{border-radius:0;padding-bottom:16px}
}
/* ── Round 7：/smp #basics 再生紋髮原理（Catssy 工作相做背景）＋五步時間線 ── */
.bx-bg:after{background:linear-gradient(90deg,#231c1fee,#231c1fc7 50%,#231c1f66),linear-gradient(0deg,#231c1fb3,transparent 60%)!important}
.bx-how{display:grid;grid-template-columns:1.5fr .9fr;gap:20px;margin-top:var(--s8);align-items:stretch}
.bx-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bx-duo article{padding:22px 22px 18px;border-radius:22px;background:#fffaf712;border:1px solid #fffaf733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.bx-duo .kicker{margin-bottom:6px;font-size:12px}
.bx-duo h3{font-size:20px;color:#fffaf7;margin-bottom:8px}
.bx-duo p{font-size:14px;line-height:1.85;color:#fffaf7e0;margin:0 0 10px}
.bx-duo ul{margin:0;padding-left:1.1em;display:grid;gap:4px;font-size:13px;line-height:1.75;color:#fffaf7c7}
.bx-duo li::marker{color:#f1d6d9}
.bx-depth{margin:0;display:grid;grid-template-rows:auto auto auto auto;border-radius:22px;overflow:hidden;border:1px solid #fffaf733}
.bx-depth .lyr{position:relative;display:flex;align-items:center;gap:10px;padding:0 16px;color:#fffaf7;font-size:13px}
.bx-depth .lyr span{min-width:6.5em}
.bx-depth .lyr em{font-style:normal;font-size:12px;color:#f1d6d9;margin-left:auto}
.bx-depth .l1{height:48px;background:#f6d9d04d}
.bx-depth .l2{height:74px;background:#e7b2a640}
.bx-depth .l3{height:92px;background:#b4777033}
.bx-depth .pig{width:74px;height:10px;background:radial-gradient(circle,#2a1419 2.2px,transparent 2.6px) 0 0/10px 10px}
.bx-depth .fol{width:14px;height:34px;border-radius:7px 7px 9px 9px;border:1.5px solid #f1d6d9;border-bottom-width:5px}
.bx-depth figcaption{font-size:11px;color:#fffaf799;padding:8px 16px;background:#00000026}
.bx-bg .bx-flow-t{color:#f1d6d9}
.bx-bg .bx-steps::before{background:repeating-linear-gradient(90deg,#f1d6d9 0 5px,transparent 5px 10px)}
.bx-bg .bx-steps b{color:#fffaf7}
.bx-bg .bx-steps small{color:#fffaf7bf}
.bx-bg .bx-steps .no{color:#f1d6d9}
.bx-bg .bx-steps .art{border-color:#fffaf755}
@media(max-width:800px){.bx-how,.bx-duo{grid-template-columns:1fr}.bx-bg .bx-steps::before{background:repeating-linear-gradient(180deg,#f1d6d9 0 5px,transparent 5px 10px)}}
.bx-flow{margin-top:var(--s12)}
.bx-flow-t{font:15px var(--display);letter-spacing:.1em;color:var(--muted);margin:0 0 var(--s4)}
.bx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.bx-steps::before{content:"";position:absolute;left:10%;right:10%;top:38px;height:1px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 10px);opacity:.6}
.bx-steps li{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:2px;padding:0 6px}
.bx-steps .art{width:76px;height:76px;border-radius:50%;background:#fff;border:1px solid var(--line);overflow:hidden;display:block;margin-bottom:8px}
.bx-steps .art img{width:100%;height:100%;object-fit:cover;object-position:calc(50% + var(--nx,0%)) 30%;transform:scale(1.25)}
.bx-steps .no{font:12px var(--display);letter-spacing:.14em;color:var(--accent)}
.bx-steps b{font:400 17px/1.5 var(--display)}
.bx-steps small{font-size:12.5px;line-height:1.7;color:var(--muted);max-width:14em}
@media(max-width:800px){
  .bx-qa{grid-template-columns:1fr;gap:10px}
  .bx-qa li{grid-template-columns:1fr 64px;padding:16px 18px}
  .bx-qa img{width:64px;height:64px}
  .bx-steps{grid-template-columns:1fr;gap:0}
  .bx-steps::before{left:37px;right:auto;top:20px;bottom:20px;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--accent) 0 5px,transparent 5px 10px)}
  .bx-steps li{grid-template-columns:76px auto 1fr;grid-template-rows:auto auto;justify-items:start;text-align:left;column-gap:12px;padding:6px 0;align-items:center}
  .bx-steps .art{grid-row:span 2;width:56px;height:56px;margin:0 10px}
  .bx-steps .no{grid-row:span 2}
  .bx-steps b{grid-column:3;font-size:16px}
  .bx-steps small{grid-column:3;max-width:none}
}
/* ── Round 8：#basics 皮膚分層插畫＋標註 ── */
.bx-how{grid-template-columns:1fr 1.25fr}
.bx-how .bx-duo{grid-template-columns:1fr;order:2}
.bx-skin{position:relative;margin:0;order:1;border-radius:24px;overflow:hidden;background:#fffaf7;box-shadow:0 30px 60px -30px #0008}
.bx-skin img{display:block;width:100%;height:auto}
.bx-skin .cl{position:absolute;display:grid;gap:2px;max-width:13em;padding:8px 12px;border-radius:14px;background:#fffffff0;color:var(--ink);font-size:12px;line-height:1.5;box-shadow:0 8px 20px -10px #56323a66}
.bx-skin .cl b{font:400 15px var(--display);color:var(--accent)}
.bx-skin .cl::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 4px #80575e33}
.bx-skin .c1{left:3%;top:15%}.bx-skin .c1::before{left:18px;bottom:-24px}
.bx-skin .c2{left:28%;top:37%}.bx-skin .c2::before{left:-4px;top:-18px}
.bx-skin .c3{right:3%;bottom:16%}.bx-skin .c3::before{left:30%;top:-34px}
.bx-skin figcaption{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--muted)}
@media(max-width:800px){.bx-how{grid-template-columns:1fr}.bx-skin .cl{font-size:11px;padding:6px 9px;max-width:11em}.bx-skin .cl b{font-size:13px}.bx-skin .c2{left:30%;top:40%}}
.bl-mast{font:400 clamp(44px,7vw,92px)/1.1 var(--display);letter-spacing:.14em;margin:6px 0 14px}
.bl-mast small{display:block;font:italic 400 clamp(15px,1.6vw,20px)/1.4 var(--display);letter-spacing:.08em;color:var(--accent);margin-top:10px}
/* ── Round 8：/faq 插畫首圖＋對話式 Q&A ── */
.faq-hero{padding:130px 0 40px;background:linear-gradient(180deg,#f6e6e8,var(--canvas))}
.faq-hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(20px,4vw,56px);align-items:center}
.faq-hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:.08em;line-height:1.45;margin:0 0 16px}
.faq-hero .lead{color:var(--muted);max-width:30em}
.fh-art{margin:0}.fh-art img{border-radius:28px;mix-blend-mode:multiply}
.faq-hero+.cat-bar{margin-top:0;border-radius:0}
.faq-bar{top:88px}
.faq-bar .cat-nav{padding-block:10px;gap:6px}
.faq-bar .cat-nav a{min-height:38px;padding:0 16px;font-size:13px;background:var(--surface)}
.faq-group{scroll-margin-top:150px}
.narrow-chat{max-width:880px}
.chat-qa{display:grid;gap:12px}
.chat-qa details{border:0}
.chat-qa summary{display:flex;align-items:flex-start;gap:12px;padding:0;min-height:0;list-style:none;cursor:pointer;font-size:15px}
.chat-qa summary::-webkit-details-marker{display:none}
.chat-qa .av{flex:none;width:44px;height:44px;border-radius:50%;box-shadow:0 4px 12px -6px #56323a66;background:#fff}
.chat-qa .bub{position:relative;display:block;padding:12px 18px;border-radius:20px;line-height:1.8}
.chat-qa .bub.q{background:#fff;border:1px solid var(--line);border-top-left-radius:6px;color:var(--ink);max-width:calc(100% - 110px);transition:border-color var(--dur-fast),background var(--dur-fast)}
.chat-qa summary:hover .bub.q{border-color:var(--accent)}
.chat-qa details[open] .bub.q{background:#fbeff1;border-color:#e5c9cd}
.chat-qa .tog{margin:10px 0 0 auto;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);font-size:15px;transition:transform var(--dur-fast) var(--ease)}
.chat-qa details[open] .tog{transform:rotate(45deg)}
.chat-qa .ans{display:flex;justify-content:flex-end;align-items:flex-end;gap:12px;margin:10px 0 6px 56px;animation:bub-in .35s var(--ease)}
.chat-qa .bub.a{background:var(--ink);color:#fffaf7;border-bottom-right-radius:6px;font-size:14px;max-width:640px}
.chat-qa .bub.a p,.chat-qa .bub.a li{color:#fffaf7e6;margin:0 0 8px}.chat-qa .bub.a :last-child{margin-bottom:0}
.chat-qa .bub.a a{color:#f1d6d9;text-decoration:underline}
.chat-qa .bub.a ul{padding-left:1.1em;margin:0}
@keyframes bub-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:800px){.faq-hero{padding:100px 0 24px}.faq-hero .wrap{grid-template-columns:1fr}.fh-art{order:-1}.faq-bar{top:74px}.faq-group{scroll-margin-top:130px}.chat-qa .av{width:36px;height:36px}.chat-qa .ans{margin-left:24px}.chat-qa .bub.q{max-width:calc(100% - 90px)}}
@media(prefers-reduced-motion:reduce){.chat-qa .ans{animation:none}}
.chat-qa summary span.bub,.chat-qa details[open] summary span.bub{transform:none;font-size:15px;color:var(--ink)}
.chat-qa details[open] summary span.tog{transform:rotate(45deg)}
.faq-bar .cat-nav a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.faq-hero .crumbs,.faq-hero .crumbs a{color:var(--muted)}
.chat-qa .bub.q{border-radius:6px 20px 20px 20px}
.chat-qa .bub.a{border-radius:20px 20px 6px 20px}
.chat-qa .bub.a p{padding:0}
/* ── Round 8：/browcourse ── */
.bc-facts2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bc-facts2 li{display:grid;justify-items:center;text-align:center;gap:2px;padding:14px 10px 18px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}
.bc-facts2 img{width:100%;max-width:170px;aspect-ratio:1;object-fit:cover;border-radius:18px;mix-blend-mode:multiply;margin-bottom:8px}
.bc-facts2 b{font:400 clamp(28px,3vw,40px)/1.1 var(--display)}
.bc-facts2 li:last-child b{color:var(--accent)}
.bc-facts2 span{font-size:13px;color:var(--muted)}
.bc-why.dark{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:start}
.bc-why.dark h2{color:#fffaf7}.bc-why.dark .copy.strong{color:#fffaf7;font:17px/2 var(--display)}
#why.bg-sec:after{background:linear-gradient(90deg,#241d20f0,#241d20cc 50%,#241d2080)!important}
.orb-sec{background:#2a2226;color:#fffaf7}
.orb-sec .sec-intro h2{color:#fffaf7}.orb-sec .sec-intro p,.orb-sec .note{color:#fffaf7b3}.orb-sec .kicker{color:#f1d6d9}
.orb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:var(--s8)}
.orb-stage{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto;cursor:default}
.orb-ring{position:absolute;inset:10%;border-radius:50%;border:1px solid #fffaf726;box-shadow:inset 0 0 80px #80575e33}
.orb-ring::after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px dashed #fffaf714}
.orb-core{position:absolute;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#f6d9dd,#b37a84 55%,#6e434b);box-shadow:0 0 60px #b37a8466;font:13px/1.5 var(--display);color:#fff}
.orb-core i{position:absolute;inset:-10px;border-radius:50%;border:1px solid #f1d6d955;animation:orb-ping var(--dur-pulse) cubic-bezier(0,0,.2,1) infinite}
.orb-core i+i{inset:-22px;animation-delay:.8s}
@keyframes orb-ping{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.orb-node{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:6px;background:none;border:0;color:#fffaf7;cursor:pointer;transition:transform var(--dur-enter) var(--ease),opacity var(--dur-base);padding:0}
.orb-node .ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2a2226;border:2px solid #fffaf766;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}
.orb-node svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.orb-node .lb{font:13px var(--display);letter-spacing:.06em;white-space:nowrap;color:#fffaf7cc}
.orb-node:hover .ic,.orb-node:focus-visible .ic{border-color:#f1d6d9}
.orb-node.on .ic{background:#fffaf7;color:var(--ink);border-color:#fffaf7;box-shadow:0 0 0 6px #f1d6d933,0 0 30px #f1d6d966}
.orb-node.on .lb{color:#fff}
.orb-node.rel .ic{border-color:#f1d6d9;animation:orb-pulse calc(var(--dur-pulse)*0.67) ease-in-out infinite}
@keyframes orb-pulse{50%{box-shadow:0 0 0 8px #f1d6d922}}
.orb-hint{color:#fffaf799;font:15px var(--display);text-align:center;border:1px dashed #fffaf733;border-radius:22px;padding:40px 20px;margin:0}
.orb-card{border-radius:24px;padding:24px 26px;background:#fffaf70f;border:1px solid #fffaf72e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:bub-in .4s var(--ease)}
.oc-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:#f1d6d9}
.oc-date{padding:3px 10px;border-radius:99px;background:#f1d6d9;color:var(--ink)}
.orb-card h3{font-size:26px;margin:12px 0 6px;color:#fffaf7;display:grid;gap:2px}.orb-card h3 small{font:14px var(--body);color:#fffaf7b3}
.orb-card p{font-size:14px;line-height:1.9;color:#fffaf7d9;margin:0 0 10px}
.orb-card ul{margin:0 0 12px;padding-left:1.1em;display:grid;gap:4px;font-size:13.5px;line-height:1.75;color:#fffaf7e6}
.orb-card li::marker{color:#f1d6d9}
.oc-res{padding-top:10px;border-top:1px dashed #fffaf733}.oc-res i{display:block;font-style:normal;font-size:12px;letter-spacing:.1em;color:#f1d6d9}
.oc-bar{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:12px;color:#fffaf7b3;margin-top:8px}
.oc-bar b{font-weight:400;color:#fff}.oc-bar em{grid-column:1/-1;height:4px;border-radius:4px;background:#fffaf71f;overflow:hidden}
.oc-bar s{display:block;height:100%;background:linear-gradient(90deg,#f1d6d9,#b37a84);text-decoration:none}
.oc-rel{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.oc-rel button{font:inherit;font-size:12px;padding:5px 12px;border-radius:99px;border:1px solid #fffaf74d;background:none;color:#fffaf7;cursor:pointer}
.oc-rel button:hover{background:#fffaf71a}
.bc-comm{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,56px);align-items:center}
.bc-comm-art{margin:0}.bc-comm-art img{mix-blend-mode:multiply;border-radius:28px}
.bc-comm-name{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:var(--s12) 0 var(--s6);font:400 clamp(22px,2.6vw,32px) var(--display);text-align:center}
.bc-comm-name small{font:13px var(--body);color:var(--muted)}
.bc-three-sup{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px)}
.bc-three-sup li{display:grid;justify-items:center;text-align:center;gap:4px}
.bc-three-sup img{width:150px;height:150px;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;margin-bottom:6px}
.bc-three-sup b{font:400 19px var(--display)}.bc-three-sup span{font-size:14px;color:var(--muted);max-width:18em;line-height:1.8}
.bc-comm-end{text-align:center;font:17px/1.9 var(--display);color:var(--accent);margin:var(--s8) 0 0}
@media(max-width:900px){.bc-facts2{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  .bc-facts2{grid-template-columns:1fr 1fr}.bc-facts2 li:last-child{grid-column:1/-1}.bc-facts2 li:last-child img{max-width:150px}
  .bc-why.dark,.orb,.bc-comm,.bc-three-sup{grid-template-columns:1fr}
  .orb-stage{max-width:360px}.orb-node .ic{width:40px;height:40px}.orb-node .lb{font-size:12px}.orb-core{width:74px;height:74px;font-size:11px}
  .bc-three-sup img{width:120px;height:120px}
}
@media(prefers-reduced-motion:reduce){.orb-core i,.orb-node.rel .ic{animation:none}}
.bc-facts2+.bc-facts-note{margin-top:var(--s8)}.bc-three-sup li{align-content:start}
.section.orb-sec,.editorial+.orb-sec{background:#2a2226;color:#fffaf7}.orb-ring{background:radial-gradient(circle,#80575e22,transparent 70%)}
/* ═══ Round 8：/showcases 作品集第二版 ═══ */
.wk-hero{position:relative;overflow:hidden;background:#241d20;color:#fffaf7;padding:150px 0 90px;isolation:isolate}
.wk-hero .wrap{position:relative;z-index:2;max-width:1280px}
.wk-hero h1{font-size:clamp(36px,5.4vw,72px);line-height:1.3;letter-spacing:.08em;margin:10px 0 18px;max-width:10em}
.wk-hero .lead{max-width:28em;color:#fffaf7cc}
.wk-hero .kicker{color:#f1d6d9}.wk-hero .crumbs,.wk-hero .crumbs a{color:#fffaf7aa}
.wk-ig-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.wk-collage{position:absolute;inset:0;z-index:0;pointer-events:none}
.wk-collage span{position:absolute;width:clamp(120px,15vw,210px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px #000c;opacity:.9;
  transform:rotate(var(--r,0deg));animation:wk-float calc(var(--dur-float)*1.29) ease-in-out infinite;animation-delay:calc(var(--i)*-1.3s)}
.wk-collage img{width:100%;height:100%;object-fit:cover}
.wk-collage span:nth-child(1){right:30%;top:14%;--r:-6deg}.wk-collage span:nth-child(2){right:14%;top:8%;--r:5deg}.wk-collage span:nth-child(3){right:2%;top:36%;--r:-3deg}
.wk-collage span:nth-child(4){right:22%;top:48%;--r:4deg}.wk-collage span:nth-child(5){right:38%;top:58%;--r:-8deg}.wk-collage span:nth-child(6){right:6%;top:72%;--r:7deg}
.wk-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#241d20 30%,#241d20cc 50%,#241d2033 80%)}
@keyframes wk-float{50%{transform:rotate(var(--r)) translateY(-10px)}}
.wk-tabs-bar{position:sticky;top:88px;z-index:20;background:var(--canvas);border-bottom:1px solid var(--line)}
.wk-tabs{display:flex;gap:4px;padding-block:12px;overflow-x:auto;scrollbar-width:none}
.wk-tabs button{flex:none;display:flex;align-items:baseline;gap:8px;border:0;background:none;padding:10px 22px;border-radius:99px;font:400 clamp(17px,2vw,22px) var(--display);color:var(--muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}
.wk-tabs button small{font:12px var(--body);opacity:.7}
.wk-tabs button[aria-selected=true]{background:var(--ink);color:#fffaf7}
.wk-group[hidden]{display:none}
.wk-group{scroll-margin-top:170px}
.wk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:var(--s6)}
.wk-head h2{margin:4px 0 8px}.wk-head p{color:var(--muted);max-width:34em;margin:0}
.wk-chips{margin-bottom:var(--s8)}
.wk-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:18px}
.wk{margin:0}
.wk.big{grid-column:span 2;grid-row:span 2}
.wk .case-open,.wk>a{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;color:inherit}
.wk-pic{position:relative;display:block;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#e9dcdc;box-shadow:0 18px 40px -26px #56323a99}
.wk-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-enter) var(--ease),clip-path var(--dur-enter) var(--ease)}
.wk.pair .wa{clip-path:inset(0 0 0 0)}
.wk.pair:hover .wa,.wk.pair:focus-within .wa{clip-path:inset(0 0 0 100%)}
.wk:hover .wk-pic img{transform:scale(1.04)}
.wk-tag{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:99px;background:#fffffff0;font-size:11px;letter-spacing:.1em;color:var(--ink)}
.wk figcaption{margin-top:10px;font-size:14px}.wk figcaption b{font:400 16px var(--display)}
.wk-grid[data-filter-list] [hidden]{display:none}
.ig-play{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0006;color:#fff;font-size:11px}
.ig-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:var(--s8)}
.ig-col{border-radius:28px;background:var(--canvas);border:1px solid var(--line);padding:20px}
.ig-col header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ig-col header img{width:48px;height:48px;border-radius:50%;padding:4px;background:conic-gradient(#f1d6d9,#b37a84,#80575e,#f1d6d9);object-fit:contain}
.ig-col header div{flex:1;display:grid}.ig-col header b{font:400 18px var(--display)}.ig-col header small{font-size:12px;color:var(--muted)}
.ig-col .pill{min-height:40px;padding:6px 16px;font-size:13px}
.ig-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ig-grid a{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden}
.ig-grid img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-enter) var(--ease)}
.ig-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px;background:linear-gradient(0deg,#241d20d9,transparent 70%);color:#fff;opacity:0;transition:opacity var(--dur-fast)}
.ig-ov b{font-size:12px;font-weight:500;line-height:1.5}.ig-ov small{font-size:11px;opacity:.8}
.ig-grid a:hover img{transform:scale(1.06)}.ig-grid a:hover .ig-ov,.ig-grid a:focus-visible .ig-ov{opacity:1}
@media(max-width:1000px){.wk-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  .wk-hero{padding:110px 0 60px}.wk-hero::after{background:linear-gradient(180deg,#241d2066,#241d20 62%)}
  .wk-collage span{width:34vw}.wk-collage span:nth-child(n+4){display:none}
  .wk-collage span:nth-child(1){right:auto;left:4%;top:12%}.wk-collage span:nth-child(2){right:4%;top:6%}.wk-collage span:nth-child(3){right:30%;top:22%}
  .wk-tabs-bar{top:74px}.wk-tabs button{padding:8px 16px}
  .wk-head{flex-direction:column;align-items:flex-start}
  .wk-grid{grid-template-columns:1fr 1fr;gap:10px}.wk figcaption b{font-size:14px}
  .ig-cols{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.wk-collage span{animation:none}}
/* #curriculum 改淺色（Garrick 2026-09-30） */
.section.orb-sec,.editorial+.orb-sec{background:linear-gradient(180deg,#fbf3f3,#f3e4e6);color:var(--ink)}
.orb-sec .sec-intro h2{color:var(--ink)}.orb-sec .sec-intro p,.orb-sec .note{color:var(--muted)}.orb-sec .kicker{color:var(--accent)}
.orb-ring{border-color:#80575e33;background:radial-gradient(circle,#ffffffcc,#f6e6e8 70%);box-shadow:inset 0 0 60px #80575e1a,0 30px 60px -40px #56323a66}
.orb-ring::after{border-color:#80575e26}
.orb-core{box-shadow:0 0 50px #b37a8455}.orb-core i{border-color:#b37a8466}
.orb-node{color:var(--ink)}
.orb-node .ic{background:#fff;border-color:#80575e55;color:var(--accent);box-shadow:0 6px 16px -8px #56323a55}
.orb-node .lb{color:var(--muted)}
.orb-node:hover .ic,.orb-node:focus-visible .ic{border-color:var(--accent)}
.orb-node.on .ic{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 6px #80575e22,0 10px 24px -8px #56323a88}
.orb-node.on .lb{color:var(--ink)}
.orb-node.rel .ic{border-color:var(--accent)}
@keyframes orb-pulse{50%{box-shadow:0 0 0 8px #80575e1f}}
.orb-hint{color:var(--muted);border-color:#80575e40}
.orb-card{background:#ffffffd9;border-color:var(--line);box-shadow:0 30px 60px -36px #56323a66}
.oc-top{color:var(--accent)}.oc-date{background:var(--ink);color:#fff}
.orb-card h3{color:var(--ink)}.orb-card h3 small{color:var(--muted)}
.orb-card p{color:var(--ink)}.orb-card ul{color:var(--ink)}.orb-card li::marker{color:var(--accent)}
.oc-res{border-top-color:var(--line)}.oc-res i{color:var(--accent)}
.oc-bar{color:var(--muted)}.oc-bar b{color:var(--ink)}.oc-bar em{background:#80575e1f}.oc-bar s{background:linear-gradient(90deg,#d9a6ae,var(--accent))}
.oc-rel button{border-color:var(--line);color:var(--ink);background:#fff}.oc-rel button:hover{border-color:var(--accent);background:#fff}
/* Round 9：插畫改返同 journey 一樣嘅鉛筆水彩風（白底 → multiply） */
.fh-art img{border-radius:0;mix-blend-mode:multiply}
.bc-facts2 img{object-fit:contain;border-radius:0}
.bc-three-sup img{border-radius:0;object-fit:contain;width:170px;height:170px}
.bc-comm-art img{border-radius:0}
/* 插畫已經係透明檔，唔再用 multiply（淡入時會閃白底） */
.fh-art img,.bc-facts2 img,.bc-three-sup img,.bc-comm-art img{mix-blend-mode:normal}
/* 404 */
.nf{padding-top:150px;min-height:70vh}
.nf-wrap{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;max-width:900px}
.nf-art{mix-blend-mode:multiply}
.nf h1{font-size:clamp(28px,4vw,44px);margin:8px 0 12px}.nf p{color:var(--muted)}
.nf-links{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.nf-links a{display:inline-flex;min-height:40px;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:99px;font-size:13px;background:var(--surface)}
@media(max-width:700px){.nf-wrap{grid-template-columns:1fr}.nf-art{width:180px}}

/* ───── /freeconsult v3（2026-09-30 第十輪）：唔用卡片、journey 插畫路線、保證 2×2 ───── */
.fc-hero{position:relative;overflow:hidden;padding-block:calc(88px + clamp(28px,5vw,72px)) clamp(40px,6vw,80px);background:radial-gradient(60% 55% at 85% 40%,#f3d9dc 0%,transparent 70%),radial-gradient(40% 40% at 8% 90%,#f6e4df 0%,transparent 70%),var(--canvas)}
.fc-hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.fc-hero .crumbs{color:var(--muted)}
.fc-hero h1{font-size:clamp(34px,5.4vw,66px);letter-spacing:.08em;line-height:1.35;margin-bottom:var(--s4)}
.fc-hero .lead{color:var(--muted);max-width:26em}
.fc-cta{display:flex;flex-wrap:wrap;gap:12px;margin:var(--s6) 0 var(--s8)}
.fc-facts{list-style:none;margin:0;padding:0;display:flex;gap:0}
.fc-facts li{flex:1;padding:4px 16px;border-left:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.5}
.fc-facts li:first-child{border-left:0;padding-left:0}
.fc-facts b{display:block;font:400 clamp(20px,2.4vw,28px)/1.3 var(--display);color:var(--accent);white-space:nowrap}
.fc-art{margin:0}.fc-art img{width:100%;max-width:620px;margin-inline:auto}
@media(max-width:800px){.fc-hero .wrap{grid-template-columns:1fr}.fc-art{order:-1;margin:0 -8px -8px}.fc-art img{max-width:440px}}

.fc-path{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(8px,3vw,24px)}
.fc-path:before{content:'';position:absolute;left:50%;top:40px;bottom:40px;border-left:2px dotted #c9a3a9;transform:translateX(-1px)}
.fc-path li{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:center}
.fc-path li:nth-child(even) figure{order:2}
.fc-path figure{margin:0;display:grid;place-items:center}
.fc-path figure img{width:min(100%,380px)}
.fc-step{position:relative;max-width:30em;background:var(--canvas);padding-block:12px}
.fc-no{display:block;font:400 clamp(44px,6vw,72px)/1 var(--display);color:#e3c4c8;letter-spacing:.02em;margin-bottom:6px}
.fc-step .when{display:inline-block;font-size:12px;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:99px;padding:2px 12px;margin-bottom:10px}
.fc-step h3{font-size:clamp(20px,2.2vw,26px);margin-bottom:8px;letter-spacing:.06em}
.fc-step p{color:var(--muted);font-size:14.5px;margin:0}
@media(max-width:800px){
  .fc-path:before{left:22px;top:0;bottom:0}
  .fc-path li,.fc-path li:nth-child(even){grid-template-columns:1fr;gap:0;padding-left:52px}
  .fc-path li:nth-child(even) figure{order:0}
  .fc-path figure{place-items:start}.fc-path figure img{width:min(88%,300px)}
  .fc-no{position:absolute;left:-52px;top:10px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--canvas);border:1px solid #d9b9be;font-size:17px;color:var(--accent)}
  .fc-step{background:none;padding-top:0}
}

.fc-ways{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(24px,5vw,72px);align-items:start}
.fc-ways h2{font-size:clamp(24px,3vw,34px);margin-bottom:var(--s3)}
.fc-ways p{color:var(--muted);font-size:14.5px}
.fc-or{align-self:stretch;display:grid;place-items:center;position:relative;font:400 16px var(--display);color:var(--accent);width:44px}
.fc-or:before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--line)}
.fc-or{background:none}.fc-or{z-index:0}
.fc-or::after{content:'或';position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:15px}
.fc-or{font-size:0}
@media(max-width:800px){.fc-ways{grid-template-columns:1fr;gap:28px}.fc-or{width:100%;height:44px}.fc-or:before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1px solid var(--line)}}

.fc-guar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px) clamp(16px,4vw,56px);max-width:980px}
.fc-guar li{text-align:center}
.fc-guar figure{position:relative;margin:0 auto 12px;width:min(100%,260px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.fc-guar figure:before{content:'';position:absolute;inset:10%;z-index:-1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:#f5dfe2;transition:transform var(--dur-enter) var(--ease)}
.fc-guar li:nth-child(2) figure:before{background:#f1e4dc;border-radius:58% 42% 47% 53%/43% 55% 45% 57%}
.fc-guar li:nth-child(3) figure:before{background:#efe0e6;border-radius:42% 58% 52% 48%/57% 45% 55% 43%}
.fc-guar li:nth-child(4) figure:before{background:#f3e6de;border-radius:53% 47% 42% 58%/46% 58% 42% 54%}
.fc-guar img{width:92%;transition:transform var(--dur-base) var(--ease);animation:fc-bob calc(var(--dur-float)*0.86) ease-in-out infinite}
.fc-guar li:nth-child(2) img{animation-delay:-1.5s}.fc-guar li:nth-child(3) img{animation-delay:-3s}.fc-guar li:nth-child(4) img{animation-delay:-4.5s}
@keyframes fc-bob{50%{transform:translateY(-6px) rotate(-1.2deg)}}
@media(prefers-reduced-motion:reduce){.fc-guar img{animation:none}}
@media(hover:hover){.fc-guar li:hover figure:before{transform:scale(1.07) rotate(8deg)}}
.fc-guar b{display:block;font:400 clamp(24px,3.4vw,40px)/1.2 var(--display);color:var(--accent);letter-spacing:.03em}
.fc-guar h3{font-size:clamp(15px,1.7vw,19px);margin:4px 0 8px;letter-spacing:.08em}
.fc-guar p{color:var(--muted);font-size:13.5px;margin:0 auto;max-width:22em}
@media(max-width:500px){.fc-guar b{font-size:22px}.fc-guar p{font-size:12.5px;line-height:1.75}}
#promise .sec-intro{text-align:center;margin-inline:auto}
#promise .fc-guar{margin-inline:auto}

/* ───── /notice v2（2026-09-30 第十輪）───── */
.nt-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s6)}
.nt-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:99px;font-size:13px;background:#fffaf8b3}
.nt-three{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px)}
.nt-three li{text-align:center}
.nt-three figure{margin:0 auto 8px;width:min(100%,240px)}
.nt-three h3{font-size:clamp(18px,2vw,22px);margin-bottom:6px;letter-spacing:.06em}
.nt-three p{color:var(--muted);font-size:14px;margin:0 auto;max-width:20em}
@media(max-width:700px){.nt-three{grid-template-columns:1fr;gap:8px}.nt-three li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;text-align:left}.nt-three figure{width:120px;margin:0}.nt-three p{margin:0}}
.nt-48{max-width:880px;margin-top:var(--s8)}
.nt-bar{position:relative;height:14px;border-radius:99px;display:flex;overflow:visible;margin:28px 8px 18px}
.nt-bar .ok{flex:3;background:linear-gradient(90deg,#e6cdd1,#c69aa1);border-radius:99px 0 0 99px}
.nt-bar .no{flex:1;background:repeating-linear-gradient(135deg,#8a5a62 0 6px,#a8737b 6px 12px);border-radius:0 99px 99px 0}
.nt-bar .pin{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.nt-bar .p0{left:0}.nt-bar .p1{left:75%;background:var(--accent);box-shadow:0 0 0 6px #80575e26}.nt-bar .p2{left:100%}
.nt-48-labels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:3fr 1fr;grid-template-areas:"a c" "b b"}
.nt-48-labels li{font-size:13.5px;color:var(--muted);line-height:1.7}
.nt-48-labels b{display:block;font:400 17px/1.5 var(--display);color:var(--ink);letter-spacing:.05em}
.nt-48-labels li:nth-child(1){grid-area:a}.nt-48-labels li:nth-child(3){grid-area:c;text-align:right}
.nt-48-labels li:nth-child(2){grid-area:b;margin-top:18px;padding:14px 18px;border-left:3px solid var(--accent);background:#fffaf8}
.nt-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;max-width:900px}
.nt-tags li{padding:10px 18px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:14px;line-height:1.4}
.nt-tags li:nth-child(3n+1){background:#f5e3e5}.nt-tags li:nth-child(3n+2){background:#f3ebe4}
.nt-ask{margin-top:var(--s8);color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.nt-time{list-style:none;margin:0;padding:0;position:relative;max-width:860px}
.nt-time:before{content:'';position:absolute;left:69px;top:24px;bottom:24px;border-left:2px dotted #c9a3a9}
.nt-time li{display:grid;grid-template-columns:140px 1fr;gap:clamp(16px,3vw,32px);align-items:center;padding-block:10px}
.nt-time figure{margin:0;width:140px;height:140px;display:grid;place-items:center;background:var(--canvas);border-radius:50%;position:relative;overflow:hidden}
#after .nt-time figure{background:var(--surface)}
.nt-time figure img{width:88%}
.nt-when{font:400 clamp(20px,2.4vw,26px)/1.3 var(--display);color:var(--accent);letter-spacing:.05em;margin-right:10px}
.nt-svc{display:inline-block;vertical-align:4px;font-size:11px;letter-spacing:.1em;padding:1px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.nt-time p{margin:6px 0 0;font-size:14.5px}
@media(max-width:600px){.nt-time:before{left:49px}.nt-time li{grid-template-columns:100px 1fr}.nt-time figure{width:100px;height:100px}}

/* ───── 404 v2（2026-09-30 第十輪）：插畫＋紋髮小遊戲 ───── */
.nf2{padding-block:calc(88px + clamp(24px,4vw,56px)) clamp(32px,5vw,64px);background:radial-gradient(55% 60% at 30% 45%,#f3dde0,transparent 70%),var(--canvas)}
.nf2-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20px,5vw,64px);align-items:center}
.nf2-art{margin:0}.nf2-art img{width:100%;max-width:640px}
.nf2 h1{font-size:clamp(30px,4.6vw,56px);line-height:1.35;letter-spacing:.08em;margin:6px 0 14px}
.nf2 p{color:var(--muted)}
.nf-game-wrap{display:grid;grid-template-columns:1fr minmax(0,420px);gap:clamp(24px,5vw,72px);align-items:center}
.nf-game h2{margin-bottom:var(--s4)}
.nf-game-copy>p{color:var(--muted);font-size:14.5px}
.nf-meter{height:10px;border-radius:99px;background:#ead6d9;overflow:hidden;max-width:360px}
.nf-meter span{display:block;height:100%;background:linear-gradient(90deg,#c69aa1,var(--accent));transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease)}
.nf-pct{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:14px}.nf-pct b{font:400 22px var(--display);color:var(--accent)}
.nf-pct .text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;min-height:0;cursor:pointer;color:var(--muted)}
.nf-done{margin-top:var(--s4);padding:16px 18px;border-left:3px solid var(--accent);background:var(--canvas);font-size:14px;display:grid;gap:4px}
.nf-done b{font:400 20px var(--display);color:var(--accent)}
.nf-board{margin:0;text-align:center}
.nf-board canvas{width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:50%;background:radial-gradient(circle,#fffaf8 55%,#f5e4e6 100%)}
.nf-board figcaption{font-size:12px;color:var(--muted);margin-top:6px}
@media(max-width:800px){.nf2-wrap,.nf-game-wrap{grid-template-columns:1fr}.nf2-art img{max-width:420px;margin-inline:auto}.nf-board{max-width:340px;margin-inline:auto;order:-1}}
@media(max-width:700px){.nt-three li{grid-template-columns:110px 1fr;grid-template-areas:"f t" "f p";column-gap:16px;row-gap:2px;align-items:start}.nt-three figure{grid-area:f;width:110px;align-self:center}.nt-three h3{grid-area:t;align-self:end;font-size:18px}.nt-three p{grid-area:p;font-size:13.5px}
  .nt-48-labels{grid-template-columns:1fr 1fr}}
.nf-board canvas{border-radius:0;background:none}
.nf-pct button.text-link{font:inherit;font-size:13px}
/* 私隱政策 v2（2026-09-30）：中英對照 */
.pp-doc{max-width:760px}
.pp-doc h2{font-size:clamp(19px,2.2vw,24px);letter-spacing:.05em;margin:var(--s8) 0 var(--s3)}
.pp-doc p,.pp-doc li{font-size:14.5px;line-height:1.95}
.pp-doc ul{padding-left:1.2em;margin:0 0 var(--s4)}
.pp-doc li{margin-bottom:4px}
.pp-doc[lang=en] h2{font-family:var(--display);letter-spacing:.01em}
.pp-en-title{font-size:clamp(24px,3vw,34px);margin-bottom:var(--s4)}
/* 2026-09-30：文章尾 NEXT STEP 掣被 .article a 染成同底色（字睇唔到） */
.article .art-cta .pill{color:#fff9f7;border-bottom:1.5px solid transparent}

/* ───── Round 12（2026-09-30）：療程／位置切換掣、預約須知分療程、輕微浮動 ───── */
[data-panel][hidden]{display:none!important}
[data-tabset][data-on] .nt-svc-h{display:none}
.nt-svc-h{font:400 15px var(--display);letter-spacing:.14em;color:var(--accent);margin:var(--s8) 0 var(--s4)}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs button{min-height:44px;padding:0 22px;border:1px solid var(--line);border-radius:99px;background:#fffaf8b3;color:var(--ink);font-size:14px;letter-spacing:.08em;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}
.tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff9f7}
@media(hover:hover){.tabs button[aria-pressed=false]:hover{background:#fff;opacity:1;transform:translateY(-1px)}}
/* 預約須知：頂部療程切換（黏頂） */
.nt-scope-bar{position:sticky;top:88px;z-index:20;background:#f9eeefeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.nt-scope-bar .wrap{display:flex;align-items:center;gap:8px 18px;padding-block:10px;flex-wrap:wrap}
.nt-scope-lb{font:400 14px var(--display);letter-spacing:.14em;color:var(--muted)}
.nt-scope section{scroll-margin-top:150px}
.nt-three.n2{grid-template-columns:repeat(2,1fr);max-width:640px;margin-inline:auto}
@media(max-width:800px){.nt-scope-bar{top:74px}.nt-scope section{scroll-margin-top:130px}}
@media(max-width:700px){.nt-three.n2{grid-template-columns:1fr}.nt-scope-bar .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nt-scope-lb{white-space:nowrap}}
/* 免費諮詢 #photo：位置切換（深色底） */
.qb-tabs{margin:var(--s12) 0 0}
.qb-tabs button{background:#ffffff14;border-color:#ffffff40;color:#fbf1f1}
.qb-tabs button[aria-pressed=true]{background:#fbf1f1;border-color:#fbf1f1;color:#382d2e}
@media(hover:hover){.qb-tabs button[aria-pressed=false]:hover{background:#ffffff26}}
.qb-set .qb-shots{margin-top:var(--s6)}
.qb-shots.n3{grid-template-columns:repeat(3,1fr);max-width:760px}
.qb-shots.n2{grid-template-columns:repeat(2,1fr);max-width:520px}
.qb-set .nt-svc-h{color:#e9c9cd}
.qb-tip{margin:var(--s6) 0 0;font-size:14px;color:#fbf1f1c7;max-width:34em}
.qb-tip:before{content:'拍攝小提示　';color:#e9c9cd;letter-spacing:.08em}
@media(max-width:700px){.qb-shots.n3{gap:8px}.qb-shots.n3 b{font-size:15px}.qb-shots.n3 li>span{font-size:12px;line-height:1.6;display:block}.qb-shots.n2{grid-template-columns:1fr 1fr}.qb-tabs button{padding:0 18px}}
.nt-three figure{position:relative;isolation:isolate}
.nt-three figure:before{content:'';position:absolute;inset:12%;z-index:-1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:#f5dfe2}
.nt-three li:nth-child(2) figure:before{background:#f1e4dc;border-radius:58% 42% 47% 53%/43% 55% 45% 57%}
.nt-three li:nth-child(3) figure:before{background:#efe0e6;border-radius:42% 58% 52% 48%/57% 45% 55% 43%}
.nt-scope-bar .tabs{flex-wrap:nowrap}
@media(max-width:480px){.nt-scope-bar .tabs button{padding:0 16px;min-height:40px}.nt-scope-bar .wrap{gap:8px 12px}}
.qb-tabs{margin-bottom:var(--s6)}.qb-set .qb-shots{margin-top:0}
.tabs button{white-space:nowrap;flex:none}
@media(max-width:480px){.nt-scope-lb{display:none}.nt-scope-bar .tabs{gap:6px}.nt-scope-bar .tabs button{padding:0 14px}}

/* ───── 插畫 hover（2026-09-30 取代浮動）：滑鼠移上去先輕輕彈起；只用 transform ───── */
.journey .art img,.bc-facts2 img,.bc-three-sup img,.bc-road .art img,.fc-path figure img,.nt-three figure img,.nt-time figure img,.fc-art img,.fh-art img,.bc-comm-art img{transition:transform var(--dur-base) var(--ease)}
.nt-three figure:before,.fc-path figure:before{transition:transform var(--dur-enter) var(--ease)}
@media(hover:hover){
  :is(.bc-facts2,.bc-three-sup,.fc-path,.nt-three,.nt-time,.fc-guar)>li:hover img{transform:translateY(-8px) rotate(-1.5deg) scale(1.03)}
  .bc-road li:hover .art img{transform:translateY(-6px) scale(1.04)}
  .journey li:hover .art img{transform:translateX(var(--nx,0)) translateY(-8px) rotate(-1.5deg) scale(1)}
  .fc-art:hover img,.fh-art:hover img,.bc-comm-art:hover img{transform:translateY(-6px) rotate(-.8deg)}
  .nt-three li:hover figure:before{transform:scale(1.08) rotate(8deg)}
}

@media(hover:hover){.fc-guar li:hover img{animation-play-state:paused}}
/* About hero：相由導覽列下面開始，唔好俾 header 遮住個頭（2026-09-30） */
@media(min-width:801px){.about-hero2>.scene,.about-hero2>picture>.scene{top:88px}.about-hero2>.scene img,.about-hero2>picture>.scene img{object-position:50% 4%}}
@media(max-width:800px){.about-hero2>.scene,.about-hero2>picture>.scene{top:74px}}
/* 手機：入畫面彈起一次＋撳落去微微提起（用 translate／rotate 獨立屬性，唔會蓋咗原本 transform） */
@keyframes ill-pop{0%{translate:0 16px;rotate:1.5deg}55%{translate:0 -7px;rotate:-1.4deg}80%{translate:0 2px;rotate:.4deg}100%{translate:0 0;rotate:0deg}}
@media(hover:none){
  .ill-in{animation:ill-pop 1.2s var(--ease) both}
  :is(.journey,.bc-facts2,.bc-three-sup,.bc-road,.fc-path,.nt-three,.nt-time,.fc-guar)>li img{transition:translate var(--dur-fast) ease,rotate var(--dur-fast) ease}
  :is(.journey,.bc-facts2,.bc-three-sup,.bc-road,.fc-path,.nt-three,.nt-time)>li:active img{translate:0 -6px;rotate:-1.5deg}
}
@media(prefers-reduced-motion:reduce){.ill-in{animation:none}}
/* 向量線條 icon（取代小冊子圓形 icon） */
svg.ico.svg{display:block;padding:0;color:var(--accent);background:radial-gradient(circle at 35% 30%,#fbecee,#f1dfe2);border-radius:50%;overflow:visible;transition:transform var(--dur-base) var(--ease)}
@media(hover:hover){li:hover>svg.ico.svg,li:hover>div>svg.ico.svg{transform:translateY(-4px) rotate(-4deg)}}

/* ───── 第十三輪：服務頁升級（肌膚管理／嫩唇／Folligrow+／更多服務），唔用卡片 ───── */
/* 療程列：插畫＋文字，左右交替 */
.tx-list{display:grid;gap:clamp(48px,7vw,96px);margin-top:var(--s12)}
.tx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:center}
.tx:nth-child(even) .tx-art{order:2}
.tx-art{margin:0;position:relative;isolation:isolate;display:grid;place-items:center}
.tx-art:before{content:'';position:absolute;inset:8% 10%;z-index:-1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:#f5dfe2;transition:transform var(--dur-enter) var(--ease)}
.tx:nth-child(3n+2) .tx-art:before{background:#f1e4dc;border-radius:58% 42% 47% 53%/43% 55% 45% 57%}
.tx:nth-child(3n) .tx-art:before{background:#efe0e6;border-radius:42% 58% 52% 48%/57% 45% 55% 43%}
.tone-surface .tx-art:before{background:#f4e3e5}
.tx-art img{width:min(100%,420px)}
.tx-no{display:block;font:400 clamp(34px,4vw,52px)/1 var(--display);color:var(--soft);letter-spacing:.02em;margin-bottom:10px}
.tx .kicker{margin-bottom:6px;color:var(--accent);font-size:12px}
.tx h3{font-size:clamp(22px,2.4vw,30px);margin-bottom:var(--s4);letter-spacing:.04em}
.tx-copy>p{color:var(--muted);font-size:15px}
.tx-dl{margin:var(--s6) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(16px,3vw,40px)}
.tx-dl div{border-top:1px solid var(--line);padding:12px 0 14px}
.tx-dl dt{font:400 13px var(--display);letter-spacing:.14em;color:var(--accent);margin-bottom:4px}
.tx-dl dd{margin:0;font-size:14px;line-height:1.8}
@media(hover:hover){.tx:hover .tx-art:before{transform:scale(1.06) rotate(6deg)}}
@media(max-width:800px){.tx{grid-template-columns:1fr;gap:8px}.tx:nth-child(even) .tx-art{order:0}.tx-art img{width:min(78%,320px)}.tx-dl{grid-template-columns:1fr}}
/* 肌膚狀況 → 療程 */
.fa-pick{list-style:none;margin:var(--s8) 0 0;padding:0;max-width:860px;border-top:1px solid var(--line)}
.fa-pick a{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);transition:padding var(--dur-fast) var(--ease),background var(--dur-fast)}
.fa-pick a:after{content:'↓';color:var(--accent);font-size:14px;text-align:right}
.fa-pick span{font:400 clamp(17px,1.8vw,21px) var(--display);letter-spacing:.05em}
.fa-pick i{height:1px;background:linear-gradient(90deg,var(--line),var(--accent))}
.fa-pick b{font-weight:400;font-size:14px;color:var(--muted)}
@media(hover:hover){.fa-pick a:hover{opacity:1;padding-inline:14px;background:#fffaf8b3}}
@media(max-width:600px){.fa-pick a{grid-template-columns:1fr 20px;gap:2px 10px}.fa-pick i{display:none}.fa-pick b{grid-column:1;grid-row:2}.fa-pick a:after{grid-row:1/3;grid-column:2}}
/* 嫩唇：紋唇 vs 嫩唇插畫 */
.lp-vs{margin:var(--s8) auto 0;max-width:900px}
.lp-vs-cap{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;text-align:center}
.lp-vs-cap div{display:grid;gap:2px;padding:0 12px}
.lp-vs-cap small{font:400 13px var(--display);letter-spacing:.2em;color:var(--muted)}
.lp-vs-cap b{font:400 clamp(17px,2vw,22px) var(--display)}
.lp-vs-cap span{font-size:13px;color:var(--muted)}
.lp-vs-cap .us small,.lp-vs-cap .us b{color:var(--accent)}
.lp-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:var(--s8) 0 0;font-size:14px;color:var(--ink)}
.lp-tags span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
/* 嫩唇：三種光（向量） */
.how-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center}
.lights2{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;gap:0;max-width:30em}
.lights2 li{display:grid;grid-template-columns:18px 6em 1fr;gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid #ffffff33;font-size:14px}
.lights2 i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 14px currentColor}
.lights2 .lt-blue i{background:#7e9cf0;color:#7e9cf0}.lights2 .lt-nir i{background:#e0707a;color:#e0707a}.lights2 .lt-green i{background:#7fc79a;color:#7fc79a}
.lights2 b{font:400 17px var(--display)}.lights2 span{color:#fffaf7cc}
.lt-fig{margin:0}.lt-svg{width:100%;max-width:420px;display:block;margin:auto;overflow:visible}
.lt-svg polygon{animation:lt-pulse calc(var(--dur-pulse)*1.5) ease-in-out infinite;mix-blend-mode:screen}
.lt-svg .b2{animation-delay:-1.2s}.lt-svg .b3{animation-delay:-2.4s}
@keyframes lt-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.lt-svg polygon{animation:none}}
@media(max-width:800px){.how-grid{grid-template-columns:1fr}.lt-fig{order:-1}.lt-svg{max-width:300px}.lights2 li{grid-template-columns:18px 5.5em 1fr}}
/* 三格插畫（嫩唇作用、Folligrow 用法） */
.ill3{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);text-align:center}
.ill3 figure{margin:0 auto 10px;width:min(100%,260px);aspect-ratio:1;display:grid;place-items:center;position:relative;isolation:isolate}
.ill3 figure:before{content:'';position:absolute;inset:10%;z-index:-1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:#f5dfe2;transition:transform var(--dur-enter) var(--ease)}
.ill3 li:nth-child(2) figure:before{background:#f1e4dc;border-radius:58% 42% 47% 53%/43% 55% 45% 57%}
.ill3 li:nth-child(3) figure:before{background:#efe0e6;border-radius:42% 58% 52% 48%/57% 45% 55% 43%}
.ill3 img{width:92%}
.ill3 h3{font-size:clamp(18px,2vw,22px);margin-bottom:6px;letter-spacing:.06em}
.ill3 p{color:var(--muted);font-size:14px;margin:0 auto;max-width:20em}
.ill3 .tx-no{font-size:28px;margin:0 0 4px}
@media(hover:hover){.ill3 li:hover figure:before{transform:scale(1.07) rotate(8deg)}}
@media(max-width:700px){.ill3{grid-template-columns:1fr;gap:28px}.ill3 figure{width:min(70%,240px)}}
/* 核心優勢（取代表格） */
.adv{margin:var(--s16) auto 0;max-width:960px}
.adv div{display:grid;grid-template-columns:12em 1fr;gap:clamp(16px,4vw,48px);padding:20px 0;border-top:1px solid var(--line)}
.adv div:last-child{border-bottom:1px solid var(--line)}
.adv dt{font:400 clamp(18px,2vw,22px) var(--display);letter-spacing:.06em;color:var(--accent)}
.adv dd{margin:0;font-size:15px;color:var(--ink)}
@media(max-width:600px){.adv div{grid-template-columns:1fr;gap:4px}}
/* Folligrow 成分 */
.ing{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,28px);text-align:center}
.ing figure{margin:0 auto 6px;width:100%;max-width:190px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffaf8,#f3e6e2)}
.ing img{width:88%}
.ing b{display:block;font:400 17px var(--display);letter-spacing:.06em}
.ing small{font-size:12px;color:var(--muted);letter-spacing:.04em}
@media(max-width:800px){.ing{grid-template-columns:repeat(3,1fr);row-gap:22px}}
@media(max-width:480px){.ing{grid-template-columns:repeat(2,1fr)}.ing li:last-child{grid-column:1/-1}.ing li:last-child figure{max-width:160px}}
.fg-photo img{border-radius:26px;aspect-ratio:3/4;object-fit:cover}
/* 前後對比相：細圖唔好拉大（原圖解像度有限） */
.ba-pair.slim{max-width:640px;margin-inline:auto}
.ba-pair.small figure,.ba-pair.slim figure{max-width:280px}
/* 更多服務：列表取代卡片 */
.more-list{list-style:none;margin:var(--s8) 0 0;padding:0;border-top:1px solid var(--line)}
.more-list a{display:grid;grid-template-columns:96px 1fr 24px;gap:clamp(14px,3vw,32px);align-items:center;padding:20px 4px;border-bottom:1px solid var(--line);transition:padding var(--dur-fast) var(--ease)}
.ml-pic{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#fff}
.ml-pic img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-enter) var(--ease)}
.ml-t{display:grid;gap:2px}.ml-t .kicker{margin:0;font-size:11px;color:var(--accent)}
.ml-t b{font:400 clamp(19px,2vw,24px) var(--display);letter-spacing:.04em}.ml-t>span:last-child{font-size:14px;color:var(--muted)}
.ml-arr{color:var(--accent);transition:transform var(--dur-fast)}
@media(hover:hover){.more-list a:hover{opacity:1;padding-inline:14px}.more-list a:hover img{transform:scale(1.08)}.more-list a:hover .ml-arr{transform:translate(3px,-3px)}}
@media(max-width:600px){.more-list a{grid-template-columns:72px 1fr 18px}.ml-pic{width:72px;height:72px}}
/* hover／手機彈起：新插畫都加埋 */
.tx-art img,.ill3 img,.ing img,.lp-vs img{transition:transform var(--dur-base) var(--ease),translate var(--dur-fast) ease,rotate var(--dur-fast) ease}
@media(hover:hover){.tx:hover .tx-art img,.ill3 li:hover img,.ing li:hover img{transform:translateY(-8px) rotate(-1.5deg) scale(1.03)}}
@media(hover:none){.ill3 li:active img,.ing li:active img,.tx:active .tx-art img{translate:0 -6px;rotate:-1.5deg}}
/* 更多服務 v3：透明插畫＋淡色 blob，唔用白卡；三步驟唔用卡片底 */
.sv .ph.illus{position:relative;isolation:isolate;display:grid;place-items:center}
.sv .ph.illus:before{content:'';position:absolute;inset:8% 6%;z-index:-1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:#f5dfe2;transition:transform var(--dur-enter) var(--ease)}
.tone-surface .sv .ph.illus:before{background:#f1e4dc;border-radius:58% 42% 47% 53%/43% 55% 45% 57%}
.sv .ph.illus img{background:none;border-radius:0;aspect-ratio:auto;object-fit:contain;width:min(100%,460px);transition:transform var(--dur-base) var(--ease)}
@media(hover:hover){.sv:hover .ph.illus:before{transform:scale(1.05) rotate(6deg)}.sv:hover .ph.illus img{transform:translateY(-8px) rotate(-1deg)}}
#scalp-care .photo-steps{gap:0;border-top:1px solid var(--line)}
#scalp-care .photo-steps li{background:none!important;border-radius:0;padding:24px 0;border-bottom:1px solid var(--line)}
#scalp-care .trust{background:none;padding:0}
.ba-pair.slim+.ba-note{text-align:center}
@media(min-width:801px){.fc-hero h1{white-space:nowrap}}
/* Folligrow #why：相做背景 */
.fg-why{max-width:34em}.fg-why blockquote{font-size:clamp(22px,3vw,36px);color:#fffaf7}
.fg-why p{color:#fffaf7d9}.fg-why .lead-accent{color:#f3d9dc}
/* 2026-10-01：#levels 插畫佔多啲畫面，其餘元素收細 */
.lv-grid .sev-imgs{max-width:min(560px,72vh);overflow:hidden}
.lv-grid .sev-imgs img{transform:scale(1.22)}
@media(max-width:800px){
  #levels{padding-block:20px 28px}
  .lv-grid>.sec-intro .kicker{margin-bottom:4px;font-size:12px}
  .lv-grid>.sec-intro h2{font-size:24px;margin-block:0 2px}
  .lv-grid>.sec-intro p{font-size:13px}
  .lv-grid>.seg{margin-bottom:0;transform:scale(.86)}
  .lv-grid .sev-imgs{max-width:min(380px,48vh);width:100%;margin-block:-6px -10px}
  .lv-grid .sev-texts{min-height:78px}
  .lv-grid .sev-text .lv-no{font-size:11px}
  .lv-grid .sev-text b{font-size:22px;margin:0 0 2px}
  .lv-grid .sev-text p{font-size:13px;margin-bottom:2px}
  .lv-grid .sev-range input{height:30px}
  .lv-grid .sev-ticks{font-size:12px}
  .lv-grid>.lv-cta{margin-top:var(--s3)}
  .lv-grid>.lv-cta .pill{min-height:46px}
}
@media(max-width:800px){.lv-grid .sev-imgs{max-width:min(350px,42vh)}#levels{padding-block:16px 24px}}
@media(min-width:801px){.lv-grid>.seg{margin-bottom:var(--s6)}}
@media(max-width:800px){.lv-grid .sev-imgs{max-width:min(322px,40vh)}.lv-grid>.lv-cta .note{font-size:11px}}
/* 肌膚管理：儀器相＋插畫小圓圖 */
.tx-art.has-dev{display:block;padding:0 6% 8% 0}
.tx-art.has-dev:before{display:none}
.tx-photo{display:block;border-radius:28px;overflow:hidden;aspect-ratio:4/3;background:#f6ecec;box-shadow:0 24px 50px -34px #56323a80}
.tx-photo img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-enter) var(--ease)}
#celllight .tx-photo{aspect-ratio:4/5;max-width:78%;margin-inline:auto}
.tx-ill{position:absolute;right:0;bottom:0;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffaf8,#f3e3e5);box-shadow:0 14px 30px -18px #56323a73;display:grid;place-items:center;overflow:hidden;border:4px solid var(--canvas)}
.tone-surface .tx-ill{border-color:var(--surface)}
.tx-ill img{width:100%!important}
.tx-art.has-dev figcaption{position:absolute;left:14px;top:14px;font-size:11px;letter-spacing:.08em;background:#fffaf8e6;color:var(--muted);border-radius:99px;padding:3px 10px}
@media(hover:hover){.tx:hover .tx-photo img{transform:scale(1.04)}.tx:hover .tx-art.has-dev .tx-photo img{translate:none}}
.tx-photo{aspect-ratio:3/2}#celllight .tx-photo{aspect-ratio:2/3;max-width:62%}
#why .fg-why .lead-accent{color:#f3d9dc}#why .fg-why p{font-size:15px}
#why .fg-why .lead-accent,#why .fg-why p{color:#fffaf7}
/* 2026-10-01：quote-band 背景相唔好漏出下一段 */.editorial.quote-band{overflow:clip}
#why .fg-why .lead-accent{color:#fffaf7!important}

/* ───── /inkspirations v2：社會影響力報告頁（2026-10-01） ───── */
.ink-fund{width:100%;margin:6px 0 0;font-size:12px;letter-spacing:.06em;color:var(--muted)}
/* 大數字 */
.ink-num{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.ink-num li{padding:clamp(20px,3vw,36px) clamp(12px,2vw,28px) 8px 0;display:grid;gap:8px;align-content:start}
.ink-num li+li{border-left:1px solid var(--line);padding-left:clamp(16px,3vw,40px)}
.ink-num b{font:400 clamp(48px,7vw,96px)/1 var(--display);color:var(--accent);letter-spacing:-.01em;white-space:nowrap}
.ink-num b small{font-size:.32em;margin-left:6px;color:var(--ink);letter-spacing:.1em}
.ink-num li>span{font-size:14px;color:var(--muted);line-height:1.7}
.ink-beat{margin-top:var(--s12);display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:20px 0;border-block:1px solid var(--line)}
.ink-beat p{margin:0;font:400 clamp(17px,2vw,21px) var(--display);letter-spacing:.05em}
.ink-beat p b{font-weight:400}
.ink-beat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted)}
.ink-beat li:before{content:'✓';color:var(--accent);margin-right:6px}
@media(max-width:700px){.ink-num{grid-template-columns:1fr}.ink-num li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.ink-num li{grid-template-columns:auto 1fr;align-items:center;column-gap:18px;padding:18px 0}.ink-num b{font-size:52px}}
/* 循環模式 */
.ink-loop{position:relative;width:min(100%,680px);aspect-ratio:1;margin:var(--s8) auto 0}
.ink-ring{position:absolute;inset:12%;width:76%;height:76%;overflow:visible}
.ink-ring circle{fill:none;stroke:var(--soft);stroke-width:1.6;stroke-dasharray:3 9;transform-origin:200px 200px;animation:ink-spin calc(var(--dur-marquee)*0.8) linear infinite}
.ink-ring .ink-arrow{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}
@keyframes ink-spin{to{transform:rotate(360deg)}}
.ink-core{position:absolute;inset:34%;border-radius:50%;display:grid;place-content:center;text-align:center;gap:4px;background:radial-gradient(circle at 40% 35%,#fffaf8,#f3e3e5);box-shadow:0 30px 60px -40px #56323a80}
.ink-core .kicker{margin:0;font-size:11px;color:var(--accent)}
.ink-core b{font:400 clamp(16px,2vw,20px) var(--display);letter-spacing:.06em}
.ink-core small{font-size:12px;color:var(--muted)}
.ink-loop ol{list-style:none;margin:0;padding:0}
.ink-loop li{--a:calc(-90deg + var(--k) * 72deg);position:absolute;left:calc(50% + cos(var(--a)) * 38%);top:calc(50% + sin(var(--a)) * 38%);transform:translate(-50%,-50%);width:min(30%,200px);text-align:center;display:grid;gap:4px;justify-items:center;padding:14px 12px;border-radius:20px;background:var(--surface);box-shadow:0 18px 40px -30px #56323a99;transition:transform var(--dur-base) var(--ease)}
.tone-surface .ink-loop li{background:var(--canvas)}
.ink-loop .ln,.ink-plan .ln{font:400 13px var(--display);letter-spacing:.14em;color:var(--accent)}
.ink-loop li b{font:400 clamp(16px,1.8vw,19px) var(--display);letter-spacing:.06em}
.ink-loop li>span:last-child{font-size:12.5px;color:var(--muted);line-height:1.6}
@media(hover:hover){.ink-loop li:hover{transform:translate(-50%,calc(-50% - 6px))}}
@media(prefers-reduced-motion:reduce){.ink-ring circle{animation:none}}
@media(max-width:760px){
  .ink-loop{aspect-ratio:auto;width:100%}
  .ink-ring{display:none}
  .ink-core{position:static;inset:auto;border-radius:22px;padding:18px;margin-bottom:18px}
  .ink-loop ol{position:relative;display:grid;gap:12px;padding-left:28px}
  .ink-loop ol:before{content:'';position:absolute;left:9px;top:12px;bottom:12px;border-left:2px dotted var(--soft)}
  .ink-loop ol:after{content:'↺ 再由第一步開始';display:block;font-size:12px;color:var(--accent);letter-spacing:.08em;margin-top:2px}
  .ink-loop li{position:relative;left:auto;top:auto;transform:none;width:auto;text-align:left;justify-items:start;padding:14px 16px}
  .ink-loop li:before{content:'';position:absolute;left:-24px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
}
/* SROI 簡化拆解 */
.sroi{margin-top:var(--s8);max-width:980px}
.sroi-bar{display:flex;height:18px;border-radius:99px;overflow:hidden;background:#eee}
.sroi-bar i{width:var(--w);transform-origin:left;transform:scaleX(0);transition:transform var(--dur-slow) var(--ease)}
.sroi.in .sroi-bar i,.no-js .sroi-bar i{transform:none}
.sroi-bar i:nth-child(1){background:#5d3d43}.sroi-bar i:nth-child(2){background:var(--accent);transition-delay:.15s}.sroi-bar i:nth-child(3){background:#b98c92;transition-delay:.3s}.sroi-bar i:nth-child(4){background:#dcb9bc;transition-delay:.45s}
.sroi-key{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 24px}
.sroi-key li{display:grid;grid-template-columns:12px 1fr;gap:2px 10px;align-items:baseline;font-size:13px;color:var(--muted)}
.sroi-key i{width:10px;height:10px;border-radius:3px;grid-row:span 2;align-self:center}
.sroi-key li:nth-child(1) i{background:#5d3d43}.sroi-key li:nth-child(2) i{background:var(--accent)}.sroi-key li:nth-child(3) i{background:#b98c92}.sroi-key li:nth-child(4) i{background:#dcb9bc}
.sroi-key b{font:400 19px var(--display);color:var(--ink)}
.sroi-sum{display:flex;flex-wrap:wrap;align-items:center;gap:12px clamp(16px,3vw,36px);margin-top:var(--s12);padding-top:var(--s8);border-top:1px solid var(--line)}
.sroi-sum>span{font:300 28px var(--display);color:var(--muted)}
.sroi-sum small{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted)}
.sroi-sum b{font:400 clamp(24px,3vw,34px) var(--display)}
.sroi-sum .hl b{font-size:clamp(34px,4.6vw,56px);color:var(--accent)}
.sroi .note{margin-top:var(--s6)}
@media(max-width:700px){.sroi-key{grid-template-columns:1fr 1fr}.sroi-sum>span{font-size:20px}}
/* 時間線 */
.ink-tl{list-style:none;margin:var(--s8) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--soft);position:relative}
.ink-tl li{position:relative;padding:28px clamp(10px,1.6vw,22px) 0 0}
.ink-tl li:before{content:'';position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
.ink-tl li:last-child:before{background:var(--accent)}
.ink-tl .when{font:400 13px var(--display);letter-spacing:.1em;color:var(--accent)}
.ink-tl h3{font-size:clamp(17px,1.8vw,20px);margin:4px 0 6px}
.ink-tl p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.75}
@media(max-width:900px){.ink-tl{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--soft);padding-left:24px;gap:22px}.ink-tl li{padding:0}.ink-tl li:before{left:-33px;top:2px}}
/* 心聲 */
.ink-voices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);margin-top:var(--s8)}
.ink-voices .kicker{color:var(--accent)}
.ink-voices ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ink-voices li{padding:18px 0;border-top:1px solid var(--line)}
.ink-voices blockquote{margin:0;font:400 clamp(16px,1.7vw,19px)/1.85 var(--display);letter-spacing:.03em}
@media(max-width:760px){.ink-voices{grid-template-columns:1fr}}
/* 相片 coverflow（Swiper） */
.ink-gal{margin:var(--s8) calc(var(--gutter)*-1) 0;overflow:hidden}
.ink-gal .swiper{width:100%;padding:10px 0 52px}
.ink-gal .swiper-slide{width:min(300px,70vw);aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#e9dcdc}
.ink-gal .swiper-slide img{width:100%;height:100%;object-fit:cover}
.ink-gal .swiper-pagination-bullet{background:var(--accent)}
/* 夥伴 NGO */
.ink-ngo{margin-top:var(--s8);display:grid;gap:10px}
.ink-ngo small{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.ink-ngo ul{list-style:none;margin:0 0 var(--s4);padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ink-ngo li{padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:13.5px;background:var(--surface)}
/* 第二期 */
.ink-next{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,96px);align-items:center}
.ink-next .lead b{color:var(--accent);font-weight:500}
.ink-next .hero-services{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:var(--s6)}
.ink-plan{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ink-plan li{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:20px 0;border-bottom:1px solid var(--line)}
.ink-plan .ln{grid-row:span 2;padding-top:3px}
.ink-plan b{font:400 clamp(18px,2vw,21px) var(--display);letter-spacing:.05em}
.ink-plan li>span:last-child{font-size:14px;color:var(--muted)}
@media(max-width:800px){.ink-next{grid-template-columns:1fr}}
.hero-b h1 .nw{white-space:nowrap}.hero-b h1:has(.nw){font-size:clamp(25px,3.3vw,46px);line-height:1.5}
/* ───── Inkspirations v2.1（2026-10-01）：成果段深色、時間線配相、背景段 ───── */
.ink-impact{position:relative;isolation:isolate;overflow:hidden;background:#2b2225;color:#fbf1f1}
.ink-impact:before{content:'';position:absolute;inset:-20%;z-index:-1;background:radial-gradient(40% 45% at 15% 20%,#80575e66,transparent 70%),radial-gradient(35% 40% at 85% 75%,#b98c9244,transparent 70%),radial-gradient(30% 30% at 60% 10%,#e7cdd022,transparent 70%)}
.ink-impact .kicker{color:#e9c9cd}.ink-impact h2{color:#fbf1f1}
.imp-nums{list-style:none;margin:var(--s12) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px)}
.imp-nums li{position:relative;padding:clamp(28px,4vw,48px) clamp(20px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;display:grid;gap:6px;align-content:end;min-height:300px;transition:transform var(--dur-enter) var(--ease),border-color var(--dur-base)}
.imp-ghost{position:absolute;right:-6%;top:-14%;font:400 clamp(150px,18vw,260px)/1 var(--display);color:transparent;-webkit-text-stroke:1px #f3d9dc2e;letter-spacing:-.04em;pointer-events:none;white-space:nowrap}
.imp-nums b{position:relative;font:400 clamp(64px,8vw,112px)/1 var(--display);color:#f3d9dc;letter-spacing:-.02em;white-space:nowrap;text-shadow:0 0 40px #e7cdd055}
.imp-nums b small{font-size:.3em;margin-left:8px;color:#fbf1f1;letter-spacing:.1em;text-shadow:none}
.imp-nums b small.pre{margin:0 8px 0 0;font-size:.5em;color:#f3d9dc}
.imp-k{font:400 clamp(17px,1.8vw,20px) var(--display);letter-spacing:.06em;color:#fbf1f1;margin-top:10px}
.imp-d{font-size:13.5px;color:#fbf1f1b3}
@media(hover:hover){.imp-nums li:hover{transform:translateY(-6px);border-color:#f3d9dc66}}
.imp-beat{margin-top:var(--s12);padding:clamp(24px,3vw,36px);border-radius:28px;border:1px solid #ffffff1f;background:#ffffff08}
.imp-beat-h{display:flex;align-items:center;gap:14px;margin:0 0 var(--s6);font:400 clamp(18px,2vw,23px) var(--display);letter-spacing:.05em}
.imp-tick{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f3d9dc;color:#2b2225;font-size:18px;flex:none}
.imp-beat ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 28px}
.imp-beat li{display:grid;gap:8px;font-size:14px}
.imp-beat small{font-size:12px;letter-spacing:.1em;color:#f3d9dc}
.imp-bar{position:relative;height:8px;border-radius:8px;background:#ffffff1a}
.imp-bar i{position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:8px;background:linear-gradient(90deg,#b98c92,#f3d9dc);transform-origin:left;transform:scaleX(0);transition:transform var(--dur-slow) var(--ease) .2s}
.imp-beat.in .imp-bar i,.imp-beat:not(.pending) .imp-bar i{transform:none}
.imp-bar em,.imp-legend em{position:absolute;left:78%;top:-5px;bottom:-5px;width:2px;background:#fbf1f1;border-radius:2px}
.imp-legend{margin:var(--s4) 0 0;font-size:12px;color:#fbf1f1b3;display:flex;align-items:center;gap:10px}
.imp-legend em{position:static;display:inline-block;height:14px}
@media(max-width:800px){.imp-nums{grid-template-columns:1fr}.imp-nums li{min-height:200px}.imp-beat ul{grid-template-columns:1fr 1fr}}
/* 深色背景段（時間線、心聲） */
.ink-dark .kicker{color:#e9c9cd}.ink-dark .sec-intro p{color:#fbf1f1cc}
.ink-dark:after{background:linear-gradient(0deg,#1f191bcc,#1f191bb3)!important}
.ink-dark .ink-tl{border-color:#ffffff40}
.ink-dark .ink-tl li:before{background:#2b2225;border-color:#f3d9dc}.ink-dark .ink-tl li:last-child:before{background:#f3d9dc}
.ink-dark .ink-tl .when{color:#f3d9dc}.ink-dark .ink-tl h3{color:#fbf1f1}.ink-dark .ink-tl p{color:#fbf1f1c7}
.ink-tl figure{margin:0 0 14px;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -24px #000000aa}
.ink-tl figure img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-enter) var(--ease)}
@media(hover:hover){.ink-tl li:hover figure img{transform:scale(1.06)}}
@media(max-width:900px){.ink-tl figure{max-width:320px}}
.ink-dark .ink-voices li{border-color:#ffffff33}.ink-dark .ink-voices blockquote{color:#fbf1f1}.ink-dark .ink-voices .note{color:#fbf1f1b3}
.ink-dark .ink-voices>div{padding:clamp(20px,3vw,32px);border-radius:24px;background:#ffffff0d;border:1px solid #ffffff1a}
/* Folligrow #voices：客人原話跑馬燈＋截圖橫向軌（2026-10-01） */
#voices .intro{margin-bottom:var(--s8)}
.say-marquee{display:flex;overflow:hidden;margin-inline:calc(var(--gutter)*-1);padding-block:var(--s4);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.say-marquee ul{display:flex;gap:var(--s3);padding-right:var(--s3);flex:none;animation:say calc(var(--dur-marquee)*1.2) linear infinite}
.say-marquee li{flex:none;padding:10px 18px;border-radius:999px 999px 999px 6px;background:#dcf8c6;color:#1f2b1c;font-size:var(--sm);box-shadow:0 6px 18px -12px #3b5a3066}
.say-marquee li:nth-child(3n+2){background:var(--surface);color:var(--ink);border-radius:999px 999px 6px 999px}
.say-marquee:hover ul{animation-play-state:paused}
@keyframes say{to{transform:translateX(-100%)}}
.wa-rail{display:flex;gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:var(--s8) calc(var(--gutter)*-1) 0;padding:var(--s4) var(--gutter) var(--s8);list-style:none}
.wa-rail::-webkit-scrollbar{display:none}
.wa-rail li{flex:none;scroll-snap-align:start}
.wa-shot{width:clamp(180px,22vw,250px);border-radius:26px;overflow:hidden;background:#111;padding:6px!important;box-shadow:0 1px 0 #fff8 inset,0 18px 40px -22px #38202799,0 4px 12px -6px #3820271f;transition:transform var(--dur-base) cubic-bezier(.2,.8,.2,1),box-shadow var(--dur-base) cubic-bezier(.2,.8,.2,1)}
.wa-shot img{width:100%;aspect-ratio:9/15;object-fit:cover;object-position:top;border-radius:20px;transition:transform var(--dur-enter) cubic-bezier(.2,.8,.2,1)}
.wa-shot:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 1px 0 #fff8 inset,0 28px 50px -24px #382027aa}
.wa-shot:hover img{transform:none}
.wa-shot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wa-shot:active{transform:scale(.98)}
.wa-note{margin-top:0}
@media(prefers-reduced-motion:reduce){.say-marquee ul{animation:none}.say-marquee{flex-wrap:wrap;-webkit-mask:none;mask:none}.say-marquee ul+ul{display:none}.say-marquee ul{flex-wrap:wrap}}
.say-marquee ul,.say-marquee li,#voices .wa-rail{list-style:none}
#voices .wa-rail{padding:var(--s4) var(--gutter) var(--s8);scroll-padding-inline:var(--gutter);margin-top:var(--s4)}
#voices .say-marquee{margin-top:calc(var(--s8)*-1)}
/* browcourse #curriculum（2026-10-01 Garrick）：軌道佔多啲畫面，提示縮細 */
.orb{grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:clamp(16px,3vw,40px)}
.orb-stage{max-width:min(720px,100%)}
.orb-core{width:118px;height:118px;font-size:15px}
.orb-node .ic{width:54px;height:54px}.orb-node svg{width:22px;height:22px}.orb-node .lb{font-size:14px}
.orb-hint{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:13px;border-style:solid;background:#ffffff8c;justify-self:start}
.orb-hint span{display:inline-block;animation:orb-nudge calc(var(--dur-pulse)*0.75) cubic-bezier(.4,0,.2,1) infinite}
@keyframes orb-nudge{50%{transform:translate(-3px,-3px)}}
@media(max-width:900px){
  .orb{grid-template-columns:1fr;margin-inline:calc(var(--gutter)*-.6)}
  .orb-stage{max-width:none}
  .orb-core{width:84px;height:84px;font-size:12px}
  .orb-node .ic{width:46px;height:46px}.orb-node .lb{font-size:13px}
  .orb-panel{padding-inline:calc(var(--gutter)*.6)}
  .orb-hint{display:flex;justify-content:center;margin-inline:auto;width:max-content}
  .orb-hint span{transform:rotate(45deg)}
}
@media(prefers-reduced-motion:reduce){.orb-hint span{animation:none}}
/* Inkspirations #support（2026-10-01）：學員得到的支援，bento＋作品軌 */
.ink-sup{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--s4);margin-top:var(--s8)}
.ink-sup figure{position:relative;margin:0;border-radius:24px;overflow:hidden;isolation:isolate;background:#e9dadd;box-shadow:0 22px 44px -30px #56323a80}
.ink-sup figure img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) cubic-bezier(.2,.8,.2,1)}
.ink-sup figure:hover img{transform:scale(1.04)}
.ink-sup figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#2b2225e6,#2b222566 38%,transparent 62%);z-index:0}
.ink-sup figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:#fffaf7;z-index:1;display:grid;gap:6px}
.ink-sup figcaption b{font:22px/1.3 var(--display)}.ink-sup figcaption span{font-size:13.5px;line-height:1.75;color:#fffaf7d9}
.ink-sup .sup-kit{grid-row:span 2;min-height:560px}
.ink-sup .sup-studio,.ink-sup .sup-notes{aspect-ratio:4/3.4}
.ink-sup .sup-notes img{object-position:top}
.sup-life{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:20px;align-items:center;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#80575e,#5b3a40);color:#fffaf7}
.sup-life svg{grid-row:span 2;width:44px;height:44px;fill:none;stroke:#f3d9dc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sup-life b{font:22px/1.3 var(--display)}.sup-life span{font-size:14px;color:#fffaf7cc}
.ink-works{margin-top:var(--s12)}.ink-works .pic-rail{margin-top:var(--s3)}.ink-works .pic-rail img{width:clamp(180px,22vw,260px);aspect-ratio:3/4}.ink-works .note{margin-top:var(--s3)}
@media(max-width:800px){
  .ink-sup{grid-template-columns:1fr 1fr}
  .ink-sup .sup-kit{grid-column:span 2;grid-row:auto;min-height:0;aspect-ratio:4/4.2}
  .ink-sup .sup-studio,.ink-sup .sup-notes{aspect-ratio:3/4}
  .ink-sup .sup-studio figcaption,.ink-sup .sup-notes figcaption{padding:14px}
  .ink-sup .sup-studio figcaption b,.ink-sup .sup-notes figcaption b{font-size:17px}
  .ink-sup .sup-studio figcaption span,.ink-sup .sup-notes figcaption span{font-size:12px;line-height:1.6}
  .sup-life{grid-column:span 2;padding:20px}
}
.pic-rail{scroll-padding-inline:var(--gutter)}
.ink-sup{grid-template-rows:1fr auto}
.ink-sup .sup-studio,.ink-sup .sup-notes{aspect-ratio:auto;min-height:320px}
.ink-sup .sup-notes::after{background:linear-gradient(0deg,#2b2225f2,#2b2225cc 45%,#2b222533 75%,transparent)}
@media(max-width:800px){.ink-sup{grid-template-rows:none}.ink-sup .sup-studio,.ink-sup .sup-notes{aspect-ratio:3/4;min-height:0}}

/* motion_polish：原本完全冇 transition 嘅 hover 目標 */
.cmpx-row .k,.cmpx-row .them{transition:background var(--dur-fast) var(--ease)}
.qb-tabs button{transition:background var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}
.wa-open{transition:background var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}
/* browcourse #mentor：相片頂部對齊，唔好切頭（2026-10-01） */
#mentor .split figure img{object-position:50% 6%}
@media(max-width:800px){#mentor .split figure img{aspect-ratio:4/4.6;object-position:50% 4%}}
.ig-col header img.ig-av{border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #d7a3ad}
/* about #founder：資歷收埋（2026-10-01，唔以資歷做主角） */
.creds-more{margin-top:var(--s6);border-top:1px solid var(--line)}
.creds-more summary{padding:16px 0;min-height:auto;font-size:14px;letter-spacing:.06em;color:var(--muted)}
.creds-more[open] summary span{transform:rotate(45deg)}
.creds-more .creds{margin-top:0}
#mentor .lead-accent{font:400 clamp(17px,1.6vw,20px)/1.7 var(--display);color:var(--accent);margin-top:var(--s4)}
.mentor-bg .lead-accent{font:400 clamp(17px,1.6vw,20px)/1.7 var(--display);color:#fffaf7;margin-top:var(--s4)}
#mentor.mentor-bg .lead-accent{color:#fffaf7!important}

/* 2026-10-02 作品卡：影片卡（男士線條眉） */
.wk-pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.male-films{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;max-width:860px}
.male-films figure{margin:0}
.male-films video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;display:block;background:#ddd}
.male-films figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:700px){.male-films{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}.male-films figure{flex:0 0 62%;scroll-snap-align:start}}

/* ═════ 2026-10-02 作品集第三版：精選個案（case files） ═════ */
.cf-head{display:flex;justify-content:space-between;align-items:end;gap:var(--s8);flex-wrap:wrap;margin-bottom:var(--s8)}
.cf-head h2{margin-bottom:var(--s3)}.cf-head p{margin:0;color:var(--muted)}
.cf-chips{margin:0}
.cf-index{list-style:none;margin:0 0 var(--s8);padding:0 0 var(--s3);display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}
.cf-index::-webkit-scrollbar{display:none}
.cf-index a{position:relative;display:block;width:72px;flex:none}
.cf-index img{width:72px;height:72px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px var(--line);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.cf-index span{display:block;text-align:center;font:12px/2 var(--display);letter-spacing:.12em;color:var(--muted)}
.cf-index a:hover{opacity:1}.cf-index a:hover img{transform:translateY(-3px);box-shadow:0 0 0 2px var(--accent)}
.case-file{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(32px,6vw,88px);align-items:start;padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--line);scroll-margin-top:100px}
.case-file.flip .cf-media{order:2}
.cf-media{display:grid;gap:var(--s4)}
.cf-media .sl-box{border-radius:24px;box-shadow:0 30px 60px -40px #56323a80}
.cf-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cf-steps.n2{grid-template-columns:repeat(2,1fr)}.cf-steps.n3{grid-template-columns:repeat(3,1fr)}.cf-steps.n4{grid-template-columns:repeat(4,1fr)}
.cf-steps button{display:block;width:100%;padding:0;border:0;background:none;border-radius:14px;overflow:hidden}
.cf-steps img{aspect-ratio:1;object-fit:cover;transition:transform var(--dur-base) var(--ease)}
.cf-steps button:hover img{transform:scale(1.04)}
.cf-step{display:block;margin-top:8px;line-height:1.5}.cf-step b{display:block;font-size:13px;font-weight:500}.cf-step small{display:block;color:var(--muted)}
.cf-tall{display:block;padding:0;border:0;background:none;border-radius:24px;overflow:hidden;max-width:540px;box-shadow:0 30px 60px -40px #56323a80}
.case-file.flip .cf-tall{margin-left:auto}
.cf-tall img{transition:transform var(--dur-enter) var(--ease)}.cf-tall:hover img{transform:scale(1.02)}
@media(min-width:861px){.cf-copy{position:sticky;top:120px}}
.cf-no{display:block;font:clamp(13px,1.2vw,15px)/1 var(--display);letter-spacing:.3em;color:var(--accent);margin-bottom:var(--s6)}
.cf-copy .kicker{margin-bottom:var(--s3);color:var(--muted)}
.cf-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.45;margin-bottom:var(--s6)}
.cf-facts{display:flex;gap:var(--s8);margin:0 0 var(--s6);padding:var(--s4) 0;border-block:1px solid var(--line)}
.cf-facts div{display:grid;gap:2px}.cf-facts dt{font-size:12px;letter-spacing:.12em;color:var(--muted)}.cf-facts dd{margin:0;font:18px/1.4 var(--display)}
.cf-label{font:12px var(--display);letter-spacing:.2em;color:var(--muted);margin:var(--s6) 0 var(--s3)}
.cf-notes{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;gap:10px}
.cf-notes li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding-left:14px;border-left:2px solid var(--soft);font-size:14px;line-height:1.7}
.cf-notes b{font-weight:500;white-space:nowrap}.cf-notes span{color:var(--muted)}
.cf-film{max-width:200px;margin:0 0 var(--s6)}
.cf-film video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;display:block;background:#ddd}
.cf-film figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.cf-foot{margin-top:var(--s8);text-align:center}
.cf-list>[hidden]{display:none}
@media(max-width:860px){.case-file{grid-template-columns:1fr;gap:var(--s8)}.case-file.flip .cf-media{order:0}.case-file.flip .cf-tall{margin-left:0}.cf-tall{max-width:none}.cf-steps.n4{grid-template-columns:repeat(2,1fr)}}
.ig-sec{overflow-x:clip}

/* 2026-10-02 /hairline 單一真實個案（淺色底；圖一行，影片下一行全闊） */
section.hlf{position:relative}
.hlf-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12);align-items:end;margin-bottom:clamp(32px,5vw,56px)}
.hlf-head p{color:var(--muted);margin:0;max-width:30em}
.hlf-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);align-items:start}
.hlf-grid figure,.hlf-film{margin:0}
.hlf-grid img{width:100%;display:block;border-radius:20px;box-shadow:0 30px 60px -40px #56323a80}
.hlf-grid .case-open{display:block;width:100%;padding:0;border:0;background:none;border-radius:20px;overflow:hidden}
.hlf-grid .case-open img{transition:transform var(--dur-enter) var(--ease)}.hlf-grid .case-open:hover img{transform:scale(1.025)}
.hlf-film{margin-top:clamp(24px,3vw,40px)!important}
.hlf-film{display:grid;justify-items:center}
.hlf-film video{height:min(80vh,820px);width:auto;max-width:100%;aspect-ratio:720/1266;object-fit:contain;border-radius:24px;display:block;background:#ddd5d0;box-shadow:0 30px 60px -40px #56323a80}
.hlf figcaption{display:flex;align-items:baseline;gap:12px;margin-top:14px;font-size:14px;color:var(--muted);letter-spacing:.04em}
.hlf figcaption span{font:13px var(--display);letter-spacing:.2em;color:var(--accent)}
.hlf-note{margin-top:var(--s8);text-align:center}
@media(max-width:800px){.hlf-head{grid-template-columns:1fr;gap:var(--s6)}.hlf-film video{height:auto;width:100%}}
.male-films{grid-template-columns:repeat(2,1fr)!important;max-width:600px!important}
@media(max-width:700px){.male-films figure{flex-basis:70%!important}}

/* ═════ 2026-10-02 作品集第四版：個案檢視器（參考 Lumina；Garrick：淺色底、時間線同左右掣喺相下面、一屏睇晒） ═════ */
.cv{padding-block:clamp(20px,2.5vw,40px) var(--section);scroll-margin-top:88px}
.cv-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s6);flex-wrap:wrap;margin-bottom:clamp(14px,1.8vw,24px)}
.cv-head h2{margin:0;font-size:clamp(24px,2.6vw,36px)}
.cv-pills{display:flex;gap:8px;flex-wrap:wrap}
.cv-pills button{min-height:40px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:14px;letter-spacing:.06em;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.cv-pills button:hover{border-color:var(--accent);opacity:1}
.cv-pills button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fffaf7}
.cv-body{display:grid;grid-template-columns:clamp(300px,calc(100vh - 400px),620px) minmax(0,1fr);gap:clamp(28px,4.5vw,72px);align-items:start}
.cv-left{width:100%}
.cv-stage{position:relative;aspect-ratio:1;width:100%;border-radius:24px;overflow:hidden;background:#ece6e3;box-shadow:0 30px 60px -40px #56323a80;touch-action:pan-y;user-select:none}
.cv-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-enter) var(--ease)}
.cv-imgs img.on{opacity:1}
.cv-gl{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--dur-base)}
.cv-stage.gl-on .cv-gl{opacity:1}.cv-stage.gl-on .cv-imgs img{transition:none}
/* 療程時間線 */
.cv-tl{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);margin-top:14px;--p:0}
.cv-tl[hidden]{display:none}.cv-tl.single{margin-top:0}
.cv-tl:before,.cv-tl:after{content:"";position:absolute;top:8px;left:calc(50% / var(--n));height:2px;border-radius:2px}
.cv-tl:before{right:calc(50% / var(--n));background:var(--line)}
.cv-tl:after{width:calc((100% - 100% / var(--n)) * var(--p));background:var(--accent);transition:width var(--dur-enter) var(--ease)}
.cv-step{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;padding:0 4px;border:0;background:none;text-align:center;color:var(--muted)}
.cv-step:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--canvas);border:2px solid var(--line);margin-bottom:8px;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}
.cv-step b{font-weight:500;font-size:13px;line-height:1.45}.cv-step small{font-size:12px;line-height:1.5}
.cv-step:hover{color:var(--ink);opacity:1}.cv-step:hover:before{border-color:var(--accent)}
.cv-step.done:before{background:var(--soft);border-color:var(--accent)}
.cv-step[aria-pressed=true]{color:var(--ink)}.cv-step[aria-pressed=true]:before{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}
/* 左右掣＋計數 */
.cv-ctrl{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}
.cv-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:18px;transition:border-color var(--dur-fast),transform var(--dur-fast)}
.cv-arrow:hover{border-color:var(--accent);opacity:1}.cv-arrow:active{transform:scale(.94)}
.cv-count{display:flex;align-items:baseline;gap:6px;font-family:var(--display);min-width:84px;justify-content:center}
.cv-count b{font-size:26px;font-weight:400;letter-spacing:.04em}.cv-count i{font-style:normal;color:var(--muted)}.cv-count span{font-size:14px;color:var(--muted)}
/* 右邊文字 */
.cv-case{animation:cv-in var(--dur-enter) var(--ease) both}
@keyframes cv-in{from{opacity:0;transform:translateY(12px)}}
.cv .cf-facts{margin-top:0}
.cv-case>p{color:var(--ink)}
.cv-film{max-width:180px;margin:0 0 var(--s6)}
.cv-film video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;display:block;background:#ddd5d0}
.cv-film figcaption{font-size:12px;color:var(--muted);margin-top:6px}
/* 底部個案列表 */
.cv-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:18px 16px;margin-top:clamp(32px,4vw,56px)}
.cv-nav-item{display:grid;gap:6px;text-align:left;padding:0;border:0;background:none;color:var(--muted);transition:color var(--dur-fast)}
.cv-nav-item[hidden]{display:none}
.cv-nav-item:hover,.cv-nav-item[aria-current=true]{color:var(--ink);opacity:1}
.cv-bar{display:block;height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.cv-bar i{display:block;height:100%;width:0;background:var(--accent)}
.cv-nav-item[aria-current=true] .cv-bar i{width:100%;transition:width var(--dur-base) var(--ease)}
.cv-nav-item.run .cv-bar i{width:0;animation:cv-fill var(--d,8s) linear forwards;transition:none}
@keyframes cv-fill{to{width:100%}}
.cv-nav-no{font:12px var(--display);letter-spacing:.2em}
.cv-nav-t{font-size:13px;line-height:1.6}
.cv-foot{margin-top:var(--s8);text-align:center}
@media(max-width:900px){.cv-body{grid-template-columns:1fr}.cv-left{max-width:560px;margin-inline:auto}
  .cv-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:4px}.cv-nav::-webkit-scrollbar{display:none}.cv-nav-item{flex:0 0 110px;scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.cv-case{animation:none}}

/* 2026-10-02 /brows #work：elastic gallery（參考 21st.dev elastic-gallery） */
.eg-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--s6)}
.eg-pills button{min-height:40px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:14px;letter-spacing:.06em;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.eg-pills button:hover{border-color:var(--accent);opacity:1}
.eg-pills button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fffaf7}
.eg{display:flex;gap:12px;height:clamp(440px,62vh,600px)}
.eg-item{position:relative;flex:1 1 0;min-width:0;margin:0;border-radius:20px;overflow:hidden;background:#2a2224;cursor:pointer;
  transition:flex var(--dur-slow) cubic-bezier(.25,1,.5,1),filter var(--dur-base) var(--ease);filter:brightness(.6) saturate(.85)}
.eg-item[hidden]{display:none}
.eg-item:hover{filter:brightness(.78)}
.eg-item.on{flex-grow:5;filter:none;cursor:zoom-in}
.eg-item .case-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:inherit}
.eg-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1s var(--ease)}
.eg-item.on img{transform:none}
.eg-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1f191bd9,#1f191b33 42%,transparent 70%);opacity:0;transition:opacity var(--dur-base)}
.eg-item.on:after{opacity:1}
.eg-ov{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,2.4vw,32px);display:grid;gap:8px;justify-items:start;color:#fffaf7;pointer-events:none;
  opacity:0;transform:translateY(24px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-enter) var(--ease)}
.eg-item.on .eg-ov{opacity:1;transform:none;transition-delay:.18s}
.eg-tag{padding:4px 12px;border-radius:99px;border:1px solid #ffffff59;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.1em}
.eg-t{font:clamp(24px,2.6vw,36px)/1.3 var(--display);font-weight:400;letter-spacing:.06em}
.eg-go{font-size:12px;letter-spacing:.16em;opacity:.8}
.eg-v{position:absolute;left:50%;bottom:20px;z-index:2;transform:translateX(-50%);writing-mode:vertical-rl;white-space:nowrap;color:#fffaf7;font:15px var(--display);letter-spacing:.3em;pointer-events:none;
  text-shadow:0 1px 10px #0009;transition:opacity var(--dur-base) var(--ease)}
.eg-item.on .eg-v{opacity:0}
@media(max-width:760px){.eg{flex-direction:column;height:auto;gap:8px}
  .eg-item{flex:none;height:64px;transition:height var(--dur-slow) cubic-bezier(.25,1,.5,1),filter var(--dur-base) var(--ease)}
  .eg-item.on{height:min(92vw,440px)}
  .eg-v{writing-mode:horizontal-tb;left:20px;bottom:50%;transform:translateY(50%);font-size:14px;letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){.eg-item,.eg-item img,.eg-ov{transition:none}}
/* 2026-10-02 /hairline #two-ways 改淺色底（拎走背景片）＋個案相唔好太高 */
#two-ways .hl-ways.plain>div{border-top-color:var(--line)}
#two-ways .hl-ways.plain .kicker{color:var(--accent)}
#two-ways .hl-ways.plain h3{color:var(--ink)}
#two-ways .hl-ways.plain p{color:var(--muted)}
#two-ways .hl-ways.plain .text-link{color:var(--ink)}
.hlf-grid{max-width:880px;margin-inline:auto}
/* 2026-10-02 Garrick：作品集頂部改淺色 */
.wk-hero{background:var(--canvas);color:var(--ink)}
.wk-hero .lead{color:var(--muted)}
.wk-hero .kicker{color:var(--accent)}
.wk-hero .crumbs,.wk-hero .crumbs a{color:var(--muted)}
.wk-hero::after{background:linear-gradient(90deg,var(--canvas) 32%,#f9eeefd9 52%,#f9eeef1a 82%)}
.wk-collage span{box-shadow:0 24px 50px -30px #56323a80}
@media(max-width:800px){.wk-hero::after{background:linear-gradient(180deg,#f9eeef59,var(--canvas) 62%)}}
@media(max-width:800px){.wk-hero::after{background:linear-gradient(180deg,#f9eeefc7,var(--canvas) 48%)}
  .wk-ig-links .pill{min-height:44px;padding:8px 18px;gap:12px;font-size:13px}}
/* 英文版（/en/）：CSS content 入面嘅中文 */
html[lang=en] .fc-or::after{content:'or';font-size:13px;letter-spacing:.06em}
html[lang=en] .qb-tip:before{content:'Photo tip\2003'}
html[lang=en] .ink-loop ol:after{content:'↺ Back to step one'}
html[lang=en] .nw{white-space:normal}   /* 中文短句先唔換行；英文句長，要換 */
.cv-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}   /* 個案列表永遠一行（≤900px 係橫向捲動） */
/* /browcourse #facts：拎走卡片，排法同紋眉／紋髮五步一樣（手機 3＋2、電腦一行 5 格）（2026-10-03 實機測試） */
.bc-facts2{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s4) var(--s3)}
.bc-facts2 li,.bc-facts2 li:last-child{flex:0 1 calc((100% - var(--s3)*2)/3);max-width:186px;grid-column:auto;padding:0;border:0;background:none;border-radius:0;gap:0}
.bc-facts2 img,.bc-facts2 li:last-child img{max-width:none;width:100%;margin-bottom:4px}
.bc-facts2 b{font-size:clamp(22px,2.6vw,34px)}
.bc-facts2 span{font-size:12px}
@media(min-width:801px){.bc-facts2{gap:var(--s4)}.bc-facts2 li,.bc-facts2 li:last-child{flex-basis:calc((100% - var(--s4)*4)/5);max-width:200px}}
/* /freeconsult #ways（2026-10-03）：由上一段頂部拉一條幼線落嚟，接「或」，再到「到店一對一」 */
.fc-ways:has(.fc-or2){display:block}
.fc-or2{display:flex;flex-direction:column;align-items:center;margin:calc(var(--section)*-1) auto var(--s8)}
.fc-or2:before{content:'';width:1px;height:calc(var(--section)*.75);background:linear-gradient(to bottom,transparent,var(--line))}
.fc-or2:after{content:'或';display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font:400 15px var(--display);color:var(--accent)}
html[lang=en] .fc-or2:after{content:'or';font-size:13px;letter-spacing:.06em}
.fc-studio{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;max-width:960px;margin-inline:auto}
.fc-studio .visit-dl{margin:0;padding:var(--s6);border:1px solid var(--line);border-radius:20px;background:var(--surface)}
@media(max-width:800px){.fc-studio{grid-template-columns:1fr;gap:var(--s6)}.fc-or2{margin-bottom:var(--s6)}}
/* /showcases 時間軸倒數（2026-10-05）：自動播放時，而家嗰粒點外圈填色顯示仲有幾耐跳下一張 */
@property --t{syntax:'<number>';inherits:true;initial-value:0}
.cv-step:after{content:"";position:absolute;top:-4px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;opacity:0;pointer-events:none;
  background:conic-gradient(var(--accent) calc(var(--t) * 1turn),transparent 0);-webkit-mask:radial-gradient(circle,transparent 11px,#000 11.5px);mask:radial-gradient(circle,transparent 11px,#000 11.5px);transition:opacity var(--dur-fast)}
.cv-tl.run .cv-step[aria-pressed=true]:after{opacity:1;animation:cv-t var(--d,4s) linear forwards}
@keyframes cv-t{from{--t:0}to{--t:1}}
.cv-step{min-height:44px;touch-action:manipulation}
@media (prefers-reduced-motion:reduce){.cv-tl.run .cv-step[aria-pressed=true]:after{animation:none;opacity:0}}
/* /hairline #design（2026-10-05 實機測試）：手機上行字向上移，唔好遮住影片入面條髮線 */
@media(max-width:800px){#design.bg-sec.short-bg>.wrap{padding-block:12svh 36svh}}
/* /smp 程度拉桿連續版：透明度由 JS 逐格計，唔使 CSS transition（會拖慢跟手） */
.sev-live .sev-imgs img{transition:none}