/* 老式 IDC 皮肤 —— 默认首页模板 */
body {
  background: #f0f3f7;
  color: #333;
  font-size: 12px;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
a { color: #0055aa; }
a:hover { color: #ff6600; text-decoration: underline; }

.topbar { background: #f7f9fc; border-bottom: 1px solid #dbe3ec; color: #666; font-size: 12px; height: 30px; line-height: 30px; }
.topbar a { color: #555; }
.topbar a:hover { color: #0055aa; }
.topbar .hot { color: #e60012; font-weight: bold; }

.header-main { background: #fff; border-bottom: 2px solid #0055aa; }
.header-main .container { min-height: 88px; }
.logo { font-size: 28px; font-weight: bold; color: #0055aa; letter-spacing: 1px; }
.header-right .tel { font-size: 20px; color: #e60012; font-weight: bold; }
.header-right .tel small { font-size: 11px; color: #888; font-weight: normal; }
.header-right div { color: #777; font-size: 12px; }

.navbar { background: linear-gradient(#0a67b3, #0055aa); border-bottom: 1px solid #004488; }
.navbar .nav-links li a { color: #fff; font-size: 13px; line-height: 36px; height: 36px; padding: 0 18px; display: block; }
.navbar .nav-links li a:hover { background: #004488; color: #fff; text-decoration: none; }
.navbar .nav-links li a.active { background: #003f7f; color: #fff; }
.navbar .nav-right .btn-ghost { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.45); color: #fff; }
.navbar .nav-right .btn-primary { background: #ff8a00; border-color: #e07a00; color: #fff; }

.btn {
  border: 1px solid #9db8d4;
  background: linear-gradient(#fbfdff, #e8f1fa);
  color: #0d3f6e;
  border-radius: 0;
  box-shadow: none;
  padding: 5px 14px;
  font-size: 12px;
  line-height: 20px;
  height: auto;
}
.btn:hover { border-color: #7fa8cc; background: linear-gradient(#ffffff, #dcebf9); color: #0055aa; text-decoration: none; }
.btn-primary { border-color: #004488; background: linear-gradient(#0a6ab8, #0055aa); color: #fff; }
.btn-primary:hover { border-color: #003f7f; background: linear-gradient(#0a76cc, #005fbf); color: #fff; }
.btn-ghost { background: #fff; }
.btn-sm { padding: 3px 10px; font-size: 12px; }

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], select, textarea {
  border: 1px solid #a9bfd6;
  background: #fff;
  border-radius: 0;
  padding: 5px 8px;
  font-size: 12px;
  color: #333;
  box-shadow: none;
}
input:focus, select:focus, textarea:focus { border-color: #0055aa; outline: 0; box-shadow: 0 0 0 2px #e3f0fb; }

.section-head {
  background: linear-gradient(#f5f9fd, #e6eef8);
  border: 1px solid #c9d8e8;
  border-bottom: 0;
  margin: 14px 0 0;
  padding: 0 10px;
  height: 34px;
  display: flex;
  align-items: center;
}
.section-head h2 { margin: 0; padding: 0 0 0 8px; border: 0; border-left: 3px solid #0055aa; background: none; color: #0d3f6e; font-size: 14px; line-height: 16px; }
.section-head p { margin: 0 0 0 auto; font-size: 12px; color: #888; }

.prod-table { border: 1px solid #c9d8e8; border-collapse: collapse; width: 100%; }
.prod-table th { background: linear-gradient(#f5f9fd, #e3edf8); border: 1px solid #c9d8e8; color: #0d3f6e; font-size: 12px; padding: 7px 8px; }
.prod-table td { border: 1px solid #dfe8f2; padding: 8px; font-size: 12px; }
.prod-table tr:nth-child(even) td { background: #f9fcff; }
.prod-table tr:hover td { background: #f2f8ff; }
.prod-table .p-name { color: #0055aa; font-weight: bold; font-size: 13px; }
.p-price { color: #e60012; font-weight: bold; font-size: 15px; font-family: Arial; }

.category-tabs { border-bottom: 1px solid #c9d8e8; }
.category-tabs a { border: 1px solid #c9d8e8; border-bottom: 0; background: linear-gradient(#fbfdff, #eef4fb); color: #33506e; font-size: 12px; padding: 6px 16px; margin-right: 2px; }
.category-tabs a.active, .category-tabs a:hover { background: #0055aa; border-color: #004488; color: #fff; text-decoration: none; }

.side-box { border: 1px solid #c9d8e8; }
.side-box h3 { background: linear-gradient(#0a67b3, #0055aa); color: #fff; font-size: 13px; padding: 7px 10px; border-bottom: 1px solid #004488; }
.side-box li a { font-size: 12px; }

.footer { border-top: 2px solid #0055aa; background: #f7f9fc; }
.footer h4 { color: #0d3f6e; font-size: 13px; }
.footer a { color: #666; font-size: 12px; }
.footer-bottom { border-top: 1px solid #dbe3ec; background: #f2f5f9; color: #888; }

.notice-bar { border: 1px solid #c9d8e8; background: #fbfdff; }
.notice-bar .badge { background: #e60012; color: #fff; border-radius: 0; }

.pager a { border: 1px solid #b9cbe0; background: #fff; padding: 4px 10px; font-size: 12px; }
.pager a:hover { background: #eef6fe; }
.pager .btn-primary { background: #0055aa; border-color: #004488; color: #fff; }

/* —— 头部：LOGO + 平台名 —— */
.header-main .logo-wrap { display: flex; align-items: center; gap: 12px; }
.header-main .logo { display: flex; align-items: center; }
.header-main .logo img { max-height: 54px; width: auto; display: block; }
.header-main .site-title h1 { margin: 0; font-size: 22px; font-weight: bold; color: #0055aa; letter-spacing: 1px; line-height: 1.25; font-family: "Microsoft YaHei", Arial; }
.header-main .site-title p { margin: 4px 0 0; font-size: 12px; color: #8a949f; font-weight: normal; letter-spacing: 0; }
.header-main .hdr-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 4px; color: #8a949f; font-size: 12px; }

/* —— 公告滚动条 —— */
.hm-marquee { display: flex; align-items: center; gap: 8px; height: 32px; background: #fffdf3; border-bottom: 1px solid #f0e4c2; overflow: hidden; }
.hm-marquee .lb { flex: 0 0 auto; background: #e60012; color: #fff; font-size: 12px; padding: 1px 8px; margin-left: 0; }
.hm-marquee .track { flex: 1; overflow: hidden; position: relative; height: 20px; }
.hm-marquee .track span { position: absolute; white-space: nowrap; font-size: 12px; color: #8a6d1f; line-height: 20px; animation: hmScroll 26s linear infinite; }
.hm-marquee:hover .track span { animation-play-state: paused; }
@keyframes hmScroll { from { transform: translateX(100%); } to { transform: translateX(-100%); } }

/* —— 机房表格 —— */
.hm-dc-table-wrap { overflow-x: auto; }
.hm-dc-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.hm-dc-table th, .hm-dc-table td { white-space: nowrap; }
.hm-dc-table th { background: linear-gradient(#f5f9fd, #e3edf8); border-bottom: 1px solid #c9d8e8; color: #0d3f6e; font-weight: 700; padding: 7px 10px; text-align: left; white-space: nowrap; }
.hm-dc-table td { border-bottom: 1px dotted #e3e9f0; padding: 7px 10px; color: #55636f; }
.hm-dc-table tr:hover td { background: #f7fbff; }
.hm-dc-table .dc-nm { color: #123a5e; font-weight: 700; font-size: 13px; }
.hm-dc-table .dc-nm:hover { color: #0055aa; text-decoration: underline; }
.hm-dc-table .dc-al { color: #a3abb5; font-size: 11px; }
.hm-dc-table .dc-hot { display: inline-block; background: #fff3e0; border: 1px solid #ffd9a0; color: #a35a00; font-size: 10px; padding: 0 4px; margin-left: 4px; vertical-align: 1px; }
.hm-dc-table .cnt { display: inline-block; background: #eef6fe; border: 1px solid #d8e9fb; color: #0f4c86; padding: 0 5px; font-size: 11px; }
.hm-dc-table .go { color: #0055aa; }
.hm-dc-table .go:hover { color: #ff6600; }

/* —— 热销排行 —— */
.hm-hot .rank { flex: 0 0 18px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #fff; background: #b9c6d4; font-family: Arial; }
.hm-hot a:nth-child(1) .rank { background: #e60012; }
.hm-hot a:nth-child(2) .rank { background: #ff8a00; }
.hm-hot a:nth-child(3) .rank { background: #ffb400; }

/* —— 蓝色实心版块头 —— */
.hm-box-h, .hm-sec-h { background: linear-gradient(#0a67b3, #0055aa) !important; border-color: #004488 !important; }
.hm-box-h h2, .hm-sec-h h3 { color: #fff !important; border-left-color: #7fc4ff !important; }
.hm-box-h .sub, .hm-sec-h span { color: #bcd9f5 !important; }
.hm-box-h .more, .hm-sec-h a { color: #e3f0ff !important; }
.hm-side-box h3 { background: linear-gradient(#0a67b3, #0055aa) !important; color: #fff !important; border-left-color: #7fc4ff !important; border-bottom-color: #004488 !important; }

/* —— 产品中心：左侧机房导航 —— */
body .dc-sidebar { width: 230px; flex: 0 0 230px; }
.dc-side-list { list-style: none; margin: 0; padding: 0; }
.dc-side-list li { border-bottom: 1px dotted #e5e5e5; }
.dc-side-list li:last-child { border-bottom: 0; }
.dc-side-list a { display: flex; align-items: center; gap: 5px; padding: 7px 8px; color: #33506e; text-decoration: none; border-left: 3px solid transparent; }
.dc-side-list a:hover { background: #f2f8ff; color: #0055aa; text-decoration: none; }
.dc-side-list a.on { background: #eaf3fb; border-left-color: #0055aa; color: #0055aa; }
.dc-side-list b { font-size: 12px; font-weight: 600; white-space: nowrap; }
.dc-side-list a.on b { font-weight: 700; }
.dc-side-list em { font-style: normal; font-size: 11px; color: #a3abb5; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-side-list .num { flex: 0 0 auto; background: #eef6fe; border: 1px solid #d8e9fb; color: #0f4c86; font-size: 11px; padding: 0 4px; line-height: 16px; }
.dc-side-list a.on .num { background: #fff; border-color: #b9d2ea; }
.dc-current { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: #f5f9fd; border: 1px solid #c9d8e8; padding: 7px 10px; font-size: 12px; color: #5c6a79; margin-bottom: 8px; }
.dc-current b { color: #0d3f6e; font-size: 13px; }
.dc-current .dc-al { color: #a3abb5; font-size: 11px; }
@media (max-width: 900px) { body .dc-sidebar { width: 100%; flex: none; } }

/* —— 产品中心：说明 / 流程 / 保障 —— */
.dc-steps { margin: 0; padding: 8px 12px 4px 28px; font-size: 12px; color: #5c6a79; line-height: 1.85; }
.dc-steps li { margin-bottom: 4px; }
.dc-pay { border-top: 1px dotted #e5e5e5; padding: 8px 10px 10px; font-size: 12px; color: #7a848f; }
.dc-pay b { display: block; color: #33506e; margin-bottom: 5px; }
.dc-pay span { display: inline-block; border: 1px solid #dbe3ec; background: #fbfdff; color: #33506e; padding: 0 5px; margin: 0 4px 4px 0; font-size: 11px; }
.dc-contact { list-style: none; margin: 0; padding: 4px 10px 8px; }
.dc-contact li { display: flex; justify-content: space-between; gap: 6px; padding: 5px 0; border-bottom: 1px dotted #e5e5e5; font-size: 12px; }
.dc-contact li:last-child { border-bottom: 0; }
.dc-contact span { color: #8a949f; }
.dc-contact b { color: #243447; font-weight: 600; }
.dc-contact a { color: #0055aa; }
.dc-sold { display: inline-block; background: #f2f4f7; border: 1px solid #d8dee6; color: #8a949f; font-size: 10px; padding: 0 4px; margin-left: 4px; }
.prod-all td { vertical-align: top; word-break: break-word; }
.dc-flow { margin-top: 14px; border: 1px solid #c9d8e8; }
.dc-flow-h { background: linear-gradient(#0a67b3, #0055aa); color: #fff; font-size: 13px; font-weight: 700; padding: 6px 10px; border-bottom: 1px solid #004488; }
.dc-flow ol { list-style: none; margin: 0; padding: 0; display: flex; }
.dc-flow li { flex: 1; padding: 12px 10px; border-right: 1px dotted #e3e9f0; display: flex; flex-direction: column; gap: 3px; }
.dc-flow li:last-child { border-right: 0; }
.dc-flow li b { width: 20px; height: 20px; line-height: 20px; text-align: center; background: #0055aa; color: #fff; font-size: 11px; font-family: Arial; font-weight: normal; }
.dc-flow li span { font-size: 12px; color: #123a5e; font-weight: 600; }
.dc-flow li em { font-style: normal; font-size: 11px; color: #8f99a6; }
.dc-guarantee { display: flex; flex-wrap: wrap; border: 1px solid #c9d8e8; border-top: 0; background: #fff; }
.dc-guarantee div { flex: 1; min-width: 180px; padding: 10px 12px; border-right: 1px dotted #e3e9f0; }
.dc-guarantee div:last-child { border-right: 0; }
.dc-guarantee b { display: block; font-size: 12px; color: #0d3f6e; margin-bottom: 2px; }
.dc-guarantee span { font-size: 11px; color: #7a848f; line-height: 1.7; }
@media (max-width: 700px) { .dc-flow ol { flex-wrap: wrap; } .dc-flow li { flex: 0 0 50%; border-bottom: 1px dotted #e3e9f0; } }

.prod-all { table-layout: fixed; }
.prod-all .p-dc { margin-top: 4px; font-size: 11px; color: #a3abb5; line-height: 1.5; }
.prod-all .p-dc a { color: #7a848f; }
.prod-all .p-dc a:hover { color: #0055aa; }
.prod-all .p-cycle { font-size: 11px; color: #8f99a6; }
.prod-all .p-stock { margin-top: 4px; font-size: 11px; color: #8f99a6; }