/* 六旬 舊內容頁 → 新外觀 轉換層（2026-10 改版）
   舊頁面保留原本的內容與小工具，只在 </head> 前載入本檔，把米白金色卡片換成 A＋C 風格。
   搭配 sx.css（頁首、頁尾、按鈕列）一起使用。 */
:root{
  --bg:#F7F6F1;--paper:#FFFFFF;--ink:#2F332C;--muted:#6F7369;--faint:#A3A79C;
  --line:#DCDFD4;--line2:#C9CEBF;
  --gold:#7D8B70;--gold-lite:#E6E9DF;--gold-deep:#5F6D54;
  --red:#B07A5A;--red-deep:#2F332C;--green:#7D8B70;--green-deep:#5F6D54;
  --soft:none;--shadow:none;
}
html{background:var(--bg)}
body{background:var(--bg)!important;padding:0!important;font-weight:400}

/* 外框：不再是窄窄的手機框，改成置中的閱讀寬度 */
.shell{width:min(100%,760px)!important;min-height:0!important;border-radius:0!important;background:var(--bg)!important;box-shadow:none!important}
.shell::before{display:none!important}
.wrap{padding:0 22px 40px}

/* 拿掉金色裝飾（星空、光暈、圓圈、花紋） */
.phero .sky,.halo,.ring,.ring2,.motif,.s-head .motif{display:none!important}
.foot{display:none!important}

/* 頁首主視覺 */
.phero{text-align:left!important;padding:36px 0 8px!important}
.phero .tag{background:none!important;color:var(--gold)!important;padding:0!important;border-radius:0!important;font-family:"Noto Sans TC",sans-serif!important;font-size:11px!important;letter-spacing:.42em!important}
.phero h1{font-weight:300!important;font-size:34px!important;letter-spacing:.1em!important;text-indent:0!important;margin-top:10px!important}
.phero .sub{text-indent:0!important;letter-spacing:.24em!important;font-size:13px!important}
.phero .lead{margin:18px 0 0!important;max-width:28em!important;color:var(--muted)!important;font-size:15px!important}

/* 區塊標題：英文小字 → 細黑體、左對齊、上方細線 */
.s-head{text-align:left!important;margin:60px 0 6px!important;padding-top:30px;border-top:1px solid var(--line)}
.s-head .en,.eyebrow{font-family:"Noto Sans TC",sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:11px!important;letter-spacing:.42em!important;color:var(--gold)!important;text-transform:uppercase}
.s-title{text-align:left!important;font-weight:400!important;font-size:24px!important;letter-spacing:.08em!important}
.s-sub{text-align:left!important;margin:4px 0 22px!important;max-width:none!important;font-size:14px!important;color:var(--muted)!important}

/* 卡片：圓角漸層 → 平面細線 */
.row,.card,.pcard,.mini,.flagship,.qa,.tip,.warn,.step,.chat,.cta-band,.bztool,.price,.terms,.flow{border-radius:2px!important;box-shadow:none!important;background:var(--paper)!important;border:1px solid var(--line)!important}
.rows{gap:0!important;border-top:1px solid var(--ink)}
.rows .row{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:20px 0!important}
.row .t,.mini .t,.card .t,.pcard .t{color:var(--ink)!important;font-weight:500!important}
.row .d{font-size:14px!important;color:var(--muted)!important}
.flagship{border-top:2px solid var(--gold)!important}
.flagship .k{background:var(--gold-lite)!important;color:var(--gold-deep)!important;border-radius:0!important}
.flagship .h .p,.mini .p,.price .p{color:var(--red)!important}
.block li,.mini .d{font-size:14px!important}
.block .bt span{border-color:var(--gold)!important;color:var(--gold-deep)!important}
.warn{border-left:3px solid var(--red)!important}
.tip{border-left:3px solid var(--gold)!important}

/* 對話泡泡 */
.chat{background:var(--gold-lite)!important;border:0!important}
.bubble.me{background:#D3DCC6!important;color:var(--ink)!important}
.bubble{font-size:14px!important}

/* 行動區塊 */
.cta-band{background:var(--gold-lite)!important;border:0!important;text-align:left!important;padding:36px 26px!important}
.cta-band h3{font-weight:400!important}

/* 按鈕：與新首頁同一款（淡綠底＋深色極細框＋白色內壓線） */
.btn{border-radius:0!important;letter-spacing:.16em!important;box-shadow:none!important}
.btn-red,.btn-green,.btn-gold,.bzbtn{background:var(--gold-lite)!important;color:var(--ink)!important;border:.5px solid rgba(47,51,44,.75)!important;
  box-shadow:inset 0 0 0 3px var(--gold-lite),inset 0 0 0 3.5px rgba(255,255,255,.75)!important;border-radius:0!important}
.btn-ghost,.btn-card{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:0!important}
.chips>*,.tag{border-radius:2px!important}

@media (min-width:900px){
  .wrap{padding:0 40px 60px}
  .phero h1{font-size:42px!important}
}

/* 各頁自己的卡片（2026-10-11 補） */
.addons,.note,.agree,.opt,.sum,.fact,.feat .f,.outcome .o,.pain .p,.rest,.reward,.soon .s,.turn,.cta,details.q,.price .batch,.week,.mg,
.svc-card,.test,.faq details,.guardian,.quote,.type,.wcard,.plan,.accrow,.payline,.plans .pl,.qtybig,.pitem,.method,.tcard,.vcard,.calc,
.dmg,.hlbox,.ritual,.subcard,.rung{
  border-radius:2px!important;box-shadow:none!important;background:var(--paper)!important;border:1px solid var(--line)!important}
.quote,.guardian,.hlbox,.reward,.mg{background:var(--gold-lite)!important;border:0!important}
.step .sn,.day .dn{border-radius:50%!important;background:transparent!important;border:1px solid var(--gold)!important;color:var(--gold-deep)!important;box-shadow:none!important}
.sticky{border-radius:0!important;box-shadow:none!important;background:rgba(247,246,241,.96)!important;border-top:1px solid var(--line)!important}
.sticky a,.test button,.calc button{border-radius:0!important;background:var(--gold-lite)!important;color:var(--ink)!important;border:.5px solid rgba(47,51,44,.75)!important;box-shadow:inset 0 0 0 3px var(--gold-lite),inset 0 0 0 3.5px rgba(255,255,255,.75)!important}
.test input,.field input,.field select,.calc input[type=number],input[type=number]{border-radius:2px!important;box-shadow:none!important;background:#fff!important;border:1px solid var(--line2)!important}
.vnav a.on{border-radius:0!important;background:var(--gold-lite)!important;color:var(--ink)!important;box-shadow:none!important}
.band::after{display:none!important}
.tip{border-radius:2px!important}
@media (max-width:899px){body.sx-has-tab .sticky{bottom:calc(var(--tab) + env(safe-area-inset-bottom))!important}}
/* 會員頁點數卡：金色→淡綠、深色→墨綠 */
.coin.gold{background:var(--gold-lite)!important;border:0!important;box-shadow:none!important;border-radius:2px!important}
.coin.dusk{background:#3E4638!important;border:0!important;box-shadow:none!important;border-radius:2px!important}
.coin .halo{display:none!important}
/* 原本深色底的區塊（護法神、數字自測、印鑑試算、暮光金）：底改淺色後，字一律改深色（2026-10-11 老師手機截圖回報） */
.guardian,.test,.calc,.mg{color:var(--ink)!important}
.guardian *:not(.btn):not(button),.test *:not(button),.calc *:not(button),.mg *:not(.btn){color:inherit!important}
.guardian p,.guardian li,.guardian .d,.guardian small,.test p,.calc p,.mg p,.guardian .price+*{color:var(--muted)!important}
.guardian .k,.test .k,.calc .k{color:var(--gold)!important}
.guardian .price .now,.calc .out b{color:var(--red)!important}
.guardian .ul li::before{color:var(--gold)!important}
.guardian .price{background:#fff!important;border:1px solid var(--line)!important}
.test .out a{color:var(--gold-deep)!important;border-bottom-color:var(--gold)!important}
/* 付款頁「6 期／9 期…」：拿掉外框，期數改成淡綠小標籤（2026-10-11 老師） */
.pcard .terms{border:0!important;background:transparent!important;padding:0!important;display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
.pcard .terms span{border:0!important;border-radius:2px!important;background:var(--gold-lite)!important;color:var(--ink)!important;padding:4px 12px!important;font-size:13.5px!important;box-shadow:none!important}

/* 2026-10-12 老師：「這已經是卡片了，為什麼底部還要一個白色卡片」→ 裝方案卡片的外框不要再畫一層卡片 */
.price:has(.pcard),.price:has(.row),.price:has(.mini){background:transparent!important;border:0!important;padding:0!important}