td>p {
		  margin: 8px;
		  font-family: sans-serif;
		  font-size: 16px;
		}

		table {
		  border-collapse: collapse;
		  margin-bottom: 10px;
		  display: table;
		}

		p {
		  margin-block-start: 1em;
		  margin-block-end: 1em;
		}

		.ue-table-interlace-color-double {
		  background-color: #f7faff;
		}

		.ue-table-interlace-color-single {
		  background-color: #fcfcfc;
		}

		td,
		th {
		  padding: 5px 10px;
		  border: 1px solid #DDD;
		}

		td p {
		  margin: 0;
		  padding: 0;
		}

		td {
		  display: table-cell;
		  vertical-align: inherit;
		}

		.product-detail .product .info .desc {
		  margin-top: 24px;
		  white-space: pre-line;
		}

		.productList.content {
		  max-width: 1200px;
		  margin: 0 auto;
		  padding: 0 16px 48px;
		}

		.navBox {
		  padding: 16px 0;
		  border-bottom: 1px solid #eee;
		  margin-bottom: 24px;
		  font-size: 13px;
		}

		.navBox a {
		  color: #666;
		}

		.navBox a:not(:last-child)::after {
		  content: '>';
		  margin: 0 8px;
		  color: #ccc;
		}

		.navBox .navThree {
		  color: #111;
		}

		.product {
		  display: flex;
		  gap: 48px;
		}

		.product .media {
		  flex: 0 0 480px;
		  max-width: 480px;
		  min-width: 0;
		}

		.product .info {
		  flex: 1;
		  min-width: 0;
		}

		.product .info .title {
		  font-size: 22px;
		  font-weight: 600;
		  color: #111;
		  line-height: 1.4;
		  margin-bottom: 16px;
		}

		.image.small {
		  position: relative;
		  width: 100%;
		  aspect-ratio: 1 / 1;
		  overflow: hidden;
		  border: 1px solid #eee;
		  border-radius: 4px;
		  margin-bottom: 12px;
		}

		.smallImg {
		  width: 100%;
		  height: 100%;
		  object-fit: contain;
		  display: block;
		}

		.slider {
		  position: absolute;
		  width: 160px;
		  height: 160px;
		  background: rgba(255, 200, 0, 0.3);
		  border: 2px solid rgba(255, 180, 0, 0.6);
		  pointer-events: none;
		  display: none;
		}

		#big {
		  position: absolute;
		  top: 0;
		  left: 100%;
		  margin-left: 16px;
		  width: 400px;
		  height: 400px;
		  overflow: hidden;
		  border: 1px solid #ddd;
		  background: #fff;
		  z-index: 100;
		  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
		  display: none;
		}

		#big .bigImg {
		  position: absolute;
		  width: 1200px;
		  height: 1200px;
		  max-width: none;
		}

		.media .list {
		  display: flex;
		  flex-wrap: wrap;
		  gap: 8px;
		  justify-content: start;
		}

		.media .list .item {
		  width: 72px;
		  height: 72px;
		  border: 2px solid #eee;
		  border-radius: 4px;
		  overflow: hidden;
		  cursor: pointer;
		  transition: border-color 0.2s;
		}

		.media .list .item:hover,
		.media .list .item.ative {
		  border-color: #FF3030;
		}

		.media .list .item img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		  display: block;
		}

		.price {
		  font-style: normal;
		  font-weight: 600;
		  color: #111;
		  font-size: 28px;
		  margin-top: 0;
		  margin-bottom: 8px;
		}

		.vipPrice {
		  font-size: 16px;
		  color: #FF3030;
		  line-height: 1.5;
		  margin-bottom: 16px;
		}

		.quantity {
		  font-size: 15px;
		  color: #333;
		  line-height: 1.5;
		  margin: 16px 0 8px;
		  font-weight: 500;
		}

		.info input[type="number"] {
		  width: 120px;
		  height: 38px;
		  border: 1px solid #ddd;
		  border-radius: 4px;
		  padding: 0 12px;
		  font-size: 15px;
		  text-align: center;
		  outline: none;
		  transition: border-color 0.2s;
		}

		.info input[type="number"]:focus {
		  border-color: #FF3030;
		}

		.stock-my {
		  display: inline-block;
		  font-size: 14px;
		  color: #666;
		  margin-top: 8px;
		}

		.cartBtn {
		  display: flex;
		  gap: 16px;
		  flex-wrap: wrap;
		  margin-top: 24px;
		}

		.cartBtn .btn-add {
		  width: 163px;
		  height: 44px;
		  font-weight: 550;
		  font-size: 16px;
		  color: #fff;
		  line-height: 44px;
		  text-align: center;
		  background-color: #FF3030;
		  cursor: pointer;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  border-radius: 4px;
		  transition: opacity 0.2s;
		  user-select: none;
		}

		.cartBtn .btn-add:hover {
		  opacity: 0.9;
		}

		.cartBtn .btn-add:first-child {
		  background-color: #16B01F;
		}

		.cartBtn .btn-add img {
		  width: 20px;
		  height: 20px;
		  margin-right: 6px;
		}

		.productDetailContent {
		  margin-top: 56px;
		  border-top: 1px solid #eee;
		  padding-top: 32px;
		}

		.detailContentTitle {
		  font-size: 20px;
		  font-weight: 600;
		  color: #111;
		  margin-bottom: 20px;
		}

		.detailContent {
		  font-size: 15px;
		  color: #333;
		  line-height: 1.8;
		}

		.detailContent img {
		  max-width: 100%;
		  height: auto;
		}

		@media (max-width: 768px) {
		  .product {
		    flex-direction: column;
		    gap: 24px;
		  }

		  .product .media {
		    flex: none;
		    max-width: 100%;
		  }

		  #big {
		    display: none !important;
		  }

		  .slider {
		    display: none !important;
		  }

		  .price {
		    font-size: 24px;
		    margin-top: 0;
		  }

		  .cartBtn {
		    flex-direction: column;
		  }

		  .cartBtn .btn-add {
		    width: 100%;
		  }

		  .productList.content {
		    padding: 0 12px 32px;
		  }
		}