/* 今日价格网 全站公共样式 v20261029（移动端自适应版） */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f5f4f0;color:#333;font-size:14px;line-height:1.7}
a{color:#b8860b;text-decoration:none}
a:hover{color:#d4a017;text-decoration:underline}
.wrap{max-width:1200px;margin:0 auto;padding:0 12px}

/* 头部 / 导航 / 面包屑 */
.site-head{background:linear-gradient(135deg,#1c1a15,#3a3428);color:#fff;padding:22px 0;text-align:center}
.site-head .logo{font-size:26px;font-weight:bold;color:#f0c75e}
.site-head .logo span{color:#fff}
.site-head .slogan{color:#b8ab8c;font-size:13px;margin-top:4px}
.nav{background:#b8860b}
.nav .wrap{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{display:inline-block;color:#fff;padding:10px 18px;font-size:15px}
.nav a:hover{background:#9a7209;text-decoration:none}
.crumb{padding:10px 0;color:#999;font-size:13px}
.crumb a{color:#999}

/* 通用区块 */
.section{background:#fff;border:1px solid #e8e2d5;border-radius:8px;margin-bottom:16px;padding:18px}
.section h1{font-size:20px;border-left:4px solid #b8860b;padding-left:10px;margin-bottom:12px;line-height:1.4;word-break:break-word}
.section h2{font-size:18px;border-left:4px solid #b8860b;padding-left:10px;margin-bottom:12px;line-height:1.4;word-break:break-word}
.section h2 .more{float:right;font-size:13px;font-weight:normal}
/* 栏目简介（SEO） */
.col-intro{color:#777;font-size:13px;line-height:1.8;margin:-4px 0 12px}

/* 行情表 —— 移动端自适应，不横向滚动 */
.q-title{font-size:15px;font-weight:bold;color:#8a6d1d;text-align:center;margin:14px 0 8px}
.q-title:first-of-type{margin-top:0}
.q-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}
.q-table th,.q-table td{border:1px solid #e8e2d5;padding:7px 4px;text-align:center;word-break:break-word;white-space:normal}
.q-table th{background:#faf7ef;color:#8a6d1d;font-weight:normal}
.q-table tbody tr:nth-child(even){background:#fffdf7}
.q-table .qname{color:#b8860b;font-weight:normal}
.q-table .qprice{color:#c0392b;font-weight:bold}
.q-table .up{color:#c0392b;font-weight:bold}
.q-table .down{color:#1a8a3c;font-weight:bold}
.q-table .flat{color:#999}
.q-scroll{overflow-x:visible}
.q-hint{display:none}
.q-time{text-align:right;color:#999;font-size:12px;margin-top:6px}
.q-updated{color:#aaa;font-size:12px;text-align:right;margin-top:6px}
.q-loading{color:#999;font-size:13px;text-align:center;padding:20px 0}
.q-group{margin-bottom:16px}
.q-group:last-child{margin-bottom:0}
/* AI行情分析 */
.q-analysis{margin-top:12px;padding:10px 12px;background:#fdf8ec;border:1px solid #ecdfc0;border-radius:6px;font-size:13px;color:#6b5b2a;line-height:1.8;text-align:left}
.q-analysis-t{font-weight:bold;color:#c0392b;text-align:center;font-size:15px;margin-bottom:4px}
.q-analysis-d{margin-top:6px;font-size:12px;color:#a89968}
/* 黄金每日汇总页7列表格列宽 */
.q-cols7 .q-table th:nth-child(1),.q-cols7 .q-table td:nth-child(1){width:auto}
.q-cols7 .q-table th:nth-child(2),.q-cols7 .q-table td:nth-child(2){width:auto}
.q-cols7 .q-table th:nth-child(3),.q-cols7 .q-table td:nth-child(3){width:auto}
.q-cols7 .q-table th:nth-child(4),.q-cols7 .q-table td:nth-child(4){width:auto}
.q-cols7 .q-table th:nth-child(5),.q-cols7 .q-table td:nth-child(5){width:auto}
.q-cols7 .q-table th:nth-child(6),.q-cols7 .q-table td:nth-child(6){width:auto}
.q-cols7 .q-table th:nth-child(7),.q-cols7 .q-table td:nth-child(7){width:auto}

/* 文章列表 */
.news-list li{list-style:none;padding:8px 0;border-bottom:1px dashed #e5ddc8;overflow:hidden}
.news-list li span{float:right;color:#aaa;font-size:12px}
/* 首页最近更新：两列+序号 */
.news-list-2col{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.news-list-2col li{white-space:nowrap;display:flex;align-items:center;min-width:0}
.news-list-2col .no{order:1;flex:0 0 auto;font-style:normal;color:#b8860b;font-weight:bold;margin-right:4px}
.news-list-2col li a{order:2;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list-2col li span{order:3;flex:0 0 auto;float:none;color:#aaa;font-size:12px;margin-left:6px}
.pages{text-align:center;padding:16px 0}
.pages a,.pages b{display:inline-block;padding:5px 12px;margin:0 3px;border:1px solid #e0d6ba;border-radius:4px;background:#fff}
.pages b{background:#b8860b;color:#fff;border-color:#b8860b}

/* 首页 今日价格汇总 */
.hero{background:linear-gradient(135deg,#fff8e7,#fff);border:1px solid #ecd9a8}
.hero .hl-item{padding:14px 0;border-bottom:1px dashed #e5ddc8}
.hero .hl-item:first-of-type{padding-top:4px}
.hero .hl-item:last-child{border-bottom:none;padding-bottom:0}
.hero .hl-head{display:flex;align-items:baseline;gap:14px}
.hero .hl-title{flex:1 1 auto;min-width:0;font-size:17px;font-weight:bold;line-height:1.5;word-break:break-word}
.hero .hl-title a{color:#5a4a12}
.hero .hl-title a:hover{color:#b8860b}
.hero .hl-date{flex:0 0 auto;color:#aaa;font-size:12px;white-space:nowrap}
.hero .hl-desc{color:#777;font-size:13px;margin-top:6px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-item{border-bottom:1px dashed #e5ddc8;padding:8px 0}
.mini-item .t{font-weight:bold}
.mini-item .d{color:#888;font-size:12px}

/* 品牌网格 */
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.brand-item{border:1px solid #eee5cf;border-radius:6px;padding:12px;background:#fffdf7;text-align:center}
.brand-item .bname{font-weight:bold;font-size:15px;word-break:break-word}
.brand-item .bname a{color:#8a6d1d}
.brand-item .bprice{color:#c0392b;font-size:16px;font-weight:bold}
.brand-item .bdesc{color:#777;font-size:12px;height:40px;overflow:hidden;margin-top:4px}
.brand-item .bdate{color:#aaa;font-size:12px;margin-top:4px}

/* 内容页 */
.article{background:#fff;border:1px solid #e8e2d5;border-radius:8px;padding:24px 28px;margin-bottom:16px}
.article h1{font-size:22px;text-align:center;margin-bottom:10px;line-height:1.5;word-break:break-word}
.art-meta{text-align:center;color:#999;font-size:12px;border-bottom:1px solid #f0e9d6;padding-bottom:12px;margin-bottom:16px}
.art-content{font-size:15px;line-height:1.8}
.art-content p{margin-bottom:12px;word-break:break-word}
.art-content h2{font-size:16px;border-left:4px solid #b8860b;padding-left:10px;margin:18px 0 10px;line-height:1.4;word-break:break-word}
.art-content h3{font-size:15px;margin:14px 0 8px;word-break:break-word}
/* 文章内表格 —— 自适应不滚动 */
.art-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px;table-layout:auto}
.art-content table th,.art-content table td{border:1px solid #e5ddc8;padding:8px 6px;text-align:center;word-break:break-word;white-space:normal}
.art-content table th{background:#faf5e6;color:#8a6d1d;font-weight:bold}
.art-content table tr:nth-child(even){background:#fffdf7}
.art-content strong{color:#c0392b}
.art-content img{max-width:100%;height:auto}
.art-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px dashed #e5ddc8;margin-top:18px;padding-top:12px;font-size:13px}
.art-nav div{flex:1;min-width:0;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.art-nav div:last-child{text-align:right}
.rel-list{overflow:hidden}
.rel-list li{list-style:none;width:50%;float:left;padding:6px 0;border-bottom:1px dashed #eee5cf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 底部 */
.footer{background:#26221a;color:#8f8772;text-align:center;padding:20px 0;font-size:12px;margin-top:20px}
.footer a{color:#8f8772}

/* 列表分页（帝国CMS [!--show.listpage--] 输出） */
.list-page{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 4px;font-size:14px}
.list-page a,.list-page b,.list-page strong,.list-page span{display:inline-block;box-sizing:border-box;min-width:38px;text-align:center;padding:6px 12px;border:1px solid #e8e2d5;border-radius:4px;color:#8a6d1d;text-decoration:none;font-weight:normal;line-height:1.2}
.list-page a:hover{background:#faf7ef}
.list-page .cur,.list-page b,.list-page strong{background:#8a6d1d;color:#fff;border-color:#8a6d1d}

/* ========================= 移动端 ========================= */
@media(max-width:768px){
  .brand-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .two-col{grid-template-columns:1fr}
  .news-list-2col{grid-template-columns:1fr;column-gap:0}
  .q-table{font-size:12px}
  .q-table th,.q-table td{padding:6px 3px}
  .q-table .qname{font-size:11px}
  .q-cols7 .q-table th,.q-cols7 .q-table td{font-size:11px;padding:5px 2px}
  .rel-list li{width:100%}
  .article{padding:14px 12px}
  .article h1{font-size:18px}
  .site-head{padding:14px 0}
  .site-head .logo{font-size:20px}
  .site-head .slogan{font-size:11px}
  .nav a{padding:8px 12px;font-size:13px}
  .section{padding:12px;margin-bottom:12px}
  .section h2{font-size:16px}
  .art-content table{font-size:12px}
  .art-content table th,.art-content table td{padding:6px 3px}
  .hero .hl-head{flex-wrap:wrap;gap:6px}
  .hero .hl-date{margin-left:auto}
}
@media(max-width:480px){
  .q-table th,.q-table td{font-size:11px;padding:5px 2px;line-height:1.3}
  .article h1{font-size:16px}
}