﻿.idx_banner .swiper_box ul li .centerInfo .word_box .word .t2 { text-align: end; }
.ins_productCon1 .center_box .list_box { flex-wrap: wrap; }
.ins_productCon1.toUp_Box { padding: 0; padding-top: 0.94rem; }
.ins_productCon1.toUp_Box.posFix { padding: 0.1rem 0 !important; }
.ins_productCon1All { padding-top: 0.72rem !important; } 
.ins_productCon1All .center_box .item_box { margin-top: 0 !important; }
.ins_productCon3 .center_box .item_box .item .img img {  transform: scale(1) !important; }
.cookies_box .center_box .icon .btn:first-child{   background: var(--active_color2);
  color: var(--color_fff);
  border-color: var(--active_color2); }
  .language_box { display: none !important; }
  .ins_productCon10 .center_box .top_info .word { width: 63%; }
  .ins_productCon10 { padding-top: 1rem; }
.idx_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx_banner .btn {
  width: 0.58rem;
  height: 0.58rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #FFFFFF33;
  -webkit-clip-path: polygon(calc(100% - 0.11rem) 0%, 100% 0, 100% calc(100% - 0.11rem), calc(100% - 0.11rem) 100%, 0 100%, 0% calc(100% - 0.11rem));
  clip-path: polygon(0.11rem 0%, 100% 0, 100% calc(100% - 0.11rem), calc(100% - 0.11rem) 100%, 0 100%, 0% 0.11rem);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  position: absolute;
}
.idx_banner .btn img {
  width: 0.11rem;
  min-width: 8px;
  position: relative;
  z-index: 2;
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx_banner .btn:hover {
  background: var(--active_color);
}
.idx_banner .btn:hover::after {
  background: #050102 !important;
}
.idx_banner .btn:hover img {
  filter: brightness(0) invert(1);
}
.idx_banner .btn.next {
  right: 0.5rem;
}
.idx_banner .btn.prev {
  left: 0.5rem;
}
.ins_buyCon4 .center_box .right_box .content2 .icon_info .icon_box .word input {  width: 0.8rem; background: none; border: unset; text-align: center; }
.ins_aboutCon5 .center_box .idxPageHide span { background: #FFFFFF; opacity: 1; }
 .ins_aboutCon5 .center_box .idxPageHide span.swiper-pagination-bullet-active {
    background: var(--active_color) !important;
  }
  /*.idx_video .video_box .img img.wap { display: none !important; }*/
  /*.idx_video .video_box .img .pc { display: block !important; }*/
  .idx_video .video_box .img video  { min-height: 80vh; object-fit: cover; }
  .authen_popUp {  backdrop-filter: blur(0px) !important;  }
.ins_blogCon2 .content3 .center_box .item_box .item .word_box { opacity: 1; }
.ins_blogCon2 .content3 .center_box .item_box .item:hover .word_box .t2 { color: #000000; }
.ins_productConPro .center_box .right_box { width: 40%; }
.ins_productConPro .center_box .right_box .img { width: 100%; height: 6rem; }
.ins_productConPro .center_box .right_box .img img { width: auto; height: auto; }
main {
  text-transform: unset;
}
.ins_storiesCon10 .center_box .ins_title2 .t2 { gap: 0; }
.ins_storiesCon10 .center_box .ins_title2 .t2 p { min-height: 0.5em; }
.paddbot { padding-top:0 !important; padding-bottom: 0 !important; }

  .ins_buyCon1 .swiper_box ul li .centerInfo .content .word_box .left_box .t1 { font-weight: 600; }
@media (max-width:990px) {
  .idx_banner .btn {
    display: none !important;
  }
  .ins_blogCon3 .center_box .box_info .left_box .newContent { font-size: 16px; }
  .ins_productConPro .center_box .right_box{ width: 100% !important; }
  .ins_productConPro .center_box .right_box .img { height: auto; }
  .ins_productCon12 .center_box .content { align-items: start; }
  .ins_productCon12 .center_box .content .left { justify-content: start; align-items: start; }
  .ins_productConPro .center_box .right_box .img { padding-top:0 !important; padding-bottom: 0 !important; height: auto !important; }
  .ins_productConPro .center_box { gap: 0 !important; }
  .ins_productCon4.top .content .center_box .word { width: 100% !important; padding: 1.44rem 0 !important; }
}


header .header_box .center_box .column_right .right {
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
}
header .header_box .center_box .column_right .right .shpping_box {
  width: 0.2rem;
  height: 0.2rem;
  min-width: 15px;
  min-height: 15px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
header .header_box .center_box .column_right .right .shpping_box i {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-style: unset;
  font-size: 10px;
  background: #FC533C;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  color: #FFFFFF;
  bottom: 50%;
  left: 50%;
  min-width: 15px;
  min-height: 15px;
}


.ins_blogCon3 .center_box .box_info .left_box .newContent * { font-family: "HarmonyOS_Sans" !important; }

.ins_buyCon6 .center_box .swiper_box ul li { height: auto !important; }
.ins_buyCon6 .center_box .swiper_box ul li .item { height: 100%; }

/* ============================================================
   TOP JOY 品牌色精选优化（仅分类标签 + Footer 图标/订阅按钮）
   品牌色：#0E0E0C 深黑 / #763A21 棕 / #d98a3d 琥珀
   ============================================================ */

/* ---- 分类标签：黑底棕字 + 斜切角（参考图1） ---- */
.ins_productCon1 .center_box .list_box .one,
.ins_blogCon2 .content2 .center_box .list_box .one,
.ins_downloadCon1 .content2 .center_box .list_box .one {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0E0E0C !important;
	color: #763A21 !important;
	font-weight: 800;
	letter-spacing: 0.04rem;
	border: none;
	-webkit-clip-path: polygon(0.14rem 0%, 100% 0, 100% calc(100% - 0.14rem), calc(100% - 0.14rem) 100%, 0 100%, 0% 0.14rem);
	clip-path: polygon(0.14rem 0%, 100% 0, 100% calc(100% - 0.14rem), calc(100% - 0.14rem) 100%, 0 100%, 0% 0.14rem);
}
.ins_productCon1 .center_box .list_box .one:hover,
.ins_blogCon2 .content2 .center_box .list_box .one:hover,
.ins_downloadCon1 .content2 .center_box .list_box .one:hover {
	background: #763A21 !important;
	color: #FFFFFF !important;
}
.ins_productCon1 .center_box .list_box .one.active,
.ins_blogCon2 .content2 .center_box .list_box .one.active,
.ins_downloadCon1 .content2 .center_box .list_box .one.active {
	background: #d98a3d !important;
	color: #0E0E0C !important;
}

/* ---- Footer 社交图标：白色圆底 + 直接显示原图，无变色特效、悬停不换底 ---- */
footer .list_icon .one {
	background: #FFFFFF;
	border-radius: 50%;
}
footer .list_icon .one > img {
	width: 58%;
	height: auto;
}
/* 二维码悬停弹窗放大（原 1.2rem 过小） */
footer .list_icon .one .img_bg {
	width: 2rem;
	height: 2rem;
}

/* ---- 产品型号副标题（首页/产品列表页，名称下方） ---- */
.prod-model {
	margin-top: 0.08rem;
	color: #8a8578;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* ---- Footer 订阅按钮：棕色描边 + 琥珀箭头（参考图2） ---- */
footer .footer_box .footer_top .foot_left .cont1 .input_box .btn {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px #763A21;
	transition: background 0.25s ease;
}
footer .footer_box .footer_top .foot_left .cont1 .input_box .btn img {
	filter: brightness(0) invert(1) sepia(58%) saturate(520%) hue-rotate(-12deg) brightness(92%);
}
footer .footer_box .footer_top .foot_left .cont1 .input_box .btn:hover {
	background: #763A21 !important;
}
footer .footer_box .footer_top .foot_left .cont1 .input_box .btn:hover img {
	filter: brightness(0) invert(1);
}

/* ---- 首页品牌视频：sticky 固定 + 滚动驱动文字动效（参考 geekbar home-about-container） ---- */
.idx_about {
	width: 100%;
	position: relative;
	height: 300vh;
}
.idx_about .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: var(--header-height, 0px);
	width: 100%;
	height: calc(100vh - var(--header-height, 0px));
	overflow: hidden;
	background: #0E0E0C;
}
.idx_about .sticky video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.idx_about .sticky::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(14, 14, 12, 0.35);
	z-index: 5;
	pointer-events: none;
}
.idx_about .sticky .logo-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 56%;
	height: auto;
	z-index: 9;
	filter: brightness(0) invert(1);
	pointer-events: none;
	will-change: transform, opacity;
}
.idx_about .sticky .content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0 5%;
}
.idx_about .sticky .content .inner {
	width: 100%;
	max-width: 54vw;
	text-align: center;
	color: #FFFFFF;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	will-change: transform, opacity;
}
.idx_about .sticky .content .inner p {
	font-weight: 800;
	line-height: 1.15;
	opacity: 0.5;
}
.idx_about .sticky .content .inner .text2,
.idx_about .sticky .content .inner .text3 {
	margin-top: 0.1rem;
}
.idx_about .sticky .content .inner .view-more {
	display: inline-block;
	margin-top: 0.32rem;
	color: #FFFFFF;
	font-size: var(--font24);
	text-decoration: underline;
	text-underline-offset: 5px;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.idx_about .sticky .content .inner .view-more:hover {
	color: #d98a3d;
}
/* 降级：GSAP 不可用或用户偏好减少动效时，静态展示文字 */
.idx_about.no-anim {
	height: auto;
}
.idx_about.no-anim .sticky {
	position: relative;
	top: auto;
	height: 100vh;
}
.idx_about.no-anim .sticky .content .inner {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}
.idx_about.no-anim .sticky .content .inner p {
	opacity: 1;
}
@media (max-width: 990px) {
	.idx_about {
		height: 240vh;
	}
	.idx_about .sticky .logo-mask {
		width: 78%;
	}
	.idx_about .sticky .content .inner {
		max-width: 88%;
	}
	.idx_about .sticky .content .inner .view-more {
		margin-top: 0.2rem;
	}
}










