/* 首頁上半部改版（2026-10-15，src/home-intro.js，hx- 開頭；boss.css 受 tests/boss-baseline 保護所以分開放）：痛點 Hero → 六痛點卡 → 你可以獲得什麼 → 冒險地圖 ══ */
.hx-hero .bx-hero-in{grid-template-columns:1fr minmax(0,720px) 1fr;padding:64px 0 72px}
.hx-copy{position:relative;z-index:2}
.hx-who{display:inline-block;margin:0 0 18px;padding:6px 16px;border-radius:999px;background:var(--bx-navy);color:#fff;font-size:15px;font-weight:900;letter-spacing:.04em}
.bx-hero.hx-hero h1{margin:0 0 22px;font-size:clamp(34px,4.2vw,58px);line-height:1.25}
.hx-pain{margin:0 auto 22px;max-width:620px;font-size:clamp(17px,1.6vw,20px);font-weight:700;line-height:1.8;color:var(--bx-ink-2)}
.hx-value{margin:0 auto 14px;max-width:620px;padding:14px 20px;border-left:5px solid var(--bx-yellow);border-radius:0 14px 14px 0;background:rgba(255,255,255,.75);font-size:clamp(18px,1.8vw,22px);font-weight:900;line-height:1.6;color:var(--bx-navy);text-align:left}
.hx-value b{color:var(--bx-gold-ink)}
.hx-desc{margin:0 auto 26px;max-width:620px;font-size:16px;line-height:1.85;color:var(--bx-ink-2)}
.hx-cta-box{display:flex;flex-direction:column;align-items:center;gap:12px}
.hx-cta{font-size:20px;padding:16px 34px}
.hx-note{margin:0;font-size:14px;font-weight:700;color:var(--bx-muted);letter-spacing:.02em}
.hx-head{max-width:760px;margin:0 auto 36px;text-align:center}
.hx-head h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,40px);line-height:1.3;font-weight:900;color:var(--bx-navy)}
.hx-head p{margin:0;font-size:18px;color:var(--bx-ink-2)}
.hx-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px!important;font-size:14px!important;font-weight:900;letter-spacing:.14em;color:var(--bx-yellow)!important}
.hx-kicker .bx-ic{width:18px;height:18px}
/* 六痛點卡 */
.hx-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hx-pain-card{display:flex;flex-direction:column;gap:14px;min-height:200px;padding:24px 24px 20px;border:1px solid var(--bx-line);border-radius:var(--bx-r);background:var(--bx-card);box-shadow:var(--bx-shadow);color:var(--bx-ink);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.hx-pain-card:hover{transform:translateY(-3px);box-shadow:var(--bx-shadow-lg);border-color:var(--bx-yellow)}
.hx-pain-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--bx-yellow-l);color:var(--bx-gold-ink);font-size:14px;font-weight:900}
.hx-pain-tag .bx-ic{width:16px;height:16px}
.hx-pain-card strong{flex:1;font-size:20px;line-height:1.6;font-weight:900;color:var(--bx-navy)}
.hx-pain-go{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:900;color:var(--bx-gold-ink)}
.hx-pain-go .bx-ic{width:16px;height:16px;transition:transform .15s}
.hx-pain-card:hover .hx-pain-go .bx-ic{transform:translateX(3px)}
.hx-fine{max-width:720px;margin:26px auto 0;text-align:center;font-size:14px;line-height:1.7;color:var(--bx-muted)}
/* 你可以獲得什麼 */
.hx-gets-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:start}
.hx-get-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hx-get-list li{display:flex;gap:12px;padding:18px;border-radius:var(--bx-r-sm);background:var(--bx-card);border:1px solid var(--bx-line)}
.hx-get-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bx-navy);color:var(--bx-yellow)}
.hx-get-ic .bx-ic{width:22px;height:22px}
.hx-get-list b{display:block;font-size:17px;font-weight:900;color:var(--bx-navy);line-height:1.4}
.hx-get-list b small{margin-right:6px;font-family:var(--bx-latin);font-size:12px;color:var(--bx-yellow)}
.hx-get-list p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--bx-ink-2)}
.hx-gets-demo{display:grid;gap:16px}
.hx-type-card{margin:0;display:flex;align-items:center;gap:16px;padding:14px;border-radius:var(--bx-r);background:var(--bx-card);border:1px solid var(--bx-line)}
.hx-type-card img{width:170px;height:auto;border-radius:12px}
.hx-type-card figcaption{font-size:15px;font-weight:900;color:var(--bx-navy)}
.hx-mid-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:36px}
/* 冒險地圖 */
.bx-home.is-zoned>section.hx-journey,.hx-journey{background:linear-gradient(160deg,var(--bx-navy) 0%,var(--bx-navy-d) 100%)!important;color:#fff}
.hx-head.is-light h2{color:#fff}.hx-head.is-light p{color:rgba(255,255,255,.78)}
.hx-journey-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center}
.hx-map{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hx-map::before{content:"";position:absolute;top:36px;left:12%;right:12%;border-top:3px dashed rgba(233,170,50,.55)}
.hx-stop>a,.hx-stop>div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 4px;color:#fff;text-decoration:none}
.hx-node{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--bx-navy-d);border:3px solid var(--bx-yellow);color:var(--bx-yellow);box-shadow:0 0 0 6px rgba(233,170,50,.14)}
.hx-node .bx-ic{width:30px;height:30px}
.hx-stop.is-1 .hx-node{background:var(--bx-yellow);color:var(--bx-navy)}
.hx-stop>a:hover .hx-node{transform:scale(1.06)}
.hx-step{margin-top:14px;font-family:var(--bx-latin);font-size:12px;letter-spacing:.12em;color:var(--bx-yellow)}
.hx-stop b{margin-top:2px;font-size:19px;font-weight:900}
.hx-stop p{margin:4px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.75)}
.hx-journey-cap{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.7);text-align:center}
.hx-journey-card .gx-card{color:var(--bx-ink)}
@media(max-width:1199px){
  .hx-gets-in{grid-template-columns:1fr}
  .hx-journey-in{grid-template-columns:1fr}
  .hx-journey-card{max-width:520px;width:100%;margin:0 auto}
}
@media(max-width:900px){
  .hx-hero .bx-hero-in{grid-template-columns:1fr;grid-template-areas:"copy";padding:44px 0 52px}
  .hx-hero .bx-hero-side{display:none}
  .hx-pain-grid{grid-template-columns:1fr 1fr;gap:14px}
  .hx-map{grid-template-columns:1fr 1fr;row-gap:28px}
  .hx-map::before{display:none}
}
@media(max-width:640px){
  .hx-hero .bx-hero-in{padding:32px 0 40px}
  .hx-who{font-size:13px;padding:5px 12px}
  .bx-hero.hx-hero h1{font-size:clamp(24px,7.2vw,34px);letter-spacing:-.03em}
  .hx-br{display:none}
  .hx-value{font-size:17px;padding:12px 14px}
  .hx-desc{font-size:15px}
  .hx-cta-box .hx-cta,.hx-mid-cta .hx-cta{width:100%;font-size:18px;padding:15px 18px}
  .hx-pain-grid{grid-template-columns:1fr}
  .hx-pain-card{min-height:0;padding:20px}
  .hx-pain-card strong{font-size:18px}
  .hx-get-list{grid-template-columns:1fr}
  .hx-type-card img{width:130px}
  .hx-head h2{font-size:26px}.hx-head p{font-size:16px}
}
/* 老闆解碼中心版（2026-10-15，home-intro.js decodeIntro）：路徑鏈、雙 CTA、五步旅程；問題入口卡樣式在 decode.css（dc-scene） */
.hx-hero.is-decode .hx-pain b{color:var(--bx-navy)}
.hx-chain{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;margin:0 auto 26px;max-width:640px}
.hx-chain span{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--bx-line);font-size:14px;font-weight:900;color:var(--bx-navy)}
.hx-chain span:last-child{background:var(--bx-navy);color:var(--bx-yellow);border-color:var(--bx-navy)}
.hx-chain i{font-style:normal;font-weight:900;color:var(--bx-gold-ink)}
.hx-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hx-cta2{font-size:18px;padding:16px 26px}
.hx-kicker.is-dark{color:var(--bx-gold-ink)!important}
.hx-map.is-5{grid-template-columns:repeat(5,1fr)}
.hx-map.is-5::before{left:10%;right:10%}
.hx-map.is-5 .hx-stop b{font-size:17px}
@media(max-width:900px){.hx-map.is-5{grid-template-columns:1fr 1fr}.hx-map.is-5 .hx-stop:last-child{grid-column:1/-1}}
@media(max-width:640px){
  .hx-cta-row{flex-direction:column;width:100%}
  .hx-cta-row .hx-cta,.hx-cta-row .hx-cta2{width:100%;justify-content:center}
  .hx-cta2{font-size:16px;padding:13px 18px}
  .hx-chain span{font-size:13px;padding:4px 10px}
}
/* 解碼版首屏按鈕區動態（2026-10-16 品客：「這塊做成會動的」）：進場淡入上浮 → 主按鈕光圈脈動＋光澤掃過＋箭頭前推；hover 微浮起。減少動態設定的人看到靜態版 */
@keyframes hxRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hxRing{0%{box-shadow:0 5px 0 #C28A22,0 0 0 0 rgba(233,170,50,.55)}70%{box-shadow:0 5px 0 #C28A22,0 0 0 16px rgba(233,170,50,0)}100%{box-shadow:0 5px 0 #C28A22,0 0 0 0 rgba(233,170,50,0)}}
@keyframes hxShine{0%,62%{transform:translateX(-160%) skewX(-20deg)}88%,100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes hxNudge{0%,55%,100%{transform:none}65%{transform:translateX(5px)}75%{transform:translateX(0)}85%{transform:translateX(4px)}}
.hx-hero.is-decode .hx-cta-row{animation:hxRise .7s cubic-bezier(.2,.8,.2,1) .25s both}
.hx-hero.is-decode .hx-cta-box .hx-note{animation:hxRise .7s cubic-bezier(.2,.8,.2,1) .55s both}
.hx-hero.is-decode .hx-cta{position:relative;overflow:hidden;isolation:isolate;animation:hxRing 2.4s ease-out 1.2s infinite;transition:transform .18s ease}
.hx-hero.is-decode .hx-cta::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-160%) skewX(-20deg);animation:hxShine 3.6s ease-in-out 1.4s infinite;pointer-events:none;z-index:-1}
.hx-hero.is-decode .hx-cta .bx-ic{animation:hxNudge 2.4s ease-in-out 1.2s infinite}
.hx-hero.is-decode .hx-cta:hover,.hx-hero.is-decode .hx-cta2:hover{transform:translateY(-3px)}
.hx-hero.is-decode .hx-cta:active{transform:translateY(2px)}
.hx-hero.is-decode .hx-cta2{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hx-hero.is-decode .hx-cta2:hover{border-color:var(--bx-yellow);box-shadow:0 10px 22px rgba(22,58,140,.14)}
@media (prefers-reduced-motion:reduce){
  .hx-hero.is-decode .hx-cta-row,.hx-hero.is-decode .hx-cta-box .hx-note,.hx-hero.is-decode .hx-cta,.hx-hero.is-decode .hx-cta::after,.hx-hero.is-decode .hx-cta .bx-ic{animation:none}
  .hx-hero.is-decode .hx-cta::after{display:none}
}
/* 首屏會員卡（2026-10-16，home-intro.js memberCard）：桌機在右欄插圖上方，手機放在按鈕下面 */
.hx-mcard{width:100%;max-width:300px;margin:0 auto 14px;padding:14px 16px;border-radius:var(--bx-r);background:var(--bx-card);border:1px solid var(--bx-line);box-shadow:var(--bx-shadow);text-align:left;position:relative;z-index:3}
.hx-mc-hi{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--bx-ink)}
.hx-mc-hi b{color:var(--bx-navy)}
.hx-mc-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-mc-btn{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 8px;border-radius:10px;border:2px solid var(--bx-navy);background:#fff;color:var(--bx-navy)!important;font-size:14.5px;font-weight:900;text-decoration:none;text-align:center;line-height:1.25;transition:transform .15s,background .15s}
.hx-mc-btn.is-main{background:var(--bx-navy);color:#fff!important}
.hx-mc-btn:hover{transform:translateY(-2px)}
.hx-mc-gift{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;color:var(--bx-ink-2)}
.hx-mc-gift .bx-ic{width:16px;height:16px;color:var(--bx-gold-ink)}
.hx-mc-gift b{color:var(--bx-gold-ink)}
.hx-mc-stat{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}
.hx-mc-stat span{padding:3px 10px;border-radius:999px;background:var(--bx-yellow-l);font-family:var(--bx-latin);font-size:13px;font-weight:900;color:var(--bx-gold-ink)}
.hx-mc-stat span:last-child{background:var(--bx-navy);color:#fff}
.hx-mcard [hidden]{display:none!important}
.hx-mcard.is-inline{display:none}
@media(max-width:900px){
  .hx-mcard.is-inline{display:block;max-width:420px;margin:22px auto 0}
}
.hx-journey-in.is-solo{grid-template-columns:1fr} /* 2026-10-16 P 幣關閉：沒有養成卡時旅程排滿整排 */
/* 會員卡登入版加完整（2026-10-16 品客：「幫我再完整一點」）：問候＋人格、解碼三步進度、依進度換下一步、捷徑 */
.hx-mcard{max-width:320px}
.hx-mc-me{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hx-mc-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bx-navy);color:#fff;font-weight:900;font-size:16px}
.hx-mc-av img{width:100%;height:100%;object-fit:cover}
.hx-mc-me .hx-mc-hi{margin:0}
.hx-mc-type{margin:2px 0 0;font-size:13px;font-weight:700;color:var(--bx-ink-2)}
.hx-mc-k{margin:0 0 6px;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--bx-muted)}
.hx-mc-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.hx-mc-steps li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:var(--bx-cream-2)}
.hx-mc-steps li>i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #C5CFCB;background:#fff}
.hx-mc-steps li span{display:flex;flex-direction:column;min-width:0}
.hx-mc-steps b{font-size:13.5px;color:var(--bx-ink);line-height:1.3}
.hx-mc-steps small{font-size:12px;color:var(--bx-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-mc-steps li.is-done>i{border-color:var(--bx-navy);background:var(--bx-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-mc-steps li.is-now{background:var(--bx-yellow-l)}
.hx-mc-steps li.is-now>i{border-color:var(--bx-yellow);box-shadow:inset 0 0 0 3px #fff;background:var(--bx-yellow)}
.hx-mc-steps li.is-now small{color:var(--bx-gold-ink);font-weight:700}
.hx-mc-btn.is-wide{width:100%}
.hx-mc-links{display:flex;justify-content:space-between;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--bx-line)}
.hx-mc-links a{font-size:13px;font-weight:700;color:var(--bx-navy);text-decoration:none}
.hx-mc-links a:hover{text-decoration:underline}
/* 手機版首屏插圖（2026-10-16 品客：手機版沒有圖片）：兩側欄隱藏時才出現 */
/* boss.css 有 .bx-page img{display:block}，所以要多一層 .hx-hero 才蓋得過 */
.hx-hero .hx-mimg{display:none}
@media(max-width:900px){.hx-hero .hx-mimg{display:block;width:100%;max-width:420px;height:auto;margin:24px auto 0;border-radius:24px;box-shadow:var(--bx-shadow-lg)}}
/* 首頁「你的專屬賺錢攻略」大區塊（2026-10-16 品客：取代「你現在卡在哪裡？」五張小卡；底色沿用 hx-pains 的深海軍藍） */
.hx-money-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;border-radius:28px;overflow:hidden;background:#FFFDF8;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.hx-money-copy{padding:48px 44px;color:#18334B}
.hx-money-tag{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#F4E5C2;color:#8C6420;font-size:14px;font-weight:900}
.hx-money-tag .bx-ic{width:16px;height:16px}
.hx-money h2{margin:0 0 12px;font-size:clamp(28px,3.2vw,42px);line-height:1.25;font-weight:900;color:#12344D;text-align:left}
.hx-money h2 span{background:linear-gradient(transparent 62%,rgba(199,154,69,.38) 62%)}
.hx-money-sub{margin:0 0 18px;font-size:clamp(18px,1.8vw,22px);font-weight:900;color:#183C56}
.hx-money-p{margin:0 0 10px;font-size:16px;line-height:1.85;color:#4F5F70}
.hx-money-hits{list-style:none;display:grid;gap:8px;margin:20px 0 10px;padding:0}
.hx-money-hits li{position:relative;padding:10px 14px 10px 40px;border-radius:12px;background:#fff;border:1px solid #E8E1D2;font-size:15px;font-weight:700;color:#12344D}
.hx-money-hits li::before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:6px;border:2px solid #C79A45;color:#A47630;font-size:12px;font-weight:900}
.hx-money-hit-note{margin:0;font-size:15px;font-weight:900;color:#8C6420}
.hx-money-offer{display:flex;flex-direction:column;padding:48px 40px;background:linear-gradient(160deg,#183C56,#12344D);color:#fff}
.hx-money-k{margin:0 0 16px;font-size:15px;font-weight:900;color:#E8C77E}
.hx-money-gets{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px;counter-reset:g}
.hx-money-gets li{position:relative;padding:12px 14px 12px 52px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);counter-increment:g}
.hx-money-gets li::before{content:counter(g,decimal-leading-zero);position:absolute;left:14px;top:13px;font-family:var(--bx-latin);font-size:15px;color:#C79A45}
.hx-money-gets b{display:block;font-size:16px;color:#fff}
.hx-money-gets span{display:block;margin-top:2px;font-size:13px;line-height:1.6;color:rgba(255,255,255,.72)}
.hx-money-price{margin:0 0 18px;padding:16px 18px;border-radius:16px;background:#FFFDF8;color:#12344D}
.hx-money-price small{display:block;font-size:13px;font-weight:900;color:#8C6420}
.hx-money-price b{display:inline-block;margin:2px 10px 0 0;font-family:var(--bx-latin);font-size:40px;line-height:1.1}
.hx-money-price em{font-style:normal;font-size:14px;font-weight:700;color:#657486}
.hx-money-cta{justify-content:center;font-size:19px;padding:16px 24px}
.hx-money-more{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:14px;font-weight:900;color:#fff;text-decoration:underline;text-underline-offset:4px}
.hx-money-more .bx-ic{width:16px;height:16px}
.hx-money-facts{margin:16px 0 0;font-size:13px;line-height:1.7;color:rgba(255,255,255,.65);text-align:center}
.hx-money-others{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:26px 0 0;font-size:14px;color:rgba(255,255,255,.75)}
.hx-money-others a{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:900;text-decoration:none}
.hx-money-others a:hover{border-color:#C79A45;color:#E8C77E}
@media(max-width:1000px){.hx-money-card{grid-template-columns:1fr}}
@media(max-width:640px){
  .hx-money-copy,.hx-money-offer{padding:28px 20px}
  .hx-money h2{font-size:clamp(20px,6.2vw,27px);letter-spacing:-.02em}
  .hx-money-cta{width:100%;font-size:17px;padding:15px 14px}
  .hx-money-others{justify-content:flex-start}
}
/* 登入後首屏人格報告卡（2026-10-16 品客：登入且測過 → 取代右邊插圖；手機取代按鈕下那張圖） */
.hx-myrep{width:100%;max-width:420px;margin:14px auto 0;padding:18px;border-radius:22px;background:#fff;border:1px solid #E1E5E2;box-shadow:0 2px 6px rgba(18,52,77,.05),0 14px 32px rgba(18,52,77,.1);text-align:left;color:#18334B}
.hx-myrep.is-inline{display:none}
.hx-hero.has-myrep .bx-hero-side.is-right .bx-hero-scene,.hx-hero.has-myrep .bx-hero-side.is-right>.bx-char,.hx-hero.has-myrep .bx-hero-side.is-right>.bx-bubble,.hx-hero.has-myrep .hx-mimg{display:none!important}
.hx-mr-k{margin:0 0 6px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#8C6420}
.hx-mr-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hx-mr-code{font-family:var(--bx-latin);font-size:40px;line-height:1;color:#12344D}
.hx-mr-name{margin:4px 0 6px;font-size:17px;font-weight:900;color:#12344D}
.hx-mr-conf{margin:0;font-size:12px;color:#657486}
.hx-mr-conf b{margin-right:4px;font-family:var(--bx-latin);font-size:18px;color:#A47630}
.hx-mr-top img{width:46%;max-width:170px;height:auto;border-radius:12px}
.hx-mr-talent{margin:12px 0;padding:10px 12px;border-radius:12px;background:#F7F4EC;font-size:13px;line-height:1.6}
.hx-mr-talent b{display:block;font-size:11px;color:#8C6420}
.hx-mr-axes{display:grid;gap:6px;margin-bottom:12px}
.hx-mr-ax{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#9AA5B1}
.hx-mr-ax span:last-child{text-align:right}
.hx-mr-ax span.on{color:#12344D}
.hx-mr-ax i{position:relative;height:8px;border-radius:999px;background:#ECEEF0;overflow:hidden}
.hx-mr-ax b{position:absolute;top:0;height:100%;border-radius:999px}
.hx-mr-ax b.is-a{left:0;background:#12344D}.hx-mr-ax b.is-b{right:0;background:#B98A3A}
.hx-mr-ability{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:center}
.hx-mr-radar .g{fill:none;stroke:#DCE1E4;stroke-width:.8}
.hx-mr-radar .v{fill:rgba(199,154,69,.3);stroke:#B98A3A;stroke-width:1.6}
.hx-mr-ability ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hx-mr-ability li{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:6px;font-size:11px;font-weight:900}
.hx-mr-ability li i{height:6px;border-radius:999px;background:#ECEEF0;overflow:hidden}
.hx-mr-ability li b{display:block;height:100%;background:#12344D}
.hx-mr-ability li em{font-style:normal;text-align:right;color:#12344D}
.hx-mr-more{display:block;margin-top:14px;padding:10px;border-radius:12px;background:#12344D;color:#fff!important;font-size:14px;font-weight:900;text-align:center;text-decoration:none}
@media(max-width:900px){.hx-myrep.is-inline{display:block}.hx-myrep.is-inline[hidden]{display:none}}
/* 首頁賺錢攻略區塊 v2（2026-10-16 品客：照設計圖「為什麼你這麼努力，錢卻始終賺不夠？／找出你的賺錢優勢」一模一樣） */
.hx-mo{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);gap:18px;align-items:stretch}
.hx-mo-l{position:relative;overflow:hidden;min-height:640px;border-radius:26px;background:#FBF6EC;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.hx-hero .hx-mo-photo,.hx-mo .hx-mo-photo{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;display:block;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%);mask-image:linear-gradient(90deg,transparent 0,#000 20%)}
.hx-mo-copy{position:relative;max-width:55%;padding:40px 0 30px 40px}
.hx-mo-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:9px 20px;border-radius:999px;background:#F6E2B8;color:#3A2A12;font-size:19px;font-weight:900}
.hx-mo-tag .bx-ic{width:22px;height:22px;color:#B07A22}
.hx-money .hx-mo h2 span{background:none}
.hx-money .hx-mo h2{margin:0 0 18px;text-align:left;line-height:1.18;letter-spacing:-.02em}
.hx-mo-h1{display:block;font-size:clamp(24px,2.5vw,40px);font-weight:900;color:#12273A}
.hx-mo-h2{position:relative;display:inline-block;margin-top:4px;padding-bottom:10px;font-size:clamp(30px,3.1vw,50px);font-weight:900;color:#E8A43A;white-space:nowrap;text-shadow:0 2px 0 #9A6418,0 0 1px #9A6418}
.hx-mo-h2::after{content:"";position:absolute;left:-2%;right:-4%;bottom:0;height:9px;border-radius:50%;background:linear-gradient(90deg,#E8A43A,#F2C060 60%,rgba(242,192,96,0));transform:rotate(-1.2deg)}
.hx-mo-sub{margin:0 0 22px;font-size:clamp(17px,1.5vw,21px);font-weight:900;color:#12273A}
.hx-mo-hits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
.hx-mo-hits li{position:relative;padding:14px 10px 14px 56px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid #EFE4CF;box-shadow:0 4px 12px rgba(18,39,58,.06)}
.hx-mo-hits li::before{content:"✓";position:absolute;left:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#12344D;color:#fff;font-size:18px;font-weight:900}
.hx-mo-hits b,.hx-mo-hits span{display:block;white-space:nowrap;font-size:clamp(15px,1.3vw,19px);font-weight:900;line-height:1.35}
.hx-mo-hits b{color:#12273A}.hx-mo-hits span{color:#B8741E}
.hx-hero .hx-mo-hand,.hx-mo .hx-mo-hand{display:block;width:min(100%,420px);height:auto;margin:22px 0 0 -6px}
.hx-mo-r{display:flex;flex-direction:column;padding:30px 26px 24px;border-radius:26px;background:linear-gradient(170deg,#173B57,#102C43);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.3);color:#fff}
.hx-mo-k{margin:0 0 4px;font-size:clamp(19px,1.8vw,26px);font-weight:900;color:#F2BE52}
.hx-mo-big{position:relative;margin:0 0 20px;font-size:clamp(32px,3.4vw,52px);font-weight:900;line-height:1.15;color:#fff;letter-spacing:-.01em}
.hx-mo-big span{position:relative;display:inline-block;color:#F2BE52}
.hx-mo-big span::after{content:"";position:absolute;left:-4%;right:-2%;bottom:-8px;height:8px;border-radius:50%;background:linear-gradient(90deg,rgba(242,190,82,0),#F2BE52 30%,#F2BE52 80%,rgba(242,190,82,0));transform:rotate(-2deg)}
.hx-mo-gets{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.hx-mo-gets li{display:grid;grid-template-columns:44px 46px 1fr;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.hx-mo-gets i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#F2BE52;color:#12273A;font-family:var(--bx-latin);font-style:normal;font-size:16px;box-shadow:0 0 0 3px rgba(242,190,82,.25)}
.hx-mo-gets .bx-ic{width:40px;height:40px;color:#fff;stroke-width:1.6}
.hx-mo-gets b{display:block;font-size:clamp(17px,1.6vw,22px);font-weight:900;color:#fff}
.hx-mo-gets span{display:block;margin-top:2px;font-size:clamp(14px,1.2vw,17px);color:rgba(255,255,255,.82)}
.hx-mo-price{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 14px;padding:16px 20px;border-radius:18px;background:#FFFBF2;color:#12273A}
.hx-mo-price small{display:block;font-size:clamp(15px,1.3vw,19px);font-weight:900;color:#9A6418}
.hx-mo-price b{position:relative;display:inline-block;font-family:var(--bx-latin);font-size:clamp(34px,3.3vw,50px);line-height:1.05;color:#12273A}
.hx-mo-price b::after{content:"";position:absolute;left:0;right:6%;bottom:2px;z-index:-1;height:12px;border-radius:6px;background:#F2BE52;opacity:.85}
.hx-mo-price>div{position:relative;z-index:0}
.hx-mo-price p{margin:0;font-size:clamp(15px,1.3vw,19px);font-weight:900;line-height:1.5;color:#12273A}
.hx-hero .hx-mo-price img,.hx-mo .hx-mo-price img{display:block;width:96px;height:auto;margin:-34px -4px -26px 0;border-radius:6px;box-shadow:0 10px 24px rgba(18,39,58,.25);transform:rotate(4deg)}
.hx-mo-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,#FFD15C,#F0A92E);box-shadow:0 7px 0 #B87A1E,0 14px 28px rgba(240,169,46,.35);color:#12273A!important;font-size:clamp(20px,2vw,28px);font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s}
.hx-mo-cta .bx-ic{width:28px;height:28px;stroke-width:2.6}
.hx-mo-cta:hover{transform:translateY(2px);box-shadow:0 5px 0 #B87A1E,0 10px 22px rgba(240,169,46,.3)}
.hx-mo-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin:18px 0 0;font-size:clamp(14px,1.2vw,17px);font-weight:700;color:rgba(255,255,255,.9)}
.hx-mo-foot span{display:inline-flex;align-items:center;gap:8px}
.hx-mo-foot .bx-ic{width:22px;height:22px}
.hx-mo-foot i{font-style:normal;opacity:.5}
.hx-mo-fine{margin:12px 0 0;text-align:center;font-size:13px;line-height:1.7;color:rgba(255,255,255,.6)}
@media(max-width:1100px){
  .hx-mo{grid-template-columns:1fr}
  .hx-mo-l{min-height:600px}
}
@media(max-width:700px){
  .hx-mo-l{min-height:0;display:flex;flex-direction:column}
  .hx-mo-copy{max-width:100%;padding:24px 18px 4px}
  .hx-hero .hx-mo-photo,.hx-mo .hx-mo-photo{position:static;order:2;width:100%;height:540px;object-fit:cover;object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%);mask-image:linear-gradient(180deg,transparent 0,#000 5%)}
  .hx-mo-foot{flex-direction:column;gap:6px}.hx-mo-foot i{display:none}
  .hx-mo-tag{font-size:15px;padding:7px 14px}
  .hx-mo-h1{font-size:clamp(21px,6.3vw,27px)}
  .hx-mo-h2{font-size:clamp(28px,8.6vw,38px)}
  .hx-mo-hits{gap:8px}
  .hx-mo-hits li{padding:11px 10px 11px 46px}
  .hx-mo-hits li::before{left:10px;width:26px;height:26px;font-size:14px}
  .hx-mo-hits b,.hx-mo-hits span{font-size:15px}
  .hx-mo-r{padding:24px 16px 20px}
  .hx-mo-gets li{grid-template-columns:36px 30px 1fr;gap:10px;padding:10px 12px}
  .hx-mo-gets i{width:34px;height:34px;font-size:13px}
  .hx-mo-gets .bx-ic{width:28px;height:28px}
  .hx-mo-price{grid-template-columns:1fr auto;padding:14px 16px}
  .hx-hero .hx-mo-price img,.hx-mo .hx-mo-price img{display:none}
  .hx-mo-cta{font-size:19px;padding:16px 12px}
}
/* 首屏單一 CTA 下方小字：電腦一行（中間加｜），手機拆兩行（2026-10-16） */
.hx-note-2::before{content:"｜";margin:0 2px;opacity:.6}
@media(max-width:640px){.hx-note-2{display:block}.hx-note-2::before{display:none}}