/* ==========================================================================
   hkgoldcalc.com — 共用樣式 style.css（以 index-original.html 為藍本重建）
   設計原則：
   - 手機窄螢幕：保留原版「金球」hero（黑底漸變）
   - 電腦闊螢幕：簡潔現代版面 + 功能入口
   - 所有 grid 用 minmax(0,1fr)；container 加 min-width:0; overflow-x:hidden
   ========================================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --gold:#C8960A;--gold-l:#E8B84B;--gold-d:#8B6508;
  --blue:#1D4ED8;--blue-l:#2563EB;
  --text:#111;--muted:#6B7280;--border:#E5E7EB;--bg:#F3F4F6;
  --green:#059669;--red:#DC2626;
  --green-bg:#ECFDF5;--red-bg:#FEF2F2;--green-b:#A7F3D0;--red-b:#FECACA;
  --dark:#111827;--dark2:#1F2937;--dark3:#374151;
  --radius:10px;--shadow:0 1px 4px rgba(0,0,0,.07);
  --maxw:1180px;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:"Noto Sans TC","PingFang HK","Microsoft JhengHei",-apple-system,sans-serif;font-size:14px;line-height:1.7;min-width:0;overflow-x:hidden;}
a{color:var(--gold-d);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}
.mono{font-family:"DM Mono","SFMono-Regular",Menlo,monospace;}
.up{color:var(--green);}.dn{color:var(--red);}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px;min-width:0;overflow-x:hidden;}

/* ── HEADER / NAV (真分頁連結) ── */
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.95);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--border);box-shadow:0 1px 4px rgba(0,0,0,.05);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;min-width:0;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;color:var(--text);white-space:nowrap;}
.brand .logo{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE066,#DAA520 55%,#8B6508);display:flex;align-items:center;justify-content:center;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:900;color:#fff;box-shadow:0 2px 8px rgba(218,165,32,.5);}
.brand small{color:var(--muted);font-weight:600;font-size:12px;}
.nav-links{display:flex;align-items:center;gap:2px;flex-wrap:wrap;min-width:0;}
.nav-links a{display:inline-block;padding:8px 11px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;}
.nav-links a:hover{background:#FFFBF0;color:var(--gold-d);text-decoration:none;}
.nav-links a.active{color:var(--gold-d);background:#FFF8E1;}
.nav-links a.lang-switch{border:1px solid var(--border);color:var(--gold-d);font-weight:800;font-size:12.5px;padding:6px 10px;margin-left:4px;}
.nav-links a.lang-switch:hover{background:#FFF8E1;}
.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:9px;padding:7px 11px;font-size:18px;cursor:pointer;}

/* ── TICKER (TradingView) ── */
.ticker-wrap{background:#fff;border-bottom:1px solid var(--border);min-width:0;overflow-x:hidden;}
.tradingview-widget-container{min-width:0;}

/* ── 區塊 ── */
.block{padding:30px 0;}
.section-head{margin-bottom:16px;}
.section-head h2{font-size:clamp(20px,4.5vw,27px);margin:0 0 5px;}
.section-head p{color:var(--muted);margin:0;font-size:14px;}
.crumbs{font-size:13px;color:var(--muted);margin:14px 0;}
.crumbs a{color:var(--muted);}

/* 參考價標籤 + 免責 */
.ref-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--gold-d);background:#FFF8E1;border:1px solid #ECDFAE;padding:1px 7px;border-radius:999px;vertical-align:middle;}
.disclaimer{background:#FFF7E6;border:1px solid #F2E2B8;border-radius:10px;padding:13px 15px;font-size:12.5px;color:#7A6A3A;margin:18px 0;line-height:1.8;}
.updated{font-size:12px;color:var(--muted);}

/* ── 電腦版首頁 hero（簡潔現代） ── */
.home-hero-desktop{padding:46px 0 26px;text-align:center;}
.home-hero-desktop h1{font-size:clamp(27px,5.2vw,46px);line-height:1.22;margin:0 0 12px;letter-spacing:-.5px;}
.home-hero-desktop p.lead{max-width:660px;margin:0 auto 22px;color:var(--muted);font-size:clamp(15px,3.4vw,18px);}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;border:1px solid transparent;font-size:15px;font-family:inherit;}
.btn-primary{background:linear-gradient(90deg,var(--gold-d),var(--gold));color:#fff;}
.btn-primary:hover{filter:brightness(1.05);text-decoration:none;}
.btn-ghost{background:#fff;color:var(--text);border-color:var(--border);}
.btn-ghost:hover{background:#FFFBF0;text-decoration:none;}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-l));color:#fff;}
.btn-blue:hover{filter:brightness(1.05);text-decoration:none;}

/* ── 即時數據卡（每兩/每克/國際）── */
.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;min-width:0;}
@media(min-width:640px){.data-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.price-tile{background:#fff;border:1px solid var(--border);border-left:3px solid var(--gold-l);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0;}
.price-tile .label{color:var(--muted);font-size:13px;font-weight:600;}
.price-tile .value{font-size:clamp(20px,5vw,28px);font-weight:800;margin:5px 0 2px;word-break:break-word;}
.price-tile .sub{font-size:12px;color:var(--muted);}

/* ── 功能入口卡（可撳，<a href>） ── */
.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;min-width:0;}
@media(min-width:680px){.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.entry-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0;display:block;color:inherit;transition:transform .12s,box-shadow .12s;}
.entry-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1);text-decoration:none;}
.entry-card .ico{font-size:26px;}
.entry-card h3{margin:8px 0 5px;font-size:17px;color:var(--text);}
.entry-card p{margin:0;color:var(--muted);font-size:14px;}

/* ── 詳細金行計算機 component ── */
.goldcalc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden;}
.gc-head{padding:12px 16px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--blue),var(--blue-l));}
.gc-head .t{font-family:"Noto Serif TC",serif;font-size:15px;font-weight:700;color:#fff;}
.gc-body{padding:16px;min-width:0;}
.fld-lbl{font-size:11px;color:var(--blue);font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:block;margin:0 0 6px;}
.shop-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;}
@media(max-width:520px){.shop-btns{grid-template-columns:repeat(2,minmax(0,1fr));}}
.shop-btn{padding:8px 5px;border:2px solid var(--border);background:#fff;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--dark3);font-family:inherit;min-width:0;}
.shop-btn.on{border-color:var(--green);background:var(--green-bg);color:var(--green);font-weight:700;}
.gc-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;min-width:0;}
.gc-inputs .full{grid-column:1 / -1;}
.gc-field{min-width:0;}
.gc-field input,.gc-field select{width:100%;border:2px solid #DBEAFE;border-radius:8px;padding:10px 11px;font-size:16px;outline:none;background:#F0F9FF;font-family:inherit;min-width:0;}
.gc-field input{font-family:"DM Mono",monospace;font-weight:700;}
.gc-field select{color:var(--blue);font-weight:600;cursor:pointer;}
.gc-field input:focus,.gc-field select:focus{border-color:var(--blue-l);background:#fff;}
.gc-bigwrap{background:#F0F9FF;border:2px solid #BFDBFE;border-radius:var(--radius);padding:18px;text-align:center;margin-bottom:12px;}
.gc-goldbar{display:flex;justify-content:center;margin-bottom:10px;}
.gc-unitlabel{font-size:11px;color:#3B82F6;font-weight:600;letter-spacing:.5px;margin-bottom:5px;}
.gc-big{font-family:"DM Mono",monospace;font-size:clamp(24px,6vw,38px);font-weight:700;color:var(--text);line-height:1;word-break:break-word;}
.gc-bignote{font-size:11px;color:var(--muted);margin-top:4px;}
.gc-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;min-width:0;}
.gc-buy,.gc-sell{border-radius:9px;padding:13px;text-align:center;min-width:0;}
.gc-buy{background:var(--red-bg);border:1px solid var(--red-b);}
.gc-sell{background:var(--green-bg);border:1px solid var(--green-b);}
.gc-side-lbl{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;}
.gc-buy .gc-side-lbl{color:var(--red);}
.gc-sell .gc-side-lbl{color:var(--green);}
.gc-side-val{font-family:"DM Mono",monospace;font-size:clamp(18px,5vw,23px);font-weight:700;word-break:break-word;}
.gc-buy .gc-side-val{color:var(--red);}
.gc-sell .gc-side-val{color:var(--green);}
.gc-side-note{font-size:10px;color:#9CA3AF;margin-top:3px;}
.gc-shopnote{background:#F9FAFB;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:11px;color:var(--muted);text-align:center;margin-bottom:10px;}
.gc-conv{background:#F0F9FF;border:1px solid #BFDBFE;border-radius:8px;padding:10px;}
.gc-conv .clbl{font-size:11px;color:#3B82F6;font-weight:700;margin-bottom:7px;}
.gc-conv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
@media(max-width:520px){.gc-conv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.gc-cc{background:#fff;border:1px solid var(--border);border-radius:6px;padding:7px;text-align:center;min-width:0;}
.gc-cc.hi{background:#FFFBF0;border-color:var(--gold-l);}
.gc-cc .u{font-size:10px;color:var(--muted);margin-bottom:2px;}
.gc-cc .v{font-family:"DM Mono",monospace;font-size:11px;font-weight:700;word-break:break-word;}
.gc-cc.hi .v{color:var(--gold-d);}

/* 金行牌價比較表 */
.shopquote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;min-width:0;}
@media(min-width:560px){.shopquote-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.shop-quote{border:1px solid var(--border);border-left:3px solid var(--gold-l);border-radius:9px;padding:11px;background:#F9FAFB;min-width:0;}
.shop-quote.best{border-left-color:var(--green);background:var(--green-bg);}
.shop-quote .nm{font-family:"Noto Serif TC",serif;font-size:13px;font-weight:700;color:var(--gold-d);margin-bottom:6px;}
.shop-quote .qr{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px;}
.shop-quote .qr .lbl{color:var(--muted);}
.shop-quote .qr .px{font-family:"DM Mono",monospace;font-weight:700;}
.shop-quote .qr .px.buy{color:var(--green);}
.shop-quote .tag{font-size:10px;color:var(--green);font-weight:700;margin-top:3px;display:block;}

/* 金舖 affiliate / 外連按鈕（config.shopLinks 有填先出現） */
.shop-go{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:700;color:#fff;background:var(--gold-d,#9a7209);border-radius:6px;padding:5px 10px;text-decoration:none;line-height:1.3;}
.shop-go:hover{filter:brightness(1.08);}

/* 金價到價提醒：email 訂閱框 */
.subscribe-box{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border-radius:14px;padding:22px 18px;min-width:0;overflow-x:hidden;}
.subscribe-box h3{margin:0 0 4px;font-size:clamp(17px,3.6vw,21px);}
.subscribe-box p{margin:0 0 14px;font-size:13px;color:#cbd5e1;line-height:1.7;}
.subscribe-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;}
.subscribe-form input[type="email"]{min-width:0;border:1px solid #374151;background:#fff;color:#111;border-radius:8px;padding:11px 12px;font-size:14px;}
.subscribe-form button{white-space:nowrap;border:0;background:var(--gold-l,#d4a017);color:#1a1300;font-weight:800;border-radius:8px;padding:11px 16px;font-size:14px;cursor:pointer;}
.subscribe-form button:hover{filter:brightness(1.06);}
.subscribe-form button:disabled{opacity:.6;cursor:default;}
.subscribe-msg{font-size:12.5px;margin-top:9px;min-height:16px;line-height:1.6;}
.subscribe-fine{font-size:11px;color:#94a3b8;margin-top:8px;line-height:1.6;}
@media(max-width:480px){.subscribe-form{grid-template-columns:minmax(0,1fr);}}

/* 3D 金條（保留原版視覺） */
.gb3d{position:relative;width:80px;height:44px;}
.gb3d .top{width:80px;height:30px;background:linear-gradient(135deg,#FFE566,#DAA520 40%,#B8860B 70%,#8B6508);border-radius:5px 5px 0 0;box-shadow:inset 0 3px 6px rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,0,0,.15),0 2px 8px rgba(184,134,11,.3);}
.gb3d .front{width:80px;height:12px;background:linear-gradient(180deg,#B8860B,#8B6508);border-radius:0 0 3px 3px;}
.gb3d .side{position:absolute;right:-8px;top:2px;width:10px;height:30px;background:linear-gradient(90deg,#C8960A,#8B6508);transform:skewY(-30deg);border-radius:0 3px 3px 0;}
.gb3d .ch{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-family:"Noto Serif TC",serif;font-size:11px;font-weight:900;color:rgba(255,255,255,.8);letter-spacing:1px;}

/* ── 貴金屬 / 加密貨幣表 ── */
.metals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;min-width:0;}
@media(min-width:560px){.metals-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.metal-tile{background:#fff;border-radius:var(--radius);padding:14px;text-align:center;box-shadow:var(--shadow);border-top:3px solid var(--gold-l);min-width:0;}
.metal-tile .ico{width:46px;height:46px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.metal-tile .nm{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.5px;margin-bottom:4px;}
.metal-tile .px{font-family:"DM Mono",monospace;font-size:17px;font-weight:700;word-break:break-word;}
.metal-tile .un{font-size:10px;color:var(--muted);margin-top:2px;}

.crypto-board{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0;}
.ctable{width:100%;border-collapse:collapse;}
.ctable th{background:#1E1B4B;color:#A5B4FC;padding:9px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:left;}
.ctable td{padding:11px 12px;border-bottom:1px solid #F9FAFB;vertical-align:middle;font-size:13px;}
.ctable tr:last-child td{border-bottom:none;}
.coin-row{display:flex;align-items:center;gap:8px;}
.coin-badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}
.coin-nm{font-family:"Noto Serif TC",serif;font-size:13px;font-weight:700;}
.coin-sym{font-size:11px;color:var(--muted);}
.live-px{font-family:"DM Mono",monospace;font-size:13px;font-weight:700;}
.chg-pill{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600;}
.chg-pill.up{background:var(--green-bg);color:var(--green);border:1px solid var(--green-b);}
.chg-pill.dn{background:var(--red-bg);color:var(--red);border:1px solid var(--red-b);}

/* ── 圖表外框 + 年份切換 ── */
.chart-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;min-width:0;overflow-x:hidden;}

/* ── 文章 ── */
.article{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,4vw,34px);min-width:0;}
.article h1{font-size:clamp(23px,5.5vw,33px);line-height:1.3;margin:0 0 8px;}
.article .meta{color:var(--muted);font-size:13px;margin-bottom:18px;}
.article h2{font-size:clamp(18px,4.5vw,23px);margin:24px 0 8px;border-left:4px solid var(--gold-l);padding-left:10px;}
.article h3{font-size:17px;margin:16px 0 6px;}
.article p,.article li{font-size:15.5px;color:var(--dark3);}
.article ul,.article ol{padding-left:22px;}
.article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;display:block;overflow-x:auto;}
.article th,.article td{border:1px solid var(--border);padding:8px 10px;text-align:left;}
.article th{background:#FFF8E1;}
.callout{background:#FFF8E1;border:1px solid #ECDFAE;border-radius:10px;padding:14px 16px;margin:16px 0;font-size:15px;}
.callout strong{color:var(--gold-d);}
.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;min-width:0;}
@media(min-width:720px){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* ── 頁尾 ── */
.site-footer{border-top:1px solid var(--dark3);background:var(--dark);color:#9CA3AF;margin-top:34px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:18px;padding:30px 0;min-width:0;}
@media(min-width:680px){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.footer-grid h4{margin:0 0 10px;font-size:14px;color:#E5E7EB;font-family:"Noto Serif TC",serif;}
.footer-grid a{display:block;color:#9CA3AF;font-size:13px;padding:3px 0;}
.footer-grid a:hover{color:var(--gold-l);}
.footer-grid p{color:#9CA3AF;font-size:13px;margin:0;}
.footer-bottom{border-top:1px solid var(--dark3);padding:16px;font-size:12.5px;color:#6B7280;text-align:center;line-height:1.9;}
.footer-bottom a{color:var(--gold-l);}

/* ============================================================
   手機金球 hero（原版保留，黑底漸變）— 只喺窄螢幕顯示
   ============================================================ */
.mobile-hero{display:none;}

@media(max-width:768px){
  .home-hero-desktop{display:none;}
  /* 手機金球 hero —— 嚴格跟原版 _blueprint/index-original.html（白底、藍站名、白字、金球） */
  .mobile-hero{
    display:flex;flex-direction:column;align-items:center;
    padding:24px 16px;
    background:#fff;
  }
  .mobile-price-circle{
    width:220px;height:220px;border-radius:50%;
    background:radial-gradient(circle at 38% 28%,#FFF5A0,#F0C030 30%,#DAA520 60%,#8B6508);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    box-shadow:0 12px 40px rgba(139,101,8,.55),0 0 0 8px rgba(218,165,32,.14),0 0 0 16px rgba(218,165,32,.06),inset 0 -5px 14px rgba(0,0,0,.25);
    margin-bottom:20px;position:relative;cursor:pointer;transition:transform .15s;
  }
  .mobile-price-circle:active{transform:scale(.97);}
  .mobile-price-circle::after{content:'';position:absolute;top:14px;left:14px;right:14px;bottom:14px;border-radius:50%;border:1px solid rgba(255,255,255,.18);}
  .mpc-site{font-size:21px;font-weight:900;color:#1D4ED8;letter-spacing:.5px;margin-bottom:6px;z-index:1;text-shadow:0 1px 3px rgba(255,255,255,.4);max-width:150px;text-align:center;line-height:1.15;overflow-wrap:break-word;}
  .mpc-label{font-size:10px;color:rgba(255,255,255,.7);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;max-width:170px;text-align:center;line-height:1.3;}
  .mpc-price{font-family:"DM Mono",monospace;font-size:28px;font-weight:700;color:#fff;line-height:1;max-width:180px;text-align:center;}
  .mpc-unit{font-size:10px;color:rgba(255,255,255,.7);margin-top:4px;max-width:170px;text-align:center;line-height:1.3;}
  .mpc-chg{font-size:11px;color:#A7F3D0;margin-top:4px;font-weight:600;max-width:170px;text-align:center;}
  .mobile-calc-btn{
    width:100%;max-width:320px;padding:16px;
    background:linear-gradient(135deg,#1D4ED8,#2563EB);
    color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;
    box-shadow:0 4px 16px rgba(37,99,235,.35);font-family:inherit;
    display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;
  }
  .mobile-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;}
  .mobile-btn-sm{
    padding:12px;border:2px solid #E5E7EB;background:#fff;border-radius:10px;
    font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--text);text-decoration:none;
    display:flex;flex-direction:column;align-items:center;gap:4px;
  }
  .mobile-btn-sm:hover{text-decoration:none;background:#F9FAFB;}
  .mobile-btn-sm .icon{font-size:22px;}
  .mobile-btn-sm small{color:#9CA3AF;font-weight:500;}

  /* 手機導航 */
  .menu-toggle{display:inline-block;}
  .nav-links{display:none;position:absolute;top:58px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--border);padding:8px 14px 14px;gap:2px;box-shadow:0 8px 20px rgba(0,0,0,.08);}
  .nav-links.open{display:flex;}
  .nav-links a{padding:11px 12px;}
}

/* ── 3D 金算盤（金球按鈕內，保留原版）── */
.abacus{flex-shrink:0;width:48px;height:48px;position:relative;}
.abacus .frame{position:absolute;inset:0;background:linear-gradient(145deg,#FFE566,#DAA520,#8B6508);border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,255,255,.4);}
.abacus .bar{position:absolute;left:4px;right:4px;height:4px;background:linear-gradient(90deg,#8B6508,#FFE566,#8B6508);border-radius:2px;}
.abacus .rod{position:absolute;left:6px;right:6px;height:2px;background:#6B4C00;border-radius:1px;}
.abacus .bead{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF3AA,#DAA520 50%,#8B6508);box-shadow:0 2px 4px rgba(0,0,0,.3);}

/* ── 手機計算機 overlay（保留原版）── */
.mobile-calc-overlay{display:none;position:fixed;inset:0;background:#fff;z-index:999;overflow-y:auto;}
.mobile-calc-overlay.open{display:block;}
.mco-head{background:linear-gradient(90deg,var(--blue),var(--blue-l));padding:14px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10;}
.mco-back{background:rgba(255,255,255,.2);border:none;color:#fff;padding:7px 13px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;}
.mco-title{color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:700;}
.mco-body{padding:16px;max-width:560px;margin:0 auto;}

/* ========== 電腦版數據牆（對標 GoldPriceZ） ========== */
.dw-tblbox{overflow-x:auto;border:1px solid var(--border);border-radius:12px;min-width:0;}
table.dw-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:480px;}
table.dw-tbl th{background:#FAF6EC;color:var(--gold-d);font-weight:700;text-align:left;padding:11px 13px;font-size:12.5px;white-space:nowrap;border-bottom:2px solid #EADFC6;}
table.dw-tbl td{padding:10px 13px;border-bottom:1px solid #F0F0F0;}
table.dw-tbl tr:last-child td{border-bottom:0;}
table.dw-tbl tbody tr:nth-child(even),table.dw-tbl tr:nth-child(even){background:#FCFBF7;}
.dw-note{font-size:11.5px;color:var(--muted);margin-top:8px;line-height:1.7;}

.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;min-width:0;}
.world-cell{border:1px solid var(--border);border-radius:11px;padding:12px;background:#fff;min-width:0;overflow:hidden;}
.world-cell .wc-flag{font-size:30px;line-height:1;margin-bottom:6px;}
.world-cell .wc-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.world-cell .wc-px{font-size:14px;font-weight:800;color:var(--gold-d);word-break:break-word;}
.world-cell .wc-unit{font-size:10.5px;color:var(--muted);margin-top:2px;}

/* 兩欄並排（大表 + 圖等） */
.dw-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;min-width:0;}

/* FAQ */
.faq-item{border:1px solid var(--border);border-radius:11px;padding:14px 16px;margin-bottom:10px;background:#fff;min-width:0;}
.faq-item h3{font-size:15px;margin:0 0 6px;color:var(--text);}
.faq-item p{margin:0;font-size:13.5px;color:#4B5563;line-height:1.8;}

@media(max-width:768px){
  .world-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;}
  .world-cell .wc-flag{font-size:24px;}
}

/* 下拉計算機（電腦首頁上半截） + desktop-only */
.desktop-only{display:block;}
@media(max-width:768px){.desktop-only{display:none;}}
.calc-drop{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;}
.calc-drop>summary{cursor:pointer;padding:15px 18px;font-weight:800;font-size:16px;color:var(--blue);list-style:none;display:flex;align-items:center;gap:10px;}
.calc-drop>summary::-webkit-details-marker{display:none;}
.calc-drop>summary::after{content:'▾';margin-left:auto;transition:transform .2s;}
.calc-drop[open]>summary::after{transform:rotate(180deg);}
.calc-drop[open]>summary{border-bottom:1px solid var(--border);}
.calc-drop .goldcalc{border:0;border-radius:0;box-shadow:none;}
.dw-alllink{display:inline-block;margin-top:12px;font-weight:700;color:var(--blue);}

/* 金行目錄排序/篩選控制 */
.jt-controls{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
.jt-controls label{font-size:13px;font-weight:700;color:var(--dark3);display:flex;align-items:center;gap:6px;}
.jt-controls select{border:2px solid #DBEAFE;border-radius:8px;padding:7px 10px;font-size:14px;background:#F0F9FF;color:var(--blue);font-weight:600;font-family:inherit;cursor:pointer;}

/* 金行分頁 hero */
.jeweller-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.jeweller-hero .jh-emoji{font-size:40px;line-height:1;}
.jeweller-quote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;}
.jeweller-quote .jq{border:1px solid var(--border);border-radius:11px;padding:14px;min-width:0;}
.jeweller-quote .jq .lbl{font-size:12px;color:var(--muted);font-weight:600;}
.jeweller-quote .jq .val{font-size:clamp(18px,4.5vw,24px);font-weight:800;margin-top:4px;word-break:break-word;}
.jeweller-quote .jq.ask .val{color:var(--red);}
.jeweller-quote .jq.bid .val{color:var(--green);}