/* ============================================================
   DIMDIM LOK · 韓系文創 theme skin
   Load AFTER each page's inline <style>. Pages share the same
   CSS variable vocabulary, so re-mapping tokens restyles them.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&display=swap');

:root{
  --bg:#faf4e9;
  --ink:#493528;
  --ink-soft:#87705f;
  --line:#eadcc8;
  --card:#fff;
  --yolk:#f6a623;
  --yolk-dk:#d4880d;
  --blue:#8fabd6;
  --blue-dk:#6d8cba;
  --green:#a8cf90;
  --pink:#f0a68f;
  --radius:20px;
  --shadow:0 6px 18px rgba(95,68,51,.08);
  --display:"Baloo 2","Noto Sans HK",sans-serif;
}

body{background:var(--bg);color:var(--ink)}
:where(p,li,.help,.note,.sub,.faq-a,.card-copy,.policy,.status){text-wrap:pretty}

/* 手繪散點背景（星星/圓點/心心/圈圈）+ 柔光 glow */
.dotbg{
  background-color:var(--bg);
  background-image:
    radial-gradient(760px 500px at 84% 0%,#fcedca 0%,rgba(252,237,202,0) 68%),
    radial-gradient(680px 460px at 0% 30%,#edf3fb 0%,rgba(237,243,251,0) 66%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath fill='%23e8b657' fill-opacity='.55' d='M56 28l4 12.5 12.5 4-12.5 4L56 61l-4-12.5-12.5-4 12.5-4z'/%3E%3Ccircle cx='348' cy='72' r='4.2' fill='%23efa88e' fill-opacity='.5'/%3E%3Cpath fill='%23a3bfe4' fill-opacity='.5' d='M188 142l2.9 9 9 2.9-9 2.9-2.9 9-2.9-9-9-2.9 9-2.9z'/%3E%3Ccircle cx='72' cy='266' r='5.5' fill='none' stroke='%23dcc79f' stroke-width='1.8' stroke-opacity='.6'/%3E%3Cpath fill='%23f0a68f' fill-opacity='.5' d='M296 224c0-4.4 6.5-4.4 6.5 0 0-4.4 6.5-4.4 6.5 0 0 5-6.5 9.5-6.5 9.5s-6.5-4.5-6.5-9.5z'/%3E%3Ccircle cx='220' cy='356' r='3.4' fill='%23e3b866' fill-opacity='.5'/%3E%3Cpath fill='%23ecc47f' fill-opacity='.5' d='M368 364l2.6 8 8 2.6-8 2.6-2.6 8-2.6-8-8-2.6 8-2.6z'/%3E%3C/svg%3E");
  background-size:auto,auto,400px 400px;
  background-repeat:no-repeat,no-repeat,repeat;
}

/* Nav：米白底 + 煎蛋 logo + Baloo 圓體 */
.nav{background:#fffdf9;border-bottom:1.5px solid var(--line)}
.nav .brand{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.5px;color:#5f4433}
.nav .brand::before{content:"";display:inline-block;width:32px;height:32px;background:url("logo-egg.png") center/contain no-repeat;flex:0 0 auto}
.nav-links a{border-radius:999px}
.nav-links a:hover{background:#f5ead8;color:#5f4433}
.nav-links a.on{background:#5f4433;color:#fff}
.nav-cta{background:var(--yolk)!important;color:#472f1a!important}
.nav-links .nav-cta{background:var(--yolk);color:#472f1a}
.nav-cta:hover{background:var(--yolk-dk)!important}
.auth-slot{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.auth-chip{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 11px;font-family:inherit;font-weight:900;font-size:12.5px;white-space:nowrap}
.auth-chip.warn{color:#9a5a00;background:#fff7e9}
.auth-chip.ghost{cursor:pointer;color:var(--ink-soft)}
@media(max-width:720px){.auth-slot .auth-chip.ghost{display:none}.auth-chip{font-size:11.5px;padding:7px 9px}}

/* 標題 */
.page-title h1,.hero h1,h1{letter-spacing:0}
.page-title p,.hero p{font-weight:400}

/* 按鈕：藥丸形 + 蛋黃底深啡字（跟主頁 CTA） */
.btn{border-radius:999px}
.btn.primary,.btn-primary,.plan .btn{background:var(--yolk);color:#472f1a}
.btn.primary:hover,.btn-primary:hover,.plan .btn:hover{background:var(--yolk-dk);color:#472f1a}
.btn.blue,.btn-blue{background:var(--blue-dk);color:#fff}
.btn.secondary,.btn-alt{background:#fff;color:#5f4433;border:1.5px solid var(--line)}
.btn.secondary:hover,.btn-alt:hover{border-color:var(--yolk)}
.plan .btn.secondary{background:#fdf6e8;color:#5f4433;border:1.5px solid var(--line)}
.plan .btn.secondary:hover{background:#faeed7}
.tab-btn.on{background:var(--yolk);border-color:var(--yolk);color:#472f1a}

/* 價錢數字 → Baloo 圓體（原本 JetBrains Mono 太科技感） */
.price-card .amt,.metric .num,.token-bar .big,.offer-item b,#priceHeadline{font-family:var(--display)!important}
[style*="JetBrains"]{font-family:var(--display)!important}

/* 卡片統一 */
.card,.faq-item,.plan,.step,.panel,.price-card,.pay-card,.offer-item,.token-bar{border-color:var(--line)}

/* Footer 統一米白 */
.foot,.footer{background:#fffdf9;border-top:1.5px solid var(--line)}

/* FAQ hover 暖色 */
.faq-q:hover{background:#fdf6e8}

/* 舊 gradient 卡片 → 柔和奶油/粉藍 */
.plan.popular{background:linear-gradient(160deg,#fff,#fdf3dd)}
.plan.special{background:linear-gradient(160deg,#fff,#eef4fc)}
.price-card.featured{background:linear-gradient(160deg,#fdf3dd,#eef4fc)}
.hero-inner{background:linear-gradient(160deg,#fff,#fdf6e8)}