/* ===== Brand & Table Styles (preserve existing layout) ===== */
.jj-brand-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:32px}
.jj-brand-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}
.jj-brand-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}
.jj-brand-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.jj-brand-card-name{font-size:16px;font-weight:700;color:#333}
.jj-brand-card-prices{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.jj-bcp-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}
.jj-bcp-label{font-size:13px;color:#999}
.jj-bcp-price{font-size:16px;font-weight:600;color:#c8102e}
.jj-btn-full{width:100%;text-align:center}
.jj-up{color:#E74C3C;font-weight:600}
.jj-down{color:#27AE60;font-weight:600}
.jj-td-price{color:#C8102E;font-weight:600;text-align:right}
.jj-td-unit{color:#999;text-align:right}
.jj-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}
.jj-tag-cn{background:#FFF3CD;color:#856404}
.jj-tag-hk{background:#E8F5E9;color:#2E7D32}
.jj-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#FFF3CD;border-radius:12px;font-size:12px;color:#856404}
.jj-badge-dot{width:6px;height:6px;border-radius:50%;background:#27AE60;animation:jj-pulse 2s infinite}
@keyframes jj-pulse{0%,100%{opacity:1}50%{opacity:.5}}
.jj-chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:20px;margin-bottom:24px}
.jj-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.jj-chart-header h3{font-size:16px;font-weight:700;color:#333;margin:0}
.jj-chart-tabs{display:flex;gap:8px}
.jj-chart-tab{padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;background:#FBEAEA;color:#666;transition:all .2s}
.jj-chart-tab.active{background:#C8102E;color:#fff}
.jj-chart-area{height:300px;position:relative}
.jj-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.jj-section-title{font-size:20px;font-weight:700;color:#333}
.jj-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;margin-bottom:24px}
.jj-table-wrap{overflow-x:auto}
.jj-table{width:100%;border-collapse:collapse;font-size:14px}
.jj-table th{background:#FBEAEA;padding:12px 16px;text-align:left;font-weight:600;color:#666;white-space:nowrap}
.jj-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}
.jj-table tr:hover{background:#FFF9F0}
.jj-brand-name{font-weight:600;color:#333;display:flex;align-items:center;gap:6px;justify-content:center}
.jj-btn-detail{display:inline-block;padding:4px 12px;background:#C8102E;color:#fff;border-radius:4px;font-size:12px;text-decoration:none;transition:background .2s}
.jj-btn-detail:hover{background:#9F0F1E}
.jj-brand-list-wrap{max-width:1200px;margin:0 auto;padding:20px 16px}
.jj-breadcrumb{font-size:13px;color:#999;margin-bottom:16px}
.jj-breadcrumb a{color:#C8102E;text-decoration:none}
.jj-brand-trend-section{margin-top:32px}

/* ===== Mobile Responsive ===== */
/* 导航样式由 style.css 统一管理 */
body.jj-no-scroll{overflow:hidden}

/* ===== K线走势图组件 (2026-08-06) ===== */
.kline-tab{padding:6px 18px;border-radius:4px;font-size:13px;cursor:pointer;background:#f0f0f0;color:#666;transition:all .2s;user-select:none}
.kline-tab:hover{background:#e5e5e5}
.kline-tab.active{background:#145281;color:#fff}
.kline-periods{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.kline-period{padding:3px 14px;border-radius:14px;font-size:12px;cursor:pointer;background:#f5f5f5;color:#888;user-select:none;transition:all .2s}
.kline-period:hover{background:#eee}
.kline-period.active{background:#C8102E;color:#fff}
.kline-area{width:100%;height:380px;position:relative;background:#fff}
#jj-kline-chart{width:100%;height:100%;min-height:300px}
@media (max-width: 768px){
.kline-area{height:300px}
}

/* ===== 文章页: 两栏布局 + 拉宽 + 表格放大 (PC) ===== */
.jj-article-wrap{max-width:1200px}
.jj-article-grid{display:flex;gap:24px;align-items:flex-start}
.jj-article-main{flex:1;min-width:0}
.jj-article-side{width:300px;flex-shrink:0}
.jj-article-main .jj-article{padding:28px 32px}
.jj-article-main .jj-article-header h1{font-size:22px;line-height:1.45}
.jj-article-main .jj-article-content{font-size:15px;line-height:1.75}
.jj-article-content table{border-collapse:collapse;margin:16px auto;font-size:15px;width:100%;max-width:100%}
.jj-article-content table caption{font-size:16px;font-weight:600;color:#333;padding:10px 0;text-align:center}
.jj-article-content table th{background:#FBEAEA;color:#555;font-weight:600;padding:10px 18px;border:1px solid #ddd;text-align:center;white-space:nowrap}
.jj-article-content table td{padding:10px 18px;border:1px solid #ddd;text-align:center;color:#333;line-height:1.6}
.jj-article-content table tr:nth-child(even) td{background:#FAFAFA}
.jj-article-content table td:first-child{font-weight:500;color:#444}
.jj-article-content .jj-price-note{font-size:12px;color:#999;text-align:center;margin:16px 0 4px;line-height:1.6}
.jj-article-side .jj-related{margin:0 0 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:20px}
.jj-article-side .jj-related .jj-section-title{font-size:15px}
.jj-article-side .jj-cate-list li{padding:9px 0;border-bottom:1px dashed #f0f0f0}
.jj-article-side .jj-cate-list li:last-child{border-bottom:none}
.jj-article-side .jj-cate-date{font-size:12px;color:#999}
.jj-article-side .jj-article-prevnext{margin:0;padding:16px 20px}
@media (max-width: 992px){
.jj-article-grid{flex-direction:column;gap:16px;align-items:stretch}
.jj-article-main{width:100%;max-width:100%;min-width:0}
.jj-article-side{width:100%}
.jj-article-side .jj-related{margin:0}
}
@media (max-width: 640px){
.jj-article-content table{font-size:12px}
.jj-article-content table th,.jj-article-content table td{padding:6px 8px}
.jj-article-content .jj-price-note{font-size:11px}
}

/* ===== 报价表新结构 (数据列加宽, 涨跌列紧凑) ===== */
table.jj-table.hq-table .jj-chg{font-size:13px;white-space:nowrap}
table.jj-table.hq-table td a{color:#477fd2;text-decoration:none}
table.jj-table.hq-table td a:hover{color:#c8102e}
.jj-table-wrap,.jj-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
.jj-brand-table{min-width:600px}
html,body{overflow-x:hidden;max-width:100%}
@media(max-width:1024px){
  .jj-nav{display:none!important}
  /* 汉堡按钮显示由 style.css 管理 */
  /* grid 1024 由 style.css 管理 */
  .jj-brand-cards-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .jj-card,.jj-price-card{padding:12px;font-size:14px}
  .jj-section-title{font-size:18px}
  .jj-price-card-value{font-size:24px}
  .jj-table th,.jj-table td{padding:8px 10px}
  .jj-table{font-size:12px}
}
@media(max-width:640px){
  /* grid 由 style.css 管理 */
  body{font-size:13px}
  .jj-quick-stats{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px}
  .jj-quick-stat{min-width:130px;flex:0 0 auto}
  .jj-price-card{padding:10px}
  .jj-recycle-card{padding:10px;flex-direction:column;gap:12px}
  .jj-article{padding:12px;font-size:14px}
  /* price-cards 640 由 style.css 管理 */
}
@media(max-width:480px){
  body{font-size:12px}
  .jj-card,.jj-price-card{padding:8px;font-size:12px}
  .jj-price-card-value{font-size:20px}
  .jj-recycle-card{padding:8px}
  .jj-article{padding:10px;font-size:13px}
  .jj-list-item{flex-direction:column;gap:6px}
}

/* ===== 简洁风格首页 (目标站风格) ===== */
.tgt-kuaixun{max-width:1200px;margin:16px auto 0;display:flex;align-items:stretch;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.tgt-kx-title{width:88px;background:#C8102E;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:2px}
.tgt-kx-body{flex:1;background:#fff;padding:0 24px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.tgt-kx-body a{color:#555;font-size:17px;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.tgt-kx-body a:hover{color:#C8102E}
.tgt-main{max-width:1200px;margin:0 auto}
.tgt-section-title{max-width:1200px;margin:24px auto 0;padding-left:14px;font-size:18px;font-weight:700;color:#145281;position:relative;line-height:30px}
.tgt-section-title::before{content:"";position:absolute;left:0;top:2px;width:5px;height:26px;background:#145281}
.tgt-section-title .tgt-time{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#9b0303;font-weight:400}
.tgt-section-title .tgt-more{position:absolute;right:0;top:0;font-size:13px;color:#999;font-weight:400;text-decoration:none}
.tgt-section-title .tgt-more:hover{color:#C8102E}
.tgt-table-card{max-width:1200px;margin:10px auto 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden}
/* 报价表格 (覆盖 jj-table 为目标站风格) */
table.jj-table.hq-table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
table.jj-table.hq-table thead{background:#ecf2f5}
table.jj-table.hq-table th{color:#666;height:44px;line-height:44px;padding:0 16px;text-align:center;font-weight:600;border-top:1px solid #d7dfe6;border-bottom:1px solid #d7dfe6;background:#ecf2f5}
table.jj-table.hq-table td{height:38px;line-height:38px;padding:0 16px;text-align:center;border-top:1px solid #d7dfe6;border-bottom:1px solid #d7dfe6}
table.jj-table.hq-table tbody tr:nth-child(odd){background:#f7f7f7}
table.jj-table.hq-table tbody tr:hover{background:#fff6e8}
table.jj-table.hq-table .jj-td-name{color:#477fd2;font-weight:600}
table.jj-table.hq-table .jj-td-price{color:#C8102E;font-weight:700;text-align:center}
table.jj-table.hq-table .jj-td-unit{color:#999;text-align:center}
table.jj-table.hq-table .jj-up{color:#E74C3C}
table.jj-table.hq-table .jj-down{color:#27AE60}
/* 品牌表行 */
table.jj-table.hq-table .jj-brand-name{justify-content:center;font-weight:600;color:#333}
/* 回收条 */
.tgt-recycle-strip{max-width:1200px;margin:10px auto 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:16px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.tgt-recycle-item{display:flex;flex-direction:column;align-items:center;padding:4px 18px;background:#FBEAEA;border-radius:8px}
.tgt-r-label{font-size:12px;color:#999}
.tgt-r-value{font-size:20px;font-weight:700;color:#c8102e}
.tgt-r-value i{font-style:normal;font-size:12px;font-weight:400;color:#999}
.tgt-recycle-tel{margin-left:auto;display:flex;align-items:center;gap:10px}
.tgt-tel-btn{display:inline-block;padding:9px 22px;background:#C8102E;color:#fff;border-radius:6px;font-size:14px;text-decoration:none}
.tgt-tel-btn:hover{background:#9B0F1E}
.tgt-wechat-btn{padding:9px 18px;background:#fff;color:#C8102E;border:1px solid #C8102E;border-radius:6px;font-size:14px;cursor:pointer}
/* 走势图 */
.tgt-chart-card{max-width:1200px;margin:10px auto 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:16px}
.tgt-chart-tabs{display:flex;gap:8px;margin-bottom:12px}
.tgt-chart-tabs .jj-chart-tab{padding:6px 18px;border-radius:4px;font-size:13px;cursor:pointer;background:#f0f0f0;color:#666}
.tgt-chart-tabs .jj-chart-tab.active{background:#145281;color:#fff}
/* 资讯双栏: 卡片化, 排版统一 */
.tgt-news-grid{max-width:1200px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tgt-news-col{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:18px 20px 6px}
.tgt-news-col .tgt-section-title{margin-top:0}
.tgt-news-list .tgt-news-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #eee}
.tgt-news-time{font-size:12px;color:#aaa;white-space:nowrap;flex-shrink:0;margin-left:auto}
.tgt-news-title{font-size:16px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.tgt-news-title:hover{color:#C8102E}
/* 行情页资讯列表: 桌面两列, 移动单列 */
.tgt-news-cols{display:grid;grid-template-columns:repeat(2,1fr);column-gap:28px}
.tgt-news-cols .tgt-news-item{min-width:0}
@media(max-width:640px){
  .tgt-news-cols{grid-template-columns:1fr}
}
.tgt-hot-list{padding-bottom:6px}
.tgt-hot-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #eee}
.tgt-hot-num{font-size:13px;color:#c8102e;font-weight:700;width:18px;text-align:center;flex-shrink:0}
.tgt-hot-num:nth-child(1){color:#c8102e}
.tgt-hot-title{font-size:16px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.tgt-hot-title:hover{color:#C8102E}
/* 分类网格: 卡片化 */
.tgt-cate-grid{max-width:1200px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.tgt-cate-block{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:18px 20px 10px}
.tgt-cate-block .tgt-section-title{margin-top:0}
.tgt-cate-list{list-style:none;margin:0;padding:0}
.tgt-cate-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #eee}
.tgt-cate-date{font-size:12px;color:#aaa;white-space:nowrap;flex-shrink:0;margin-left:auto}
.tgt-cate-list a{font-size:16px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.tgt-cate-list a:hover{color:#C8102E}
/* 链接卡片 */
.tgt-links-card{max-width:1200px;margin:10px auto 0}
.tgt-links-list{max-width:1200px;margin:8px auto 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px}
.tgt-links-list a{display:inline-block;padding:5px 12px;background:#f5f5f5;border-radius:4px;font-size:13px;color:#3d3d3d;text-decoration:none}
.tgt-links-list a:hover{background:#B32D12;color:#fff}
/* 移动端 */
@media(max-width:992px){
  .tgt-news-grid{grid-template-columns:1fr}
  .tgt-cate-grid{grid-template-columns:1fr 1fr}
  .tgt-kx-body{font-size:14px;padding:0 12px}
  .tgt-kx-title{width:60px;font-size:16px}
  .tgt-recycle-tel{margin-left:0;width:100%;justify-content:center}
  table.jj-table.hq-table{font-size:13px}
  table.jj-table.hq-table th,table.jj-table.hq-table td{padding:0 8px}
}
/* 移动端报价表: 容器可横向滚动, 防止被 overflow:hidden 裁剪 */
@media(max-width:992px){
  .tgt-table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
/* 小屏: 报价表(非品牌表) 横向滚动展示全部 6 列, 不隐藏任何数据; 名称列固定左对齐 */
@media(max-width:640px){
  table.jj-table.hq-table:not(.jj-brand-table){min-width:520px}
  table.jj-table.hq-table:not(.jj-brand-table) th:nth-child(1),
  table.jj-table.hq-table:not(.jj-brand-table) td:nth-child(1){
    text-align:left!important
  }
  table.jj-table.hq-table:not(.jj-brand-table) .jj-chg{font-size:12px}
}
@media(max-width:640px){
  .tgt-cate-grid{grid-template-columns:1fr}
  .tgt-recycle-item{padding:4px 12px}
  .tgt-r-value{font-size:16px}
}
@media(max-width:480px){
  /* footer 竖排已移除，由 grid 布局统一管理 */
  .jj-section-title{font-size:16px}
  .jj-quick-stat{min-width:110px}
  /* price-cards 由 style.css 管理 */
}
@media(max-width:380px){
  .jj-card,.jj-price-card{padding:6px;font-size:11px}
  .jj-price-card-value{font-size:18px}
  .jj-section-title{font-size:15px}
  .jj-quick-stat{min-width:100px}
  .jj-recycle-card{padding:6px}
  .jj-brand-cards-grid{gap:10px}
  .jj-brand-card{padding:12px}
}


/* ===== 列表页空分类友好提示 ===== */
.jj-empty-tip{max-width:1200px;margin:20px auto 0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:48px 24px;text-align:center;font-size:14px;color:#888;line-height:2}
.jj-empty-tip a{color:#C8102E;text-decoration:none;font-weight:600}
.jj-empty-tip a:hover{color:#9F0F1E}

/* ===== 移动端导航 & 底部优化 ===== */

/* 汉堡按钮在 header 里右对齐 */
.jj-menu-toggle{position:relative;z-index:101;background:#fff!important;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.jj-menu-toggle span{background:#1A1A2E!important}
/* 站点为浅色主题: 声明 color-scheme 阻止浏览器暗色模式自动反色 (否则汉堡按钮线条会被系统压暗不可见) */
html{color-scheme:light}
@media (prefers-color-scheme: dark){
  html{color-scheme:light}
  body, .jj-header, .jj-topbar{background:#fff;color:#1A1A2E}
}

/* 侧边抽屉从左滑入，覆盖 header 下方区域 */
.jj-nav-mobile{
  display:none;
  position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;
  background:#fff;z-index:1001;
  flex-direction:column;padding:80px 20px 20px;gap:0;
  transform:translateX(-100%);transition:transform .3s ease;
  box-shadow:2px 0 20px rgba(0,0,0,.15);overflow-y:auto
}
.jj-nav-mobile.active{display:flex;transform:translateX(0)}
.jj-nav-mobile .jj-nav-item{
  font-size:16px;padding:14px 0;border-bottom:1px solid #f0f0f0;width:100%;color:#333
}
.jj-nav-mobile .jj-nav-item:active{background:#f8f8f8}
.jj-nav-mobile .jj-nav-item.active{color:#C8102E}
.jj-nav-mobile .jj-nav-item.active::after{display:none}

/* 遮罩全屏覆盖 */
.jj-nav-overlay{
  display:none;position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.5);z-index:1000
}
.jj-nav-overlay.active{display:block}

/* 汉堡按钮动画 */
.jj-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.jj-menu-toggle.active span:nth-child(2){opacity:0}
.jj-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== 手机端 footer 优化 ===== */
@media(max-width:640px){
  .jj-footer{padding:24px 0 16px}
  .jj-footer-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:16px 12px;
    text-align:left
  }
  .jj-footer-brand{grid-column:1/-1;margin-bottom:8px}
  .jj-footer-brand p{font-size:12px;line-height:1.6}
  .jj-footer-col h4{font-size:13px;margin-bottom:6px}
  .jj-footer-col a{font-size:12px;padding:2px 0}
  .jj-footer-bottom{font-size:11px;padding-top:14px;text-align:center}
  .jj-footer-bottom p{margin:2px 0}
}

@media(max-width:480px){
  .jj-footer-grid{grid-template-columns:1fr 1fr;gap:12px 10px}
}

@media(max-width:380px){
  .jj-footer-grid{grid-template-columns:1fr 1fr;gap:10px 8px}
  .jj-footer-brand{grid-column:1/-1}
}
  .jj-footer-brand{grid-column:1/-1}
  .jj-footer-brand p{font-size:12px;line-height:1.6}
  .jj-footer-col h4{font-size:13px;margin-bottom:8px}
  .jj-footer-col a{font-size:12px;padding:3px 0}
  .jj-footer-bottom{font-size:11px;padding-top:16px;text-align:center}
  .jj-footer-bottom p{margin:2px 0}
}

@media(max-width:380px){
  .jj-footer-grid{grid-template-columns:1fr 1fr;gap:16px}
}


/* 侧边栏关闭按钮 */
.jj-nav-mobile .jj-nav-close{
  position:absolute;top:16px;right:16px;
  width:32px;height:32px;border:none;background:none;
  font-size:24px;color:#999;cursor:pointer;line-height:1
}
.jj-nav-mobile .jj-nav-close:hover{color:#333}

/* 估算标签 */
.jj-tag-estimated{
  display:inline-block;font-size:11px;color:#9C9C9C;
  background:#F0F0F0;padding:2px 6px;border-radius:4px;margin-left:2px
}

/* ===== 走势图: 新浪图按原始比例清晰显示, 不拉伸 ===== */
img#jj-price-chart{
  width:auto!important;max-width:100%!important;height:auto!important;max-height:420px;
  object-fit:contain;border-radius:8px
}

/* ===== 表格移动端优化 ===== */
.jj-table-wrap{
  -webkit-overflow-scrolling:touch;
  overflow-x:auto;
}
table.jj-table{
  min-width:600px;
}
table.jj-table th,table.jj-table td{
  white-space:nowrap;
  padding:8px 10px;
  font-size:13px;
}
table.jj-table th{
  position:sticky;top:0;
  background:#fff;z-index:1;
}

/* ===== 移动端适配 ===== */
@media(max-width:768px){
  /* 价格卡片: 2列 */
  .jj-price-cards{
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
  }
  .jj-price-card{
    padding:14px!important;
  }
  .jj-price-card-value{
    font-size:20px!important;
  }
  .jj-price-card-label{
    font-size:12px!important;
  }
  .jj-price-change{
    font-size:12px!important;
  }
  /* 走势图 */
  img#jj-price-chart{
    max-height:220px;
  }
  .jj-chart-tabs{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    gap:4px!important;
  }
  .jj-chart-tab{
    flex:0 0 auto;
    padding:6px 14px!important;
    font-size:13px!important;
    white-space:nowrap;
  }
  /* 快速统计: 3列 */
  .jj-quick-stats{
    grid-template-columns:repeat(3,1fr)!important;
    gap:1px!important;
  }
  .jj-quick-stat{
    min-width:0!important;
    padding:8px 6px!important;
  }
  .jj-qs-value{
    font-size:16px!important;
  }
  .jj-qs-label{
    font-size:11px!important;
  }
  /* 表格缩小 */
  table.jj-table th,table.jj-table td{
    padding:6px 8px;
    font-size:12px;
  }
  /* 品牌卡片 */
  .jj-brand-cards-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .jj-brand-card{
    padding:14px!important;
  }
  /* 底部声明 */
  .jj-price-source{
    padding:10px 16px!important;
    font-size:11px!important;
  }
  /* 估算说明 */
  .jj-brand-est-note{
    font-size:11px!important;
    padding:0 12px!important;
  }
}

@media(max-width:480px){
  /* 价格卡片: 单列 */
  .jj-price-cards{
    grid-template-columns:1fr 1fr!important;
  }
  .jj-price-card{
    padding:10px!important;
  }
  .jj-price-card-value{
    font-size:18px!important;
  }
  /* 快速统计: 2列 */
  .jj-quick-stats{
    grid-template-columns:repeat(2,1fr)!important;
  }
  /* 走势图更小 */
  img#jj-price-chart{
    max-height:180px;
  }
  .jj-chart-tab{
    padding:5px 10px!important;
    font-size:12px!important;
  }
  /* 容器内边距减小 */
  .jj-container{
    padding:0 12px!important;
  }
  .jj-section{
    padding:16px 0!important;
  }
  /* 表格更紧凑 */
  table.jj-table th,table.jj-table td{
    padding:5px 6px;
    font-size:11px;
  }
}

/* ===== 布局修复: 表格自适应 + 移动端快速统计完整显示 (2026-08-04) ===== */
/* 桌面/平板: 7 列表格自适应容器宽度, 不再出现横向滚动裁剪 */
table.jj-table{
  min-width:0!important;
  width:100%!important;
}
.jj-brand-table{
  min-width:0!important;
}
/* 移动端 768: 快速统计切 grid 3 列, 内容完整显示 */
@media(max-width:768px){
  .jj-quick-stats{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:1px!important;
    overflow-x:visible!important;
    padding:10px 8px!important;
  }
  .jj-quick-stat{
    min-width:0!important;
    flex:none!important;
    padding:8px 6px!important;
  }
  table.jj-table th,table.jj-table td{
    padding:6px 6px!important;
  }
}
/* 移动端 480: 快速统计切 grid 2 列 */
@media(max-width:480px){
  .jj-quick-stats{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    overflow-x:visible!important;
  }
  .jj-quick-stat{
    min-width:0!important;
    flex:none!important;
  }
  .jj-qs-value{
    font-size:15px!important;
  }
  /* 品牌表(首页6列): 隐藏次要列(铂金/报价时间), 核心 4 列完整显示; 列表页(#jj-brand-table 8列)不受影响 */
  .jj-brand-table:not(#jj-brand-table) th:nth-child(4),
  .jj-brand-table:not(#jj-brand-table) td:nth-child(4),
  .jj-brand-table:not(#jj-brand-table) th:nth-child(6),
  .jj-brand-table:not(#jj-brand-table) td:nth-child(6){
    display:none!important;
  }
  .jj-brand-table:not(#jj-brand-table) th:nth-child(1),
  .jj-brand-table:not(#jj-brand-table) td:nth-child(1){
    text-align:left!important;
  }
}

/* ===== 移动端标题布局修复 (2026-08-04) =====
   根因: style.css 移动端 .jj-section-header{flex-direction:column} 与
   extra.css 全局 align-items:center 叠加 -> 标题被水平居中 */
@media(max-width:640px){
  /* 通用栏目标题: 左对齐 */
  .jj-section-header{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin-bottom:14px!important;
  }
  /* 首页分类块: 标题+更多 保持一行, 左标题右更多 */
  .jj-cate-block .jj-section-header{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%;
  }
  /* 走势图 header: 纵向排布, 标题不换行 */
  .jj-chart-header{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .jj-chart-header h3{
    white-space:nowrap;
    font-size:16px!important;
  }
  .jj-chart-tabs{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .jj-chart-tab{
    flex:0 0 auto;
    white-space:nowrap;
  }
  /* 分类块标题字号收紧 */
  .jj-cate-block .jj-section-title{
    font-size:15px!important;
  }
}

/* ===== Article Prev/Next & Related ===== */
.jj-article-prevnext{display:flex;flex-direction:column;gap:8px;margin:24px 0;padding:16px 20px;background:#fafaf8;border-radius:10px;border:1px solid #f0ece0;font-size:14px;line-height:1.7}
.jj-pn-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jj-pn-item a{color:#8a6d1d;text-decoration:none}
.jj-pn-item a:hover{color:#c8102e}
.jj-related{margin:24px 0}
.jj-related .jj-section-title{font-size:16px;font-weight:700;color:#333;padding-left:10px;border-left:4px solid #C8102E}
.jj-related .jj-cate-list{margin-top:12px}
.jj-seo-h1{font-size:0;height:0;margin:0;overflow:hidden}
.jj-section-title-h1{font-size:20px;font-weight:700;color:#333;margin:0}

/* ===== 顶部工具条 (银行金条/香港金价/历史金价/金价换算) ===== */
.jj-topbar{background:#FBEAEA;border-bottom:1px solid #F3D9D9}
.jj-topbar-inner{max-width:1200px;margin:0 auto;padding:5px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.jj-topbar-tip{font-size:12px;color:#C8102E;font-weight:500}
.jj-topbar-links{display:flex;gap:20px}
.jj-topbar-links a{font-size:12px;color:#6d6d6d;text-decoration:none;transition:color .2s}
.jj-topbar-links a:hover{color:#C8102E}
@media (max-width: 992px){
.jj-topbar{display:none}
.jj-header-pad{height:0}
}

/* ===== 首页导航栏优化 (PC): 单行不换行 ===== */
@media (min-width: 993px) {
.jj-header-inner{flex-wrap:nowrap}
.jj-logo{flex-shrink:0;white-space:nowrap}
.jj-nav{flex:1;justify-content:flex-end;gap:14px;flex-wrap:nowrap;min-width:0}
.jj-nav-item{font-size:14px;padding:6px 2px;transition:color .2s;white-space:nowrap;flex-shrink:0}
.jj-nav-item:hover{color:#C8102E}
.jj-nav-item.active::after{bottom:-22px}
.jj-search{flex-shrink:0;width:190px}
}

/* ===== 首页分类区块两列 (PC) ===== */
.jj-cate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.jj-cate-grid .jj-cate-block{margin-bottom:0}
@media (max-width: 767px){
.jj-cate-grid{grid-template-columns:1fr;gap:12px}
}

/* ===== 走势图容器自适应 (新浪图按原始比例清晰显示) ===== */
.jj-chart-area{height:auto!important;min-height:280px;display:flex;align-items:center;justify-content:center}

/* ===== 走势图容器自适应 v2 (block 居中, 避免 flex 拉伸 img) ===== */
.jj-chart-area{display:block!important;text-align:center}

/* ===== 主导航兜底: 极端窄屏仍不换行, 允许内部横向滚动 ===== */
@media (min-width: 993px) and (max-width: 1180px){
.jj-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.jj-nav::-webkit-scrollbar{display:none}
}

/* ===== PC 搜索框优化 (加提交按钮) ===== */
/* 搜索框已整体移除: 金价站搜索意义不大 (header HTML + 移动端抽屉均删除) */
.jj-search{display:none!important}
.jj-mobile-search{display:none!important}

/* ===== 移动端侧边栏导航 (Logo + 搜索 + 工具入口) ===== */
.jj-nav-mobile{display:none;position:fixed;top:0;left:0;width:300px;max-width:82vw;height:100vh;bottom:0;background:#fff;z-index:99999;flex-direction:column;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 20px rgba(0,0,0,.12)}
.jj-nav-mobile.active{transform:translateX(0);display:flex}
.jj-mobile-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#FBEAEA,#FBEAEA);border-bottom:1px solid #efe3c6;position:sticky;top:0;z-index:2}
.jj-mobile-logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:17px;color:#333}
.jj-mobile-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#C8102E,#9F0F1E);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}
.jj-mobile-logo-text span{color:#C8102E}
.jj-nav-close{border:none;background:none;font-size:26px;color:#999;cursor:pointer;line-height:1;padding:0 2px}
.jj-nav-close:hover{color:#333}
.jj-mobile-search{padding:12px 16px 6px}
.jj-mobile-search form{display:flex;border:1px solid #e5e5e5;border-radius:20px;padding:8px 14px;background:#f8f8f8}
.jj-mobile-search input{border:none;background:none;outline:none;flex:1;font-size:14px;color:#333;font-family:inherit}
.jj-mobile-navlist{padding:6px 16px;flex:1}
.jj-mobile-navlist .jj-nav-item{display:block;font-size:15px;padding:13px 4px;border-bottom:1px solid #f3f3f3;color:#333;text-decoration:none}
.jj-mobile-navlist .jj-nav-item.active{color:#C8102E;font-weight:600}
.jj-mobile-navlist .jj-nav-item.active::after{display:none}
.jj-mobile-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}
.jj-mobile-tools a{display:block;text-align:center;font-size:13px;color:#A6242F;background:#FBEAEA;border:1px solid #F3D9D9;border-radius:8px;padding:8px 4px;text-decoration:none}
.jj-mobile-tools a:hover{background:#efe3c2}
.jj-mobile-foot{text-align:center;font-size:11px;color:#bbb;padding:12px 16px 18px}
.jj-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:99998}
.jj-nav-overlay.active{display:block}
body.jj-no-scroll{overflow:hidden}

/* ===== 品牌详情页 (brand_show.htm) ===== */
.jj-brand-detail-wrap{max-width:1200px;margin:0 auto;padding:16px 24px 40px}
.jj-brand-detail-wrap .jj-breadcrumb{margin-bottom:16px}
.jj-brand-hero{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border:1px solid #f0f0f0}
.jj-brand-hero-left{min-width:0}
.jj-brand-h1{font-size:30px;font-weight:900;color:#1A1A2E;margin:0 0 10px;line-height:1.2;letter-spacing:.5px}
.jj-brand-sub{font-size:13px;color:#8A8A8A;line-height:1.6}
.jj-brand-source{display:inline-block;font-size:12px;color:#9F0F1E;background:#FBEAEA;border:1px solid #F3D9D9;border-radius:4px;padding:2px 8px;margin-top:8px}
.jj-brand-hero-prices{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;align-items:stretch}
.jj-brand-price-card{background:#FAFAF7;border:1px solid #EDE8DB;border-radius:10px;padding:14px 22px;min-width:128px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.jj-brand-price-card-main{background:linear-gradient(135deg,#1A1A2E,#16213E);border:none;min-width:160px}
.jj-brand-price-card-main .jj-bpc-label{color:rgba(255,255,255,.75)}
.jj-brand-price-card-main .jj-bpc-value{color:#fff}
.jj-brand-price-card-main .jj-bpc-value .jj-bpc-unit{color:rgba(255,255,255,.6)}
.jj-bpc-label{font-size:12px;color:#6C757D;margin-bottom:6px}
.jj-bpc-value{font-size:26px;font-weight:800;color:#C8102E;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.2}
.jj-bpc-unit{font-size:12px;font-weight:400;color:#999;margin-left:2px}
.jj-bpc-change{font-size:13px;margin-top:6px;min-height:18px}
.jj-brand-chart-section{margin-top:20px}
.jj-brand-chart-section .jj-chart-card{padding:24px}
.jj-brand-chart-section .jj-chart-area{height:340px;position:relative;display:block!important}
.jj-brand-chart-section canvas{display:block;margin:0 auto;max-width:100%}
.jj-brand-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;align-items:start}
.jj-brand-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px 28px;border:1px solid #f0f0f0}
.jj-brand-info-card .jj-section-title{font-size:18px}
.jj-brand-recycle-compare{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px 28px;border:1px solid #f0f0f0}
.jj-brand-recycle-compare .jj-section-title{font-size:18px}
.jj-brand-recycle-card{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.jj-brc-item{display:flex;justify-content:space-between;align-items:center;background:#FAFAF7;border:1px solid #F0ECE0;border-radius:8px;padding:10px 14px}
.jj-brc-label{font-size:13px;color:#6C757D}
.jj-brc-value{font-size:16px;font-weight:700;color:#C8102E;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif}
.jj-brc-value span{font-size:12px;font-weight:400;color:#999}
.jj-brand-recycle-tip{font-size:12px;color:#ADB5BD;margin-top:10px;line-height:1.6;text-align:center}
/* ===== 品牌金店资讯列表 (brand_list.htm) ===== */
.jj-brand-news-header{margin-top:32px}
.jj-brand-list-wrap .tgt-news-cols{margin-top:0}
.jj-brand-list-wrap .tgt-news-item{padding:11px 0}
.jj-brand-list-wrap #jj-brand-news-pager{margin-top:16px}
@media (max-width: 992px){
.jj-brand-hero{flex-direction:column;align-items:flex-start;padding:20px}
.jj-brand-hero-prices{width:100%}
.jj-brand-price-card{flex:1;min-width:0}
.jj-brand-detail-grid{grid-template-columns:1fr}
.jj-brand-chart-section .jj-chart-area{height:280px}
}
@media (max-width: 640px){
.jj-brand-detail-wrap{padding:12px 14px 32px}
.jj-brand-hero{padding:16px}
.jj-brand-h1{font-size:22px}
.jj-brand-hero-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jj-brand-price-card{min-width:0;padding:10px 8px}
.jj-brand-price-card-main{grid-column:1/-1;min-width:0;padding:14px 12px}
.jj-bpc-value{font-size:22px}
.jj-brand-chart-section .jj-chart-area{height:230px}
.jj-brand-info-card,.jj-brand-recycle-compare{padding:16px}
}