/* ================================================================
   retro-2005.css
   2005 年阿里巴巴 B2B 复古皮肤
   - 仅对非 content* 页面引入；content* 系列保持原 base.css 不变
   - 设计令牌：宋体 + 12px 基础字号 + 橙 #FF6600 + 蓝 #003399
   - 思路：用 !important 覆盖 base.css 与各页面的内联 <style>
   - 一键回退：移除各页面对本文件的 <link> 即可
   ================================================================ */

/* ===== 1. 字体与排版令牌 ===== */
html, body {
  font-family: "宋体", SimSun, "微软雅黑", "Microsoft YaHei", Tahoma, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #333333 !important;
  background: #FFFFFF !important;
  line-height: 1.6 !important;
}
input, button, select, textarea, table, .feed, .feed-body, .feed-meta {
  font-family: Tahoma, "宋体", SimSun, "Microsoft YaHei", Arial, sans-serif !important;
}

/* ===== 2. 全局去现代化装饰 ===== */
*, *::before, *::after {
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}
/* 按钮允许 2px 圆角 */
button, .btn, input[type="submit"], input[type="button"], input[type="reset"] {
  border-radius: 2px !important;
}

/* ===== 3. 容器宽度收紧到 990px ===== */
.container,
body[data-page="home"] .page.home-page,
.page.container,
.page {
  max-width: 990px !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  width: auto !important;
}

/* ===== 4. 链接 ===== */
a {
  color: #003399 !important;
  text-decoration: none !important;
}
a:visited { color: #660099 !important; }
a:hover {
  color: #CC0000 !important;
  text-decoration: underline !important;
}

/* ===== 5. 标题 ===== */
h1 { font-size: 18px !important; font-weight: bold !important; color: #333 !important; letter-spacing: 0 !important; }
h2 { font-size: 14px !important; font-weight: bold !important; color: #333 !important; letter-spacing: 0 !important; }
h3 { font-size: 13px !important; font-weight: bold !important; color: #333 !important; letter-spacing: 0 !important; }
h4, h5, h6 { font-size: 12px !important; font-weight: bold !important; color: #333 !important; letter-spacing: 0 !important; }

/* ================================================================
   头部 site-header — 白底 + 橙色 logo 区 + 橙色窄导航条
   ================================================================ */
.site-header {
  background: #FFFFFF !important;
  background-image: none !important;
  border-top: 3px solid #FF6600 !important;
  border-bottom: 1px solid #CCCCCC !important;
  padding: 0 !important;
}
.site-header::before, .site-header::after { display: none !important; content: none !important; }
.site-header .bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 56px !important;
  padding: 6px 8px !important;
  background: #FFFFFF !important;
}

/* Logo */
.site-logo {
  color: #FF6600 !important;
  font-weight: bold !important;
  font-size: 18px !important;
  font-family: "微软雅黑", "Microsoft YaHei", "宋体", SimSun, sans-serif !important;
  line-height: 1 !important;
}
.site-logo:visited { color: #FF6600 !important; }
.site-logo:hover { color: #CC0000 !important; text-decoration: none !important; }
.site-logo-image {
  width: 120px !important;
  height: auto !important;
  max-height: 48px !important;
  filter: none !important;
}

/* 搜索框 */
.site-search, .site-search--home {
  flex: 1 1 auto !important;
  display: flex !important;
  gap: 0 !important;
  align-items: center !important;
  background: transparent !important;
  justify-content: flex-start !important;
}
.site-search input[type="search"],
.site-search input[type="text"] {
  height: 24px !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 1 !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  border: 1px solid #7F9DB9 !important;
  background: #FFFFFF !important;
  color: #333 !important;
}
.site-search input[type="search"]::placeholder,
.site-search input[type="text"]::placeholder {
  color: #999 !important; font-weight: normal !important;
}
.site-search button, body[data-page="home"] .site-search.site-search--home button {
  width: auto !important;
  min-width: 0 !important;
  height: 26px !important;
  padding: 0 14px !important;
  background: #FF6600 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #D45200 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  transition: none !important;
  cursor: pointer !important;
}
.site-search button:hover { background: #E55A00 !important; transform: none !important; }
.site-search button::before, .site-search button::after { display: none !important; content: none !important; }

/* 搜索框右侧小广告位 */
.search-ad-small {
  flex: 0 0 auto !important;
  width: 60px !important; height: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  margin-left: 4px !important;
}
.search-ad-small::before { display: none !important; content: none !important; }

/* back-button */
.back-button {
  width: auto !important;
  height: 22px !important;
  padding: 0 8px !important;
  background: #EEEEEE !important;
  color: #333 !important;
  border: 1px solid #CCCCCC !important;
  font-size: 12px !important;
  font-weight: normal !important;
  transition: none !important;
}
.back-button:hover { background: #DDDDDD !important; transform: none !important; }
.back-button::before, .back-button::after { display: none !important; content: none !important; }
.back-icon { font-size: 12px !important; }

/* ===== 顶部橙色导航条 ===== */
.home-header-nav {
  width: 100% !important;
  flex: 1 1 100% !important;
  background: #FF6600 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 30px !important;
}
.home-header-links {
  display: flex !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}
.home-header-link, .home-header-utility {
  display: inline-block !important;
  min-height: 0 !important;
  padding: 0 14px !important;
  height: 30px !important;
  line-height: 30px !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #E55A00 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: bold !important;
  transition: none !important;
}
.home-header-link:hover, .home-header-utility:hover {
  background: #CC4400 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transform: none !important;
}
.home-header-utility {
  margin-left: auto !important;
  color: #FFEEDD !important;
  font-weight: normal !important;
  border-right: none !important;
}

/* ================================================================
   首页 home — hero / capability / hot / pillar / series
   ================================================================ */
body[data-page="home"] {
  background: #FFFFFF !important;
  background-image: none !important;
  color: #333 !important;
  font-family: "宋体", SimSun, "微软雅黑", "Microsoft YaHei", Tahoma, Arial, sans-serif !important;
}

.home-hero { margin: 10px 0 !important; }
.home-hero-shell {
  background: #FFF7E1 !important;
  background-image: none !important;
  border: 1px solid #FFCC66 !important;
  color: #333 !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 1.6fr 1fr !important;
  gap: 12px !important;
  overflow: visible !important;
}
.home-hero-shell::before, .home-hero-shell::after { display: none !important; content: none !important; }
.home-hero-main h1 {
  font-size: 20px !important;
  color: #CC0000 !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
  max-width: none !important;
  letter-spacing: 0 !important;
}
.hero-eyebrow {
  display: inline-block !important;
  padding: 1px 6px !important;
  background: #FF6600 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: bold !important;
  gap: 0 !important;
}
.hero-eyebrow::before, .hero-eyebrow::after { display: none !important; content: none !important; }
.hero-summary {
  color: #333 !important; font-size: 12px !important;
  line-height: 1.7 !important; margin: 6px 0 !important;
}

.hero-search-wrap { margin-top: 8px !important; }
.hero-search-form {
  display: flex !important; gap: 0 !important;
  background: #FFFFFF !important;
  border: 2px solid #FF6600 !important;
  padding: 0 !important;
}
.hero-search-form input {
  flex: 1 !important; height: 28px !important;
  border: none !important; padding: 2px 8px !important;
  font-size: 12px !important; background: #FFFFFF !important;
}
.hero-search-btn {
  background: #FF6600 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 0 18px !important;
  height: 28px !important;
  min-width: 0 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  transition: none !important;
}
.hero-search-btn:hover { background: #E55A00 !important; transform: none !important; }
.hero-search-btn::before, .hero-search-btn::after { display: none !important; content: none !important; }
.hero-search-note { margin-top: 4px !important; font-size: 12px !important; color: #999 !important; }
.hero-search-pills { margin-top: 6px !important; }
.hero-pill {
  display: inline-block !important;
  padding: 1px 6px !important;
  margin: 2px 4px 2px 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  color: #003399 !important;
  font-size: 12px !important;
}
.hero-pill:hover { background: #FFEEDD !important; border-color: #FF6600 !important; color: #CC0000 !important; }

.hero-metrics { display: flex !important; gap: 18px !important; margin-top: 10px !important; }
.hero-metric { padding: 0 !important; background: transparent !important; border: none !important; }
.hero-metric-value { font-size: 16px !important; color: #CC0000 !important; font-weight: bold !important; }
.hero-metric-label { font-size: 12px !important; color: #666 !important; }

.hero-side-card {
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  padding: 8px !important;
  margin-bottom: 8px !important;
}
.hero-side-card h3, .hero-side-card h4 { font-size: 13px !important; color: #CC0000 !important; margin: 0 0 6px !important; padding-bottom: 4px !important; border-bottom: 1px solid #EEEEEE !important; }
.hero-radar-list, .hero-entry-grid { display: block !important; }
.hero-radar-item, .hero-entry-card {
  display: block !important;
  padding: 4px 0 !important;
  border-bottom: 1px dashed #DDDDDD !important;
  font-size: 12px !important;
  background: transparent !important;
}
.hero-radar-item:last-child, .hero-entry-card:last-child { border-bottom: none !important; }
.hero-radar-top { display: inline !important; }
.hero-radar-tag, .hero-radar-meta {
  display: inline-block !important;
  font-size: 11px !important;
  color: #999 !important;
  margin-right: 6px !important;
}
.hero-radar-title { display: inline !important; font-size: 12px !important; color: #003399 !important; }
.hero-radar-item:hover .hero-radar-title { color: #CC0000 !important; text-decoration: underline !important; }

/* ===== 板块通用 section / section-header ===== */
.hot-searches { margin: 12px 0 !important; padding: 0 !important; background: transparent !important; }
.section-header {
  background: #F5F5F5 !important;
  border: 1px solid #CCCCCC !important;
  border-bottom: 2px solid #FF6600 !important;
  padding: 6px 10px !important;
  margin: 0 0 8px !important;
}
.section-header h2 {
  font-size: 14px !important;
  color: #CC0000 !important;
  font-weight: bold !important;
  margin: 0 !important;
  display: inline-block !important;
}
.section-header p {
  display: inline !important;
  font-size: 12px !important;
  color: #666 !important;
  margin: 0 0 0 12px !important;
}

/* ===== capability 卡 ===== */
.home-capability-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
}
.home-capability-card {
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  padding: 8px 10px !important;
  transition: none !important;
}
.home-capability-card:hover {
  border-color: #FF6600 !important;
  background: #FFFCF5 !important;
  transform: none !important;
}
.capability-eyebrow {
  font-size: 11px !important;
  color: #FF6600 !important;
  font-weight: bold !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
}
.home-capability-card h3 { font-size: 13px !important; color: #003399 !important; margin: 4px 0 !important; }
.home-capability-card p { font-size: 12px !important; color: #555 !important; line-height: 1.6 !important; margin: 0 0 6px !important; }
.capability-link, .series-link {
  display: inline-block !important;
  font-size: 12px !important;
  color: #CC0000 !important;
  background: transparent !important;
  padding: 0 !important;
}
.capability-link::before, .series-link::before { content: "» " !important; color: #CC0000 !important; }

/* ===== 采购链路 / 主干栏目 / 专题矩阵 ===== */
.home-procurement-board, .home-hot-grid {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr !important;
  gap: 8px !important;
}
.home-series-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}
.home-procurement-card, .home-procurement-note, .home-hot-tags, .home-hot-summary, .home-series-card {
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  padding: 10px !important;
}
.home-procurement-card h3, .home-procurement-note h3, .home-hot-summary h4, .home-series-card h3 {
  font-size: 13px !important; color: #CC0000 !important;
  margin: 0 0 6px !important; padding-bottom: 4px !important;
  border-bottom: 1px solid #EEEEEE !important;
}
.home-procurement-note p, .home-hot-summary p, .home-series-card p {
  font-size: 12px !important; color: #555 !important; line-height: 1.7 !important;
}
.home-procurement-actions, .home-hot-links {
  margin-top: 6px !important;
  border-top: 1px dashed #DDDDDD !important;
  padding-top: 6px !important;
}
.home-procurement-actions a, .home-hot-links a {
  display: inline-block !important;
  margin: 2px 8px 2px 0 !important;
  font-size: 12px !important;
  color: #003399 !important;
}
.home-procurement-actions a::before, .home-hot-links a::before { content: "· " !important; color: #FF6600 !important; }

.home-stage-list { display: block !important; }
.home-stage-item {
  display: block !important;
  border-bottom: 1px dashed #DDDDDD !important;
  padding: 4px 0 !important;
}
.home-stage-step {
  display: inline-block !important;
  background: #FF6600 !important;
  color: #FFFFFF !important;
  width: 18px !important; height: 18px !important;
  text-align: center !important;
  line-height: 18px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  margin-right: 6px !important;
}
.home-stage-copy { display: inline-block !important; vertical-align: top !important; max-width: 90% !important; }
.home-stage-copy strong { font-size: 12px !important; color: #333 !important; }
.home-stage-copy p { font-size: 12px !important; color: #666 !important; margin: 2px 0 0 !important; line-height: 1.6 !important; }

.hot-tag {
  display: inline-block !important;
  padding: 2px 8px !important;
  margin: 2px 4px 2px 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  color: #003399 !important;
  font-size: 12px !important;
}
.hot-tag:hover { background: #FFEEDD !important; border-color: #FF6600 !important; color: #CC0000 !important; }

/* ================================================================
   列表页 feed
   ================================================================ */
.feed {
  list-style: none !important;
  padding: 0 !important; margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
}
.feed-item {
  background: #FFFFFF !important;
  border-bottom: 1px dashed #DDDDDD !important;
}
.feed-item:last-child { border-bottom: none !important; }
.feed-link {
  padding: 6px 10px !important;
  display: block !important;
  transition: none !important;
}
.feed-link:hover { background: #FFFCF5 !important; }
.feed-body h3 {
  font-size: 14px !important;
  color: #003399 !important;
  font-weight: normal !important;
  margin: 0 0 2px !important;
  line-height: 1.5 !important;
}
.feed-link:hover h3 { color: #CC0000 !important; text-decoration: underline !important; }
.feed-summary { font-size: 12px !important; color: #555 !important; line-height: 1.6 !important; margin: 0 0 2px !important; }
.feed-meta { font-size: 12px !important; color: #999 !important; }
.feed-meta span { margin-right: 8px !important; }

.list-top-carousel-container { display: flex !important; gap: 6px !important; margin: 8px 0 !important; }
.list-carousel-item { background: #FFFFFF !important; border: 1px solid #CCCCCC !important; padding: 0 !important; flex: 1 !important; }

/* ================================================================
   底部 site-footer
   ================================================================ */
.site-footer {
  background: #F5F5F5 !important;
  background-image: none !important;
  border-top: 2px solid #FF6600 !important;
  color: #333 !important;
  padding: 16px 0 12px !important;
  margin-top: 24px !important;
  font-size: 12px !important;
}
.site-footer::before, .site-footer::after { display: none !important; content: none !important; }
.site-footer .footer-main {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin-bottom: 12px !important;
  padding: 0 8px !important;
}
.site-footer .footer-logo { width: 96px !important; height: auto !important; filter: none !important; }
.site-footer .footer-logo:hover { filter: none !important; transform: none !important; }
.site-footer .brand-info h4 {
  background: transparent !important;
  background-image: none !important;
  -webkit-text-fill-color: #CC0000 !important;
  color: #CC0000 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}
.site-footer .brand-info p { color: #666 !important; font-size: 12px !important; }
.site-footer .footer-links { gap: 0 !important; }
.site-footer .footer-links a {
  color: #003399 !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid #CCCCCC !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: normal !important;
  transition: none !important;
}
.site-footer .footer-links a:last-child { border-right: none !important; }
.site-footer .footer-links a:hover { color: #CC0000 !important; text-decoration: underline !important; background: transparent !important; transform: none !important; }
.site-footer .footer-links a::before, .site-footer .footer-links a::after { display: none !important; content: none !important; }
.site-footer .footer-bottom { border-top: 1px solid #DDDDDD !important; padding: 8px 8px 0 !important; background: transparent !important; }
.site-footer .company-details h4 { color: #333 !important; font-size: 13px !important; }
.site-footer .company-contact p,
.site-footer .footer-copyright,
.site-footer .icp-number,
.site-footer .footer-meta a { color: #666 !important; font-size: 12px !important; }
.site-footer .company-contact a { color: #003399 !important; }
.site-footer .company-contact a:hover { color: #CC0000 !important; text-decoration: underline !important; }
.site-footer .footer-meta a:hover { color: #CC0000 !important; text-decoration: underline !important; }

/* ================================================================
   通用按钮 / 输入
   ================================================================ */
input, textarea, select {
  border: 1px solid #7F9DB9 !important;
  background: #FFFFFF !important;
  font-size: 12px !important;
  padding: 2px 4px !important;
}
button, input[type="submit"], input[type="button"], .btn {
  background: #FF6600 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid #D45200 !important;
  padding: 2px 12px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: none !important;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn:hover {
  background: #E55A00 !important;
}

/* ================================================================
   静态页通用（products / about / contact / cooperation 等）
   ================================================================ */
.products-hero, .page-hero, .hero {
  background: #FFF7E1 !important;
  background-image: none !important;
  border: 1px solid #FFCC66 !important;
  color: #333 !important;
  padding: 14px !important;
  text-align: left !important;
  margin: 10px 0 !important;
}
.products-hero h1, .page-hero h1 {
  font-size: 18px !important;
  color: #CC0000 !important;
  font-weight: bold !important;
  margin: 0 0 6px !important;
}
.products-hero p, .page-hero p { color: #555 !important; font-size: 12px !important; opacity: 1 !important; }

.products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}
.product-category, .industry-card, .product-card, .cooperation-card, .result-card {
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  transition: none !important;
  overflow: hidden !important;
}
.product-category:hover, .industry-card:hover, .product-card:hover, .cooperation-card:hover, .result-card:hover {
  border-color: #FF6600 !important;
  background: #FFFCF5 !important;
  transform: none !important;
}
.product-image, .industry-image { height: 140px !important; }
.product-info { padding: 8px 10px !important; }
.product-title {
  color: #003399 !important;
  border-bottom: 1px solid #FF6600 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding-bottom: 4px !important;
}
.product-description, .product-features li, .cooperation-card p, .industry-card p { color: #555 !important; font-size: 12px !important; }
.product-features li { padding: 2px 0 !important; }

/* ===== 专题页 topics/*.html 兜底 ===== */
.wrap { width: 990px !important; max-width: 100% !important; margin: 0 auto !important; padding: 12px 8px !important; }
.wrap .hero {
  background: #FFF7E1 !important;
  border: 1px solid #FFCC66 !important;
  padding: 12px !important;
}
.wrap .hero h1 { color: #CC0000 !important; font-size: 18px !important; }
.wrap .hero p { color: #555 !important; font-size: 12px !important; line-height: 1.7 !important; }
.wrap .grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.wrap .card {
  background: #FFFFFF !important;
  border: 1px solid #CCCCCC !important;
  padding: 10px !important;
  min-height: 0 !important;
}
.wrap .card:hover { border-color: #FF6600 !important; background: #FFFCF5 !important; }
.wrap .card h2 { font-size: 13px !important; color: #003399 !important; margin: 0 0 6px !important; padding-bottom: 4px !important; border-bottom: 1px solid #EEEEEE !important; }
.wrap .card p { font-size: 12px !important; color: #555 !important; line-height: 1.7 !important; margin: 0 0 6px !important; }
.wrap .card .meta { font-size: 11px !important; color: #FF6600 !important; }

/* ===== 广告位收紧装饰（保留功能） ===== */
.ad-1, .ad-fixed-bottom, #ad-header-bottom, #ad-top-float, #ad-list-middle, #ad-before-loadmore, #ad-list-bottom, #ad-content-fixed {
  background: transparent !important;
  border: none !important;
  margin: 6px 0 !important;
}

/* ===== 表单与小部件兜底 ===== */
form { margin: 0 !important; }
table { border-collapse: collapse !important; }
th, td { border: 1px solid #CCCCCC !important; padding: 4px 6px !important; font-size: 12px !important; }
th { background: #F5F5F5 !important; color: #333 !important; font-weight: bold !important; }

/* ===== 顶部小字快捷链（如有） ===== */
.top-utility-bar {
  background: #F5F5F5 !important;
  border-bottom: 1px solid #DDDDDD !important;
  font-size: 12px !important;
  color: #666 !important;
  padding: 2px 8px !important;
  text-align: right !important;
}
.top-utility-bar a { margin: 0 6px !important; color: #003399 !important; }