:root {
  --primary: #e4393c;
  --primary-dark: #c1272d;
  --bg: #f5f5f5;
  --card: #fff;
  --text: #333;
  --text-light: #999;
  --border: #eee;
  --radius: 4px;
  --shadow: 0 1px 4px rgba(0,0,0,.06);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: "Microsoft YaHei","PingFang SC",sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; font-size: 14px; }
a { color: var(--text); text-decoration: none; }
a:hover { color: var(--primary); }
ul { list-style: none; }

/* Top Header */
.top-bar { background: #f9f9f9; border-bottom:1px solid #eee; font-size:12px; color:#999; }
.top-inner { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; padding:4px 0; }
.top-inner a { color:#666; margin:0 8px; }
.top-inner a:hover { color:var(--primary); }

/* Main Header */
.header { background:#fff; border-bottom:2px solid var(--primary); }
.header-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; padding:12px 0; }
.logo { font-size:24px; font-weight:700; color:var(--primary); margin-right:30px; white-space:nowrap; }
.logo small { font-size:12px; color:#999; font-weight:400; margin-left:6px; }
.nav { display:flex; gap:0; }
.nav a { padding:8px 18px; font-size:15px; color:#333; border-radius:4px 4px 0 0; }
.nav a:hover, .nav a.active { color:var(--primary); background:#fff5f5; }
.header-right { margin-left:auto; display:flex; align-items:center; gap:10px; }
.header-right .btn { padding:6px 16px; border-radius:4px; font-size:13px; cursor:pointer; }
.btn-login { background:#fff; border:1px solid #ddd; color:#666; }
.btn-reg { background:var(--primary); border:1px solid var(--primary); color:#fff; }
.btn-reg:hover { background:var(--primary-dark); }

/* Search Hero */
.search-hero { background:#fff; padding:25px 0 20px; border-bottom:1px solid #eee; }
.search-inner { max-width:900px; margin:0 auto; }
.search-box { display:flex; gap:0; border:2px solid var(--primary); border-radius:4px; overflow:hidden; }
.search-box input { flex:1; padding:10px 16px; border:none; font-size:15px; outline:none; }
.search-box select { border:none; border-left:1px solid #eee; padding:0 12px; font-size:14px; outline:none; background:#fff; color:#666; min-width:100px; }
.search-box button { padding:10px 30px; background:var(--primary); color:#fff; border:none; font-size:16px; cursor:pointer; font-weight:600; }
.search-box button:hover { background:var(--primary-dark); }
.hot-words { margin-top:10px; font-size:12px; color:#999; }
.hot-words a { color:#666; margin-right:12px; }
.hot-words a:hover { color:var(--primary); }
.hot-words .label { color:#999; }

/* Category Icons */
.cats { max-width:1200px; margin:15px auto; display:flex; gap:0; padding:0; }
.cat-item { flex:1; text-align:center; padding:15px 8px; background:#fff; border-right:1px solid #f0f0f0; cursor:pointer; transition:all .2s; }
.cat-item:last-child { border-right:none; }
.cat-item:hover { background:#fff5f5; color:var(--primary); }
.cat-item .icon { font-size:28px; margin-bottom:6px; }
.cat-item .name { font-size:14px; font-weight:500; }
.cat-item .count { font-size:11px; color:#bbb; margin-top:3px; }

/* Stats */
.stats-line { max-width:1200px; margin:0 auto 15px; display:flex; gap:0; background:#fff; padding:12px 0; font-size:13px; }
.stats-line span { flex:1; text-align:center; color:#666; }
.stats-line strong { color:var(--primary); }

/* Layout */
.container { max-width:1200px; margin:0 auto; padding:0; }
.home-grid { display:flex; gap:15px; margin-top:15px; }

/* Main Content */
.main-col { flex:1; min-width:0; }
.side-col { width:300px; flex-shrink:0; }

/* Section Header */
.section-hd { display:flex; justify-content:space-between; align-items:center; background:#fff; padding:12px 16px; border-bottom:1px solid #f0f0f0; }
.section-hd h3 { font-size:16px; border-left:3px solid var(--primary); padding-left:10px; }
.section-tabs { display:flex; gap:0; }
.section-tabs a { padding:6px 14px; font-size:13px; color:#666; border:1px solid #eee; margin-left:-1px; }
.section-tabs a:first-child { margin-left:0; border-radius:4px 0 0 4px; }
.section-tabs a:last-child { border-radius:0 4px 4px 0; }
.section-tabs a.active { background:var(--primary); color:#fff; border-color:var(--primary); }

/* Bid List */
.bid-list { background:#fff; }
.bid-item { display:flex; align-items:flex-start; padding:14px 16px; border-bottom:1px solid #f5f5f5; transition:background .15s; }
.bid-item:hover { background:#fffafa; }
.bid-info { flex:1; min-width:0; }
.bid-info .title { font-size:15px; color:#333; line-height:1.5; display:block; margin-bottom:6px; }
.bid-info .title:hover { color:var(--primary); }
.bid-meta { display:flex; gap:12px; flex-wrap:wrap; font-size:12px; color:#999; }
.bid-meta .tag { display:inline-block; padding:1px 8px; border-radius:2px; font-size:11px; }
.tag-zb { background:#fff0f0; color:var(--primary); border:1px solid #ffd0d0; }
.tag-zbjg { background:#f0f8ff; color:#1890ff; border:1px solid #d0e8ff; }
.tag-cg { background:#f0fff0; color:#52c41a; border:1px solid #d0ffd0; }
.bid-loc { color:#666; }
.bid-date { color:#bbb; margin-left:auto; white-space:nowrap; }
.bid-amount { color:var(--primary); font-weight:600; white-space:nowrap; margin-left:12px; }

/* Sidebar */
.side-card { background:#fff; margin-bottom:12px; }
.side-card h3 { padding:10px 14px; font-size:15px; border-bottom:1px solid #f0f0f0; }
.side-card .body { padding:10px 14px; }
.side-links a { display:block; padding:5px 0; font-size:13px; color:#666; border-bottom:1px dotted #f0f0f0; }
.side-links a:hover { color:var(--primary); }
.side-links a:last-child { border-bottom:none; }
.region-grid { display:flex; flex-wrap:wrap; gap:4px; }
.region-grid a { padding:3px 10px; background:#f5f5f5; font-size:12px; color:#666; border-radius:2px; }
.region-grid a:hover { background:var(--primary); color:#fff; }

/* Pager */
.pager { display:flex; justify-content:center; gap:8px; padding:20px; background:#fff; }
.pager a, .pager span { padding:6px 12px; border:1px solid #ddd; border-radius:4px; font-size:13px; color:#666; cursor:pointer; }
.pager a:hover { border-color:var(--primary); color:var(--primary); }
.pager .current { background:var(--primary); color:#fff; border-color:var(--primary); }

/* Footer */
.footer { background:#333; color:#aaa; padding:20px 0; margin-top:20px; font-size:12px; text-align:center; }
.footer a { color:#ccc; margin:0 8px; }
.footer p { margin-top:8px; color:#777; }

/* Btn */
.btn { display:inline-block; padding:6px 16px; border-radius:4px; font-size:13px; cursor:pointer; text-align:center; }
.btn-primary { background:var(--primary); color:#fff; border:none; }
.btn-primary:hover { background:var(--primary-dark); }
.btn-outline { background:#fff; border:1px solid #ddd; color:#666; }

/* Mobile */
@media (max-width:768px) {
  .home-grid { flex-direction:column; }
  .side-col { width:100%; }
  .cats { flex-wrap:wrap; }
  .cat-item { flex:0 0 25%; }
  .header-inner { flex-wrap:wrap; }
  .nav { display:none; }
  .search-box select { display:none; }
}