/* huilvbiao — 参考 meirijinjia.com：白顶栏 / 黑金导航 / 奶油快讯 / 圆角行情板 */
:root{
  --mj-gold:#d4af37;
  --mj-gold-dark:#b8860b;
  --mj-gold-ink:#846c2c;
  --mj-cream:#fdfbf0;
  --mj-cream-soft:#fdfaf1;
  --mj-bg:#fbfbfc;
  --mj-ink:#131722;
  --mj-muted:#6a6d78;
  --mj-line:#f0f3fa;
  --mj-up:#f23645;
  --mj-down:#089981;
  --mj-nav:#1a1a1a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.mj-body{margin:0;font:14px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--mj-ink);background:var(--mj-bg);-webkit-font-smoothing:antialiased}
a{color:var(--mj-gold-dark);text-decoration:none}
a:hover{color:var(--mj-gold);text-decoration:none}
.mj-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 16px}

/* 顶栏：白底居中品牌（对齐目标站） */
.mj-mast{background:#fff;padding:22px 0;border-bottom:1px solid var(--mj-line)}
.mj-mast__inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px}
.mj-mast__hint{position:absolute;left:0;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.12em;text-transform:uppercase}
.mj-mast__hint i{width:4px;height:4px;border-radius:50%;background:#d1d5db;display:inline-block}
.mj-brand{display:inline-flex;align-items:center;gap:10px;color:var(--mj-ink);font-size:22px;font-weight:800;letter-spacing:.02em;text-decoration:none}
.mj-brand img{height:40px;width:auto;display:block}
.mj-brand:hover{color:var(--mj-gold-dark)}
.mj-mast__search{position:absolute;right:0;top:50%;transform:translateY(-50%);display:none}
.mj-mast__search form{display:flex;border:2px solid var(--mj-gold);border-radius:4px;overflow:hidden}
.mj-mast__search input{border:0;outline:0;padding:8px 12px;width:200px;font-size:13px}
.mj-mast__search button{border:0;background:var(--mj-gold);color:#fff;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}
@media (min-width:960px){
  .mj-mast__hint,.mj-mast__search{display:flex}
}

/* 导航：黑底金下划线 */
.mj-nav{background:var(--mj-nav);position:sticky;top:0;z-index:50}
.mj-nav__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.mj-nav a{color:#999;text-decoration:none;padding:14px 18px;font-size:15px;position:relative;transition:color .2s}
.mj-nav a:hover,.mj-nav a.is-on{color:#fff}
.mj-nav a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:var(--mj-gold);transform:translateX(-50%);transition:width .2s}
.mj-nav a:hover::after,.mj-nav a.is-on::after{width:40%}

/* 奶油色快讯条 */
.mj-flashbar{background:var(--mj-cream);border-bottom:1px solid #f5e7c1;overflow:hidden;height:40px}
.mj-flashbar__inner{display:flex;align-items:center;height:40px;gap:12px}
.mj-flashbar__lab{flex:0 0 auto;color:var(--mj-gold-ink);font-size:12px;font-weight:800;letter-spacing:.08em}
.mj-flashbar__track{flex:1;overflow:hidden;white-space:nowrap}
.mj-flashbar__run{display:inline-block;padding-left:100%;animation:mj-marquee 55s linear infinite;color:var(--mj-gold-ink);font-size:12px;font-weight:700}
@keyframes mj-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mj-flashbar__run .mj-up{color:var(--mj-up)}
.mj-flashbar__run .mj-down{color:var(--mj-down)}

.mj-main{padding:24px 0 48px}
.mj-crumb{font-size:12px;color:var(--mj-muted);margin-bottom:14px}
.mj-crumb a{color:var(--mj-muted)}
.mj-crumb a:hover{color:var(--mj-gold-dark)}
.mj-h1{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--mj-ink)}
.mj-meta{margin:0 0 16px;color:var(--mj-muted);font-size:12px}

/* 主栏 8 / 侧栏 4 */
.mj-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.mj-stack{display:flex;flex-direction:column;gap:20px}

/* 圆角行情板 */
.mj-panel{background:#fff;border:1px solid var(--mj-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(19,23,34,.03)}
.mj-panel__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--mj-line)}
.mj-panel__hd h2{margin:0;font-size:16px;font-weight:800;color:var(--mj-ink);display:flex;align-items:center;gap:8px}
.mj-panel__hd h2::before{content:"";width:6px;height:16px;border-radius:999px;background:var(--mj-gold);flex:0 0 auto}
h3.mj-panel__hd{display:block;margin:0;padding:14px 20px;font-size:15px;font-weight:800;color:var(--mj-ink);border-bottom:1px solid var(--mj-line)}
h3.mj-panel__hd::before{content:"";display:inline-block;width:6px;height:14px;border-radius:999px;background:var(--mj-gold);margin-right:8px;vertical-align:-2px}
.mj-panel__hd a,.mj-panel__time{font-size:11px;font-weight:700;color:#9ca3af}
.mj-panel__bd{padding:0}
.mj-panel__pad{padding:16px 20px}

.mj-table{width:100%;border-collapse:collapse;font-size:13px}
.mj-table th,.mj-table td{padding:12px 16px;border-bottom:1px solid var(--mj-line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mj-table th:first-child,.mj-table td:first-child{text-align:left;font-weight:700}
.mj-table th{background:rgba(248,250,252,.85);color:var(--mj-muted);font-weight:600;font-size:12px}
.mj-table tr:hover td{background:var(--mj-cream-soft)}
.mj-table a{color:var(--mj-ink);font-weight:700}
.mj-table a:hover{color:var(--mj-gold-dark)}
.mj-unit{margin-left:4px;font-size:11px;font-weight:400;color:var(--mj-muted)}
.mj-up{color:var(--mj-up)!important;font-weight:700}
.mj-down{color:var(--mj-down)!important;font-weight:700}

/* 侧栏 */
.mj-side .mj-panel{margin:0}
.mj-side{display:flex;flex-direction:column;gap:20px}
.mj-calc{background:linear-gradient(145deg,#fffcf5,#fcf5e3 45%,#f8ead0);border:1px solid #f2dfa6;border-radius:12px;padding:22px 18px;text-align:center;box-shadow:0 12px 28px -18px rgba(212,175,55,.55)}
.mj-calc__ico{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,var(--mj-gold),#f3e5ab);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800}
.mj-calc h3{margin:0 0 4px;font-size:18px;color:#946c00}
.mj-calc p{margin:0 0 14px;font-size:12px;color:#b58c2a}
.mj-calc input{width:100%;text-align:center;border:1px solid #e8d596;background:rgba(255,255,255,.92);border-radius:8px;padding:12px;font-size:16px;margin-bottom:10px}
.mj-calc button{width:100%;border:0;border-radius:8px;padding:12px;background:var(--mj-gold);color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.mj-calc button:hover{background:var(--mj-gold-dark)}
.mj-calc__out{margin-top:10px;font-size:14px;color:#946c00;font-weight:700;min-height:1.4em}

.mj-news{list-style:none;margin:0;padding:4px 0 8px}
.mj-news li{display:flex;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px dashed var(--mj-line);font-size:13px}
.mj-news a{color:var(--mj-ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mj-news a:hover{color:var(--mj-gold-dark)}
.mj-news time{color:#a0aec0;font-size:12px;flex:0 0 auto}
.mj-chips{padding:8px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mj-chips a{display:block;text-align:center;padding:8px 6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:12px;text-decoration:none}
.mj-chips a:hover{border-color:var(--mj-gold);color:var(--mj-gold-dark);background:#fff}
.mj-tags{padding:8px 16px 16px;display:flex;flex-wrap:wrap;gap:8px}
.mj-tags a{display:inline-block;padding:6px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:12px}
.mj-tags a:hover{border-color:var(--mj-gold);color:var(--mj-gold-dark)}

/* 详情大字报价 */
.mj-quote{padding:22px 24px;background:linear-gradient(180deg,#fffcf5,#fff)}
.mj-quote__row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px}
.mj-quote__lab{color:var(--mj-muted);font-size:13px}
.mj-quote__row strong{font-size:44px;line-height:1.1;font-weight:800}
.mj-quote__row em{font-style:normal;color:var(--mj-muted);font-size:14px}
.mj-quote__chg{display:flex;gap:22px;margin-bottom:14px;font-size:14px;color:var(--mj-muted)}
.mj-quote__stats{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed #eee6d3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mj-quote__stats li{text-align:center}
.mj-quote__stats span{display:block;color:var(--mj-muted);font-size:12px}
.mj-quote__stats b{font-size:15px;color:var(--mj-ink)}

.mj-chart .mj-panel__bd{padding:10px 14px 18px}
#mjGoldChart{display:block;width:100%;height:280px;max-width:100%}

.mj-faq{padding:8px 20px 18px}
.mj-faq__block{padding:12px 0;border-bottom:1px solid var(--mj-line)}
.mj-faq__block h3{margin:0 0 6px;font-size:14px;color:var(--mj-ink)}
.mj-faq__block p{margin:0;color:var(--mj-muted);font-size:13px;line-height:1.75}
.mj-flash-list{list-style:none;margin:0;padding:8px 20px 18px}
.mj-flash-list li{padding:12px 0;border-bottom:1px dashed var(--mj-line)}
.mj-flash-list li:last-child{border-bottom:0}
.mj-flash-list__t{display:block;font-weight:700;color:var(--mj-ink);font-size:14px;margin-bottom:4px}
.mj-flash-list__t:hover{color:var(--mj-gold-dark)}
.mj-flash-list__d{margin:0;color:var(--mj-muted);font-size:12px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.mj-pagebar{background:#fff;border:1px solid var(--mj-line);border-radius:12px;padding:16px 20px;margin-bottom:16px}
.mj-pagebar__title{margin:6px 0 4px;font-size:20px;font-weight:800}
.mj-pagebar__desc{margin:0;color:var(--mj-muted);font-size:13px}
.mj-intro{padding:14px 20px;color:var(--mj-muted);line-height:1.7}
.mj-empty{padding:28px;color:var(--mj-muted);text-align:center}
.mj-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;font-size:13px}
.mj-pager a{color:var(--mj-gold-dark)}

.mj-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:16px 20px}
.mj-city-grid a{display:block;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;text-align:center;color:var(--mj-ink)}
.mj-city-grid a:hover{border-color:var(--mj-gold);background:var(--mj-cream-soft)}
.mj-city-grid strong{display:block;margin-bottom:4px}
.mj-city-grid span{color:var(--mj-gold-dark);font-size:13px}
.mj-prov__cities{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}
.mj-prov__cities a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:var(--mj-ink);font-size:13px}
.mj-prov__cities a:hover{border-color:var(--mj-gold);background:var(--mj-cream-soft)}
.mj-prov__cities span{color:var(--mj-gold-dark)}

.mj-feed__item{border-bottom:1px solid var(--mj-line)}
.mj-feed__link{display:flex;gap:12px;padding:14px 20px;color:inherit;text-decoration:none}
.mj-feed__thumb{flex:0 0 120px;height:80px;overflow:hidden;background:#f3f4f6;border-radius:8px}
.mj-feed__thumb img{width:100%;height:100%;object-fit:cover}
.mj-feed__body h3{margin:0 0 6px;font-size:15px;color:var(--mj-ink)}
.mj-feed__body p{margin:0 0 6px;color:var(--mj-muted);font-size:13px}
.mj-feed__meta{color:#a0aec0;font-size:12px;display:flex;gap:12px}
.mj-article{background:#fff;border:1px solid var(--mj-line);border-radius:12px;padding:22px 24px}
.mj-article h1{margin:0 0 10px;font-size:22px;line-height:1.4}
.mj-article__meta{color:var(--mj-muted);font-size:12px;margin-bottom:14px;display:flex;gap:14px}
.mj-article__intro{background:var(--mj-cream-soft);border-left:3px solid var(--mj-gold);padding:10px 12px;margin-bottom:16px;color:var(--mj-muted);border-radius:0 8px 8px 0}
.mj-article__content{line-height:1.85;font-size:15px;color:var(--mj-ink)}
.mj-article__pn{margin-top:24px;padding-top:14px;border-top:1px solid var(--mj-line);display:flex;flex-direction:column;gap:8px;font-size:13px}

.mj-foot{background:#111827;color:#9ca3af;padding:32px 0 24px;font-size:12px;line-height:1.8;margin-top:8px}
.mj-foot a{color:#d1d5db}
.mj-foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #1f2937}
.mj-foot__disc{max-width:960px;margin:0 auto 12px;text-align:center}
.mj-foot__meta{text-align:center;color:#6b7280}
.mj-foot__friends{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 0}
.mj-foot__friends-list a{display:inline-block;margin:0 12px 4px 0;color:#d1d5db;white-space:nowrap}
.mj-foot__friends-list a:hover{color:var(--mj-gold)}

@media (max-width:1024px){
  .mj-grid{grid-template-columns:1fr}
  .mj-nav a{padding:12px 12px;font-size:13px}
  .mj-table{display:block;overflow-x:auto}
  .mj-quote__row strong{font-size:34px}
  .mj-quote__stats{grid-template-columns:repeat(2,1fr)}
  #mjGoldChart{height:220px}
}