/* =====================================================================
   購物站外觀覆蓋樣式 v3b（第二版：同一品牌＋行銷頁吸引力）
   = 第一版 v3 全部規則（品牌一致：字型、頁首、版心、按鈕、角色色）
   ＋ 檔尾「購物站行銷例外」區塊（色帶、角色色頂線卡片、大字重點、加大首屏與按鈕）
   只改外觀；不改文字、價格、連結、功能。只適用購物站，不可放進測評站部署。
   ===================================================================== */
/* =====================================================================
   購物站外觀覆蓋樣式 v3（對齊「網站視覺規範 v3.0」與測評站現行介面）
   只改外觀：字級、字型、顏色、間距、按鈕、頁首頁尾。不改任何文字、價格、連結、功能。
   適用：購物站 React 頁（#root）＋ 使用解答頁 help.html（.help-wrap）
   ===================================================================== */

/* ---------- 0. 色票與尺寸（只在這裡定義） ---------- */
:root{
  --v3-ink:#1f2937;   /* 黑：標題、內文 */
  --v3-mute:#6b7280;  /* 灰：次要說明 */
  --v3-blue:#2c7eba;  /* 藍：家長、按鈕、連結、編號 */
  --v3-orange:#ef8846;/* 橘：孩子 */
  --v3-soft:#f5f3ef;  /* 淡底 */
  --v3-line:#e5e1d8;  /* 線條 */
  --v3-gutter:32px;   /* 1100 以下左右留白 */
  --v3-serif:ZwaySerif,"Noto Serif TC",serif;
  --v3-sans:ZwaySans,"Noto Sans TC","Microsoft JhengHei",sans-serif;
  --v3-logo:url("https://assessment.z-way-edu.com/taiwan-zway-brand-full-20261008.png");
  --v3-logo-t:url("https://assessment.z-way-edu.com/taiwan-zway-brand-full-transparent-20261012.png");
}
@media (max-width:767px){:root{--v3-gutter:20px}}

/* ---------- 1. 全面歸零：字型、字級、顏色、底色、陰影、漸層、線色 ---------- */
html body #root#root#root,
html body #root#root#root *,
html body #root#root#root *::before,
html body #root#root#root *::after{
  font-family:var(--v3-sans)!important;
  font-size:16px!important;
  color:var(--v3-ink)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border-color:var(--v3-line)!important;
  background-image:none!important;
  letter-spacing:0!important;
  font-style:normal!important;
}
html body #root#root#root *:not(img):not(svg):not(picture):not(video),
html body #root#root#root *::before,
html body #root#root#root *::after{background-color:transparent!important}
html body #root#root#root *{font-weight:400!important}
html body #root#root#root :is(h1,h2,h3,h4,h5,strong,b,summary,th,button,label,.j-shop-section-label,.j-shop-kicker,.j-shop-stage,.j-overline,.j-flow-index){font-weight:700!important}
html body,html body #root#root#root,html body #root#root#root .journey,html body #root#root#root main,html body #root#root#root .orders-page{background-color:#fff!important}
html body #root#root#root img{filter:none!important}

/* 標題：明體、只在標點後換行 */
html body #root#root#root :is(h1,h2,h3,h4){
  font-family:var(--v3-serif)!important;
  line-height:1.35!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  text-wrap:balance;
}
html body #root#root#root :is(h1,h2,h3,h4) *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:inherit!important}

/* ---------- 2. 四級字：48／30／20／16 ---------- */
html body #root#root#root h1{font-size:48px!important}
html body #root#root#root h2{font-size:30px!important}
html body #root#root#root :is(h3,h4){font-size:20px!important}
/* 卡片名稱、段落標題（不是 h 標籤的大字）→ 20 明體 */
html body #root#root#root :is(
  .j-shop-landing-hero-art strong,
  .j-shop-landing-understand-close>strong,
  .j-shop-landing-product strong,
  .j-shop-landing-products a>strong,
  .market-designed-price,
  .j-shop-question-main>strong,
  .j-shop-health-rhythm strong,
  .j-shop-report-preview-sheet>strong,
  .j-shop-outcome li>strong,
  .j-shop-path li>strong,
  .j-shop-value-close,
  .j-shop-outcome-main>p,
  .j-commerce-status>strong,
  .j-shop-choose a>strong,
  .j-shop-category-grid a>strong
){font-size:20px!important;font-family:var(--v3-serif)!important;font-weight:700!important;line-height:1.5!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
html body #root#root#root :is(.j-shop-value-close,.j-shop-outcome-main>p){font-weight:400!important}
html body #root#root#root :is(.j-shop-question-main>strong,.j-shop-value-close,.j-shop-outcome-main>p,.j-shop-landing-hero-art strong) *{font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;color:inherit!important}
/* 30：方案價格、報告目錄大字 */
html body #root#root#root :is(.j-shop-purchase-order>strong,.j-shop-landing-report-outline>strong){font-size:30px!important;font-family:var(--v3-serif)!important;font-weight:700!important;line-height:1.35!important;color:var(--v3-ink)!important}
html body #root#root#root .j-shop-landing-report-outline>strong *{font-size:inherit!important;color:inherit!important}

/* ---------- 3. 顏色角色 ---------- */
/* 次要說明＝灰 */
html body #root#root#root :is(p,li,small,dd,pre,blockquote p,details p,header>p,.j-shop-lead,.j-shop-lead *,.j-shop-question-lines *,ol>li,.market-designed-card p){color:var(--v3-mute)!important}
html body #root#root#root :is(li>strong,li>h3,li>h4,li>span:not([class])){color:var(--v3-ink)!important}
/* 眉標（小標）＝藍 16 粗 */
html body #root#root#root :is(.j-shop-kicker,.j-shop-stage,.j-shop-section-label,.j-overline,.j-flow-index,
  .j-shop-landing-intro>span,.j-shop-landing-understand-head>span,.j-shop-landing-products-head>span,
  section header>span:first-child,section>header>span,.orders-title>span,.j-shop-landing-report-outline>span,
  .j-shop-purchase-order>span,.j-shop-landing-method span){color:var(--v3-blue)!important;font-weight:700!important;font-family:var(--v3-sans)!important}
html body #root#root#root .j-shop-section-label::before{display:none!important}
/* 編號＝藍 */
html body #root#root#root :is(ol>li>span:first-child,.j-shop-landing-product-index,.j-shop-landing-products a>span:first-child,
  .j-shop-choose a>span:first-child,article>span:first-child,.j-shop-dimensions li>span:first-child,
  .j-shop-path li>span:first-child,.j-shop-evidence-steps>div>span:first-child){color:var(--v3-blue)!important;font-weight:700!important}
/* 大標裡的強調句＝孩子橘 */
html body #root#root#root :is(h1 em,h1 em *,.market-title-question){color:var(--v3-orange)!important}
html body #root#root#root .market-title-question{background:transparent!important}
/* 家長藍／孩子橘標籤：細框膠囊，高 32 */
html body #root#root#root :is(.j-shop-landing-hero-art div>span,.j-shop-perspective blockquote>span,.j-shop-hero-facts>span,.j-shop-health-rhythm span){
  display:inline-flex!important;align-items:center!important;height:32px!important;padding:0 12px!important;
  border:1px solid currentColor!important;border-radius:999px!important;font-weight:700!important;white-space:nowrap!important;
  color:var(--v3-blue)!important;
}
html body #root#root#root .j-shop-landing-hero-art div>span:first-of-type,
html body #root#root#root .j-shop-perspective blockquote:first-of-type>span{color:var(--v3-orange)!important}
html body #root#root#root .j-shop-hero .j-shop-hero-facts>span:nth-child(n){color:var(--v3-ink)!important;border-color:var(--v3-line)!important}
html body #root#root#root .j-shop-perspective blockquote>span:nth-child(n){align-self:flex-start!important;justify-self:start!important;width:auto!important;max-width:max-content!important}
/* 即將上市等狀態字＝灰 */
html body #root#root#root :is(.j-shop-landing-product-state,.j-shop-category-price,.case-product-menu-list small){color:var(--v3-mute)!important;font-weight:700!important}
html body #root#root#root .is-available .j-shop-landing-product-state{color:var(--v3-blue)!important}

/* ---------- 4. 連結與按鈕 ---------- */
html body #root#root#root a{color:var(--v3-blue)!important;text-decoration-color:currentColor!important}
html body #root#root#root a *{color:inherit!important}
/* 主要按鈕：藍底白字・高 48・圓角 12 */
html body #root#root#root :is(.j-primary,button.j-primary,.j-shop-landing-hero-copy>a,.j-shop-purchase-order button){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;height:48px!important;padding:0 24px!important;border-radius:12px!important;
  background-color:var(--v3-blue)!important;border:1px solid var(--v3-blue)!important;color:#fff!important;
  font-weight:700!important;text-decoration:none!important;
}
html body #root#root#root :is(.j-primary,.j-shop-landing-hero-copy>a) *{color:#fff!important}
html body #root#root#root :is(.j-primary,.j-shop-landing-hero-copy>a)::before,
html body #root#root#root :is(.j-primary,.j-shop-landing-hero-copy>a)::after{display:none!important}
/* 次要按鈕：白底藍框藍字 */
html body #root#root#root :is(.case-journey-nav>a:last-child,.market-whole-link,.site-help button,.site-help-links a,.j-shop-page-nav-plan){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:48px!important;height:48px!important;padding:0 20px!important;border-radius:12px!important;
  background-color:#fff!important;border:1px solid var(--v3-blue)!important;color:var(--v3-blue)!important;
  font-weight:700!important;text-decoration:none!important;
}
html body #root#root#root .market-whole-link *{color:var(--v3-blue)!important}
/* 文字連結：藍字、無底無框 */
html body #root#root#root :is(.j-flow-text-link,.j-shop-landing-deliver-foot>a,.j-shop-landing-method a,.j-shop-landing-report-outline>a,section.orders-panel>a,.j-shop-coming-soon footer>a){
  color:var(--v3-blue)!important;background:none!important;border:0!important;font-weight:700!important;
  text-decoration:underline!important;text-underline-offset:4px!important;padding:0!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;
}
html body #root#root#root .j-flow-text-link{border-radius:0!important}

/* ---------- 5. 卡片：淡底、圓角 12、無陰影、無色頂線 ---------- */
html body #root#root#root :is(
  .j-shop-landing-dimension-grid>li,.j-shop-landing-deliver li,.j-shop-landing-report li,.growth-feature,
  .j-shop-landing-report-outline,.j-shop-landing-products a,.j-shop-landing-understand-close,
  .market-designed-card,.market-designed-card h4,.market-card-question,.market-designed-close,.market-reference-group,
  .j-shop-landing-questions details,.j-shop-landing-hero-art>div,
  .j-shop-question-lines>p,.j-shop-question-main>strong,.j-shop-dimensions li,.j-shop-health-rhythm,.j-shop-health-rhythm>div,
  .j-shop-perspective blockquote,.j-shop-report-preview-sheet,.j-shop-outcome li,.j-shop-path li,.j-shop-evidence-main>div,.j-shop-evidence div[class=""],
  .j-shop-value-main>div>div,.j-shop-fit-main>div>div,.j-shop-faq details,.j-shop-choose a,.j-shop-purchase-order,
  .j-shop-coming-soon article,.j-flow-work,.j-commerce-status,.site-help details,.site-help pre,.orders-panel
){
  background-color:var(--v3-soft)!important;border:0!important;border-radius:12px!important;
}
html body #root#root#root .market-designed-card :is(h4,.market-card-question),html body #root#root#root .market-whole .market-card-question{background-color:#fff!important}
html body #root#root#root .market-whole h3{background-color:var(--v3-blue)!important;color:#fff!important;border-radius:12px!important}
html body #root#root#root .market-whole h3 *{color:#fff!important}
html body #root#root#root .market-whole li::before{background-color:var(--v3-orange)!important}
html body #root#root#root .site-help :is(pre,button){background-color:#fff!important}
html body #root#root#root .site-help button{border:1px solid var(--v3-blue)!important}
html body #root#root#root :is(.j-shop-landing-dimension-grid,.j-shop-dimensions ol)::before,html body #root#root#root :is(.j-shop-fit h3)::after{display:none!important}
/* 卡片角落的裝飾角線、頂色線拿掉 */
html body #root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-report li,.j-shop-landing-deliver li)::before,
html body #root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-report li,.j-shop-landing-deliver li)::after{display:none!important}
html body #root#root#root .j-shop-path li::before{background-color:var(--v3-line)!important}
/* 圓角只用 12（膠囊標籤與圓形圖示除外） */
html body #root#root#root :is(img,figure,.j-shop-art,.j-shop-landing-hero-art){border-radius:12px!important}

/* ---------- 6. 頁首：高 80，LOGO 高 48 ---------- */
html body #root#root#root .j-top{
  height:80px!important;min-height:80px!important;padding-top:0!important;padding-bottom:0!important;
  background-color:#fff!important;border-bottom:1px solid var(--v3-line)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;
}
html body #root#root#root .case-journey-brand{display:inline-flex!important;align-items:center!important;gap:0!important;text-decoration:none!important;height:48px!important}
html body #root#root#root .case-journey-brand img{content:var(--v3-logo)!important;height:48px!important;width:auto!important;max-height:48px!important;border-radius:0!important;object-fit:contain!important}
html body #root#root#root .case-journey-brand span{
  font-size:20px!important;font-weight:400!important;letter-spacing:3px!important;color:var(--v3-ink)!important;
  border-left:1px solid var(--v3-line)!important;margin-left:16px!important;padding-left:16px!important;line-height:1!important;white-space:nowrap!important;
}
html body #root#root#root .case-journey-nav{display:flex!important;align-items:center!important;gap:24px!important;height:80px!important}
html body #root#root#root .case-journey-nav>a,html body #root#root#root .case-product-menu>a{
  color:var(--v3-mute)!important;text-decoration:none!important;font-weight:400!important;
  display:inline-flex!important;align-items:center!important;min-height:44px!important;border-bottom:2px solid transparent!important;border-radius:0!important;
}
html body #root#root#root .case-journey-nav>a::after,html body #root#root#root .case-product-menu>a::after{display:none!important}
html body #root#root#root .case-journey-nav>a[aria-current="page"],html body #root#root#root .case-product-menu>a[aria-current="page"]{
  color:var(--v3-ink)!important;font-weight:700!important;border-bottom-color:var(--v3-blue)!important;
}
html body #root#root#root .case-journey-nav>a:last-child{color:var(--v3-blue)!important;border-bottom:1px solid var(--v3-blue)!important}
html body #root#root#root .case-product-menu-list{background-color:#fff!important;border:1px solid var(--v3-line)!important;border-radius:12px!important}
html body #root#root#root .case-product-menu-list a{color:var(--v3-ink)!important}
html body #root#root#root .case-journey-location{min-height:48px!important;display:flex!important;align-items:center!important;gap:8px!important;background-color:#fff!important;border-bottom:1px solid var(--v3-line)!important}
html body #root#root#root .case-journey-location :is(span,strong){color:var(--v3-mute)!important}
html body #root#root#root .case-journey-location strong{color:var(--v3-ink)!important}
/* 訂單頁自帶的頁首 */
html body #root#root#root .orders-header{height:80px!important;min-height:80px!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background-color:#fff!important;border-bottom:1px solid var(--v3-line)!important;box-sizing:border-box!important}
html body #root#root#root .orders-brand{display:inline-flex!important;align-items:center!important;text-decoration:none!important}
html body #root#root#root .orders-brand img{content:var(--v3-logo)!important;height:48px!important;width:auto!important;border-radius:0!important}
html body #root#root#root .orders-brand span{font-size:20px!important;font-weight:400!important;letter-spacing:3px!important;color:var(--v3-ink)!important;border-left:1px solid var(--v3-line)!important;margin-left:16px!important;padding-left:16px!important;line-height:1!important;white-space:nowrap!important}
html body #root#root#root .orders-header nav{display:flex!important;gap:24px!important;align-items:center!important}
html body #root#root#root .orders-header nav a{color:var(--v3-mute)!important;text-decoration:none!important;font-weight:400!important;border-bottom:2px solid transparent!important;min-height:44px!important;display:inline-flex!important;align-items:center!important}
html body #root#root#root .orders-header nav a[aria-current="page"]{color:var(--v3-ink)!important;font-weight:700!important;border-bottom-color:var(--v3-blue)!important}

/* ---------- 7. 版面寬度：1100 以上內容 1000 置中，以下左右 32 ---------- */
html body #root#root#root :is(.j-top,.orders-header,.case-journey-location,main>section,main>nav,main>header,main>footer,.j-flow-art,footer.j-footer,.orders-page>footer,.orders-page main,aside.site-help){
  box-sizing:border-box!important;max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;
  padding-left:var(--v3-gutter)!important;padding-right:var(--v3-gutter)!important;
}
@media (min-width:1100px){
  html body #root#root#root :is(.j-top,.orders-header,.case-journey-location,main>section,main>nav,main>header,main>footer,.j-flow-art,footer.j-footer,.orders-page>footer,.orders-page main,aside.site-help){
    padding-left:calc((100% - 1000px)/2)!important;padding-right:calc((100% - 1000px)/2)!important;
  }
}
/* 區塊內層不再自己縮排或限寬 */
html body #root#root#root :is(main>section,main>nav,.j-flow-art,.orders-page main)>*{max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
html body #root#root#root :is(main>section>header,main>section>div,.j-shop-landing-market>*,.market-designed-heading){padding-left:0!important;padding-right:0!important}
/* 段落間距 64，區塊以細線分隔 */
html body #root#root#root main>section{padding-top:64px!important;padding-bottom:64px!important;border-top:1px solid var(--v3-line)!important;background-color:#fff!important}
html body #root#root#root main>section:first-child,html body #root#root#root main>section.j-shop-hero,html body #root#root#root main>section.j-shop-landing-hero{border-top:0!important}
html body #root#root#root main>section.j-shop-landing-hero,html body #root#root#root main>section.j-shop-hero{padding-top:48px!important;padding-bottom:48px!important}
html body #root#root#root main>nav{border-top:1px solid var(--v3-line)!important;border-bottom:1px solid var(--v3-line)!important;background-color:#fff!important}
html body #root#root#root main>nav a{color:var(--v3-mute)!important;font-weight:700!important;text-decoration:none!important}
html body #root#root#root .j-shop-page-nav{position:sticky!important;top:0!important;z-index:20!important}
html body #root#root#root .market-designed{border-left:0!important}
html body #root#root#root aside.site-help{border-radius:0!important;background-color:#fff!important;border-top:1px solid var(--v3-line)!important;padding-top:48px!important;padding-bottom:48px!important}
html body #root#root#root .site-help details{padding:16px 24px!important;margin-bottom:16px!important}

/* ---------- 8. 頁尾：精簡兩列、全部 16 灰 ---------- */
html body #root#root#root :is(footer.j-footer,.orders-page>footer){
  display:grid!important;grid-template-columns:1fr!important;row-gap:0!important;
  padding-top:24px!important;padding-bottom:24px!important;background-color:#fff!important;
  border-top:1px solid var(--v3-line)!important;text-align:left!important;
}
html body #root#root#root :is(footer.j-footer,.orders-page>footer) .brand-lockup{
  display:flex!important;align-items:center!important;gap:16px!important;padding-bottom:16px!important;border-bottom:1px solid var(--v3-line)!important;margin:0!important;
  width:100%!important;max-width:none!important;grid-template-columns:none!important;
}
html body #root#root#root :is(footer.j-footer,.orders-page>footer) .brand-lockup img{content:var(--v3-logo-t)!important;height:48px!important;width:auto!important;max-width:none!important;border-radius:0!important}
html body #root#root#root :is(footer.j-footer,.orders-page>footer) .brand-lockup-english{display:none!important}
html body #root#root#root :is(footer.j-footer,.orders-page>footer) .brand-lockup-tagline{
  margin:0!important;color:var(--v3-mute)!important;font-weight:700!important;letter-spacing:1.28px!important;
  border-left:1px solid var(--v3-line)!important;padding-left:16px!important;line-height:1.2!important;white-space:nowrap!important;width:auto!important;
}
html body #root#root#root footer.j-footer>nav{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:24px!important;
  padding-top:8px!important;margin:0!important;font-size:0!important;color:transparent!important;justify-content:flex-start!important;
}
html body #root#root#root :is(footer.j-footer>nav a,.orders-page>footer>a){
  font-size:16px!important;color:var(--v3-mute)!important;text-decoration:none!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:400!important;margin:0!important;padding:0!important;
}
html body #root#root#root footer.j-footer>nav a img{width:20px!important;height:20px!important;border-radius:0!important}
html body #root#root#root .orders-page>footer>a{padding-top:8px!important}
/* 幼兒、國中、高中頁的「準備中」小頁尾 */
html body #root#root#root .j-shop-coming-soon section footer{background-color:var(--v3-soft)!important;border-radius:12px!important;padding:24px!important}

/* ---------- 9. 手機：34／24／18／16 ---------- */
@media (max-width:767px){
  html body #root#root#root h1{font-size:34px!important}
  html body #root#root#root h2,html body #root#root#root :is(.j-shop-purchase-order>strong,.j-shop-landing-report-outline>strong){font-size:24px!important}
  html body #root#root#root :is(h3,h4),html body #root#root#root :is(
    .j-shop-landing-hero-art strong,.j-shop-landing-understand-close>strong,.j-shop-landing-products a>strong,.market-designed-price,
    .j-shop-question-main>strong,.j-shop-health-rhythm strong,.j-shop-report-preview-sheet>strong,.j-shop-outcome li>strong,.j-shop-path li>strong,
    .j-shop-value-close,.j-shop-outcome-main>p,.j-commerce-status>strong,.j-shop-choose a>strong,.case-journey-brand span,.orders-brand span){font-size:18px!important}
  html body #root#root#root .j-top,html body #root#root#root .orders-header{height:auto!important;min-height:64px!important;flex-wrap:wrap!important;row-gap:0!important}
  html body #root#root#root .case-journey-brand img,html body #root#root#root .orders-brand img{height:36px!important}
  html body #root#root#root .case-journey-brand span{display:none!important}
  html body #root#root#root .case-journey-nav{height:auto!important;gap:12px!important;flex-wrap:wrap!important}
  html body #root#root#root .case-journey-nav>a:last-child{height:40px!important;min-height:40px!important;padding:0 12px!important}
  html body #root#root#root :is(footer.j-footer,.orders-page>footer) .brand-lockup{flex-wrap:wrap!important}
}

/* =====================================================================
   使用解答頁 help.html（獨立靜態頁，需另外在 <head> 引入本檔）
   ===================================================================== */
html body .help-wrap,html body .help-wrap *{font-family:var(--v3-sans)!important;color:var(--v3-ink)!important;box-shadow:none!important;background-image:none!important;font-size:16px!important;letter-spacing:0!important}
html body:has(.help-wrap){background:#fff!important}
html body .help-wrap{max-width:none!important;padding:0 var(--v3-gutter) 48px!important}
@media (min-width:1100px){html body .help-wrap{padding-left:calc((100% - 1000px)/2)!important;padding-right:calc((100% - 1000px)/2)!important}}
html body .help-wrap *:not(img){background-color:transparent!important}
html body .help-wrap :is(h1,h2,h3){font-family:var(--v3-serif)!important;font-weight:700!important;word-break:keep-all!important;overflow-wrap:anywhere!important;line-height:1.35!important}
html body .help-wrap .help-brand{display:flex!important;align-items:center!important;height:80px!important;border-bottom:1px solid var(--v3-line)!important;color:var(--v3-mute)!important;font-weight:400!important;text-decoration:none!important;gap:16px!important}
html body .help-wrap .help-brand img{content:var(--v3-logo);height:48px!important;width:auto!important;border-right:1px solid var(--v3-line)!important;padding-right:16px!important}
html body .help-wrap .help-hero{max-width:none!important;padding:48px 0 24px!important}
html body .help-wrap .help-hero h1{font-size:48px!important}
html body .help-wrap .help-kicker{color:var(--v3-blue)!important;font-weight:700!important}
html body .help-wrap .help-hero p:not(.help-kicker){color:var(--v3-mute)!important}
html body .help-wrap .help-status{background-color:var(--v3-soft)!important;border:0!important;border-radius:12px!important;padding:16px 24px!important;color:var(--v3-ink)!important}
html body .help-wrap .help-nav{gap:16px!important}
html body .help-wrap .help-nav a{display:inline-flex!important;align-items:center!important;min-height:48px!important;padding:0 20px!important;border:1px solid var(--v3-blue)!important;border-radius:12px!important;color:var(--v3-blue)!important;background:#fff!important;text-decoration:none!important;font-weight:700!important}
html body .help-wrap .help-topic{border:0!important;border-top:1px solid var(--v3-line)!important;border-radius:0!important;padding:24px 0!important;margin:0!important}
html body .help-wrap .help-topic h2{font-size:20px!important;color:var(--v3-ink)!important;margin:0 0 16px!important}
html body .help-wrap details{background-color:var(--v3-soft)!important;border:0!important;border-radius:12px!important;padding:16px 24px!important}
html body .help-wrap summary{font-weight:700!important}
html body .help-wrap :is(ol li,section p){color:var(--v3-mute)!important}
html body .help-wrap a{color:var(--v3-blue)!important}
html body .help-wrap .help-contact{background-color:var(--v3-soft)!important;border:0!important;border-radius:12px!important;padding:24px!important}
html body .help-wrap .help-contact h2{font-size:30px!important}
html body .help-wrap pre{background-color:#fff!important;border:1px solid var(--v3-line)!important;border-radius:12px!important}
html body .help-wrap .help-links a{display:inline-flex!important;align-items:center!important;min-height:48px!important;padding:0 20px!important;border:1px solid var(--v3-blue)!important;border-radius:12px!important;background:#fff!important;text-decoration:none!important;font-weight:700!important}
html body .help-wrap .help-foot{border-top:1px solid var(--v3-line)!important;padding-top:24px!important;margin-top:48px!important}
html body .help-wrap .help-foot a,html body .help-wrap .help-foot p{color:var(--v3-mute)!important}
html body .help-wrap :is(button,.help-copy){min-height:48px!important;border:1px solid var(--v3-blue)!important;border-radius:12px!important;color:var(--v3-blue)!important;background:#fff!important;font-weight:700!important;padding:0 20px!important}
@media (max-width:767px){
  html body .help-wrap .help-hero h1{font-size:34px!important}
  html body .help-wrap .help-contact h2{font-size:24px!important}
  html body .help-wrap .help-topic h2{font-size:18px!important}
  html body .help-wrap .help-brand img{height:36px!important}
}

/* ---------- 10. 細部修正（自我檢查後補） ---------- */
/* 區塊內的小導覽靠左，與內容左緣切齊 */
html body #root#root#root :is(.j-shop-landing-contents,.j-shop-page-nav){justify-content:flex-start!important;text-align:left!important}
html body #root#root#root :is(.j-shop-landing-contents,.j-shop-page-nav)>*{margin-left:0!important}
html body #root#root#root :is(.j-shop-landing-contents,.j-shop-page-nav) a{border-bottom:0!important}
/* 報告樣張不旋轉、不超出右緣 */
html body #root#root#root .j-shop-report-preview-sheet{transform:none!important;rotate:none!important}
html body #root#root#root .j-shop-report-preview-sheet::before,html body #root#root#root .j-shop-report-preview-sheet::after{display:none!important}
/* 清單與問答的小符號 */
html body #root#root#root summary::marker{color:var(--v3-blue)!important}
html body #root#root#root li::marker{color:var(--v3-mute)!important}
/* 購物車：左右兩欄的外框寬度與頁首切齊 */
html body #root#root#root .j-flow-layout{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin:0 var(--v3-gutter)!important;padding:48px 0!important}
@media (min-width:1100px){html body #root#root#root .j-flow-layout{margin:0 calc((100% - 1000px)/2)!important}}
html body #root#root#root .j-flow-work{padding:24px!important}
html body #root#root#root .j-commerce-status{background-color:#fff!important;padding:24px!important}
/* 訂單頁：卡片內距、眉標不加左線 */
html body #root#root#root .orders-page main>section.orders-panel{padding:32px!important;margin-top:24px!important}
html body #root#root#root .orders-page main{padding-top:48px!important;padding-bottom:48px!important}
html body #root#root#root .orders-title>span{border-left:0!important;padding-left:0!important}
html body #root#root#root .orders-page aside.site-help{padding-left:0!important;padding-right:0!important}
/* 使用解答頁：問答符號藍色 */
html body .help-wrap summary::marker{color:var(--v3-blue)!important}
html body .help-wrap .help-foot a{text-decoration-color:var(--v3-line)!important}
html body #root#root#root .orders-page main>section:not(.orders-panel){padding-left:0!important;padding-right:0!important}
html body #root#root#root .j-flow-layout{align-self:stretch!important;justify-self:stretch!important;max-width:none!important}
html body #root#root#root .j-flow-lead{max-width:none!important}
/* 國小頁大標：第二段（橘色）降一級成 30，避免 1024 寬時句號落單 */
html body #root#root#root .j-shop-hero h1 em{font-size:30px!important;display:block!important;margin-top:8px!important}
html body #root#root#root .j-shop-hero h1 em *{font-size:inherit!important}
@media (max-width:767px){html body #root#root#root .j-shop-hero h1 em{font-size:24px!important}}
html body #root#root#root main.j-flow{padding-left:0!important;padding-right:0!important}
@media (max-width:767px){html body #root#root#root :is(h1,h2){letter-spacing:-0.02em!important}}
/* 問答卡片之間留 8 */
html body #root#root#root :is(.j-shop-faq details,.j-shop-landing-questions details){margin:0 0 8px!important}
/* 手機：英雄區文字不再內縮，與左右留白切齊；標題可在詞組之間換行 */
@media (max-width:767px){
  html body #root#root#root .j-shop-hero-copy>*{margin-left:0!important;margin-right:0!important}
  html body #root#root#root :is(h1,h2)>span,html body #root#root#root :is(h1,h2) .j-shop-keep{display:inline-block!important}
}
html body #root#root#root :is(.j-shop-landing-understand-close,.market-designed-close).j-shop-landing-understand-close,html body #root#root#root .market-designed-close.market-designed-close{padding:24px!important}

/* #####################################################################
   購物站行銷例外（v3b 新增，測評站不適用）
   例外 1：區段色帶交替：白 → 淡藍 #eef5fb → 淡暖 #fdf4ee（規範只有白與 #f5f3ef）
   例外 2：卡片頂部 3px 角色色線（孩子橘／家長藍），滑過時框線變藍
   例外 3：首屏與購買主要按鈕高 56（規範 48），首屏內文 20
   例外 4：重點大字：卡片編號 30、「六個面向」等重點 48、價格 48
           （字級表另允許 64 給價格或首屏大數字；本版實際沒有用到 64）
   ##################################################################### */
:root{--v3-band-blue:#eef5fb;--v3-band-warm:#fdf4ee}

/* ---- 例外 1：色帶交替（首屏維持白） ---- */
html body #root#root#root#root main>section{border-top:0!important;padding-top:80px!important;padding-bottom:80px!important}
html body #root#root#root#root main>section:nth-of-type(3n+1){background-color:#fff!important}
html body #root#root#root#root main>section:nth-of-type(3n+2){background-color:var(--v3-band-blue)!important}
html body #root#root#root#root main>section:nth-of-type(3n+3){background-color:var(--v3-band-warm)!important}

/* ---- 首屏：插圖撐滿右半邊、大標 48 ---- */
@media (min-width:768px){
  html body #root#root#root#root main>section:is(.j-shop-landing-hero,.j-shop-hero){
    display:grid!important;grid-template-columns:minmax(0,500px) minmax(0,1fr)!important;column-gap:48px!important;
    padding-top:0!important;padding-bottom:0!important;padding-right:0!important;min-height:620px!important;align-items:stretch!important;
  }
  html body #root#root#root#root :is(.j-shop-landing-hero-copy,.j-shop-hero-copy){align-self:center!important;padding:64px 0!important;grid-column:1!important;grid-row:1!important}
  html body #root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art){grid-column:2!important;grid-row:1 / span 3!important;position:relative!important;
     width:100%!important;max-width:none!important;height:100%!important;min-height:620px!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
  html body #root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art)>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
     object-fit:cover!important;object-position:center center!important;border-radius:0!important;max-width:none!important}
  html body #root#root#root#root .j-shop-landing-hero-art>div{left:32px!important;right:auto!important;bottom:32px!important;background-color:#fff!important;border:1px solid var(--v3-line)!important;border-top:3px solid var(--v3-orange)!important}
}
html body #root#root#root#root :is(.j-shop-landing-hero,.j-shop-hero) h1{font-size:48px!important}
html body #root#root#root#root :is(.j-shop-landing-hero-copy,.j-shop-hero-copy)>p{font-size:20px!important;line-height:1.8!important;color:var(--v3-mute)!important}
html body #root#root#root#root :is(.j-shop-landing-hero-copy,.j-shop-hero-copy)>p *{font-size:inherit!important}
/* 例外 3：主要按鈕高 56、加寬 */
html body #root#root#root#root :is(.j-shop-landing-hero-copy>a,.j-shop-purchase-order>button){height:56px!important;min-height:56px!important;min-width:240px!important;padding:0 40px!important;font-size:20px!important}

/* ---- 例外 2：白卡＋3px 角色色頂線，滑過框線變藍，無陰影 ---- */
html body #root#root#root#root :is(
  .j-shop-landing-dimension-grid>li,.j-shop-landing-deliver li,.j-shop-landing-report li,.growth-feature,
  .j-shop-landing-report-outline,.j-shop-landing-products a,.market-designed-card,.j-shop-landing-questions details,
  .j-shop-landing-understand-close,.market-designed-close,
  .j-shop-question-lines>p,.j-shop-dimensions li,.j-shop-health-rhythm>div,.j-shop-perspective blockquote,.j-shop-report-preview-sheet,
  .j-shop-outcome li,.j-shop-path li,.j-shop-evidence-steps>div,.j-shop-value-main>div>div,.j-shop-fit-main>div>div,
  .j-shop-faq details,.j-shop-choose a,.j-shop-purchase-order,.j-shop-coming-soon article
){
  background-color:#fff!important;border:1px solid var(--v3-line)!important;border-top:3px solid var(--v3-blue)!important;
  border-radius:12px!important;transition:border-color .2s ease!important;
}
html body #root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-deliver li,.j-shop-landing-report li,.growth-feature,.j-shop-landing-products a,
  .j-shop-dimensions li,.j-shop-health-rhythm>div,.j-shop-outcome li,.j-shop-path li,.j-shop-evidence-steps>div,.j-shop-value-main>div>div,
  .j-shop-fit-main>div>div,.j-shop-choose a,.j-shop-coming-soon article,.j-shop-question-lines>p):nth-child(even){border-top-color:var(--v3-orange)!important}
html body #root#root#root#root .j-shop-perspective blockquote:first-of-type,html body #root#root#root#root .j-shop-landing-understand-close{border-top-color:var(--v3-orange)!important}
html body #root#root#root#root .j-shop-perspective blockquote:last-of-type{border-top-color:var(--v3-blue)!important}
html body #root#root#root#root :is(
  .j-shop-landing-dimension-grid>li,.j-shop-landing-deliver li,.j-shop-landing-report li,.growth-feature,.j-shop-landing-report-outline,
  .j-shop-landing-products a,.market-designed-card,.j-shop-landing-questions details,.j-shop-dimensions li,.j-shop-health-rhythm>div,
  .j-shop-perspective blockquote,.j-shop-outcome li,.j-shop-path li,.j-shop-evidence-steps>div,.j-shop-value-main>div>div,.j-shop-fit-main>div>div,
  .j-shop-faq details,.j-shop-choose a,.j-shop-coming-soon article
):hover{border-color:var(--v3-blue)!important}
html body #root#root#root#root .j-shop-health-rhythm{background-color:transparent!important;border:0!important;gap:16px!important}
html body #root#root#root#root .j-shop-path li::before{display:none!important}
html body #root#root#root#root :is(.j-shop-question-lines>p,.j-shop-health-rhythm>div,.j-shop-path li,.j-shop-choose a){padding:24px!important}

/* ---- 例外 4：數字與重點用大字 ---- */
html body #root#root#root#root :is(.j-shop-landing-dimension-grid>li>span:first-child,.j-shop-landing-deliver li>span:first-child,.j-shop-landing-report li>span:first-child,
  .j-shop-dimensions li>span:first-child,.j-shop-outcome li>span:first-child,.j-shop-path li>span:first-child,.j-shop-evidence-steps>div>span:first-child,
  .j-shop-coming-soon article>span:first-child,.j-shop-choose a>span:first-child){
  font-size:30px!important;line-height:1.2!important;font-weight:700!important;color:var(--v3-blue)!important;font-family:var(--v3-sans)!important;
}
html body #root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-deliver li,.j-shop-landing-report li,.j-shop-dimensions li,.j-shop-outcome li,.j-shop-path li,.j-shop-evidence-steps>div,.j-shop-coming-soon article,.j-shop-choose a):nth-child(even)>span:first-child{color:var(--v3-orange)!important}
html body #root#root#root#root .j-shop-landing-report-outline>strong{font-size:48px!important;line-height:1.3!important;color:var(--v3-blue)!important}
html body #root#root#root#root .j-shop-dimensions h2 .j-shop-keep{font-size:48px!important;color:var(--v3-blue)!important}
html body #root#root#root#root .j-shop-health-rhythm strong{font-size:30px!important;color:var(--v3-blue)!important}
html body #root#root#root#root .j-shop-health-rhythm>div:nth-child(2) strong{color:var(--v3-orange)!important}
html body #root#root#root#root .j-shop-question-main>strong{background-color:var(--v3-blue)!important;color:#fff!important;border:0!important;padding:24px 32px!important}
html body #root#root#root#root .j-shop-question-main>strong *{color:#fff!important}
html body #root#root#root#root .j-shop-landing-products a.is-available{border:2px solid var(--v3-blue)!important;border-top:3px solid var(--v3-blue)!important}

/* ---- 價格區：價格 48、購買按鈕在旁邊 ---- */
html body #root#root#root#root .j-shop-purchase-main{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:24px!important}
html body #root#root#root#root .j-shop-purchase-order{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-areas:"label label" "price btn" "list list"!important;align-items:center!important;column-gap:32px!important;row-gap:16px!important;padding:32px!important;
   border:2px solid var(--v3-blue)!important;border-top:3px solid var(--v3-blue)!important}
html body #root#root#root#root .j-shop-purchase-order>span{grid-area:label!important}
html body #root#root#root#root .j-shop-purchase-order>strong{grid-area:price!important;font-size:48px!important;color:var(--v3-blue)!important;line-height:1.2!important}
html body #root#root#root#root .j-shop-purchase-order>button{grid-area:btn!important;justify-self:end!important}
html body #root#root#root#root .j-shop-purchase-order>ul{grid-area:list!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 24px!important;margin:0!important;padding:16px 0 0 20px!important;border-top:1px solid var(--v3-line)!important}

/* ---- 手機：首屏不撐滿、大字回到手機級距 ---- */
@media (max-width:767px){
  html body #root#root#root#root :is(.j-shop-landing-hero,.j-shop-hero) h1,html body #root#root#root#root .j-shop-landing-report-outline>strong,html body #root#root#root#root .j-shop-dimensions h2 .j-shop-keep,html body #root#root#root#root .j-shop-purchase-order>strong{font-size:34px!important}
  html body #root#root#root#root :is(.j-shop-landing-hero-copy,.j-shop-hero-copy)>p,html body #root#root#root#root :is(.j-shop-landing-hero-copy>a,.j-shop-purchase-order>button){font-size:18px!important}
  html body #root#root#root#root :is(.j-shop-landing-dimension-grid>li>span:first-child,.j-shop-landing-deliver li>span:first-child,.j-shop-landing-report li>span:first-child,
    .j-shop-dimensions li>span:first-child,.j-shop-outcome li>span:first-child,.j-shop-path li>span:first-child,.j-shop-evidence-steps>div>span:first-child,
    .j-shop-coming-soon article>span:first-child,.j-shop-choose a>span:first-child),html body #root#root#root#root .j-shop-health-rhythm strong{font-size:24px!important}
  html body #root#root#root#root .j-shop-purchase-order{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"label" "price" "btn" "list"!important}
  html body #root#root#root#root .j-shop-purchase-order>button{justify-self:stretch!important}
  html body #root#root#root#root .j-shop-purchase-order>ul{grid-template-columns:minmax(0,1fr)!important}
}
html body #root#root#root#root .j-shop-purchase-order>strong{text-align:left!important;margin:0!important;padding:0!important;justify-self:start!important}
html body #root#root#root#root .j-shop-choose a{padding:24px 16px!important}
@media (max-width:767px){html body #root#root#root#root .j-shop-purchase-order>strong{font-size:24px!important}html body #root#root#root#root .j-shop-dimensions h2 .j-shop-keep{font-size:34px!important}}

/* =====================================================================
   v3b 追加（使用者同意第二版後）：單欄排版＋價格樣式
   ===================================================================== */
/* ---- 「左小標、右內容」改單欄：藍色小標放在大標上方，內容占滿 1000 ---- */
html body #root#root#root#root main>section.j-shop-section{display:block!important}
html body #root#root#root#root main>section.j-shop-section>.j-shop-section-label{display:block!important;width:auto!important;max-width:none!important;border:0!important;padding:0!important;margin:0 0 16px!important;min-height:0!important;position:static!important}
html body #root#root#root#root main>section.j-shop-section>*:not(.j-shop-section-label){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;grid-column:auto!important}
html body #root#root#root#root main>section:is(.j-shop-landing-questions,.j-shop-landing-method){display:block!important}
html body #root#root#root#root main>section:is(.j-shop-landing-questions,.j-shop-landing-method)>*{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #root#root#root#root main>section:is(.j-shop-landing-questions,.j-shop-landing-method)>*:first-child{margin-bottom:24px!important}
html body #root#root#root#root main>section:is(.j-shop-landing-questions,.j-shop-landing-method) :is(header,div){height:auto!important;min-height:0!important}

/* ---- 價格（行銷例外 5：國小價格區 64） ---- */
html body #root#root#root#root .j-shop-purchase-order>strong.j-shop-price{font-family:var(--v3-sans)!important;font-size:64px!important;line-height:1.1!important;color:var(--v3-blue)!important;white-space:nowrap!important;display:flex!important;align-items:baseline!important;gap:8px!important}
html body #root#root#root#root :is(.j-shop-price,.j-shop-hero-price) small{font-size:20px!important;font-weight:700!important;color:var(--v3-mute)!important;font-family:var(--v3-sans)!important}
html body #root#root#root#root .j-shop-hero-copy>p.j-shop-hero-price{font-family:var(--v3-sans)!important;font-size:48px!important;font-weight:700!important;line-height:1.2!important;color:var(--v3-blue)!important;display:flex!important;align-items:baseline!important;gap:8px!important;margin:24px 0 0!important;white-space:nowrap!important}
html body #root#root#root#root .j-shop-landing-product-price{display:block!important;font-size:30px!important;font-weight:700!important;line-height:1.2!important;color:var(--v3-blue)!important;margin:16px 0 0!important;font-family:var(--v3-sans)!important;white-space:nowrap!important}
html body #root#root#root#root .market-reference-price{margin:8px 0 16px!important;padding:16px 20px!important;background-color:#fff!important;border:1px solid var(--v3-line)!important;border-radius:12px!important}
html body #root#root#root#root :is(.market-reference-price,.j-shop-value-price) strong{display:block!important;font-size:20px!important;font-weight:700!important;color:var(--v3-ink)!important;font-family:var(--v3-sans)!important;line-height:1.5!important}
html body #root#root#root#root :is(.market-reference-price,.j-shop-value-price) small{display:block!important;font-size:16px!important;color:var(--v3-mute)!important;margin-top:4px!important}
html body #root#root#root#root .j-shop-value-price{margin:8px 0 16px!important}
html body #root#root#root#root .j-shop-value-main>div>div:last-child .j-shop-value-price strong{font-size:30px!important;color:var(--v3-blue)!important}
@media (max-width:767px){
  html body #root#root#root#root .j-shop-purchase-order>strong.j-shop-price,html body #root#root#root#root .j-shop-hero-copy>p.j-shop-hero-price{font-size:34px!important}
  html body #root#root#root#root .j-shop-landing-product-price,html body #root#root#root#root .j-shop-value-main>div>div:last-child .j-shop-value-price strong{font-size:24px!important}
  html body #root#root#root#root :is(.j-shop-price,.j-shop-hero-price) small{font-size:18px!important}
  html body #root#root#root#root :is(.market-reference-price,.j-shop-value-price) strong{font-size:18px!important}
}
html body #root#root#root#root :is(.j-shop-price,.j-shop-hero-price){flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
html body #root#root#root#root :is(.j-shop-price,.j-shop-hero-price) small{display:inline!important}
html body #root#root#root#root .j-shop-purchase-main>div>p{padding-left:0!important;margin-left:0!important}
/* 首頁階段卡：價格對齊同一高度 */
html body #root#root#root#root .j-shop-landing-products a>p{min-height:5.2em!important}

/* ---- 其他頁套用第二版：購物車、訂單、使用解答 ---- */
html body #root#root#root#root .j-flow-work{background-color:#fff!important;border:1px solid var(--v3-line)!important;border-top:3px solid var(--v3-blue)!important;border-radius:12px!important}
html body #root#root#root#root .j-flow-work .j-commerce-status{background-color:var(--v3-band-warm)!important;border-top:3px solid var(--v3-orange)!important}
html body #root#root#root#root aside.site-help{background-color:var(--v3-band-blue)!important;border-top:0!important}
html body #root#root#root#root .site-help details{background-color:#fff!important;border:1px solid var(--v3-line)!important;border-top:3px solid var(--v3-blue)!important}
html body #root#root#root#root .site-help details:nth-of-type(even){border-top-color:var(--v3-orange)!important}
html body #root#root#root#root .orders-page main>section{background-color:transparent!important}
html body #root#root#root#root .orders-page main>section.orders-panel{background-color:#fff!important;border:1px solid var(--v3-line)!important;border-top:3px solid var(--v3-orange)!important;border-radius:12px!important}
html body #root#root#root#root .orders-page{background-color:#fff!important}
html body #root#root#root#root .orders-page aside.site-help{padding-left:24px!important;padding-right:24px!important;border-radius:12px!important;margin-bottom:48px!important}
html body #root#root#root#root .j-stage-overview article{background-color:#fff!important}

/* ---- 使用解答頁（help.html）第二版：色帶與角色色頂線卡片 ---- */
html body .help-wrap .help-wrap,html body .help-wrap details{background-color:#fff!important;border:1px solid #e5e1d8!important;border-top:3px solid #2c7eba!important;border-radius:12px!important;transition:border-color .2s ease!important}
html body .help-wrap .help-topic:nth-of-type(even) details{border-top-color:#ef8846!important}
html body .help-wrap details:hover{border-color:#2c7eba!important}
html body .help-wrap .help-status{background-color:#fdf4ee!important;border-top:3px solid #ef8846!important}
html body .help-wrap .help-contact{background-color:#eef5fb!important;border-top:3px solid #2c7eba!important}
html body .help-wrap .help-hero h1{font-size:48px!important}
html body .help-wrap .help-nav a:hover{background-color:#eef5fb!important}

/* =====================================================================
   v3c 版面優化（2026-10-12 使用者：「這一頁的設計很浪費空間，把藍色小標題放在上面」「商品頁排版要檢討」）
   原則：藍色小標 → 大標 → 說明，一律單欄由上往下；拿掉卡片多餘高度與左右空欄。只改外觀。
   ===================================================================== */
html body #root#root#root#root#root main>section:not(.j-shop-hero):not(.j-shop-landing-hero){padding-top:64px!important;padding-bottom:64px!important}

/* 1. 段落開頭一律單欄：小標、標題、說明上下排（首頁兩段、國小頁六個面向） */
html body #root#root#root#root#root .j-shop-landing-understand-head,
html body #root#root#root#root#root .j-shop-landing-deliver>header,
html body #root#root#root#root#root .j-shop-dimensions-main>header{display:block!important}
html body #root#root#root#root#root .j-shop-landing-understand-head>*,
html body #root#root#root#root#root .j-shop-landing-deliver>header>*,
html body #root#root#root#root#root .j-shop-dimensions-main>header>*{width:auto!important;max-width:760px!important;margin-left:0!important}
html body #root#root#root#root#root .j-shop-landing-understand-head>p,
html body #root#root#root#root#root .j-shop-landing-deliver>header>p,
html body #root#root#root#root#root .j-shop-dimensions-main>header>p{margin-top:12px!important}
html body #root#root#root#root#root .j-shop-landing-understand-head>h2 br,
html body #root#root#root#root#root .j-shop-landing-deliver>header>h2 br{display:none!important}

/* 國小頁「從日常開始」：小標與大標改靠左，和其他段一致 */
html body #root#root#root#root#root .j-shop-question .j-shop-section-label,
html body #root#root#root#root#root .j-shop-question h2{text-align:left!important}

/* 2. 國小頁「個人化報告」：標題不再垂直置中，貼齊上緣 */
html body #root#root#root#root#root .j-shop-report-preview-main{align-items:start!important}
html body #root#root#root#root#root .j-shop-report-preview-sheet{min-height:0!important}

/* 3. 國小頁「年度服務內容」：拿掉卡片下方空白 */
html body #root#root#root#root#root .j-shop-annual-values>li{min-height:0!important;height:auto!important;align-content:start!important;padding-top:24px!important;padding-bottom:24px!important}
html body #root#root#root#root#root .j-shop-annual-values>li>span{grid-row:span 2!important;height:auto!important}
html body #root#root#root#root#root .j-shop-annual-values{grid-auto-rows:auto!important;align-items:stretch!important}

/* 4. 國小頁「您可能還想問」：標題放上面，問題全寬 */
html body #root#root#root#root#root .j-shop-faq-main{display:block!important}
html body #root#root#root#root#root .j-shop-faq-main>h2{width:auto!important;height:auto!important;margin-bottom:24px!important;position:static!important}
html body #root#root#root#root#root .j-shop-faq-main>div{width:auto!important;max-width:none!important}

/* 5. 國小頁「適合與界線」：兩張卡撐滿版心 */
html body #root#root#root#root#root .j-shop-fit-columns{width:100%!important;max-width:none!important}
html body #root#root#root#root#root .j-shop-fit-main>h2{width:auto!important}

/* 6. 國小頁「持續觀察」：說明與分隔線拉到全寬，下方兩張卡靠左對齊 */
html body #root#root#root#root#root .j-shop-health-main>div:first-child{max-width:760px!important}
html body #root#root#root#root#root .j-shop-health-rhythm{margin-left:0!important}

/* 7. 首頁四個階段卡：價格和「即將上市」之間不留大洞 */
html body #root#root#root#root#root .j-shop-landing-product-grid>a{min-height:0!important}
html body #root#root#root#root#root .j-shop-landing-product-grid>a>*{flex-grow:0!important}

/* 8. 首頁市場測評三張卡：名稱一行、價格同一高度 */
html body #root#root#root#root#root .market-reference-group .market-designed-card>:first-child{white-space:nowrap!important;padding-left:8px!important;padding-right:8px!important;letter-spacing:0!important}
html body #root#root#root#root#root .j-shop-annual-values>li>p{min-height:0!important;height:auto!important;margin:4px 0 0!important}
html body #root#root#root#root#root .j-shop-annual-values>li{grid-template-rows:auto auto!important}
html body #root#root#root#root#root .j-shop-faq details{padding:18px 24px!important}

/* =====================================================================
   v3c 吸睛層（2026-10-12 使用者：「新風格要視覺吸引人」「風格會比報告頁面強烈」）
   購物站是賣東西的頁：比報告頁更強烈——更大的標題、深藏青色帶、大號數字、卡片浮起。
   顏色仍只用品牌藍、橘、藏青；不改文字與功能。
   ===================================================================== */
:root{--v3c-navy:#17324d;--v3c-navy2:#22476b}
/* 標題放大一級：首屏 56、段落 36 */
html body #root#root#root#root#root main h1{font-size:56px!important;line-height:1.25!important}
html body #root#root#root#root#root main>section h2{font-size:36px!important;line-height:1.35!important}
/* 藍色小標前加一段橘色短線，更醒目 */
html body #root#root#root#root#root main>section .j-shop-section-label,
html body #root#root#root#root#root .j-shop-landing-understand-head>span,
html body #root#root#root#root#root .j-shop-landing-deliver>header>span,
html body #root#root#root#root#root .j-shop-landing-report>header>span,
html body #root#root#root#root#root .j-shop-landing-products-head>span,
html body #root#root#root#root#root .j-shop-landing-intro>span{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;letter-spacing:.08em!important;color:var(--v3-blue)!important}
html body #root#root#root#root#root main>section .j-shop-section-label::before,
html body #root#root#root#root#root .j-shop-landing-understand-head>span::before,
html body #root#root#root#root#root .j-shop-landing-deliver>header>span::before,
html body #root#root#root#root#root .j-shop-landing-report>header>span::before,
html body #root#root#root#root#root .j-shop-landing-products-head>span::before,
html body #root#root#root#root#root .j-shop-landing-intro>span::before{content:""!important;display:block!important;width:32px!important;height:3px!important;border-radius:2px!important;background:var(--v3-orange)!important}
/* 卡片浮起：淡陰影＋滑過上浮 */
html body #root#root#root#root#root .j-shop-landing-dimension-grid>li,html body #root#root#root#root#root .j-shop-landing-deliver ol>li,html body #root#root#root#root#root .j-shop-landing-report ol>li,html body #root#root#root#root#root .j-shop-dimensions-main ol>li,html body #root#root#root#root#root .j-shop-annual-values>li,html body #root#root#root#root#root .j-shop-path-main ol>li,
html body #root#root#root#root#root main .growth-feature,
html body #root#root#root#root#root .j-shop-landing-product-grid>a,
html body #root#root#root#root#root .j-shop-categories>a,
html body #root#root#root#root#root .market-designed-card{box-shadow:0 10px 30px rgba(23,50,77,.08)!important;transition:transform .25s ease,box-shadow .25s ease!important}
html body #root#root#root#root#root .j-shop-landing-product-grid>a:hover,
html body #root#root#root#root#root .j-shop-categories>a:hover,
html body #root#root#root#root#root main .growth-feature:hover{transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(23,50,77,.16)!important}
/* 大號編號 */
html body #root#root#root#root#root .j-shop-landing-dimension-grid>li>:first-child,
html body #root#root#root#root#root .j-shop-dimensions-main ol>li>:first-child,
html body #root#root#root#root#root .j-shop-annual-values>li>span,
html body #root#root#root#root#root .j-shop-path-main ol>li>:first-child{font-size:40px!important;line-height:1!important;font-weight:700!important}

/* 深藏青色帶：首頁「四個成長階段」、國小頁「國小扎根測評（購買）」 */
html body #root#root#root#root#root main>section.j-shop-landing-products,
html body #root#root#root#root#root main>section.j-shop-purchase{background:linear-gradient(135deg,var(--v3c-navy) 0%,var(--v3c-navy2) 100%)!important;border:0!important}
html body #root#root#root#root#root main>section.j-shop-landing-products h2,
html body #root#root#root#root#root main>section.j-shop-purchase h2{color:#fff!important}
html body #root#root#root#root#root main>section.j-shop-landing-products .j-shop-landing-products-head>span,
html body #root#root#root#root#root main>section.j-shop-purchase .j-shop-section-label{color:#9cc8ea!important}
html body #root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-main>div:first-child p{color:#d6e2ee!important}
html body #root#root#root#root#root main>section.j-shop-landing-products .j-shop-landing-product-grid>a,
html body #root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-order{box-shadow:0 20px 50px rgba(0,0,0,.25)!important}
/* 國小卡在色帶上用橘色粗框突顯 */
html body #root#root#root#root#root .j-shop-landing-product-grid>a.is-available{border:3px solid var(--v3-orange)!important;transform:translateY(-8px)!important}

/* 年度服務第一張（一年兩次完整測評）改成藍色主打卡 */
html body #root#root#root#root#root .j-shop-annual-values>li:first-child{background:linear-gradient(135deg,var(--v3-blue),#1f5f8f)!important;border-color:transparent!important}
html body #root#root#root#root#root .j-shop-annual-values>li:first-child *{color:#fff!important}

/* 階段卡：價格放大成橘色粗字，卡片不留大洞 */
html body #root#root#root#root#root .j-shop-landing-product-grid>a>p{min-height:0!important;margin-bottom:12px!important}
html body #root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:30px!important;font-weight:700!important;color:var(--v3-orange)!important;font-family:var(--v3-serif)!important;margin-top:auto!important}
html body #root#root#root#root#root .j-shop-landing-product-grid>a>.j-shop-landing-product-state{margin-top:0!important}
/* 國小購買卡：價格再放大、改橘色 */
html body #root#root#root#root#root .j-shop-purchase-order>strong{font-size:56px!important;color:var(--v3-orange)!important}
html body #root#root#root#root#root#root main>section.j-shop-section>.j-shop-section-label{display:flex!important;align-items:center!important;gap:12px!important}
html body #root#root#root#root#root#root main>section.j-shop-section>.j-shop-section-label::before{content:""!important;display:block!important;width:32px!important;height:3px!important;border-radius:2px!important;background:var(--v3-orange)!important}
@media (max-width:700px){
html body #root#root#root#root#root main h1{font-size:36px!important}
html body #root#root#root#root#root main>section h2{font-size:26px!important}
html body #root#root#root#root#root .j-shop-purchase-order>strong{font-size:40px!important}
html body #root#root#root#root#root .market-reference-group .market-designed-card>:first-child{white-space:normal!important}
}

/* =====================================================================
   v3c 字級整理（2026-10-12 使用者：「字體有幾種大小？」「應該要比較多超大跟大」）
   購物站只用四級：超大 56／大 36／中 20／小 16（手機 40／28／18／16）。
   超大：首屏大標、每段大標、報告重點大字、購買價格。
   大：所有編號、階段卡價格、首屏與段落中的強調句。
   ===================================================================== */
html body #root#root#root#root#root#root main h1,
html body #root#root#root#root#root#root main>section h2,
html body #root#root#root#root#root#root main>section h2 *,
html body #root#root#root#root#root#root .j-shop-landing-report-outline strong,
html body #root#root#root#root#root#root .j-shop-purchase-order>strong{font-size:56px!important;line-height:1.25!important}
html body #root#root#root#root#root#root main h1 em,html body #root#root#root#root#root#root main h1 em *{font-size:36px!important;line-height:1.35!important}
html body #root#root#root#root#root#root main li>span:first-child,
html body #root#root#root#root#root#root main li>:first-child:is(span,b),
html body #root#root#root#root#root#root .j-shop-health-rhythm strong,
html body #root#root#root#root#root#root .j-shop-health-rhythm span,
html body #root#root#root#root#root#root .j-shop-categories>a>span,
html body #root#root#root#root#root#root .j-shop-path-main ol>li>:first-child,
html body #root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:36px!important;line-height:1.2!important}
html body #root#root#root#root#root#root .j-shop-health-rhythm span:first-child{font-size:16px!important}
@media (max-width:700px){
html body #root#root#root#root#root#root main h1,
html body #root#root#root#root#root#root main>section h2,
html body #root#root#root#root#root#root main>section h2 *,
html body #root#root#root#root#root#root .j-shop-landing-report-outline strong,
html body #root#root#root#root#root#root .j-shop-purchase-order>strong{font-size:40px!important}
html body #root#root#root#root#root#root main h1 em,html body #root#root#root#root#root#root main h1 em *,
html body #root#root#root#root#root#root main li>span:first-child,
html body #root#root#root#root#root#root main li>:first-child:is(span,b),
html body #root#root#root#root#root#root .j-shop-health-rhythm strong,
html body #root#root#root#root#root#root .j-shop-categories>a>span,
html body #root#root#root#root#root#root .j-shop-path-main ol>li>:first-child,
html body #root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:28px!important}
}
html body #root#root#root#root#root#root .j-shop-evidence-steps>div>span:first-child{font-size:36px!important;line-height:1.2!important}
@media (max-width:700px){html body #root#root#root#root#root#root .j-shop-evidence-steps>div>span:first-child{font-size:28px!important}}
html body #root#root#root#root#root#root main>section.j-shop-section>.j-shop-section-label::before{position:static!important;flex:none!important}
/* 國小頁首屏大標：「，」不單獨掉行 */
html body #root#root#root#root#root#root .j-shop-hero-copy h1>span:first-child{white-space:nowrap!important;letter-spacing:-.03em!important}

/* =====================================================================
   v3c 參考得獎購物站（2026-10-12 使用者提供 ecomdesignawards／awwwards／tenten）
   A. 首屏滿版：插圖鋪滿整個首屏，大字壓在圖的左側（參考 Cay Skin、Flamingo Estate）
   B. 深色色塊：國小頁「個人化報告」左半深藏青整塊白字（參考 Houseplant）
   ===================================================================== */
/* A. 滿版首屏試過不採用：插圖是直式，鋪滿會切到人物並和大字重疊（2026-10-12） */
html body #root#root#root#root#root#root .j-shop-report-preview-main>div:first-child{background:linear-gradient(135deg,var(--v3c-navy),var(--v3c-navy2))!important;border-radius:12px!important;padding:48px 40px!important;align-self:stretch!important}
html body #root#root#root#root#root#root .j-shop-report-preview-main>div:first-child *{color:#fff!important}
html body #root#root#root#root#root#root .j-shop-report-preview-main>div:first-child p{color:#d6e2ee!important}
html body #root#root#root#root#root#root .j-shop-report-preview-main{gap:24px!important;align-items:stretch!important}
@media (max-width:700px){html body #root#root#root#root#root#root .j-shop-report-preview-main>div:first-child{padding:32px 24px!important}}

/* =====================================================================
   v3c 其餘頁面（2026-10-12：幼兒／國中／高中即將上市頁、購物車、訂單查詢、使用解答）
   沿用首頁與國小頁風格：藍色小標＋橘色短線在標題上面、單欄由上往下、
   字級只用 56／36／20／16（手機 40／28／18／16）。只改外觀。
   ===================================================================== */
/* --- 共用：小標前加橘色短線 --- */
html body #root#root#root#root#root#root .j-stage-overview>header>span,
html body #root#root#root#root#root#root .j-flow-lead>.j-overline,
html body #root#root#root#root#root#root .j-flow-work>.j-flow-index,
html body #root#root#root#root#root#root .orders-title>span,
html body .help-wrap.help-wrap.help-wrap .help-kicker{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--v3-blue,#2c7eba)!important;margin:0 0 12px!important}
html body #root#root#root#root#root#root .j-stage-overview>header>span::before,
html body #root#root#root#root#root#root .j-flow-lead>.j-overline::before,
html body #root#root#root#root#root#root .j-flow-work>.j-flow-index::before,
html body #root#root#root#root#root#root .orders-title>span::before,
html body .help-wrap.help-wrap.help-wrap .help-kicker::before{content:""!important;display:block!important;flex:none!important;width:32px!important;height:3px!important;border-radius:2px!important;background:var(--v3-orange,#ef8846)!important}

/* --- 幼兒／國中／高中（即將上市頁） --- */
/* 首屏：文字跨滿整個首屏高度並垂直置中，不在下方留一大塊白 */
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero-copy{grid-row:1 / span 3!important;align-self:center!important;padding-top:48px!important;padding-bottom:48px!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero-copy>.j-shop-stage{margin-top:0!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero-copy h1{margin:12px 0 24px!important;white-space:nowrap!important;letter-spacing:-.03em!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-lead{font-size:20px!important;line-height:1.6!important;margin:0!important}
/* 售價：和首頁階段卡一樣，放大成橘色粗字 */
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-lead+.j-shop-lead{font-size:36px!important;line-height:1.2!important;font-weight:700!important;color:var(--v3-orange,#ef8846)!important;font-family:var(--v3-serif)!important;margin-top:20px!important}
/* 面向卡：編號放大到「大」 */
html body #root#root#root#root#root#root .j-stage-focus-grid>article>span{display:block!important;font-size:36px!important;line-height:1.2!important;font-weight:700!important}
html body #root#root#root#root#root#root .j-stage-focus-grid>article>h3{font-size:20px!important;margin-top:8px!important}
html body #root#root#root#root#root#root .j-stage-focus-grid>article{box-shadow:0 10px 30px rgba(23,50,77,.08)!important}
html body #root#root#root#root#root#root .j-stage-overview>header{margin-bottom:32px!important}
/* 「正在準備中」改成深藏青色帶，最醒目 */
html body #root#root#root#root#root#root .j-stage-overview>footer{background:linear-gradient(135deg,var(--v3c-navy),var(--v3c-navy2))!important;border:0!important;border-radius:12px!important;padding:32px 40px!important;align-items:center!important;gap:16px 32px!important;flex-wrap:wrap!important;box-shadow:0 20px 50px rgba(23,50,77,.18)!important}
html body #root#root#root#root#root#root .j-stage-overview>footer>p{font-size:20px!important;font-weight:700!important;color:#fff!important;margin:0!important}
html body #root#root#root#root#root#root .j-stage-overview>footer>a{font-size:16px!important;font-weight:700!important;color:#fff!important;background:var(--v3-orange,#ef8846)!important;border-radius:999px!important;padding:12px 24px!important;text-decoration:none!important;border:0!important}
html body #root#root#root#root#root#root .j-stage-overview>footer>a:hover{filter:brightness(1.08)!important}

/* --- 購物車 --- */
/* 單欄由上往下：大標→說明→狀態卡，不再左右兩欄留空 */
html body #root#root#root#root#root#root main.j-flow{min-height:0!important;padding-top:64px!important;padding-bottom:64px!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-layout{display:block!important;padding-top:0!important;padding-bottom:0!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-lead{max-width:none!important;width:auto!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-lead h1{margin:0 0 16px!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-lead>p{font-size:20px!important;margin:0!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-work{margin-top:40px!important;max-width:none!important;width:auto!important;padding:40px!important;box-shadow:0 10px 30px rgba(23,50,77,.08)!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-work>h2{font-size:36px!important;line-height:1.35!important;margin:0 0 24px!important}
html body #root#root#root#root#root#root main.j-flow .j-commerce-status>strong{font-size:20px!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-work>.j-flow-text-link{display:inline-block!important;margin-top:24px!important;font-weight:700!important;color:#fff!important;background:var(--v3-orange,#ef8846)!important;border:0!important;border-radius:999px!important;padding:12px 24px!important;text-decoration:none!important;min-height:0!important;height:auto!important}
/* 購物車／訂單頁下方「想先確認」區：大標 36，與下方卡片拉開 */
html body #root#root#root#root#root#root aside.site-help>h2{font-size:36px!important;line-height:1.35!important;margin:0 0 24px!important}

/* --- 訂單查詢 --- */
html body #root#root#root#root#root#root .orders-page .orders-title{padding-top:64px!important;padding-bottom:40px!important}
html body #root#root#root#root#root#root .orders-page .orders-title>h1{margin:0 0 16px!important}
html body #root#root#root#root#root#root .orders-page .orders-title>p{font-size:20px!important;margin:0!important}
/* 「訂單服務尚未開放」：深藏青色帶白字，標題用「大」 */
html body #root#root#root#root#root#root .orders-page main>section.orders-panel{background:linear-gradient(135deg,var(--v3c-navy),var(--v3c-navy2))!important;border:0!important;border-radius:12px!important;padding:40px!important;margin-bottom:40px!important;box-shadow:0 20px 50px rgba(23,50,77,.18)!important}
html body #root#root#root#root#root#root .orders-page main>section.orders-panel h2{font-size:36px!important;line-height:1.35!important;color:#fff!important;margin:0 0 12px!important}
html body #root#root#root#root#root#root .orders-page main>section.orders-panel p{color:#d6e2ee!important;margin:0 0 20px!important}
html body #root#root#root#root#root#root .orders-page main>section.orders-panel a{display:inline-block!important;font-weight:700!important;color:#fff!important;background:var(--v3-orange,#ef8846)!important;border-radius:999px!important;padding:12px 24px!important;text-decoration:none!important}

/* --- 使用解答（help.html） --- */
html body .help-wrap.help-wrap.help-wrap .help-hero{padding-top:48px!important;padding-bottom:24px!important}
html body .help-wrap.help-wrap.help-wrap .help-hero h1{font-size:56px!important;line-height:1.25!important;margin:0 0 16px!important}
html body .help-wrap.help-wrap.help-wrap .help-hero>p:not(.help-kicker):not(.help-status){font-size:20px!important;margin:0 0 24px!important}
html body .help-wrap.help-wrap.help-wrap .help-topic>h2{font-size:20px!important;margin:0 0 12px!important}
html body .help-wrap.help-wrap.help-wrap .help-contact{background:linear-gradient(135deg,var(--v3c-navy),var(--v3c-navy2))!important;border:0!important;border-radius:12px!important;padding:40px!important;color:#d6e2ee!important}
html body .help-wrap.help-wrap.help-wrap .help-contact>h2{font-size:36px!important;line-height:1.35!important;color:#fff!important;margin:0 0 16px!important}
html body .help-wrap.help-wrap.help-wrap .help-contact>p{color:#d6e2ee!important}
html body .help-wrap.help-wrap.help-wrap .help-contact .help-links a{background:#fff!important;color:var(--v3c-navy)!important;border-color:#fff!important;font-weight:700!important}

@media (max-width:700px){
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero{padding-top:40px!important;padding-bottom:40px!important;row-gap:16px!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero-copy>*,
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-art{margin:0!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-hero-copy h1{white-space:normal!important;text-wrap:balance!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important}
html body #root#root#root#root#root#root .j-stage-overview h2,html body #root#root#root#root#root#root .j-stage-overview h2>.j-stage-heading-phrase{display:block!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important}
html body #root#root#root#root#root#root .j-stage-overview h2>.j-stage-heading-phrase{display:inline!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-lead{font-size:18px!important}
html body #root#root#root#root#root#root .j-shop-coming-soon .j-shop-lead+.j-shop-lead,
html body #root#root#root#root#root#root .j-stage-focus-grid>article>span{font-size:28px!important}
html body #root#root#root#root#root#root .j-stage-focus-grid>article>h3,
html body #root#root#root#root#root#root .j-stage-overview>footer>p,
html body #root#root#root#root#root#root main.j-flow .j-flow-lead>p,
html body #root#root#root#root#root#root main.j-flow .j-commerce-status>strong,
html body #root#root#root#root#root#root .orders-page .orders-title>p,
html body .help-wrap.help-wrap.help-wrap .help-hero>p:not(.help-kicker):not(.help-status),
html body .help-wrap.help-wrap.help-wrap .help-topic>h2{font-size:18px!important}
html body #root#root#root#root#root#root .j-stage-overview>footer{padding:24px!important}
html body #root#root#root#root#root#root main.j-flow{padding-top:40px!important;padding-bottom:40px!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-lead h1{text-wrap:balance!important;word-break:normal!important;overflow-wrap:normal!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-work,
html body #root#root#root#root#root#root .orders-page main>section.orders-panel,
html body .help-wrap.help-wrap.help-wrap .help-contact{padding:24px!important}
html body #root#root#root#root#root#root main.j-flow .j-flow-work>h2,
html body #root#root#root#root#root#root aside.site-help>h2,
html body #root#root#root#root#root#root .orders-page main>section.orders-panel h2,
html body .help-wrap.help-wrap.help-wrap .help-contact>h2{font-size:28px!important}
html body #root#root#root#root#root#root .orders-page .orders-title{padding-top:40px!important;padding-bottom:24px!important}
html body .help-wrap.help-wrap.help-wrap .help-hero{padding-top:24px!important}
html body .help-wrap.help-wrap.help-wrap .help-hero h1{font-size:40px!important}
}
/* 修正（2026-10-12）：深色塊內大標用「大」36 才放得下；年度服務編號欄放寬，01 不斷成兩行 */
html body #root#root#root#root#root#root#root .j-shop-report-preview-main>div:first-child h2,
html body #root#root#root#root#root#root#root .j-shop-report-preview-main>div:first-child h2 *{font-size:36px!important;line-height:1.35!important}
html body #root#root#root#root#root#root#root .j-shop-annual-values>li{grid-template-columns:64px minmax(0,1fr)!important}
html body #root#root#root#root#root#root#root .j-shop-annual-values>li>span{white-space:nowrap!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root .j-shop-report-preview-main>div:first-child h2,html body #root#root#root#root#root#root#root .j-shop-report-preview-main>div:first-child h2 *{font-size:28px!important}
html body #root#root#root#root#root#root#root .j-shop-annual-values>li{grid-template-columns:52px minmax(0,1fr)!important}}
/* 2026-10-12 使用者：「文字太小」→ 國小頁「從日常開始」三個問句改「中」20 深色字；藍色重點句改「大」36、撐滿整排 */
html body #root#root#root#root#root#root#root .j-shop-question-lines>*,html body #root#root#root#root#root#root#root .j-shop-question-lines>* *{font-size:20px!important;line-height:1.5!important;color:var(--v3-ink)!important;font-weight:700!important}
html body #root#root#root#root#root#root#root .j-shop-question-lines>*{padding:24px!important;display:block!important}
html body #root#root#root#root#root#root#root .j-shop-question-lines>* *{display:inline!important}
html body #root#root#root#root#root#root#root .j-shop-question-main>strong{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:32px 40px!important;margin-top:24px!important}
html body #root#root#root#root#root#root#root .j-shop-question-main>strong,html body #root#root#root#root#root#root#root .j-shop-question-main>strong *{font-size:36px!important;line-height:1.4!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root .j-shop-question-lines>*,html body #root#root#root#root#root#root#root .j-shop-question-lines>* *{font-size:18px!important}
html body #root#root#root#root#root#root#root .j-shop-question-main>strong,html body #root#root#root#root#root#root#root .j-shop-question-main>strong *{font-size:28px!important}
html body #root#root#root#root#root#root#root .j-shop-question-main>strong{padding:24px!important}}
/* 麵包屑「覺知全人測評／國小扎根」：斜線後不留空隙 */
html body #root#root#root#root#root#root#root .case-journey-location{gap:0!important;column-gap:0!important}
html body #root#root#root#root#root#root#root .case-journey-location>span{margin-right:0!important;padding-right:0!important}
html body #root#root#root#root#root#root#root .case-journey-location>strong{margin-left:0!important;padding-left:0!important}
html body #root#root#root#root#root#root#root .case-journey-location>span{white-space:pre!important}
/* 2026-10-12 使用者：大標「能一行就要一行」→ 電腦寬拿掉強制換行；放不下時平均斷行 */
@media (min-width:1024px){
html body #root#root#root#root#root#root#root main>section h2 br{display:none!important}
html body #root#root#root#root#root#root#root main>section h2{letter-spacing:-.02em!important;text-wrap:balance!important}
}
@media (min-width:1024px){
html body #root#root#root#root#root#root#root#root main>section h2:not(.j-shop-report-preview-main h2){max-width:none!important;width:auto!important}
html body #root#root#root#root#root#root#root#root main>section :is(header,div)>h2,
html body #root#root#root#root#root#root#root#root .j-shop-landing-understand-head>*,
html body #root#root#root#root#root#root#root#root .j-shop-landing-deliver>header>*,
html body #root#root#root#root#root#root#root#root .j-shop-dimensions-main>header>*,
html body #root#root#root#root#root#root#root#root .j-shop-health-main>div:first-child,
html body #root#root#root#root#root#root#root#root .j-shop-value-main>header{max-width:none!important}
html body #root#root#root#root#root#root#root#root main>section:not(.j-shop-report-preview) h2>span{display:inline!important}
/* 段落說明：不讓兩三個字單獨掉到下一行 */
html body #root#root#root#root#root#root#root#root main>section p{text-wrap:pretty!important}
}
/* 所有寬度：大標放得下就一行（拿掉強制換行，放不下平均斷行） */
html body #root#root#root#root#root#root#root#root main>section h2 br{display:none!important}
html body #root#root#root#root#root#root#root#root main>section h2{text-wrap:balance!important}
html body #root#root#root#root#root#root#root#root main>section:not(.j-shop-report-preview) h2>span{display:inline!important}
html body #root#root#root#root#root#root#root#root main>section p{text-wrap:pretty!important}
@media (max-width:1023px){html body #root#root#root#root#root#root#root#root main>section h2:not(.j-shop-report-preview-main h2){max-width:none!important;width:auto!important}}
/* 市場測評：小標與說明左緣對齊、說明和卡片拉開 */
html body #root#root#root#root#root#root#root#root .market-reference-group>h3{padding:0 4px!important;margin:0 0 4px!important}
html body #root#root#root#root#root#root#root#root .market-reference-group>h3+p{padding:0 4px!important;margin:0 0 20px!important}
/* 燈泡圖示重畫：橘色燈泡＋藏青燈座，淡橘圓底 */
html body #root#root#root#root#root#root#root#root .market-designed-close>svg{display:none!important}
html body #root#root#root#root#root#root#root#root .market-designed-close::before{content:""!important;flex:none!important;width:48px!important;height:48px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23fdeee3'/%3E%3Cpath d='M24 9.5c-5.8 0-10.5 4.6-10.5 10.3 0 3.4 1.6 5.9 3.6 7.9 1.3 1.3 2.1 2.6 2.1 4.3v1.5h9.6V32c0-1.7.8-3 2.1-4.3 2-2 3.6-4.5 3.6-7.9 0-5.7-4.7-10.3-10.5-10.3z' fill='%23ef8846'/%3E%3Cpath d='M20.5 19.5c.4-2 1.9-3.5 3.9-3.9' stroke='%23fff' stroke-width='2' stroke-linecap='round' fill='none' opacity='.85'/%3E%3Crect x='19.2' y='35' width='9.6' height='2.6' rx='1.3' fill='%2317324d'/%3E%3Crect x='20.6' y='39' width='6.8' height='2.6' rx='1.3' fill='%2317324d'/%3E%3C/svg%3E") center/contain no-repeat!important}
/* 2026-10-12 使用者：「文字大小要注意」→ 首頁大標兩行同為超大 56（手機 40），行距收緊 */
html body #root#root#root#root#root#root#root#root #j-shop-landing-title,html body #root#root#root#root#root#root#root#root #j-shop-landing-title em{font-size:56px!important;line-height:1.3!important;letter-spacing:-.02em!important;white-space:nowrap!important}
html body #root#root#root#root#root#root#root#root #j-shop-landing-title em{display:inline-block!important;margin-top:0!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root #j-shop-landing-title,html body #root#root#root#root#root#root#root#root #j-shop-landing-title em{font-size:36px!important;white-space:normal!important}}
/* 2026-10-12 使用者：「太多大小了」「標題跟內容」→ 卡片內只留兩級：編號 36；標題與內文同為 20（手機 18），標題深色粗字、內文灰色 */
html body #root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-deliver ol>li,.j-shop-landing-report ol>li,.j-shop-dimensions-main ol>li,.j-shop-annual-values>li,.j-shop-path-main ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-fit-columns>div,.j-shop-value-compare>div,.j-shop-health-rhythm>div,.j-shop-landing-product-grid>a,.j-shop-categories>a) :is(h3,h4,strong,p,small,li,span:not(:first-child)){font-size:20px!important;line-height:1.6!important}
html body #root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-deliver ol>li,.j-shop-landing-report ol>li,.j-shop-dimensions-main ol>li,.j-shop-annual-values>li,.j-shop-path-main ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-fit-columns>div,.j-shop-value-compare>div) :is(h3,h4,strong){font-weight:700!important}
html body #root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:36px!important;line-height:1.2!important}
html body #root#root#root#root#root#root#root#root .j-shop-health-rhythm strong{font-size:36px!important;line-height:1.2!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-landing-deliver ol>li,.j-shop-landing-report ol>li,.j-shop-dimensions-main ol>li,.j-shop-annual-values>li,.j-shop-path-main ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-fit-columns>div,.j-shop-value-compare>div,.j-shop-health-rhythm>div,.j-shop-landing-product-grid>a,.j-shop-categories>a) :is(h3,h4,strong,p,small,li,span:not(:first-child)){font-size:18px!important}
html body #root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2),html body #root#root#root#root#root#root#root#root .j-shop-health-rhythm strong{font-size:28px!important}}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root#root #j-shop-landing-title,html body #root#root#root#root#root#root#root#root#root #j-shop-landing-title em{font-size:40px!important;letter-spacing:-.04em!important;white-space:nowrap!important}}
/* 2026-10-12 使用者：「01 心智光譜是一組的，文字大小要一樣是標題」→ 編號與名稱同為 36 標題；內文 20 */
html body #root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li) :is(h3,strong){font-size:36px!important;line-height:1.3!important;margin-top:4px!important;text-wrap:balance!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div) :is(h3,strong):not(:first-child){font-size:36px!important;line-height:1.3!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div) p{margin-top:8px!important}
/* 「定期定率／親子雙來源／交叉分析」：插圖和文字對不上→拿掉插圖，改精簡文字卡（標題 36、內文 20），不留大片空白 */
html body #root#root#root#root#root#root#root#root#root .growth-feature :is(img,svg,figure,picture){display:none!important}
html body #root#root#root#root#root#root#root#root#root .growth-feature{min-height:0!important;height:auto!important;padding:32px!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;gap:8px!important}
html body #root#root#root#root#root#root#root#root#root .growth-feature>*{margin:0!important;text-align:left!important}
html body #root#root#root#root#root#root#root#root#root .growth-feature h3{font-size:36px!important;line-height:1.3!important}
html body #root#root#root#root#root#root#root#root#root .j-shop-landing-intro-points{align-items:stretch!important}
@media (max-width:700px){
html body #root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li) :is(h3,strong),html body #root#root#root#root#root#root#root#root#root :is(.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div) :is(h3,strong):not(:first-child),html body #root#root#root#root#root#root#root#root#root .growth-feature h3{font-size:28px!important}
html body #root#root#root#root#root#root#root#root#root .growth-feature{padding:24px!important}}

/* =====================================================================
   v3c 色帶改亮藍＋循環動畫（2026-10-12 使用者：「深藍太深」「這藍比較好（了解測評內容按鈕）」
   「可以加入重複播放的動畫」「像宣傳這邊做的動畫」→ 參考宣傳影片：藍橘水彩流動、細亮掃描線、卡片輕浮）
   ===================================================================== */
:root{--v3c-navy:#2c7eba;--v3c-navy2:#3f9ad6}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-overview footer,.market-designed-close){background:linear-gradient(120deg,#2c7eba,#3f9ad6)!important;color:#fff!important}
html body #root#root#root#root#root#root#root#root#root main>section.j-shop-landing-products .j-shop-landing-products-head>span,html body #root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-section-label{color:#e6f3fc!important}
html body #root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-main>div:first-child p,html body #root#root#root#root#root#root#root#root#root .j-shop-report-preview-main>div:first-child p{color:#eef7fd!important}

/* 1. 水彩色暈：每段背景有藍、橘兩團淡色慢慢漂移（20 秒來回） */
html body #root#root#root#root#root#root#root#root#root main>section:not(.j-shop-landing-hero):not(.j-shop-hero){position:relative!important;overflow:hidden!important;isolation:isolate!important}
html body #root#root#root#root#root#root#root#root#root main>section:not(.j-shop-landing-hero):not(.j-shop-hero)::before{content:""!important;position:absolute!important;inset:-20%!important;z-index:-1!important;pointer-events:none!important;
 background:radial-gradient(38% 45% at 12% 20%,rgba(44,126,186,.10),transparent 70%),radial-gradient(34% 40% at 88% 80%,rgba(239,136,70,.10),transparent 70%)!important;animation:v3cDrift 20s ease-in-out infinite alternate!important}
@keyframes v3cDrift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(2%,3%,0) scale(1.06)}100%{transform:translate3d(4%,-1%,0) scale(1.02)}}

/* 2. 細亮掃描線：藍色色帶與藍色區塊每 6 秒掃過一道光 */
html body #root#root#root#root#root#root#root#root#root :is(main>section.j-shop-landing-products,main>section.j-shop-purchase,.j-stage-overview footer,.j-shop-report-preview-main>div:first-child,.j-shop-annual-values>li:first-child,.market-designed-close,.j-shop-question-main>strong){position:relative!important;overflow:hidden!important;isolation:isolate!important}
html body #root#root#root#root#root#root#root#root#root :is(main>section.j-shop-landing-products,main>section.j-shop-purchase,.j-stage-overview footer,.j-shop-report-preview-main>div:first-child,.j-shop-annual-values>li:first-child,.market-designed-close,.j-shop-question-main>strong)::after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;left:-30%!important;width:22%!important;z-index:0!important;pointer-events:none!important;
 background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent)!important;transform:skewX(-18deg)!important;animation:v3cScan 6s ease-in-out infinite!important}
@keyframes v3cScan{0%{left:-30%}55%,100%{left:130%}}

/* 3. 卡片輕浮：依序上下浮動（5 秒循環，前後錯開） */
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li){animation:v3cFloat 5s ease-in-out infinite!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li):nth-child(2){animation-delay:-1s!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li):nth-child(3){animation-delay:-2s!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li):nth-child(4){animation-delay:-3s!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li):nth-child(5){animation-delay:-4s!important}
html body #root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li):nth-child(6){animation-delay:-2.5s!important}
@keyframes v3cFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
html body #root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a.is-available{animation-name:v3cFloatHi!important}
@keyframes v3cFloatHi{0%,100%{transform:translateY(-8px)}50%{transform:translateY(-14px)}}

/* 4. 階段頁卡片不單調：每張卡加一層藍或橘的水彩色暈，編號下方一條會延伸的色線 */
html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article{background:radial-gradient(120% 90% at 100% 0%,rgba(44,126,186,.10),transparent 60%),#fff!important;padding:28px 24px!important}
html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article:nth-child(even){background:radial-gradient(120% 90% at 100% 0%,rgba(239,136,70,.12),transparent 60%),#fff!important}
html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>span{display:block!important;font-size:36px!important;line-height:1.2!important;font-weight:700!important}
html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>span::after{content:""!important;display:block!important;height:3px!important;border-radius:2px!important;margin:10px 0 12px!important;background:currentColor!important;width:24px!important;animation:v3cLine 5s ease-in-out infinite!important}
@keyframes v3cLine{0%,100%{width:24px;opacity:.6}50%{width:56px;opacity:1}}
html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>h3{font-size:36px!important;line-height:1.3!important}

/* 5. 首屏插圖慢慢呼吸（12 秒） */
html body #root#root#root#root#root#root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art) img{animation:v3cBreath 12s ease-in-out infinite!important;transform-origin:60% 50%!important}
@keyframes v3cBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

/* 不喜歡動畫的裝置設定（減少動態）時全部停止 */
@media (prefers-reduced-motion:reduce){html body #root#root#root#root#root#root#root#root#root *,html body #root#root#root#root#root#root#root#root#root *::before,html body #root#root#root#root#root#root#root#root#root *::after{animation:none!important}}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>span,html body #root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>h3{font-size:28px!important}}
/* 2026-10-12 使用者：「01 心智光譜這樣同一行試試」→ 編號與名稱同一行（同為 36），說明在下方 */
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:12px!important;align-items:baseline!important;align-content:start!important;padding:28px 24px!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li)>:first-child{grid-column:1!important;margin:0!important;font-size:36px!important;line-height:1.3!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li)>:nth-child(2){grid-column:2!important;margin:0!important;letter-spacing:-.02em!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li)>:nth-child(n+3){grid-column:1 / -1!important;margin-top:8px!important}
html body #root#root#root#root#root#root#root#root#root#root .j-stage-focus-grid>article>span::after{display:none!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li)>:first-child{font-size:28px!important}}

/* 2026-10-12 使用者：「太單調，需要 ICON」→ 國小頁三個問句卡加圖示（能力／學校與家／說話與愛） */
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;column-gap:16px!important;align-items:center!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*::before{content:""!important;width:56px!important;height:56px!important;grid-row:1 / span 9!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23e8f2fa'/%3E%3Cpath d='M30 12 18 31h9l-2 13 13-20h-9z' fill='%232c7eba'/%3E%3C/svg%3E") center/contain no-repeat!important;transition:transform .3s ease!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23fdeee3'/%3E%3Cpath d='M12 27 22 19l10 8v13H12z' fill='%23ef8846'/%3E%3Cpath d='M30 23h14v17H30z' fill='%23f6b88f'/%3E%3Cpath d='M37 14v9M37 14h6v3h-6' stroke='%23ef8846' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Crect x='19' y='31' width='6' height='9' rx='1' fill='%23fff'/%3E%3Crect x='34' y='28' width='6' height='5' rx='1' fill='%23fff'/%3E%3C/svg%3E")!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Ccircle cx='28' cy='28' r='28' fill='%23e8f2fa'/%3E%3Cpath d='M13 17h24a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H24l-7 6v-6h-4a4 4 0 0 1-4-4V21a4 4 0 0 1 4-4z' fill='%232c7eba'/%3E%3Cpath d='M25 23.5c-1.4-1.6-4-1-4 1.2 0 2.3 4 4.8 4 4.8s4-2.5 4-4.8c0-2.2-2.6-2.8-4-1.2z' fill='%23ef8846'/%3E%3C/svg%3E")!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>* *{grid-column:2!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*:hover::before{transform:scale(1.12) rotate(-6deg)!important}

/* 2026-10-12 使用者：「圖片太右邊了」→ 大螢幕時首屏插圖收進內容範圍，右緣與頁首切齊、圓角 */
@media (min-width:1101px){
html body #root#root#root#root#root#root#root#root#root#root main>section:is(.j-shop-landing-hero,.j-shop-hero){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:48px!important;padding-left:max(32px,calc((100vw - 1000px) / 2))!important;padding-right:max(32px,calc((100vw - 1000px) / 2))!important;align-items:center!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-hero-copy,.j-shop-hero-copy){margin-left:0!important;max-width:none!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art){width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:40px 0!important;border-radius:16px!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art)>img{width:100%!important;height:560px!important;object-fit:cover!important;border-radius:16px!important}
}

/* 2026-10-12 使用者：「要有滑鼠互動動畫」 */
/* 選單：滑過時淡藍底、文字往右滑一點、左側出現藍線 */
html body #root#root#root#root#root#root#root#root#root#root :is(.case-product-menu a,.case-product-menu button,.case-journey-nav a,.case-journey-nav button,details[class*=menu] a,details[class*=menu] button,[class*=dropdown] a){transition:background-color .2s ease,color .2s ease,padding-left .2s ease,box-shadow .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.case-product-menu,details[class*=menu],[class*=dropdown]) :is(a,button):hover{background-color:#eef6fc!important;color:#2c7eba!important;padding-left:28px!important;box-shadow:inset 3px 0 0 #2c7eba!important}
/* 導覽文字：滑過時底線從左長出 */
html body #root#root#root#root#root#root#root#root#root#root .case-journey-nav>:is(a,button):not([class*=login]){background-image:linear-gradient(#2c7eba,#2c7eba)!important;background-size:0% 2px!important;background-position:0 100%!important;background-repeat:no-repeat!important;transition:background-size .25s ease,color .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root .case-journey-nav>:is(a,button):not([class*=login]):hover{background-size:100% 2px!important;color:#2c7eba!important}
/* 按鈕：滑過時上浮、陰影加深；按下時回彈 */
html body #root#root#root#root#root#root#root#root#root#root main :is(a,button):is([class*=primary],[class*=button],[class*=btn],.j-shop-landing-hero-copy>a){transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root main :is(a,button):is([class*=primary],[class*=button],[class*=btn],.j-shop-landing-hero-copy>a):hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(44,126,186,.28)!important;filter:brightness(1.06)!important}
html body #root#root#root#root#root#root#root#root#root#root main :is(a,button):is([class*=primary],[class*=button],[class*=btn],.j-shop-landing-hero-copy>a):active{transform:translateY(0) scale(.98)!important}
/* 卡片：滑過時暫停浮動、上移並放大陰影、頂線變粗 */
html body #root#root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-question-lines>*,.market-designed-card){transition:transform .3s ease,box-shadow .3s ease!important}
html body #root#root#root#root#root#root#root#root#root#root :is(.j-stage-focus-grid>article,.growth-feature,.j-shop-landing-product-grid>a,.j-shop-categories>a,.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-question-lines>*,.market-designed-card):hover{animation-play-state:paused!important;transform:translateY(-8px)!important;box-shadow:0 22px 44px rgba(23,50,77,.16)!important;border-top-width:5px!important}
/* 常見問題：滑過時淡藍底 */
html body #root#root#root#root#root#root#root#root#root#root main details>summary{transition:background-color .2s ease,color .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root main details>summary:hover{background-color:#eef6fc!important;color:#2c7eba!important}
@media (hover:none){html body #root#root#root#root#root#root#root#root#root#root *:hover{transform:none}}

/* =====================================================================
   字級總表 v3c 定版（2026-10-12 使用者：「標題字體太大了」「不要亂換行」「最多 5 種」）
   電腦：首屏大標 48／段落標題 36／卡片標題與編號 24／內文 20／小字 16
   手機：34／28／20／18／16
   ===================================================================== */
html body #root#root#root#root#root#root#root#root#root#root#root main h1,html body #root#root#root#root#root#root#root#root#root#root#root main h1 *:not(em):not(em *),html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-report-outline strong,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-purchase-order>strong{font-size:48px!important;line-height:1.3!important}
html body #root#root#root#root#root#root#root#root#root#root#root #j-shop-landing-title,html body #root#root#root#root#root#root#root#root#root#root#root #j-shop-landing-title em{font-size:48px!important;letter-spacing:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root main h1 em,html body #root#root#root#root#root#root#root#root#root#root#root main h1 em *{font-size:36px!important;line-height:1.35!important}
html body #root#root#root#root#root#root#root#root#root#root#root main>section h2,html body #root#root#root#root#root#root#root#root#root#root#root main>section h2 *{font-size:36px!important;line-height:1.35!important;letter-spacing:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:36px!important}
html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a)>:first-child,html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a) :is(h3,h4,strong):not(p *),html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a)>span{font-size:24px!important;line-height:1.4!important}
html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>* *{font-size:20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-main>strong,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-main>strong *{font-size:24px!important}
/* 藍底上的字一律白色，看得清楚 */
html body #root#root#root#root#root#root#root#root#root#root#root :is(.market-designed-close,.j-stage-overview footer,main>section.j-shop-landing-products,main>section.j-shop-purchase,.j-shop-report-preview-main>div:first-child,.j-shop-annual-values>li:first-child,.j-shop-question-main>strong) :is(p,span,strong,h2,h3,small,b,em){color:#fff!important}
html body #root#root#root#root#root#root#root#root#root#root#root .market-designed-close>p,html body #root#root#root#root#root#root#root#root#root#root#root .market-designed-close>p *{font-size:20px!important;font-weight:700!important}
html body #root#root#root#root#root#root#root#root#root#root#root .market-designed-close>p{border-left-color:rgba(255,255,255,.5)!important}
@media (max-width:700px){
html body #root#root#root#root#root#root#root#root#root#root#root main h1,html body #root#root#root#root#root#root#root#root#root#root#root main h1 *:not(em):not(em *),html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-report-outline strong,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-purchase-order>strong,html body #root#root#root#root#root#root#root#root#root#root#root #j-shop-landing-title,html body #root#root#root#root#root#root#root#root#root#root#root #j-shop-landing-title em{font-size:34px!important;letter-spacing:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root main h1 em,html body #root#root#root#root#root#root#root#root#root#root#root main h1 em *,html body #root#root#root#root#root#root#root#root#root#root#root main>section h2,html body #root#root#root#root#root#root#root#root#root#root#root main>section h2 *,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){font-size:28px!important}
html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a)>:first-child,html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a) :is(h3,h4,strong):not(p *),html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-dimension-grid>li,.j-shop-dimensions-main ol>li,.j-stage-focus-grid>article,.j-shop-landing-deliver ol>li,.j-shop-path-main ol>li,.j-shop-annual-values>li,.j-shop-landing-report ol>li,.j-shop-evidence-steps>div,.growth-feature,.j-shop-health-rhythm>div,.j-shop-categories>a)>span,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-main>strong,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-main>strong *{font-size:20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>*,html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-question-lines>* *,html body #root#root#root#root#root#root#root#root#root#root#root .market-designed-close>p,html body #root#root#root#root#root#root#root#root#root#root#root .market-designed-close>p *{font-size:18px!important}
}
/* 2026-10-12 使用者：「勾勾要換粗一點」→ 改成粗線白勾（畫成圖），橘色圓底 */
html body #root#root#root#root#root#root#root#root#root#root#root .market-whole li::before{content:""!important;width:24px!important;height:24px!important;flex:none!important;border-radius:50%!important;background:#ef8846 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.6 3.6 7.4-8' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat!important;color:transparent!important;font-size:0!important}
/* 使用解答頁大標對齊字級總表：48（手機 34） */
html body .help-wrap h1{font-size:48px!important;line-height:1.3!important}
@media (max-width:700px){html body .help-wrap h1{font-size:34px!important}}
/* 修正：國小頁首屏插圖原本是絕對定位，收進內容範圍後高度變 0 → 改成一般排列 */
@media (min-width:1101px){html body #root#root#root#root#root#root#root#root#root#root#root :is(.j-shop-landing-hero-art,.j-shop-art)>img{position:static!important;inset:auto!important;display:block!important}}
/* 各段說明文字放大到內文 20（手機 18），卡片外的段落說明都是 */
html body #root#root#root#root#root#root#root#root#root#root#root main>section :is(header,[class$="-main"],[class$="-head"],[class$="-main"]>div:first-child,.j-shop-health-main>div:first-child)>p,html body #root#root#root#root#root#root#root#root#root#root#root main>section>p,html body #root#root#root#root#root#root#root#root#root#root#root main>section [class$="-main"]>header>p{font-size:20px!important;line-height:1.7!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root#root#root#root main>section :is(header,[class$="-main"],[class$="-head"],[class$="-main"]>div:first-child,.j-shop-health-main>div:first-child)>p,html body #root#root#root#root#root#root#root#root#root#root#root main>section>p,html body #root#root#root#root#root#root#root#root#root#root#root main>section [class$="-main"]>header>p{font-size:18px!important}}
/* 卡片標題不讓一個字單獨掉行 */
html body #root#root#root#root#root#root#root#root#root#root#root main :is(li,article,a,div)>:is(h3,h4,strong){text-wrap:balance!important}
html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-evidence-steps>div *:not(:first-child):not(h3):not(strong),html body #root#root#root#root#root#root#root#root#root#root#root main details>summary,html body #root#root#root#root#root#root#root#root#root#root#root main details>summary *{font-size:20px!important;line-height:1.6!important}
@media (max-width:700px){html body #root#root#root#root#root#root#root#root#root#root#root .j-shop-evidence-steps>div *:not(:first-child):not(h3):not(strong),html body #root#root#root#root#root#root#root#root#root#root#root main details>summary,html body #root#root#root#root#root#root#root#root#root#root#root main details>summary *{font-size:18px!important}}
/* 修正：藍色色帶裡的「白底卡片」字色要恢復（只有直接在藍底上的字才用白色） */
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a :is(p,span,strong,small,b,em){color:#1f2937!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a .j-shop-landing-product-index{color:#2c7eba!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>strong{color:#2c7eba!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:first-of-type{color:#6b7280!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a>p:nth-of-type(2){color:#ef8846!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a .j-shop-landing-product-state{color:#1f2937!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a.is-available .j-shop-landing-product-state{color:#2c7eba!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-order :is(p,span,strong,small,b,li){color:#1f2937!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-order>span{color:#2c7eba!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-order>strong{color:#ef8846!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main>section.j-shop-purchase .j-shop-purchase-order li{color:#6b7280!important}

/* =====================================================================
   購物車頁 專業版（2026-10-12 使用者：「購物車還是要更加專業吸睛一點，文字大小比例要專業」）
   字級：頁面大標 48／區段標題 36／卡片標題 24／重點 20／內文 16（手機 34／28／20／18／16）
   版面：上方左右兩欄（左：標題與說明；右：附圖示的狀態卡），下方問答改附圖示摺疊卡、圓形編號
   ===================================================================== */
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout{position:relative!important;background:radial-gradient(55% 70% at 100% 0%,rgba(44,126,186,.10),transparent 62%),radial-gradient(45% 60% at 0% 100%,rgba(239,136,70,.10),transparent 62%),#fff!important;padding:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-art{display:none!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,440px)!important;gap:56px!important;align-items:center!important;max-width:1000px!important;margin:0 auto!important;padding:80px 32px 88px!important;box-sizing:content-box!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead>*{margin:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead .j-overline{font-size:16px!important;font-weight:700!important;letter-spacing:.08em!important;color:#2c7eba!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead h1{font-size:48px!important;line-height:1.25!important;margin:16px 0 20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead p{font-size:20px!important;line-height:1.7!important;color:#6b7280!important;max-width:24em!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work{background:#fff!important;border:1px solid #e5e1d8!important;border-top:4px solid #2c7eba!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(23,50,77,.12)!important;padding:40px 36px 36px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important;max-width:none!important;transition:transform .3s ease,box-shadow .3s ease!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work:hover{transform:translateY(-6px)!important;box-shadow:0 32px 72px rgba(23,50,77,.18)!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work::before{content:""!important;display:block!important;width:64px!important;height:64px!important;margin-bottom:20px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23e8f2fa'/%3E%3Cpath d='M16 20h5l4 18h18l4-13H24' fill='none' stroke='%232c7eba' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='27' cy='44' r='3' fill='%232c7eba'/%3E%3Ccircle cx='41' cy='44' r='3' fill='%232c7eba'/%3E%3Ccircle cx='46' cy='18' r='7' fill='%23ef8846'/%3E%3Cpath d='M46 14.5v4l2.4 1.6' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work .j-flow-index{display:block!important;font-size:16px!important;font-weight:700!important;color:#2c7eba!important;letter-spacing:.06em!important;margin:0 0 6px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work .j-flow-index::before{display:none!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work h2{font-size:24px!important;line-height:1.4!important;margin:0 0 20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-commerce-status{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;column-gap:14px!important;row-gap:4px!important;align-items:start!important;background:#fdf3ec!important;border:0!important;border-radius:14px!important;padding:18px 20px!important;margin:0 0 24px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-commerce-status::before{content:""!important;grid-row:1 / span 2!important;width:40px!important;height:40px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23ef8846'/%3E%3Crect x='12' y='18' width='16' height='12' rx='3' fill='%23fff'/%3E%3Cpath d='M15 18v-3a5 5 0 0 1 10 0v3' stroke='%23fff' stroke-width='2.4' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-commerce-status>strong{font-size:20px!important;line-height:1.4!important;color:#1f2937!important;font-weight:700!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-commerce-status>p{font-size:16px!important;line-height:1.7!important;color:#6b7280!important;margin:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-text-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:52px!important;border-radius:12px!important;background:#2c7eba!important;color:#fff!important;font-size:20px!important;font-weight:700!important;border:0!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-text-link::after{content:"→"!important;margin-left:10px!important;transition:transform .2s ease!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-text-link:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(44,126,186,.3)!important;filter:brightness(1.06)!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-text-link:hover::after{transform:translateX(4px)!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help>h2{font-size:36px!important;line-height:1.35!important;margin-bottom:24px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details{border-radius:16px!important;padding:0!important;overflow:hidden!important;transition:box-shadow .25s ease!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details:hover{box-shadow:0 14px 32px rgba(23,50,77,.10)!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>summary{display:flex!important;align-items:center!important;gap:16px!important;padding:22px 28px!important;font-size:20px!important;font-weight:700!important;line-height:1.4!important;cursor:pointer!important;list-style:none!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>summary::-webkit-details-marker{display:none!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>summary::before{content:""!important;flex:none!important;width:40px!important;height:40px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8f2fa'/%3E%3Cpath d='M15.5 16a4.5 4.5 0 1 1 6.3 4.1c-1.2.6-1.8 1.4-1.8 2.7v.7' stroke='%232c7eba' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='28' r='1.7' fill='%232c7eba'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details:nth-of-type(2)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23fdeee3'/%3E%3Cpath d='M12 21v-2a8 8 0 0 1 16 0v2' stroke='%23ef8846' stroke-width='2.6' fill='none'/%3E%3Crect x='10' y='20' width='5' height='8' rx='2' fill='%23ef8846'/%3E%3Crect x='25' y='20' width='5' height='8' rx='2' fill='%23ef8846'/%3E%3C/svg%3E")!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>summary::after{content:"+"!important;margin-left:auto!important;font-size:24px!important;font-weight:400!important;color:#2c7eba!important;transition:transform .25s ease!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details[open]>summary::after{transform:rotate(45deg)!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>:not(summary){margin-left:84px!important;margin-right:28px!important;font-size:16px!important;line-height:1.75!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>:last-child{margin-bottom:24px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help ol{list-style:none!important;counter-reset:qa!important;padding:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help ol>li{counter-increment:qa!important;position:relative!important;padding-left:40px!important;margin:0 0 12px!important;font-size:16px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help ol>li::before{content:counter(qa)!important;position:absolute!important;left:0!important;top:2px!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#2c7eba!important;color:#fff!important;font-size:16px!important;font-weight:700!important;display:grid!important;place-items:center!important;line-height:1!important}
@media (max-width:860px){
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-layout{grid-template-columns:minmax(0,1fr)!important;gap:32px!important;padding:48px 20px 56px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead h1{font-size:34px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-lead p,html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-text-link{font-size:18px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work{padding:32px 24px 28px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-flow-work h2{font-size:20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root main.j-formal-checkout .j-commerce-status>strong{font-size:18px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help>h2{font-size:28px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>summary{font-size:18px!important;padding:18px 20px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root aside.site-help details>:not(summary){margin-left:20px!important;margin-right:20px!important}
}

/* 2026-10-12 KWJ：「不要一直跑來跑去」→ 全站循環動畫一律停止（色暈漂移、掃光、卡片浮動、色線伸縮、首屏插圖呼吸）。
   可回復：刪除本段即可；原檔備份在 舊版_圖表改版前_20261012\ */
html body #root#root#root#root#root#root#root#root#root#root *,html body #root#root#root#root#root#root#root#root#root#root *::before,html body #root#root#root#root#root#root#root#root#root#root *::after{animation:none!important}
html body #root#root#root#root#root#root#root#root#root#root .j-shop-landing-product-grid>a.is-available{transform:translateY(-8px)!important}