/* reset & 鍏叡宸ュ叿绫伙紙鍘?common.min.css 绮剧畝锛?*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
body {
	font-family: "Microsoft Yahei";
	background-color: #fff;
}
a {
	outline: 0;
	text-decoration: none;
}
img {
	border: 0;
}
.auto {
	margin: 0 auto;
	max-width: 1200px;
}
@media screen and (max-width: 1233px) {
	.auto {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.clearfix:after,
.clearfix:before {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.main-wrap {
	margin-bottom: 80px;
}
/* banner */
.price-banner {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 500px;
	color: #111;
	background: #e8eef5;
}
.banner-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.banner-content {
	position: relative;
	z-index: 1;
	height: 100%;
	padding-top: 204px;
}
.banner-title {
	margin-bottom: 20px;
	height: 32px;
	line-height: 32px;
	font-size: 44px;
	font-weight: normal;
}
.banner-sub-title {
	margin-top: 60px;
	font-size: 18px;
}
/* 版块block */
.price-block {
	background: #fff;
	margin-bottom: 50px;
	border-top: 1px solid #e6e6e6;
	padding-top: 40px;
}
.price-block-first {
	border-top: none;
	padding-top: 0;
}

.price-main-title {
  height: 55px;
  padding: 0 20px;
  line-height: 55px;
  background: #ececec;
  margin: 20px 0;
}
.main-title-name {
  font-size: 18px;
  color: #333;
  font-weight: bold
}

.main-title-description {
  margin-left: 17px;
  font-size: 12px;
  color: #666
}
.main-title-link,.main-title-link a {
  font-size: 14px;
  color: #666
}

.main-title-link a:first-child {
  color: #0088ff
}

.main-title-link span {
  display: inline-block;
  margin: 0 5px
}

.price-block-title {
  position: relative;
	border-left: 5px solid #0088ff;
	height: 28px;
	margin-bottom: 22px;
	line-height: 28px;
	padding-left: 14px;
	color: #333;
	font-size: 20px;
}
.price-block-subtitle {
	margin-bottom: 20px;
	color: #555;
	font-size: 15px;
}
/* tab鎸夐挳缁?*/
.tab-group {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.tab-group a {
	padding: 10px 24px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	background-color: #fff;
	color: #374151;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
}
.tab-group a:hover {
	border-color: #0088ff;
	color: #0088ff;
}
.tab-group .tab--current {
	background-color: #0088ff;
	color: #fff;
	border-color: #0088ff;
}
.tab-group .tab--current:hover {
	color: #fff;
}
/* table */
.price-table {
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	color: #666;
	border: 1px solid #e6e6e6;
	border-left: none;
}
.price-table th,
.price-table td {
	padding-left: 16px;
	padding-right: 16px;
	text-align: left;
}
.price-table th {
	border-left: 1px solid #e6e6e6;
	background-color: #f5f6f7;
	line-height: 42px;
	color: #666;
	font-weight: bold;
}
.price-table tr:nth-child(even) {
	background-color: #f5f6f7;
}
.price-table td {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 26px;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
/* 价格列：红色加粗 */
#priceTable1 td:nth-child(9) {
	color: #e60012;
	font-weight: bold;
}
/* 鎻愮ず璇?*/
.price-warn {
	margin-top: 20px;
}
.price-warn-title {
	padding-left: 26px;
	background: url(../../prices/images/price_icon_warn.png) no-repeat left center;
	font-size: 16px;
	color: #0088ff;
}
.price-warn-text {
	padding: 20px 0 0 26px;
	font-size: 14px;
	color: #666;
	line-height: 1.8em;
}
/* 琛ㄦ牸婊氬姩瀹瑰櫒锛堢Щ鍔ㄧ妯悜婊氬姩锛?*/
.table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ============ 移动端自适应 ============ */
@media screen and (max-width: 768px) {
	.auto {
		width: 100%;
		padding: 0 12px;
	}
	/* banner */
	.price-banner {
		height: 240px;
	}
	.banner-content {
		padding-top: 70px;
	}
	.banner-title {
		font-size: 26px;
		height: auto;
		line-height: 1.4;
		margin-bottom: 8px;
	}
	.banner-sub-title {
		margin-top: 16px;
		font-size: 14px;
	}
	/* 主标题区 */
	.price-main-title {
		height: auto;
		padding: 12px 16px;
		line-height: 1.6;
		margin: 16px 0;
	}
	.price-main-title .pull-left,
	.price-main-title .pull-right {
		float: none;
		display: block;
	}
	.main-title-description {
		margin-left: 0;
		margin-top: 4px;
	}
	.main-title-link {
		margin-top: 8px;
	}
	/* block */
	.main-wrap {
		margin-bottom: 40px;
	}
	.price-block {
		margin-bottom: 28px;
		padding-top: 24px;
	}
	.price-block-title {
		font-size: 16px;
	}
	/* tab按钮 */
	.tab-group {
		gap: 8px;
	}
	.tab-group a {
		padding: 6px 14px;
		font-size: 13px;
	}
	/* 表格最小宽度，超出滚动 */
	.price-table {
		min-width: 720px;
	}
	/* 鎻愮ず璇?*/
	.price-warn-text {
		padding: 10px 0 0 0;
		line-height: 1.6em;
	}
}

/* 鏋侀€熷畾鍒惰喘涔版祦绋嬫潯 (4 姝ユ瀬閫熶氦浠樹綋绯? */
.special-process-flow-card {
  display: flex;
  margin-bottom: 20px;
  padding: 14px 22px;
  align-items: center;
  gap: 20px;
  border: 1px solid #ebd7c7;
  border-radius: 16px;
  background: linear-gradient(135deg,#ffffff 0%,#fffdfa 60%,#fff7f0 100%);
  box-shadow: 0 8px 24px rgba(112,55,17,.05);
  position: relative;
  overflow: hidden;
}

.special-process-flow-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg,#ff9800,#f47a20);
}

.process-flow-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 0 auto;
  border-right: 1px dashed #f0d4be;
  padding-right: 20px;
}

.flow-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fff0e4;
  color: #c95c10;
  font-size: 10px;
  font-weight: 750;
  width: fit-content;
}

.process-flow-title strong {
  color: #381f0f;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.process-flow-steps {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.process-step-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 10px;
  transition: all .2s ease;
  position: relative;
}

.process-step-item:hover {
  background: rgba(244,122,32,.06);
  transform: translateY(-1px);
}

.step-badge {
  display: flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fdf2e9;
  border: 1px solid #f6d2b8;
  color: #ea580c;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 10px;
  font-weight: 850;
}

.step-icon {
  display: flex;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: linear-gradient(135deg,#fff8f2,#ffede0);
  border: 1px solid #f6d2b8;
  color: #ea580c;
  box-shadow: 0 2px 6px rgba(234,88,12,.12);
}

.step-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.step-icon-final {
  background: linear-gradient(135deg,#eafbf4,#d1fae5);
  border-color: #a7f3d0;
  color: #059669;
  box-shadow: 0 2px 6px rgba(5,150,105,.15);
}

.step-text strong {
  display: block;
  color: #2b1407;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.step-text small {
  display: block;
  margin-top: 2px;
  color: #9a7863;
  font-size: 10px;
  white-space: nowrap;
}

.process-step-arrow {
  display: flex;
  align-items: center;
  color: #d8b49c;
  font-size: 12px;
}

.process-step-arrow svg {
  display: block;
}

@media (max-width: 820px) {
  .special-process-flow-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
  }
  .process-flow-title {
    border-right: 0;
    border-bottom: 1px dashed #f0d4be;
    padding-right: 0;
    padding-bottom: 10px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .process-flow-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
  }
  .process-step-arrow {
    display: none;
  }
}

@media (max-width: 520px) {
  .process-flow-steps {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.special-nav-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.tab-card {
  position: relative;
  display: grid;
  min-height: 80px;
  padding: 16px 20px;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  cursor: pointer;
  border-radius: 16px;
  border: 1px solid #ebd7c7;
  background: linear-gradient(145deg,#fff,#fffaf6);
  box-shadow: 0 8px 24px rgba(112,55,17,.05);
  text-align: left;
  transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.tab-card-icon {
  display: flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  transition: transform .2s ease,box-shadow .2s ease;
}

.tab-card-icon svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tab-card-info {
  min-width: 0;
}

.tab-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tab-card-top strong {
  color: #381f0f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  font-weight: 800;
}

.tab-tag {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .02em;
}

.tab-card-info small {
  display: block;
  margin-top: 4px;
  color: #93745f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 10px;
  letter-spacing: .04em;
}

.tab-active-indicator {
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 18px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  opacity: 0;
  transition: opacity .25s ease;
}

/* (1) 中国大陆物理机 —— 华夏赤金/盛世红 */
.tab-card-mainland .tab-card-icon {
  color: #e53e3e;
  border: 1px solid #f6cfc9;
  background: linear-gradient(145deg,#fff,#fff0ed);
  box-shadow: 0 4px 12px rgba(229,62,62,.12);
}
.tab-card-mainland .tab-tag {
  color: #c53030;
  background: #ffe8e5;
  border: 1px solid #fbd0cb;
}
.tab-card-mainland .tab-active-indicator {
  background: linear-gradient(90deg,#ff4d4d,#d92600);
}
.tab-card-mainland:hover {
  transform: translateY(-3px);
  border-color: #f5968b;
  box-shadow: 0 14px 32px rgba(229,62,62,.12);
}
.tab-card-mainland.active {
  border-color: #e53e3e;
  background: radial-gradient(circle at 100% 0%,rgba(229,62,62,.08),transparent 40%),linear-gradient(145deg,#fff,#fff6f5);
  box-shadow: 0 16px 36px rgba(217,38,0,.15),0 0 0 1px rgba(229,62,62,.15);
}
.tab-card-mainland.active .tab-card-icon {
  color: #fff;
  border-color: #e53e3e;
  background: linear-gradient(135deg,#ff4d4d,#d92600);
  box-shadow: 0 8px 18px rgba(217,38,0,.35);
}
.tab-card-mainland.active .tab-active-indicator { opacity: 1; }

/* (2) 中国香港物理机 —— 品牌科技金橙 */
.tab-card-hk .tab-card-icon {
  color: #f47a20;
  border: 1px solid #ebd4c2;
  background: linear-gradient(145deg,#fff,#fff4eb);
  box-shadow: 0 4px 12px rgba(244,122,32,.12);
}
.tab-card-hk .tab-tag {
  color: #c95c10;
  background: #ffede0;
  border: 1px solid #f6d2b8;
}
.tab-card-hk .tab-active-indicator {
  background: linear-gradient(90deg,#ff9336,#ea580c);
}
.tab-card-hk:hover {
  transform: translateY(-3px);
  border-color: #f0a66d;
  box-shadow: 0 14px 32px rgba(244,122,32,.12);
}
.tab-card-hk.active {
  border-color: #f47a20;
  background: radial-gradient(circle at 100% 0%,rgba(244,122,32,.08),transparent 40%),linear-gradient(145deg,#fff,#fff7f0);
  box-shadow: 0 16px 36px rgba(234,88,12,.15),0 0 0 1px rgba(244,122,32,.15);
}
.tab-card-hk.active .tab-card-icon {
  color: #fff;
  border-color: #f47a20;
  background: linear-gradient(135deg,#ff9336,#ea580c);
  box-shadow: 0 8px 18px rgba(234,88,12,.35);
}
.tab-card-hk.active .tab-active-indicator { opacity: 1; }

/* (3) 全球海外物理机 —— 极光深海蓝 */
.tab-card-overseas .tab-card-icon {
  color: #2563eb;
  border: 1px solid #cbdcf7;
  background: linear-gradient(145deg,#fff,#f0f6ff);
  box-shadow: 0 4px 12px rgba(37,99,235,.12);
}
.tab-card-overseas .tab-tag {
  color: #1d4ed8;
  background: #e6f0fd;
  border: 1px solid #bfdbfe;
}
.tab-card-overseas .tab-active-indicator {
  background: linear-gradient(90deg,#0284c7,#1d4ed8);
}
.tab-card-overseas:hover {
  transform: translateY(-3px);
  border-color: #93c5fd;
  box-shadow: 0 14px 32px rgba(37,99,235,.12);
}
.tab-card-overseas.active {
  border-color: #2563eb;
  background: radial-gradient(circle at 100% 0%,rgba(37,99,235,.08),transparent 40%),linear-gradient(145deg,#fff,#f4f8ff);
  box-shadow: 0 16px 36px rgba(29,78,216,.15),0 0 0 1px rgba(37,99,235,.15);
}
.tab-card-overseas.active .tab-card-icon {
  color: #fff;
  border-color: #2563eb;
  background: linear-gradient(135deg,#0284c7,#1d4ed8);
  box-shadow: 0 8px 18px rgba(29,78,216,.35);
}
.tab-card-overseas.active .tab-active-indicator { opacity: 1; }

/* 二级子分类选项卡 */
.special-sub-tabs {
  margin-bottom: 18px;
}

.sub-tab-group {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid #ebd7c7;
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 22px rgba(112,55,17,.04);
}

.sub-tab-group.active {
  display: flex;
}

.sub-tab-btn {
  display: inline-flex;
  height: 38px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #684832;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  font-weight: 650;
  transition: all .2s ease;
}

.sub-tab-btn:hover {
  background: #fff4eb;
  color: var(--blue);
}

/* 主题驱动的二级高亮 */
.theme-mainland .sub-tab-btn.active {
  color: #fff;
  border-color: #e53e3e;
  background: linear-gradient(135deg,#ff5252,#d92600);
  box-shadow: 0 4px 14px rgba(217,38,0,.28);
  font-weight: 700;
}

.theme-hk .sub-tab-btn.active {
  color: #fff;
  border-color: #f47a20;
  background: linear-gradient(135deg,#ff963f,#ea580c);
  box-shadow: 0 4px 14px rgba(234,88,12,.28);
  font-weight: 700;
}

.theme-overseas .sub-tab-btn.active {
  color: #fff;
  border-color: #0284c7;
  background: linear-gradient(135deg,#0284c7,#1d4ed8);
  box-shadow: 0 4px 14px rgba(29,78,216,.28);
  font-weight: 700;
}
/* 标题及 OEM 说明卡片 */
.special-table-header-card {
  display: flex;
  min-height: 68px;
  padding: 14px 22px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(244,122,32,.25);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg,#fff8f2,#fffdfa 50%,#fff7f0);
}

.header-card-title h2 {
  margin: 0;
  color: #381f0f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.header-card-title p {
  margin: 3px 0 0;
  color: #e55a0b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}

.header-card-extra {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header-card-extra span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #79573f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.header-card-extra span i {
  color: var(--blue);
}

/* VIP 专享折扣胶囊 (精美科技微光与皇冠动效) */
.vip-discount-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border: 1px solid rgba(245,158,11,.45);
  border-radius: 999px;
  background: linear-gradient(135deg,#fffbeb 0%,#fef3c7 50%,#fde68a 100%);
  color: #92400e !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  box-shadow: 0 2px 10px rgba(245,158,11,.22);
  position: relative;
  overflow: hidden;
  transition: all .25s ease;
}

.vip-discount-chip::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  transform: rotate(25deg);
  animation: vip-shimmer 3.6s infinite ease-in-out;
}

.vip-discount-chip:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 4px 14px rgba(245,158,11,.35);
  border-color: rgba(217,119,6,.6);
}

.vip-discount-chip i {
  color: #d97706 !important;
  font-size: 12px;
  filter: drop-shadow(0 1px 2px rgba(217,119,6,.35));
  animation: vip-crown-float 2.5s ease-in-out infinite;
}

.vip-discount-chip b {
  font-weight: 850;
  color: #854d0e;
}

@keyframes vip-shimmer {
  0% { left: -60%; }
  35% { left: 140%; }
  100% { left: 140%; }
}

@keyframes vip-crown-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-2px) rotate(-6deg); }
}

/* 5. 表格容器与完全自适应无滚动设计 */
.special-table-container {
  overflow: hidden;
  border: 1px solid #ead1bd;
  border-radius: 0 0 18px 18px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(112,55,17,.08);
}

.special-tab-content {
  display: none;
}

.special-tab-content.active {
  display: block;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.special-data-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}

.special-data-table thead th {
  padding: 13px 10px;
  background: #f7f3ef;
  color: #6a4f3c;
  font-weight: 750;
  font-size: 12px;
  white-space: nowrap;
  border-bottom: 1px solid #ebd6c5;
}

.special-data-table tbody tr {
  cursor: pointer;
  border-bottom: 1px solid #f2e2d4;
  transition: background .18s ease,border-color .18s ease;
}

.special-data-table tbody tr:last-child {
  border-bottom: 0;
}

.server-row td {
  position: relative;
  padding: 13px 10px;
  vertical-align: middle;
}

/* 单元格单选指示器 */
.row-selector-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-right: 8px;
  border: 2px solid #d4b8a4;
  border-radius: 50%;
  background: #fff;
  transition: all .2s ease;
}

.col-name {
  display: flex;
  align-items: center;
}

/* 行悬停与选中状态 */
.server-row:hover { background: #fff8f2; }
.server-row:hover .row-selector-dot { border-color: var(--blue); }

.server-row.selected {
  background: #fff3ea !important;
}

.server-row.selected .row-selector-dot {
  border-color: #d92600;
  background: radial-gradient(circle, #d92600 50%, #fff 52%);
}

.theme-hk .server-row.selected .row-selector-dot {
  border-color: #ea580c;
  background: radial-gradient(circle, #ea580c 50%, #fff 52%);
}

.theme-overseas .server-row.selected .row-selector-dot {
  border-color: #1d4ed8;
  background: radial-gradient(circle, #1d4ed8 50%, #fff 52%);
}

/* 单元格微样式优化与高级现代字体系统 */
.col-name strong {
  display: block;
  color: #2e1a0e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.col-subname {
  display: block;
  margin-top: 3px;
  color: #92735f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.col-cpu {
  color: #3b2516;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: -0.01em;
}

/* GPU 显卡规格换行专属科技感微标 */
.gpu-spec-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding: 2px 8px;
  border: 1px solid #86efac;
  border-radius: 6px;
  background: linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);
  color: #15803d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  font-size: 11px;
  font-weight: 750;
  box-shadow: 0 2px 6px rgba(22,101,52,.1);
  letter-spacing: 0.01em;
}

.gpu-spec-badge i {
  color: #16a34a;
  font-size: 11px;
}

.gpu-badge-title {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 5px;
  border-radius: 4px;
  background: linear-gradient(135deg,#22c55e,#16a34a);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .02em;
  vertical-align: middle;
}

/* CPU 可选升级选项徽章 (山东枣庄专属) */
.cpu-opt-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding: 2px 8px;
  border: 1px dashed #93c5fd;
  border-radius: 6px;
  background: linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
  color: #1d4ed8;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.cpu-opt-pill i {
  color: #2563eb;
  font-size: 10px;
}

/* 线路切换提示微标 (如可换精品移动) */
.line-switch-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 7px;
  border: 1px solid #bae6fd;
  border-radius: 6px;
  background: linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);
  color: #0369a1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  font-size: 10px;
  font-weight: 750;
  box-shadow: 0 1px 4px rgba(3,105,161,.08);
  white-space: nowrap;
}

.line-switch-pill i {
  color: #0284c7;
  font-size: 9px;
}

/* 宽带可选优化网络微标 (如可选优化300m网络) */
.bw-opt-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 7px;
  border: 1px dashed #38bdf8;
  border-radius: 6px;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  color: #0284c7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
  font-size: 10px;
  font-weight: 750;
  box-shadow: 0 1px 4px rgba(2,132,199,.1);
  white-space: nowrap;
}

.bw-opt-pill i {
  color: #0284c7;
  font-size: 9.5px;
}

.spec-tag {
  display: inline-block;
  padding: 3px 9px;
  border: 1px solid #ebd2be;
  border-radius: 6px;
  background: #fffaf6;
  color: #4a2e1b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.ram-tag {
  border-color: #fbd38d;
  background: #fffaf0;
  color: #744210;
}

.disk-tag {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

.line-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  background: #fff7ed;
  color: #9a3412;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.line-tag i {
  color: #ea580c;
  font-size: 10px;
}

.line-tag.line-bgp {
  border-color: #cbd5e1;
  background: #f1f5f9;
  color: #334155;
}

.line-tag.line-bgp i {
  color: #475569;
}

.line-tag.line-unicom {
  border-color: #fecdd3;
  background: #fff1f2;
  color: #be123c;
}

.line-tag.line-unicom i {
  color: #e11d48;
}

.line-tag.line-mobile {
  border-color: #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
}

.line-tag.line-mobile i {
  color: #0284c7;
}

.line-tag.line-cn2 {
  border-color: #fbcfe8;
  background: #fdf2f8;
  color: #9d174d;
}

.line-tag.line-cn2 i {
  color: #db2777;
}

.line-tag.line-cu4837 {
  border-color: #fdba74;
  background: #fff7ed;
  color: #c2410c;
}

.line-tag.line-cu4837 i {
  color: #ea580c;
}

.line-tag.line-bgp i {
  color: #475569;
}

.ip-tag {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #f8fafc;
  color: #475569;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

.ip-tag.highlight {
  border-color: #fca5a5;
  background: #fff1f2;
  color: #b91c1c;
  font-weight: 750;
  box-shadow: 0 2px 6px rgba(225,29,72,.1);
}

/* 多彩带宽标签系统 (每行独特色彩) */
.bw-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  letter-spacing: .02em;
}

.bw-cyan {
  background: linear-gradient(135deg,#06b6d4,#0284c7);
  box-shadow: 0 3px 8px rgba(6,182,212,.32);
}

.bw-orange {
  background: linear-gradient(135deg,#ff9800,#f57c00);
  box-shadow: 0 3px 8px rgba(245,124,0,.32);
}

.bw-purple {
  background: linear-gradient(135deg,#a855f7,#7c3aed);
  box-shadow: 0 3px 8px rgba(124,58,237,.32);
}

.bw-emerald {
  background: linear-gradient(135deg,#10b981,#059669);
  box-shadow: 0 3px 8px rgba(5,150,105,.32);
}

.bw-rose {
  background: linear-gradient(135deg,#f43f5e,#e11d48);
  box-shadow: 0 3px 8px rgba(225,29,72,.32);
}

.bw-indigo {
  background: linear-gradient(135deg,#6366f1,#4f46e5);
  box-shadow: 0 3px 8px rgba(79,70,229,.32);
}

.def-tag {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid rgba(22,183,127,.3);
  border-radius: 6px;
  background: #eafbf4;
  color: #0c875d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

.def-tag.def-high {
  border-color: #86efac;
  background: #f0fdf4;
  color: #15803d;
  font-weight: 750;
  box-shadow: 0 2px 6px rgba(22,101,52,.08);
}

.col-price {
  color: #d92600;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
}

.theme-hk .col-price { color: #ea580c; }
.theme-overseas .col-price { color: #1d4ed8; }

.col-price b {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 21px;
  font-weight: 850;
  letter-spacing: -.03em;
}

.col-price small {
  margin-left: 1px;
  color: #9c7b66;
  font-size: 10px;
}

/* 原价与现价 5 折反差感特效 */
.col-price-dual {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.price-original-box {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}

.price-origin {
  color: #a38c7d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
  text-decoration: line-through;
  text-decoration-color: #ef4444;
  text-decoration-thickness: 1.5px;
  opacity: .88;
  transition: all .2s ease;
}

.discount-pill {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  background: linear-gradient(135deg,#fee2e2,#fecaca);
  color: #b91c1c;
  border: 1px solid #fca5a5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.2;
}

.price-current-box {
  display: inline-flex;
  align-items: baseline;
  line-height: 1.1;
}

.price-current-box b {
  color: #d92600;
  font-size: 21px;
  font-weight: 850;
  letter-spacing: -.03em;
  text-shadow: 0 1px 2px rgba(217,38,0,.1);
}

.server-row:hover .price-origin {
  text-decoration-color: #dc2626;
  opacity: 1;
}

.server-row:hover .discount-pill {
  transform: scale(1.04);
}

/* 联系客服操作按钮 */
.table-buy-btn {
  display: inline-flex;
  height: 34px;
  padding: 0 14px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--blue);
  border-radius: 8px;
  background: linear-gradient(135deg,#ff963f,#ef6608);
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 750;
  box-shadow: 0 4px 12px rgba(244,122,32,.25);
  transition: all .2s ease;
  white-space: nowrap;
}

.theme-mainland .table-buy-btn {
  border-color: #e53e3e;
  background: linear-gradient(135deg,#ff5252,#d92600);
  box-shadow: 0 4px 12px rgba(217,38,0,.25);
}

.theme-overseas .table-buy-btn {
  border-color: #0284c7;
  background: linear-gradient(135deg,#0284c7,#1d4ed8);
  box-shadow: 0 4px 12px rgba(29,78,216,.25);
}

.table-buy-btn i {
  font-size: 11px;
  transition: transform .2s ease;
}

.table-buy-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(244,122,32,.38);
}

/* 6. 当前所选配置实时汇总悬浮条 (大厂企业级交互) */
.special-config-summary-bar {
  display: flex;
  min-height: 64px;
  margin-top: 18px;
  padding: 12px 22px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(244,122,32,.3);
  border-radius: 16px;
  background: linear-gradient(90deg,#fff9f4,#fff,#fff8f2);
  box-shadow: 0 10px 28px rgba(112,55,17,.07);
}

.summary-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex-wrap: wrap;
}

.summary-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  background: #20bd7a;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.summary-specs {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: #553723;
  font-size: 12px;
}

.summary-specs strong {
  color: #2b1407;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.summary-specs span {
  padding: 2px 7px;
  border: 1px solid #ebd7c7;
  border-radius: 5px;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.summary-right {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.summary-price {
  color: #d92600;
  font-size: 12px;
}

.theme-hk .summary-price { color: #ea580c; }
.theme-overseas .summary-price { color: #1d4ed8; }

.summary-price small {
  color: #8c715e;
}

.summary-price b {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.03em;
}

.summary-btn {
  height: 38px;
  padding: 0 18px;
  font-size: 13px;
}

/* 7. 空白/调配中占位卡片 */
.special-empty-card {
  padding: 54px 24px;
  text-align: center;
  background: radial-gradient(circle at 50% 30%,rgba(244,122,32,.04),transparent 60%),#fff;
}

.empty-icon {
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ebd4c2;
  border-radius: 16px;
  background: linear-gradient(145deg,#fff,#fff4eb);
  color: var(--blue);
  font-size: 24px;
  box-shadow: 0 8px 20px rgba(244,122,32,.12);
  margin-bottom: 16px;
}

.theme-mainland .empty-icon {
  border-color: #f6cfc9;
  background: linear-gradient(145deg,#fff,#fff0ed);
  color: #e53e3e;
  box-shadow: 0 8px 20px rgba(229,62,62,.12);
}

.theme-overseas .empty-icon {
  border-color: #cbdcf7;
  background: linear-gradient(145deg,#fff,#f0f6ff);
  color: #2563eb;
  box-shadow: 0 8px 20px rgba(37,99,235,.12);
}

.special-empty-card h3 {
  margin: 0;
  color: #2a160b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 17px;
  font-weight: 750;
}

.special-empty-card p {
  max-width: 520px;
  margin: 8px auto 20px;
  color: #8c715e;
  font-size: 12px;
  line-height: 1.8;
}
#special-page-root{--blue:#f47a20;margin-bottom:50px;}

/* 8. 其它价格信息卡片 */
.other-price-section {
  margin-bottom: 40px;
}
.other-price-section .special-table-header-card {
  margin-bottom: 14px;
}
.other-price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.other-price-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid #ebd7c7;
  border-radius: 16px;
  background: linear-gradient(145deg, #fff, #fffaf6);
  box-shadow: 0 8px 24px rgba(112, 55, 17, .05);
  transition: transform .2s ease, box-shadow .2s ease;
}
.other-price-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(244, 122, 32, .12);
}
.opi-icon {
  display: flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  font-size: 20px;
}
.opi-ip {
  color: #2563eb;
  border: 1px solid #cbdcf7;
  background: linear-gradient(145deg, #fff, #f0f6ff);
}
.opi-bw {
  color: #f47a20;
  border: 1px solid #ebd4c2;
  background: linear-gradient(145deg, #fff, #fff4eb);
}
.opi-df {
  color: #059669;
  border: 1px solid #a7f3d0;
  background: linear-gradient(145deg, #fff, #ecfdf5);
}
.opi-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.opi-name {
  color: #381f0f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  font-weight: 800;
}
.opi-unit {
  color: #93745f;
  font-size: 12px;
}
.opi-value {
  margin-left: auto;
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
.opi-value b {
  color: #ea580c;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  font-weight: 800;
}
.opi-value small {
  color: #93745f;
  font-size: 12px;
}
@media (max-width: 768px) {
  .other-price-grid {
    grid-template-columns: 1fr;
  }
}

/* 9. 国旗图标 */
.tab-card-icon .flag-icon {
  width: 30px;
  height: 20px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}
.tab-card-icon .flag-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
  justify-content: center;
}
.tab-card-icon .flag-stack .flag-icon {
  width: 20px;
  height: 14px;
}
.sub-tab-btn .flag-icon {
  width: 16px;
  height: 11px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
.tab-card-icon .un-flag {
  width: 30px;
  height: 20px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

/* 10. 移动端自适应优化 */
@media (max-width: 768px) {
  .special-nav-tabs {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .tab-card {
    min-height: 0;
    padding: 14px 16px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }
  .tab-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .special-table-header-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
  }
  .header-card-extra {
    flex-wrap: wrap;
    gap: 8px;
  }

  .special-config-summary-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 16px;
  }
  .summary-right {
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
  }
}

@media (max-width: 520px) {
  .summary-right {
    flex-direction: column;
    align-items: stretch;
  }
  .summary-btn {
    width: 100%;
    justify-content: center;
  }
  .summary-price {
    text-align: center;
  }
}