/* 春山出品 v3.0 - 顶部导航深色主题 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    background: #0d1117; color: #c9d1d9; line-height: 1.6;
}
a { color: #58a6ff; text-decoration: none; }
a:hover { color: #79b8ff; }

.topnav { background: #161b22; border-bottom: 1px solid #21262d; position: sticky; top: 0; z-index: 100; }
.nav-inner { max-width: 1280px; margin: 0 auto; padding: 0 20px; height: 56px; display: flex; align-items: center; gap: 24px; }
.brand { display: flex; align-items: center; gap: 8px; }
.brand-icon { font-size: 24px; }
.brand-name { font-size: 17px; font-weight: 700; color: #f0b429; }
.brand-sub { font-size: 11px; color: #6e7681; margin-left: 4px; }
.nav-links { display: flex; align-items: center; gap: 4px; flex: 1; }
.nav-link { color: #8b949e; padding: 6px 12px; border-radius: 6px; font-size: 14px; transition: all 0.15s; }
.nav-link:hover { background: #21262d; color: #e6edf3; }
.nav-dropdown { position: relative; }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: #161b22; border: 1px solid #21262d; border-radius: 8px; min-width: 150px; padding: 6px 0; box-shadow: 0 8px 24px rgba(0,0,0,0.4); z-index: 200; }
.nav-dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a { display: block; padding: 7px 14px; color: #8b949e; font-size: 13px; }
.dropdown-menu a:hover { background: #21262d; color: #e6edf3; }
.nav-right { display: flex; align-items: center; gap: 12px; }
.nav-search { display: flex; }
.nav-search input { background: #0d1117; border: 1px solid #30363d; color: #c9d1d9; padding: 6px 10px; border-radius: 6px 0 0 6px; font-size: 12px; width: 160px; outline: none; }
.nav-search input:focus { border-color: #f0b429; }
.nav-search button { background: #21262d; border: 1px solid #30363d; border-left: none; border-radius: 0 6px 6px 0; padding: 6px 10px; cursor: pointer; }
.user-box { display: flex; align-items: center; gap: 8px; }
.user-name { font-size: 13px; color: #f0b429; font-weight: 600; }
.logout { font-size: 12px; color: #6e7681; }
.logout:hover { color: #f85149; }

.disclaimer-bar { background: #1c2128; border-bottom: 1px solid #2d333b; color: #8b949e; padding: 8px 20px; font-size: 12px; text-align: center; }
.container { max-width: 1280px; margin: 0 auto; padding: 20px; }

.card { background: #161b22; border: 1px solid #21262d; border-radius: 10px; padding: 16px 18px; margin-bottom: 16px; }
.card-header { font-size: 15px; font-weight: 600; color: #e6edf3; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.card-sub { font-size: 11px; color: #6e7681; font-weight: normal; }
.more { font-size: 12px; margin-left: auto; }

.home-grid { display: grid; grid-template-columns: 1fr 320px; gap: 16px; }
.home-left { min-width: 0; }
.home-right { min-width: 0; }

.pick-list { display: flex; flex-direction: column; gap: 8px; }
.pick-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #21262d; }
.pick-item:last-child { border-bottom: none; }
.pick-num { font-size: 16px; font-weight: 700; color: #f0b429; min-width: 20px; }
.pick-title { font-size: 13px; color: #e6edf3; flex: 1; line-height: 1.4; }
.pick-title:hover { color: #f0b429; }

.price-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.price-card { background: #0d1117; border-radius: 8px; padding: 10px 12px; border: 1px solid #21262d; }
.pc-name { font-size: 11px; color: #6e7681; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-price { font-size: 20px; font-weight: 700; color: #f0b429; margin: 4px 0; }
.pc-change { font-size: 12px; }
.pc-change.up { color: #f85149; }
.pc-change.down { color: #3fb950; }

.date-block { margin-bottom: 16px; }
.date-line { display: flex; align-items: baseline; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid #21262d; margin-bottom: 8px; }
.date-main { font-size: 14px; font-weight: 600; color: #e6edf3; }
.date-wd { font-size: 12px; color: #6e7681; }
.date-cnt { font-size: 11px; color: #6e7681; margin-left: auto; }

.news-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #161b22; }
.news-time { font-size: 12px; color: #6e7681; min-width: 38px; padding-top: 2px; }
.news-body { flex: 1; min-width: 0; }
.news-title { font-size: 14px; color: #e6edf3; font-weight: 500; line-height: 1.5; }
.news-title:hover { color: #f0b429; }
.news-tags { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-top: 5px; }
.news-sum { font-size: 12px; color: #8b949e; margin-top: 5px; line-height: 1.5; }
.src { font-size: 11px; color: #6e7681; }

.tag { display: inline-block; padding: 1px 7px; border-radius: 4px; font-size: 11px; }
.tag.up { background: rgba(248,81,73,0.15); color: #f85149; }
.tag.down { background: rgba(63,185,80,0.15); color: #3fb950; }
.tag.neutral { background: rgba(110,118,129,0.15); color: #6e7681; }
.tag.imp { background: rgba(240,180,41,0.15); color: #f0b429; }
.tag.var { background: rgba(88,166,255,0.12); color: #58a6ff; }

.ch-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ch-item { background: #0d1117; border-radius: 8px; padding: 10px; text-align: center; border: 1px solid #21262d; transition: all 0.15s; }
.ch-item:hover { border-color: #f0b429; }
.ch-icon { font-size: 18px; display: block; }
.ch-name { font-size: 12px; color: #c9d1d9; display: block; margin: 2px 0; }
.ch-cnt { font-size: 11px; color: #6e7681; }

.filter-bar { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.filter-tag { padding: 5px 14px; border-radius: 16px; font-size: 13px; background: #161b22; color: #8b949e; border: 1px solid #21262d; }
.filter-tag:hover { border-color: #f0b429; color: #e6edf3; }
.filter-tag.active { background: #f0b429; color: #0d1117; border-color: #f0b429; font-weight: 600; }

.pagination { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 24px 0; }
.pagination a { background: #21262d; padding: 6px 16px; border-radius: 6px; font-size: 13px; color: #c9d1d9; }
.pagination a:hover { background: #f0b429; color: #0d1117; }
.pagination span { font-size: 13px; color: #6e7681; }

.page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.page-header h2 { font-size: 19px; color: #e6edf3; }
.total { font-size: 13px; color: #6e7681; }
.page-desc { font-size: 13px; color: #6e7681; margin-bottom: 14px; }

.detail-page { max-width: 800px; margin: 0 auto; }
.back-btn { font-size: 13px; color: #6e7681; display: inline-block; margin-bottom: 12px; }
.detail-article { background: #161b22; border-radius: 12px; padding: 28px; }
.detail-title { font-size: 22px; color: #e6edf3; line-height: 1.4; margin-bottom: 14px; }
.detail-meta { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid #21262d; margin-bottom: 18px; }
.detail-summary h4, .detail-keydata h4 { color: #f0b429; margin-bottom: 6px; font-size: 14px; }
.detail-summary p, .detail-keydata p { color: #c9d1d9; font-size: 14px; line-height: 1.8; margin-bottom: 16px; }
.content-text { color: #c9d1d9; font-size: 14px; line-height: 1.8; }

.benchmark-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 12px; margin-bottom: 20px; }
.benchmark-card { background: #161b22; border: 1px solid #f0b429; border-radius: 10px; padding: 16px; }
.bm-name { font-size: 13px; color: #e6edf3; font-weight: 600; }
.bm-price { font-size: 24px; color: #f0b429; font-weight: 700; margin: 8px 0; }
.variety-section { margin-bottom: 20px; }
.price-table { width: 100%; border-collapse: collapse; background: #161b22; border-radius: 8px; overflow: hidden; }
.price-table th { background: #21262d; color: #6e7681; padding: 10px; text-align: left; font-size: 12px; }
.price-table td { padding: 9px 10px; border-bottom: 1px solid #21262d; font-size: 13px; color: #c9d1d9; }
.price-table .up { color: #f85149; }
.price-table .down { color: #3fb950; }

.login-body { background: #0d1117; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-container { background: #161b22; border-radius: 16px; padding: 40px; width: 380px; border: 1px solid #21262d; }
.login-header { text-align: center; margin-bottom: 28px; }
.login-logo { font-size: 44px; }
.login-header h1 { color: #f0b429; font-size: 24px; margin: 8px 0; }
.login-subtitle { color: #6e7681; font-size: 13px; }
.form-group { margin-bottom: 18px; }
.form-group label { display: block; color: #8b949e; font-size: 13px; margin-bottom: 6px; }
.form-group input { width: 100%; background: #0d1117; border: 1px solid #30363d; color: #c9d1d9; padding: 11px 14px; border-radius: 8px; font-size: 14px; outline: none; }
.form-group input:focus { border-color: #f0b429; }
.login-btn { width: 100%; background: #f0b429; color: #0d1117; border: none; padding: 12px; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; }
.login-error { background: rgba(248,81,73,0.12); color: #f85149; padding: 10px; border-radius: 6px; margin-bottom: 16px; font-size: 13px; }
.login-footer { text-align: center; margin-top: 20px; }
.login-footer p { color: #6e7681; font-size: 12px; margin-bottom: 4px; }

.empty { text-align: center; padding: 60px; color: #6e7681; }
.footer { text-align: center; padding: 24px; color: #6e7681; font-size: 12px; border-top: 1px solid #21262d; margin-top: 20px; }

@media (max-width: 900px) {
    .home-grid { grid-template-columns: 1fr; }
    .price-row { grid-template-columns: repeat(2, 1fr); }
    .brand-sub, .nav-search { display: none; }
    .nav-inner { gap: 12px; padding: 0 12px; }
    .container { padding: 12px; }
}
@media (max-width: 600px) {
    .nav-links { gap: 0; }
    .nav-link { padding: 6px 8px; font-size: 12px; }
    .brand-name { font-size: 15px; }
    .user-name { display: none; }
}

.quick-bar { background: #161b22; border-bottom: 1px solid #21262d; padding: 0 20px; display: flex; gap: 4px; overflow-x: auto; }
.qb-link { padding: 10px 14px; font-size: 13px; color: #8b949e; white-space: nowrap; border-bottom: 2px solid transparent; transition: all 0.15s; }
.qb-link:hover { color: #e6edf3; }
.qb-link.active { color: #f0b429; border-bottom-color: #f0b429; }

.sub-tabs { display: flex; gap: 4px; margin-left: 16px; flex-wrap: wrap; }
.sub-tab { padding: 3px 12px; border-radius: 14px; font-size: 12px; background: #21262d; color: #8b949e; transition: all 0.15s; }
.sub-tab:hover { background: #2d333b; color: #e6edf3; }
.sub-tab.active { background: #f0b429; color: #0d1117; font-weight: 600; }

.variety-tabs { display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; }
.vtab { padding: 5px 14px; border-radius: 16px; font-size: 13px; background: #161b22; color: #8b949e; border: 1px solid #21262d; }
.vtab:hover { border-color: #f0b429; color: #e6edf3; }
.vtab.active { background: #f0b429; color: #0d1117; font-weight: 600; border-color: #f0b429; }
.variety-title { color: #f0b429; font-size: 15px; margin-bottom: 8px; }
.variety-count { font-size: 12px; color: #6e7681; font-weight: normal; }

.bm-change.up { color: #f85149; font-weight: 600; }
.bm-change.down { color: #3fb950; font-weight: 600; }
.price-num { color: #f0b429; font-weight: 600; }

.search-form { display: flex; gap: 8px; margin-bottom: 20px; }
.search-form input[type="text"] { flex: 1; background: #161b22; border: 1px solid #30363d; color: #c9d1d9; padding: 10px 14px; border-radius: 8px; font-size: 14px; outline: none; }
.search-form input[type="text"]:focus { border-color: #f0b429; }
.search-form input[type="date"] { background: #161b22; border: 1px solid #30363d; color: #c9d1d9; padding: 10px 12px; border-radius: 8px; font-size: 13px; outline: none; }
.search-form button { background: #f0b429; color: #0d1117; border: none; padding: 10px 24px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; }
.search-result-info { color: #6e7681; font-size: 13px; margin-bottom: 16px; }
body { user-select: none; -webkit-user-select: none; }

.pagination { display: flex; align-items: center; gap: 12px; padding: 16px 0; flex-wrap: wrap; justify-content: center; }
.pagination a { padding: 4px 12px; background: #21262d; border-radius: 6px; color: #8b949e; font-size: 13px; }
.pagination a:hover { background: #2d333b; color: #f0b429; }
.pagination span { color: #6e7681; font-size: 13px; }
.page-jump input { width: 50px; background: #161b22; border: 1px solid #30363d; color: #c9d1d9; padding: 3px 6px; border-radius: 4px; text-align: center; }
.page-jump button { background: #f0b429; color: #0d1117; border: none; padding: 3px 10px; border-radius: 4px; cursor: pointer; font-size: 12px; }
/* 价格看板样式 */
.price-board-container{max-width:1280px;margin:0 auto;padding:20px}
.board-title{text-align:center;color:#f0b429;font-size:28px;margin-bottom:8px}
.board-subtitle{text-align:center;color:#8b949e;font-size:13px;margin-bottom:24px}
.price-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #30363d}
.tab-btn{padding:10px 24px;background:transparent;border:none;color:#8b949e;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.tab-btn:hover{color:#c9d1d9}
.tab-btn.active{color:#f0b429;border-bottom-color:#f0b429;font-weight:600}
.tab-panel{display:none}
.tab-panel.active{display:block}
.panel-title{color:#c9d1d9;font-size:18px;margin:20px 0 12px;padding-left:10px;border-left:3px solid #f0b429}
.benchmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.price-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;transition:transform .2s,border-color .2s}
.price-card:hover{transform:translateY(-2px);border-color:#f0b429}
.benchmark-card{border-top:3px solid #f0b429}
.card-name{color:#e6edf3;font-size:15px;font-weight:600;margin-bottom:4px}
.card-region{color:#8b949e;font-size:12px;margin-bottom:10px}
.card-price{color:#f0b429;font-size:26px;font-weight:700;margin-bottom:6px}
.card-price.no-data{color:#484f58;font-size:16px;font-weight:400}
.price-unit{font-size:12px;color:#8b949e;font-weight:400;margin-left:4px}
.card-change{font-size:14px;font-weight:600;margin-bottom:8px}
.card-change.up{color:#f85149}
.card-change.down{color:#3fb950}
.card-change.flat{color:#8b949e}
.card-source{color:#6e7681;font-size:11px}
.region-accordion{margin-top:16px}
.region-group{margin-bottom:8px;border:1px solid #30363d;border-radius:6px;overflow:hidden}
.region-header{background:#161b22;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s}
.region-header:hover{background:#1c2128}
.region-name{color:#e6edf3;font-size:14px;font-weight:600}
.region-count{color:#8b949e;font-size:12px;background:#21262d;padding:2px 8px;border-radius:10px}
.region-arrow{color:#8b949e;font-size:10px}
.region-content{background:#0d1117;padding:0}
.price-table{width:100%;border-collapse:collapse;font-size:13px}
.price-table th{background:#161b22;color:#8b949e;padding:10px 12px;text-align:left;font-weight:500;border-bottom:1px solid #30363d}
.price-table td{padding:8px 12px;border-bottom:1px solid #21262d;color:#c9d1d9}
.price-table tr:hover{background:#161b22}
.price-table .up{color:#f85149;font-weight:600}
.price-table .down{color:#3fb950;font-weight:600}
.price-table .flat{color:#8b949e}
@media(max-width:768px){.benchmark-grid{grid-template-columns:repeat(2,1fr)}.board-title{font-size:22px}.tab-btn{padding:8px 14px;font-size:13px}}
/* 价格看板样式 */
.price-board-container{max-width:1280px;margin:0 auto;padding:20px}
.board-title{text-align:center;color:#f0b429;font-size:28px;margin-bottom:8px}
.board-subtitle{text-align:center;color:#8b949e;font-size:13px;margin-bottom:24px}
.price-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #30363d}
.tab-btn{padding:10px 24px;background:transparent;border:none;color:#8b949e;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.tab-btn:hover{color:#c9d1d9}
.tab-btn.active{color:#f0b429;border-bottom-color:#f0b429;font-weight:600}
.tab-panel{display:none}
.tab-panel.active{display:block}
.panel-title{color:#c9d1d9;font-size:18px;margin:20px 0 12px;padding-left:10px;border-left:3px solid #f0b429}
.benchmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.price-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;transition:transform .2s,border-color .2s}
.price-card:hover{transform:translateY(-2px);border-color:#f0b429}
.benchmark-card{border-top:3px solid #f0b429}
.card-name{color:#e6edf3;font-size:15px;font-weight:600;margin-bottom:4px}
.card-region{color:#8b949e;font-size:12px;margin-bottom:10px}
.card-price{color:#f0b429;font-size:26px;font-weight:700;margin-bottom:6px}
.card-price.no-data{color:#484f58;font-size:16px;font-weight:400}
.price-unit{font-size:12px;color:#8b949e;font-weight:400;margin-left:4px}
.card-change{font-size:14px;font-weight:600;margin-bottom:8px}
.card-change.up{color:#f85149}
.card-change.down{color:#3fb950}
.card-change.flat{color:#8b949e}
.card-source{color:#6e7681;font-size:11px}
.region-accordion{margin-top:16px}
.region-group{margin-bottom:8px;border:1px solid #30363d;border-radius:6px;overflow:hidden}
.region-header{background:#161b22;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s}
.region-header:hover{background:#1c2128}
.region-name{color:#e6edf3;font-size:14px;font-weight:600}
.region-count{color:#8b949e;font-size:12px;background:#21262d;padding:2px 8px;border-radius:10px}
.region-arrow{color:#8b949e;font-size:10px}
.region-content{background:#0d1117;padding:0}
.price-table{width:100%;border-collapse:collapse;font-size:13px}
.price-table th{background:#161b22;color:#8b949e;padding:10px 12px;text-align:left;font-weight:500;border-bottom:1px solid #30363d}
.price-table td{padding:8px 12px;border-bottom:1px solid #21262d;color:#c9d1d9}
.price-table tr:hover{background:#161b22}
.price-table .up{color:#f85149;font-weight:600}
.price-table .down{color:#3fb950;font-weight:600}
.price-table .flat{color:#8b949e}
@media(max-width:768px){.benchmark-grid{grid-template-columns:repeat(2,1fr)}.board-title{font-size:22px}.tab-btn{padding:8px 14px;font-size:13px}}
.price-board-container{max-width:1280px;margin:0 auto;padding:20px}
.board-title{text-align:center;color:#f0b429;font-size:28px;margin-bottom:8px}
.board-subtitle{text-align:center;color:#8b949e;font-size:13px;margin-bottom:24px}
.price-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #30363d}
.tab-btn{padding:10px 24px;background:transparent;border:none;color:#8b949e;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}
.tab-btn.active{color:#f0b429;border-bottom-color:#f0b429;font-weight:600}
.tab-panel{display:none}
.tab-panel.active{display:block}
.panel-title{color:#c9d1d9;font-size:18px;margin:20px 0 12px;padding-left:10px;border-left:3px solid #f0b429}
.benchmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.price-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px}
.price-card:hover{transform:translateY(-2px);border-color:#f0b429}
.benchmark-card{border-top:3px solid #f0b429}
.card-name{color:#e6edf3;font-size:15px;font-weight:600;margin-bottom:4px}
.card-region{color:#8b949e;font-size:12px;margin-bottom:10px}
.card-price{color:#f0b429;font-size:26px;font-weight:700;margin-bottom:6px}
.card-price.no-data{color:#484f58;font-size:16px;font-weight:400}
.price-unit{font-size:12px;color:#8b949e;margin-left:4px}
.card-change{font-size:14px;font-weight:600;margin-bottom:8px}
.card-change.up{color:#f85149}
.card-change.down{color:#3fb950}
.card-change.flat{color:#8b949e}
.card-source{color:#6e7681;font-size:11px}
.region-group{margin-bottom:8px;border:1px solid #30363d;border-radius:6px;overflow:hidden}
.region-header{background:#161b22;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between}
.region-header:hover{background:#1c2128}
.region-name{color:#e6edf3;font-size:14px;font-weight:600}
.region-count{color:#8b949e;font-size:12px;background:#21262d;padding:2px 8px;border-radius:10px}
.region-arrow{color:#8b949e;font-size:10px}
.price-table{width:100%;border-collapse:collapse;font-size:13px}
.price-table th{background:#161b22;color:#8b949e;padding:10px 12px;text-align:left;border-bottom:1px solid #30363d}
.price-table td{padding:8px 12px;border-bottom:1px solid #21262d;color:#c9d1d9}
.price-table tr:hover{background:#161b22}
.price-table .up{color:#f85149;font-weight:600}
.price-table .down{color:#3fb950;font-weight:600}

/* 价格看板 */
.price-page { max-width: 1100px; margin: 0 auto; padding: 20px; }
.price-title { text-align: center; color: #d4a843; font-size: 28px; margin: 10px 0 5px; }
.price-sub { text-align: center; color: #888; font-size: 13px; margin-bottom: 30px; }
.price-section { margin-bottom: 25px; }
.section-label { color: #d4a843; font-size: 18px; margin: 20px 0 15px; border-left: 3px solid #d4a843; padding-left: 10px; }
.benchmark-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.price-card { background: #1e2130; border-radius: 8px; padding: 15px; border-top: 2px solid #d4a843; }
.card-name { color: #aaa; font-size: 13px; margin-bottom: 8px; }
.card-price { color: #fff; font-size: 24px; font-weight: bold; }
.card-price .unit { font-size: 12px; color: #888; font-weight: normal; }
.card-price.none { color: #555; font-size: 20px; }
.card-change { font-size: 13px; margin-top: 5px; }
.card-change.up { color: #e74c3c; }
.card-change.down { color: #2ecc71; }
.fold-toggle { text-align: right; color: #d4a843; cursor: pointer; margin: 10px 0; font-size: 14px; }
.fold-group { background: #1a1d2a; border-radius: 6px; padding: 12px; margin-bottom: 10px; }
.fold-group-title { color: #d4a843; font-size: 14px; margin-bottom: 8px; }
.fold-item { display: flex; gap: 15px; padding: 4px 0; font-size: 13px; color: #ccc; }
.fold-region { min-width: 100px; }
.fold-spec { flex: 1; }
.fold-price { color: #d4a843; }
.section-divider { border: none; border-top: 1px solid #333; margin: 25px 0; }
.all-link { text-align: center; margin: 20px 0; }
.all-link a { color: #d4a843; text-decoration: none; }
@media (max-width: 768px) { .benchmark-grid { grid-template-columns: repeat(2, 1fr); } }
.fold-grid { grid-template-columns: repeat(3, 1fr); }
.price-card.small { padding: 10px; }
.price-card.small .card-price { font-size: 18px; }
.card-change.muted { color: #666; }




/* ========== 焦煤拍卖专区（米色系） ========== */
.auction-page { max-width: 1400px; margin: 0 auto; padding: 20px 0; }
.auction-header { text-align: center; margin-bottom: 25px; }
.auction-title { font-size: 26px; color: #d4a843; margin: 0 0 8px; }
.auction-sub { color: #8b949e; font-size: 13px; margin: 0; }

/* 日期区块：草纸/米白底色 */
.auction-date-block {
    margin-bottom: 25px; border-radius: 8px; overflow: hidden;
    background: #f8f4ec;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
/* 左边框颜色区分日期梯度 */
.gray-level-0 { border-left: 5px solid #58a6ff; }
.gray-level-1 { border-left: 5px solid #3fb950; }
.gray-level-2 { border-left: 5px solid #d4a843; }
.gray-level-3 { border-left: 5px solid #8b7355; }

.auction-date-header {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; background: #ede4d0;
    border-bottom: 1px solid #d4c4a0;
}
.auction-date { font-size: 17px; font-weight: bold; color: #5c4a1a; }
.auction-count { color: #8b7355; font-size: 14px; }
.auction-tag.temp {
    background: #238636; color: #fff; font-size: 12px;
    padding: 3px 10px; border-radius: 4px;
}
.auction-table-wrap { overflow-x: auto; }
.auction-table {
    width: 100%; border-collapse: collapse; font-size: 14px; min-width: 1200px;
}
.auction-table th {
    background: #e0d4b8; color: #5c4a1a; padding: 10px 8px;
    text-align: center; border: 1px solid #c9b890; font-weight: 600;
    position: sticky; top: 0; white-space: nowrap; font-size: 13px;
}
.auction-table td {
    padding: 8px 6px; text-align: center; border: 1px solid #e0d4b8;
    color: #333; white-space: nowrap;
}
.auction-table tr:nth-child(even) { background: #f5f0e3; }
.auction-table tr:hover { background: #ebe0c8; }
.row-liupai td { color: #999; }
.col-deal { font-weight: bold; color: #8b4513; font-size: 15px; }
.change-up { color: #d32f2f; font-weight: bold; }
.change-down { color: #2e7d32; font-weight: bold; }
.change-flat { color: #888; }
.liupai-tag { color: #999; font-size: 12px; }
.empty-tip { text-align: center; padding: 60px; color: #8b949e; font-size: 16px; }

/* 分页 */
.auction-pagination {
    display: flex; justify-content: center; align-items: center;
    gap: 20px; padding: 25px 0;
}
.page-btn {
    background: #d4a843; color: #1a1a1a; padding: 10px 24px;
    border-radius: 6px; text-decoration: none; font-weight: 600;
    font-size: 14px; transition: all 0.2s;
}
.page-btn:hover { background: #e8bc57; }
.page-info { color: #8b949e; font-size: 14px; }

/* 首页拍卖预览 */
.auction-preview-card { border-left: 3px solid #d4a843; }
.auction-preview-list { display: flex; flex-direction: column; gap: 6px; }
.auction-preview-item {
    display: grid;
    grid-template-columns: 50px 60px 60px 1fr 65px 60px;
    gap: 8px; align-items: center;
    padding: 8px 10px; background: #161b22; border-radius: 4px;
    font-size: 13px;
}
.ap-date { color: #58a6ff; font-weight: 600; }
.ap-area { color: #58a6ff; }
.ap-mine { color: #c9d1d9; }
.ap-coal { color: #d4a843; overflow: hidden; text-overflow: ellipsis; }
.ap-price { color: #f0b429; font-weight: bold; text-align: right; }
.ap-change { text-align: right; font-weight: bold; }
.ap-change.up { color: #f85149; }
.ap-change.down { color: #3fb950; }
.ap-change.flat { color: #8b949e; }

/* 导航拍卖按钮高亮 */
.nav-auction { color: #d4a843 !important; font-weight: 600; }