:root {
	--brand-red:rgb(249 228 190 / var(--tw-text-opacity, 1));
	--light-gradient:linear-gradient(135deg,#f0f7ff 0%,#f5f0ff 100%);
	--text-dark:#fff;
	--text-light:rgba(255,255,255,0.8);
	--card-shadow:0 8px 30px rgba(0,0,0,0.06);
	--card-radius:20px;
	--spacing-xl:25px;
	--spacing-lg:4rem;
	--spacing-md:2rem;
	--community-color:#e8f4ff;
	--startup-color:#fff4e8;
	--enterprise-color:#f0e8ff;
	--check-community:#0088ff;
	--check-startup:#ff8800;
	--check-enterprise:#8800ff;
	--invite-btn-bg-desktop:url("//esa.zhongguanjituan.com/hpmir/btnbg.jpg?v=20260508")

}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	letter-spacing:1px;
	font-family:inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
}
a {
	text-decoration:none !important;
}
.font {
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
.text {
	/*background:linear-gradient(to right,#4ec0f7,#9370db);*/
	/*-webkit-background-clip:text;*/
	/*background-clip:text;*/
	/*color:transparent;*/
}
.dark-btn {
	background-color:#1366ec;
	background-image:url(//img.alicdn.com/imgextra/i3/O1CN01SzV7Q81XVXBeg14IU_!!6000000002929-2-tps-544-104.png);
	background-size:100% 100%;
	box-shadow:inset 0 0 12px -6px #fff9,inset 0 8px 32px -16px #fffc;
}
.light-btn {

}

body {
	color: var(--text-dark);
	background-image: 
		linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),
		url(//esa.zhongguanjituan.com/uploads/2f5592d0968de14667e8f2613e709a35.png?ver=1778345190),
		url(//esa.zhongguanjituan.com/hpmir/hpmirbg.jpg?v=20260508);
	background-position: 
		center -70px,
		center -70px,
		top;
	background-size: 
		800px 300px,
		800px 300px,
		cover;
	background-repeat: no-repeat;
	background-attachment: scroll, scroll, fixed;
}
.navbar {
	transition:all 0.4s ease;
	padding:1rem 0;
	background:transparent !important;
	z-index:1050;
	box-shadow:none !important;
}
.navbar.scrolled {
    background: rgba(0, 0, 0, 0.6) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 0;
    padding: 1rem 0;
    backdrop-filter: blur(10px);
}
.navbar-brand {
	display:flex;
	align-items:center;
	gap:0.75rem;
	font-weight:700;
	color:var(--text-dark);
	font-size:2.0rem;
}
.navbar-brand img {
	height:42px;
}
.navbar-collapse {
	flex-grow:1;
	justify-content:center;
}
.nav-link {
	color:#fff;
	font-weight:500;
	transition:all 0.3s ease;
	position:relative;
	padding:0.6rem 1.25rem;
	margin:0 1rem;
	font-weight:320;
	font-size:14px;
	transition:all 0.2s ease;
}
.nav-link.active {
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
}

.nav-link:hover {
	/*background:rgba(9,26,56,.04);*/
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
	transform:translateY(-2px);
	border-radius:8px;
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
    --bs-nav-link-hover-color: rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
    --bs-nav-link-disabled-color: rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

/*.nav-link:hover::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 28px;*/
/*    height: 2px;*/
/*    background: var(--brand-red);*/
/*    border-radius: 1px;*/
/*    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    opacity: 1;*/
/*}*/

.nav-link.active::after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:28px;
	height:2px;
	background:var(--brand-red);
	border-radius:1px;
	transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
	opacity:1;
}
.nav-link::after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:2px;
	background-color:#007bff;
	transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
	opacity:0;
}
.dropdown {
	position:relative;
}
.dropdown-menu {
	border-radius:6px;
	padding:0.75rem 0;
	margin-top:0 !important;
	visibility:hidden;
	z-index:1060;
	position:absolute;
	top:100%;
	left:0;
	color: rgb(249 228 190 / var(--tw-text-opacity, 1));
    transition: all 0.2s ease;
    background: #1A1A1A; 
    box-shadow: 0 2px rgba(0, 0, 0, .02);
    border: 1px solid rgba(242, 210, 155, 0.28);
}

/* 下拉菜单里的文字颜色 */
.dropdown-menu .dropdown-item {
  color: rgb(249, 228, 190) !important;
}

/* 下拉菜单文字 hover 颜色（可选） */
.dropdown-menu .dropdown-item:hover {
  color: #8c4a10 !important;
    background-image: var(--invite-btn-bg-desktop) !important;
}

.dropdown:hover .dropdown-menu {
	display:block;
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.dropdown-item {
	padding:0.65rem 1.5rem;
	font-size:14px;
	transition:all 0.25s ease;
}
.dropdown-item:hover {
	padding-left:1.75rem;
}
.dropdown-toggle::after {
	margin-left:0.4rem;
	transition:transform 0.35s ease;
}
.dropdown:hover .dropdown-toggle::after {
	transform:rotate(180deg);
}
.nav-item.position-relative .nav-link>span {
	left:calc(50%);
	transform:translateY(-50%);
	font-size:0.6rem;
	padding:0.25rem 0.4rem;
	background-color:#ff0000;
	color:white;
	font-weight:600;
	white-space:nowrap;
	border-radius:100px;
}
.nav-item.position-relative .daili>span {
	left:calc(50%);
	transform:translateY(-50%);
	font-size:0.6rem;
	padding:0.25rem 0.4rem;
	background:linear-gradient(90deg,#6B5BFD 0%,#8E7FF8 100%);
	color:white;
	font-weight:600;
	white-space:nowrap;
	border-radius:100px;
}
.hero {
	padding:var(--spacing-xl) 0 var(--spacing-lg);
	text-align:center;
	position:relative;
	opacity:0;
	animation:fadeIn 1.2s ease-out forwards;
}
.hero .container {
	position:relative;
	z-index:1;
	padding-top:100px;
}
.hero-subtitle {
	font-size:1.25rem;
	margin-bottom:1rem;
	font-weight:500;
	letter-spacing:0.05em;
}
.hero-title {
    /* font-weight: 700; */
    /* margin-bottom: 1.25rem; */
    /* font-size: 64px; */
    /* line-height: 80px; */
    /* letter-spacing: 0.03em; */
    font-size: 60px;
    font-weight: 450;
    line-height: 100px;
    color: transparent;
    text-align: center;
    word-wrap: break-word;
    background: linear-gradient(90deg, #fff, #a0a0b0);
    -webkit-background-clip: text;
    background-clip: text;
}
@keyframes fadeIn {
	from {
	opacity:0;
	transform:translateY(20px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}

.hero-desc {
    color: #fff;
    font-size: 23px;
    margin-bottom: 2.5rem;
    /* max-width: 700px; */
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    font-weight: 320;
}
.btn-demo {
	font-size:16px;
	border:none;
	border-radius:999px;
	cursor:pointer;
	color: #8c4a10;
    transition: all 0.2s ease;
    padding: 10px 30px;
    background-image: var(--invite-btn-bg-desktop);
    /* background: linear-gradient(90deg, #ebc077, #f9e4bf 64.671%, #f2d29b 84.431%); */
    box-shadow: 0 2px rgba(0, 0, 0, .02);
    border: 1px solid rgba(242, 210, 155, 0.28);
}
.btn-demo .arrow {
	font-size:14px;
}
.btn-demo:hover {
    color: #8c4a10;
	transform:translateY(-2px);
}
.btn-demo1 {
	font-size:16px;
	border:none;
	border-radius:999px;
	cursor:pointer;
	color: rgb(249 228 190 / var(--tw-text-opacity, 1));
    transition: all 0.2s ease;
    padding: 10px 30px;
    /* background: linear-gradient(90deg, #ebc077, #f9e4bf 64.671%, #f2d29b 84.431%); */
    box-shadow: 0 2px rgba(0, 0, 0, .02);
    border: 1px solid rgba(242, 210, 155, 0.28);
    margin-left:20px;
    font-weight: 320;
}
.btn-demo1:hover {
	transform:translateY(-3px);
	border: 1px solid rgba(242, 210, 155, 0.28);
	color: rgb(249 228 190 / var(--tw-text-opacity, 1));
}
.hero-platforms {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:1rem;
	margin-top:var(--spacing-lg);
}
.platform-item {
	background:white;
	padding:0.55rem 1.25rem;
	border-radius:24px;
	font-size:0.9rem;
	font-weight:500;
	box-shadow:0 3px 12px rgba(0,0,0,0.06);
	transition:all 0.3s ease;
}
.platform-item:hover {
	transform:translateY(-3px);
	box-shadow:0 6px 18px rgba(0,0,0,0.1);
}
.platform-item.tmall {
	color:#C40000;
}
.platform-item.jd {
	color:#E62129;
}
.platform-item.douyin {
	color:#000000;
}
.platform-item.pdd {
	color:#C40000;
}
.platform-item.kuaishou {
	color:#FF4400;
}
/* 外层容器：固定可视区域 1000*560 + 8px圆角 + 完整边框 */
.hero-screenshot-wrapper {
  width: 1000px;
  height: 560px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 8px; /* 统一 8px 圆角 */
  /* 完整边框 + 背景，确保底部可见 */
  border: 1px solid rgba(242, 210, 155, 0.28);
  background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
  backdrop-filter: blur(40px);
  padding: 2px;
}

/* 内部图片容器：移除重复边框/背景，避免遮挡 */
.hero-screenshot {
  --bs-gutter-x: 0;
  width: 100%;
  height: auto;
  transition: transform 5s ease-in-out;
  border-radius: 6px; /* 内部小圆角，和外层8px协调 */
  overflow: hidden;
}

/* 图片样式 */
.hero-screenshot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

/* 悬停滚动 */
.hero-screenshot-wrapper:hover .hero-screenshot {
  transform: translateY(calc(-100% + 556px));
}

/* 鼠标微动图标 */
.scroll-tip {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  font-size: 28px;
  color: #ffffff;
  opacity: 0.85;
  z-index: 10;
  animation: mouseMove 1.8s infinite ease-in-out;
  pointer-events: none;
}

/* 上下微动动画 */
@keyframes mouseMove {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, -10px); }
}


.line {
    flex-shrink: 0;
    width: 100%;
    height: 1px;
    max-width:80%;
    margin:auto;
    background: radial-gradient(ellipse 50% 5375% at 50% 100%, #ff6b35 1%, rgba(255, 107, 53, 0));
}

.hero-screenshot:hover {
	transform:translateY(3px);
}



/* 容器整体 */
.GEZI-feature-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2rem;
    padding: 2rem 0;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
}

/* 单个模块 */
.GEZI-feature-item {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0 1rem;
    align-items: center;
}

/* 图标容器 */
.GEZI-feature-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(270deg, rgba(226.94, 164.49, 74.44, 0.20) 0%, rgba(255, 132.11, 17.55, 0.20) 100%); /* 截图中的棕色背景 */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.GEZI-feature-icon svg {
    width: 32px;
    height: 32px;
    fill: #f9e4be; /* 金色图标色 */
}

/* 文字区域 */
.GEZI-feature-text {
    flex: 1;
    text-align: left;
}
.GEZI-feature-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0.5rem 0;
}
.GEZI-feature-desc {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,0.8);
    margin: 0;
    font-weight: 320;
}

.GEZIICO {
    color: #f9e4be;
    font-size: 25px;
}

/* ====================== */
/* ✅ 渐变分割线：上下透明 */
/* ====================== */
.GEZI-divider {
    width: 1px;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 100%
    );
    align-self: stretch;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .GEZI-feature-row {
        flex-direction: column;
        gap: 1.5rem;
    }
    .GEZI-divider {
        display: none;
    }
}


.section {
	padding:var(--spacing-xl) 0;
}
.section-title {
	font-size:36px;
	font-weight:320;
	text-align:center;
	margin-bottom:3rem;
	line-height:1.2;
	letter-spacing:-0.02em;
}
.section-subtitle {
	color:var(--text-light);
	text-align:center;
	margin-bottom:var(--spacing-lg);
	font-size:14px;
	line-height:1.6;
	font-weight:320;
}
.feature-item {
	margin-bottom:var(--spacing-lg);
	opacity:0;
	transform:translateY(40px);
	transition:all 0.8s ease;
}
.feature-item.visible {
	opacity:1;
	transform:translateY(0);
}
.feature-img {
    max-width: 100%;
    box-shadow: var(--card-shadow);
    border: 0px solid rgba(255, 255, 255, 0.9);
    transition: all 0.3s ease;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
}
.feature-img:hover {
	transform:translateY(-3px);
	border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
}
.feature-title {
	font-size:24px;
	/*font-weight:600;*/
	margin-bottom:1.25rem;
	line-height:1.35;
}
.feature-desc {
	color:var(--text-light);
	margin-bottom:2rem;
	font-size:14px;
	line-height:1.75;
	/* 首行缩进2个字 */
	text-indent: 2em;
	font-weight: 320;
}
.btn-feature {
font-size: 14px;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    color: rgb(249 228 190 / var(--tw-text-opacity, 1));
    transition: all 0.2s ease;
    padding: 8px 30px;
    box-shadow: 0 2px rgba(0, 0, 0, .02);
    border: 1px solid rgba(242, 210, 155, 0.28);
    margin-left: 0px;
    font-weight: 320;
}
.btn-feature:hover {
	transform:translateY(-2px);
	border: 1px solid rgba(242, 210, 155, 0.28);
	color: rgb(249 228 190 / var(--tw-text-opacity, 1));
}
.features-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:2rem;
	@media (max-width:1200px) {
	grid-template-columns:repeat(2,1fr);
}
@media (max-width:768px) {
	grid-template-columns:repeat(2,1fr);
}
}.feature-card {
	padding:2.75rem;
	text-align:center;
	opacity:0;
	transform:translateY(40px);
	transition:all 0.8s ease;
	max-width:100%;
	padding:12px;
	background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
	border-radius:24px;
	backdrop-filter:blur(40px);
	box-shadow:0 3px 12px -2px #0000000d,0 12px 48px -10px #1366ec1c,inset 0 0 28px #ffffff80;
}
.feature-card.visible {
	opacity:1;
	transform:translateY(0);
}
.feature-card:hover {
	transform:translateY(-6px);
	box-shadow:0 12px 35px rgba(0,0,0,0.12);
}
.feature-card h4 {
	font-weight:600;
	margin-bottom:1.5rem;
	font-size:1em;
	margin-top:30px;
}
.feature-card p {
	color:var(--text-light);
	font-size:1rem;
	line-height:1.75;
}
.ai-section {
	background:var(--light-gradient);
	padding:var(--spacing-xl) 0;
}
.ai-card {
	background:white;
	padding:2.75rem;
	border-radius:var(--card-radius);
	box-shadow:var(--card-shadow);
	margin-bottom:2rem;
	opacity:0;
	transform:translateY(40px);
	transition:all 0.8s ease;
	border:1px solid rgba(233,236,239,0.6);
}
.ai-card.visible {
	opacity:1;
	transform:translateY(0);
}
.ai-card:hover {
	transform:translateY(-6px);
	box-shadow:0 12px 35px rgba(0,0,0,0.12);
}
.ai-card h4 {
	font-weight:600;
	margin-bottom:1.5rem;
	font-size:1.35rem;
}
.ai-card p {
	color:var(--text-light);
	font-size:1rem;
	line-height:1.75;
}
.pricing-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
	gap:2.25rem;
	margin-top:40px;
}
.pricing-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.3s ease;
    color: var(--text-light);
    border: none;
    position: relative;
    overflow: hidden;
    padding: 0px 24px 24px 24px;
    font-size: 14px;
    border-radius: 16px;
    font-weight: 320;
    box-sizing: border-box;
    backdrop-filter: blur(40px);
    background-color: transparent;
    background-image: radial-gradient(46.55% 46.55% at 50% 0%, rgba(66, 68, 69, .6), rgba(27, 29, 31, .1));
    border: 1px solid rgb(62, 62, 62);
    border-radius: 10px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .25);
    color: var(--text-light);
}
/*.pricing-card.community::before {*/
/*	content:'';*/
/*	position:absolute;*/
/*	top:0;*/
/*	left:0;*/
/*	right:0;*/
/*	height:6px;*/
/*	background:var(--check-community);*/
/*	border-radius:16px 16px 0 0;*/
/*}*/
/*.pricing-card.startup::before {*/
/*	content:'';*/
/*	position:absolute;*/
/*	top:0;*/
/*	left:0;*/
/*	right:0;*/
/*	height:6px;*/
/*	background:var(--check-startup);*/
/*	border-radius:16px 16px 0 0;*/
/*}*/
/*.pricing-card.enterprise::before {*/
/*	content:'';*/
/*	position:absolute;*/
/*	top:0;*/
/*	left:0;*/
/*	right:0;*/
/*	height:6px;*/
/*	background:var(--check-enterprise);*/
/*	border-radius:16px 16px 0 0;*/
/*}*/
.pricing-card.visible {
	opacity:1;
	transform:translateY(0);
}
.pricing-card:hover {
	transform:translateY(-3px);
}
.pricing-header {
	padding:20px 0 20px 0;
	/*text-align:center;*/
	border-bottom:none;
	position:relative;
	margin-left:15px;
	margin-top:15px;
}
.pricing-header h3 {
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: #fff;
    margin-top: 20px;
}

.PRICE-tag-btn {
    font-size: 14px;
    padding: 6px 1rem; /* 上下内边距减小一点更协调 */
    color: rgb(249 228 190 / var(--tw-text-opacity, 1));
    border-radius: 100px;
    font-weight: 600;
    background: linear-gradient(103.422deg, rgba(240, 205, 144, 0.106) 0%, rgba(247, 223, 182, 0.28) 97.743%);
    display: inline-flex;
    align-items: center;
    /* 👇 让按钮不被拉伸，保持美观 */
    white-space: nowrap;
}

.PRICE {
    font-size: 34px !important;
    color: rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
    font-weight: bold !important;
    /*text-align: center;*/
    margin-top: 0px !important;
}
.PRICE span {
    font-size: 14px !important;
    margin-left: 8px;
    font-weight: 320 !important;
}

.pricing-header .badge {
	position:absolute;
	top:0;
	right:0;
	background:var(--check-community);
	color:white;
	font-size:12px;
	padding:4px 10px;
	border-radius:20px;
	font-weight:500;
}
.pricing-header .badge1 {
	position:absolute;
	top:0;
	right:0;
	background:var(--check-startup);
	color:white;
	font-size:12px;
	padding:4px 10px;
	border-radius:20px;
	font-weight:500;
}
.pricing-header .badge2 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    /* border-radius: 20px; */
    font-weight: 500;
    position: absolute;
    top: -15px;
    right: -24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 15px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    /* letter-spacing: -.3125px; */
    white-space: nowrap;
    background: #8c4a10;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 10px;
}
.pricing-card.startup .pricing-header .badge {
	display:none;
}
.pricing-card.enterprise .pricing-header .badge {
	display:none;
}
.pricing-header p {
	color:var(--text-light);
	font-size:12px;
	line-height:1.4;
	margin-bottom:0rem;
	margin-top:30px;
}
.pricing-card .pricing-btn {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 100px;
    font-size: 14px;
    color: #8c4a10;
    transition: all 0.2s ease;
    padding: 6px 40px;
    background-image: var(--invite-btn-bg-desktop);
    box-shadow: 0 2px rgba(0, 0, 0, .02);
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-block;
}

.pricing-card .pricing-btn:hover {
	transform:translateY(-3px);
}

.pricing-body {
	padding:0;
	margin-top:50px;
}
.pricing-feature {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:10px;
	margin-bottom:18px;
	font-size:14px;
	color:var(--text-light);
	padding:0;
}
.pricing-feature .feature-label {
	text-align:left;
}
.pricing-feature .feature-value {
	text-align:right;
}
.community .pricing-feature .check-icon {
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
	font-size:16px;
}
.startup .pricing-feature .check-icon {
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
	font-size:16px;
}
.enterprise .pricing-feature .check-icon {
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
	font-size:16px;
}
.pricing-feature .no-check {
	color:#ccc;
	font-size:16px;
}
.community .pricing-feature .feature-value.special {
	/*color:#666;*/
}
.startup .pricing-feature .feature-value.special {
	/*color:var(--check-startup);*/
}
.enterprise .pricing-feature .feature-value.special {
	/*color:var(--check-enterprise);*/
}
.pricing-footer {
	display:none;
}
.clients-section {
	padding:var(--spacing-xl) 0;
	text-align:center;
}


.clients-title {
	font-size:2rem;
	font-weight:600;
	margin-bottom:var(--spacing-lg);
}
.clients-grid {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:3rem;
}
.client-item {
	max-width:120px;
	opacity:0.6;
	transition:all 0.35s ease;
}
.client-item:hover {
	opacity:1;
	transform:scale(1.08);
}
.footer {
    background: #121212;
    color: var(--text-light);
    padding: var(--spacing-lg) 0 2rem;
    /* margin-top: 50px; */
    font-weight: 320;
    font-size: 16px;
}
.footer h5 {
	font-weight:600;
	margin-bottom:1.5rem;
	font-size:1.2rem;
}
.footer ul {
	list-style:none;
	padding:0;
}
.footer ul li {
	margin-bottom:0.75rem;
}
.footer ul li a {
	color:var(--text-light);
	text-decoration:none;
	transition:color 0.35s ease;
	font-size:14px;
}
.footer ul li a:hover {
	color:white;
}
.footer-bottom {
	border-top:1px solid #2a2a2a;
	margin-top:var(--spacing-md);
	padding-top:1.75rem;
	text-align:center;
	color:#666;
	font-size:0.9rem;
}
.fh1 {
	font-size:20px;
	color:rgb(206,212,218);
}
.footer-qrcode-row {
	display:flex;
	justify-content:space-around;
	align-items:center;
	gap:15px;
	flex-wrap:wrap;
}
.footer-qrcode-item {
	text-align:center;
	flex:1;
	min-width:100px;
	max-width:120px;
}
.footer-qrcode-item img {
	width:100%;
	height:auto;
	border-radius:8px;
	margin-bottom:8px;
	padding:5px;
	background:#F1F1F1;
	backdrop-filter:blur(40px);
	box-shadow:0 3px 12px -2px #0000000d,0 12px 48px -10px #1366ec1c,inset 0 0 28px #ffffff80;
}
.footer-qrcode-desc {
	color:#999;
	font-size:0.85rem;
}
.customer-service {
	position:fixed;
	right:25px;
	bottom:100px;
	z-index:1000;
}
.service-item {
    padding: 1.15rem;
    margin-bottom: 1rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 0;
    color: rgb(249 228 190 / var(--tw-text-opacity, 1));
    border-radius: 6px;
    border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
}
.service-item:hover {
	transform:translateX(-10px);
	box-shadow:0 10px 30px rgba(0,0,0,0.18);
}
.service-qrcode {
	position:absolute;
	right:70px;
	top:50%;
	transform:translateY(-50%);
	padding:1.5rem;
	opacity:0;
	visibility:hidden;
	transition:all 0.35s ease;
	padding:12px;
	border-radius: 6px;
    border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 1) 0%, rgba(28, 28, 31, 1) 100%);
}

.service-qrcode img {
    border-radius: 6px;
}

.service-item:hover .service-qrcode {
	opacity:1;
	visibility:visible;
}
.feature-overview-section {
	padding:80px 0;
	background-color:#ffffff;
}
.feature-overview-section .section-title {
	text-align:center;
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:60px;
	color:#212529;
}
.feature-overview-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
	gap:40px;
}
.feature-overview-item {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    height: 176px;
    padding: 24px;
    border-radius: 6px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    border: 1px solid rgb(62, 62, 62);
    background: radial-gradient(50% 50.01% at 46.74% 0%, rgba(66, 68, 69, 0.2) 0%, rgba(27, 29, 31, 0.2) 100%);
}
.feature-overview-item:hover {
	transform:translateY(-3px);
	border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
}
.feature-overview-icon {
	width:48px;
	height:48px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.feature-overview-icon i {
	font-size:25px;
	color:rgb(249 228 190 / var(--tw-text-opacity, 1));
}
.feature-overview-content h4 {
	font-size:16px;
	font-weight:320;
	color:rgb(249 228 190 / var(--tw-text-opacity, 1));
	margin-bottom:8px;
}
.feature-overview-content p {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.6;
    margin: 0;
    font-weight: 320;
}
.btn-download {
	border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 100px;
	font-size:14px;
	color:#8c4a10;
	transition:all 0.2s ease;
	padding: 6px 30px;
	background-image: var(--invite-btn-bg-desktop);
	/*background: linear-gradient(90deg, #ebc077, #f9e4bf 64.671%, #f2d29b 84.431%);*/
    box-shadow: 0 2px rgba(0, 0, 0, .02);
}
.btn-download:hover {
    border: 1px solid rgba(255, 255, 255, .1);
	transform:translateY(-2px);
	color:#8c4a10;
}
.modal-content {
    border-radius: 6px;
    margin-top: 300px;
    max-width: 1000px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    background-image: url(//180-1314624240.cos.ap-shanghai.myqcloud.com/hpmir/alibg.png);
    background-position: top;
    background-size: 100% auto;
    border: 1px solid rgb(62, 62, 62);
    background: radial-gradient(50% 50.01% at 46.74% 0%, rgba(66, 68, 69, 1) 0%, rgba(27, 29, 31, 1) 100%);
}
.modal-header {
	border-bottom:0px solid #f0f0f0;
}
.modal-title {
	font-size:18px;
	font-weight:600;
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
}
.modal-body {
	padding:30px;
}
.modal-footer {
	border-top:1px solid #f0f0f0;
	padding:15px 30px;
	background-color:#f8f9fa;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
}
.qrcode-container {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:50px;
	flex-wrap:wrap;
}
.qrcode-item {
	text-align:center;
	padding:20px;
	border-radius:8px;
	transition:all 0.3s ease;
	border-radius:6px;
	box-sizing:border-box;
	border: 1px solid rgba(242, 210, 155, 0.28);
    background: radial-gradient(71.38% 71.38% at 47.01% -25.17%, rgba(130, 110, 64, 0.5) 0%, rgba(28, 28, 31, 0.2) 100%);
}
.qrcode-item:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 15px rgba(0,0,0,0.08);
}
.qrcode-item img {
	width:150px;
	height:150px;
	object-fit:cover;
	border:5px solid white;
	box-shadow:0 3px 10px rgba(0,0,0,0.1);
	margin-bottom:15px;
	border-radius: 8px;
}
.qrcode-title {
	font-size:12px;
	font-weight:600;
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
	margin-bottom:8px;
}
.qrcode-desc {
	font-size:12px;
	color:rgb(249 228 190 / var(--tw-text-opacity, 1)) !important;
}

/* 在线客服图标：修复点击失效 + 浮动动画 */
#ONLINEKEFU-openBtn {
  display: inline-block;
  position: relative;
  z-index: 9999 !important; /* 保证点击层级最高 */
  pointer-events: auto !important; /* 强制开启点击 */
  cursor: pointer !important;
}

#ONLINEKEFU-openBtn img {
  animation: kefuFloat 3s infinite ease-in-out;
  border: none !important;
  display: block;
  pointer-events: none; /* 图片本身不抢点击 */
}

@keyframes kefuFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

/* 直接覆盖 Bootstrap 关闭按钮变量 —— 100% 生效 */
.btn-close {
    --bs-btn-close-color: rgb(249 228 190) !important;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F9E4BE'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    --bs-btn-close-opacity: 1 !important;
    opacity: var(--bs-btn-close-opacity) !important;
}

.btn-primary {
	background-color:#ff4e00;
	border-color:#ff4e00;
}
.btn-primary:hover {
	background-color:#e64400;
	border-color:#e64400;
}
@media (min-width:768px) {
	.M-FOOT-container {
	display:none;
}
}@media (max-width:992px) {
	.navbar-collapse {
	justify-content:flex-start;
}

.section-title {
	font-size:2rem;
}
.navbar {
	}.M-FOOT-container {
	background-color:#000;
	padding:30px 0;
	color:#fff;
	font-family:"Microsoft Yahei",sans-serif;
}
.M-FOOT-qrcode-wrap {
	max-width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:60px;
	margin-bottom:20px;
}
.M-FOOT-qrcode-item {
	text-align:center;
}
.M-FOOT-qrcode-img {
	width:120px;
	height:120px;
	border:2px solid #fff;
	margin-bottom:10px;
}
.M-FOOT-qrcode-text {
	font-size:16px;
	color:#fff;
}
.M-FOOT-copyright {
	text-align:center;
	font-size:12px;
	color:#999;
	padding:10px 0;
}
.modal-content {
	border-radius:12px;
	margin-top:300px;
	width:80%;
	margin:auto;
	margin-top:50%;
	border:none;
	box-shadow:0 10px 30px rgba(0,0,0,0.15);
	background-image:url(//180-1314624240.cos.ap-shanghai.myqcloud.com/hpmir/alibg.png);
	background-position:top;
	background-size:100% auto;
}
.navbar-nav {
	background:#fff;
	border-radius:5px;
	text-align:center;
}
}@media (max-width:768px) {
	body {
	padding-top:70px;
}
.hero {
	margin-top:-70px;
	padding:var(--spacing-lg) 0 var(--spacing-md);
}

.feature-item {
	text-align:center;
}
.feature-img {
	margin-bottom:var(--spacing-md);
}
.customer-service {
	display:none;
}
.btn-download {
	display:none;
}
.footer {
	display:none;
	
}
.mqq {
	display:none;
}
}.soft-tools-section {
	padding:30px 0;
	background-color:#fff;
}
.soft-tools1-section {
	padding:30px 0;
	background-color:#FFF;
}
.soft-tools2-section {
	padding:30px 0;
	background-color:#fff;
}
.soft-tools3-section {
	padding:30px 0;
	background-color:#FFF;
}
.soft-tools4-section {
	padding:30px 0;
	background-color:#fff;
}
.soft-tools5-section {
	padding:30px 0;
	background-color:#fff;
}
.soft-tools6-section {
	padding:30px 0;
	background-color:#fff;
}
.soft-tools-grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	gap:30px;
	margin-top:60px;
}
.soft-tool-card {
	background-color:var(--card-bg);
	border-radius:12px;
	padding:10px 10px 20px 10px;
	text-align:center;
	transition:all 0.3s ease;
	box-shadow:var(--shadow);
	border:2px solid transparent;
	background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
	border-radius:10px;
	backdrop-filter:blur(40px);
	box-shadow:0 3px 12px -2px #0000000d,0 12px 48px -10px #1366ec1c,inset 0 0 28px #ffffff80;
}
.soft-tool-card:hover {
	transform:translateY(-5px);
}
.soft-tool-icon {
	width:50px;
	height:50px;
	border-radius:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 20px;
	color:white;
}
.soft-tool-title {
	font-size:14px;
	margin-bottom:10px;
	color:#666;
}
.soft-tool-subtitle {
	font-size:12px;
	color:#666;
	margin-bottom:15px;
	min-height:30px;
}
.soft-tool-badge {
	display:inline-block;
	background-color:rgba(37,99,235,0.1);
	color:var(--accent);
	padding:4px 12px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	margin-bottom:20px;
}
.soft-tool-download {
	padding:7px 10px;
	border-radius:0px;
	font-size:12px;
	margin-top:10px;
	width:80%;
	display:block;
	text-align:center;
	transition:background-color 0.2s;
	color:#666;
	background:#F7F9FD;
	text-decoration:none;
	margin:auto;
	border-radius:20px;
}
.soft-tool-download:hover {
	color:white;
	background:#333;
}
.section-title {
	text-align:center;
	margin-bottom:0px;
	margin-top:20px;
	color:#FFF;
}
.soft-search-container {
	max-width:800px;
	margin:0 auto;
	text-align:center;
	color:white;
}
.soft-search-box {
	display:flex;
	align-items:center;
	background:rgba(255,255,255,0.95);
	border-radius:50px;
	padding:5px 5px 5px 25px;
	max-width:600px;
	margin:0 auto;
	box-shadow:0 10px 30px rgba(0,0,0,0.2);
}
.soft-search-input {
	flex:1;
	border:none;
	outline:none;
	padding:15px 0;
	font-size:16px;
	background:transparent;
}
.soft-search-button,.soft-clear-button {
	background:#007bff;
	border:none;
	cursor:pointer;
	padding:12px 20px;
	color:white;
	border-radius:50px;
	margin-left:10px;
	transition:background-color 0.3s ease;
}
.soft-search-button:hover,.soft-clear-button:hover {
	background:#0056b3;
}
.soft-clear-button {
	background:#6c757d;
}
.soft-clear-button:hover {
	background:#545b62;
}
.soft-tools-section.hidden {
	display:none;
}
.soft-tool-card.hidden {
	display:none;
}
.no-results {
	text-align:center;
	color:#6c757d;
	font-style:italic;
	padding:40px 20px;
	grid-column:1 / -1;
	font-size:1.1rem;
}
.search-highlight {
	background-color:red;
	padding:2px 4px;
	border-radius:3px;
	font-weight:bold;
	color:#fff;
}
.global-no-results {
	text-align:center;
	padding:60px 20px;
	color:#6c757d;
	background:#f8f9fa;
	border-radius:10px;
	margin:30px auto;
}
.global-no-results h3 {
	color:#495057;
	margin-bottom:15px;
}
.soft-search-section {
	padding:80px 0;
	background-color:var(--primary);
	margin-top:70px;
}
.soft-search-container {
	max-width:800px;
	margin:0 auto;
	text-align:center;
}
.soft-search-title {
	font-size:32px;
	margin-bottom:20px;
	color:#FFF;
	font-weight:600;
}
.soft-search-subtitle {
	color:#FFF;
	margin-bottom:40px;
	font-size:18px;
}
.soft-search-box {
	position:relative;
	max-width:600px;
	margin:0 auto;
}
.soft-search-button {
	position:absolute;
	right:5px;
	top:5px;
	background-color:var(--accent);
	color:white;
	border:none;
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:all 0.3s ease;
}
.soft-search-button:hover {
	background-color:var(--accent-light);
	transform:rotate(15deg);
}
.soft-detail-header {
	background:linear-gradient(135deg,#1a73e8 0%,#4285f4 100%);
	color:white;
	padding:40px 0;
	margin-bottom:30px;
	border-radius:0 0 15px 15px;
	box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.soft-detail-header-content {
	display:flex;
	align-items:center;
	gap:30px;
	background-color:white;
	border-radius:12px;
	padding:30px;
	margin-bottom:30px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.soft-detail-icon {
	width:100px;
	height:100px;
	background-color:white;
	border-radius:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 4px 10px rgba(0,0,0,0.15);
}
.soft-detail-icon img {
	width:60px;
	height:60px;
	object-fit:contain;
}
.soft-detail-info h1 {
	font-size:25px;
	margin-bottom:10px;
	font-weight:700;
	color:#333;
}
.soft-detail-info p {
	font-size:18px;
	opacity:0.9;
	margin-bottom:15px;
	color:#333;
}
.soft-detail-meta {
	display:flex;
	gap:20px;
	font-size:12px;
}
.soft-detail-meta span {
	background-color:rgba(255,255,255,0.2);
	padding:5px 12px;
	border-radius:20px;
	backdrop-filter:blur(5px);
	color:#333;
}
.soft-intro-section {
	background-color:white;
	border-radius:12px;
	padding:30px;
	margin-bottom:30px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.soft-section-title {
	font-size:22px;
	margin-bottom:20px;
	color:#1a73e8;
	border-left:4px solid #1a73e8;
	padding-left:10px;
}
.soft-intro-content {
	line-height:1.8;
	color:#555;
}
.softheadersoft-detail-header {
	margin-top:90px;
	background:var(--accent);
	padding:30px;
	color:#fff;
}
.soft-download-section {
	background-color:white;
	border-radius:12px;
	padding:30px;
	margin-bottom:30px;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.download-addresses {
	display:flex;
	flex-direction:column;
	gap:15px;
}
.download-item {
	display:flex;
	align-items:center;
	padding:15px 20px;
	background-color:#f8fafc;
	border-radius:8px;
	transition:all 0.3s ease;
	border:1px solid #e2e8f0;
}
.download-item:hover {
	transform:translateY(-2px);
	box-shadow:0 4px 12px rgba(0,0,0,0.1);
	border-color:#cbd5e0;
}
.download-icon {
	width:40px;
	height:40px;
	margin-right:15px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	font-size:20px;
	color:white;
}
.download-icon.baidu {
	background-color:#2932e1;
}
.download-icon.lanzou {
	background-color:#1e88e5;
}
.download-icon.local {
	background-color:#43a047;
}
.download-info {
	flex:1;
}
.download-info h3 {
	font-size:18px;
	margin-bottom:5px;
	color:#2d3748;
}
.download-info p {
	font-size:14px;
	color:#718096;
}
.download-button {
	background-color:#1a73e8;
	color:white;
	border:none;
	padding:10px 20px;
	border-radius:6px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.3s ease;
	text-decoration:none;
	display:inline-block;
}
.download-button:hover {
	background-color:#1669d9;
	transform:translateY(-1px);
	box-shadow:0 4px 8px rgba(26,115,232,0.3);
}
.soft-related-section {
	margin-bottom:50px;
}
.soft-related-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:20px;
}
.soft-card {
	background-color:white;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
	transition:all 0.3s ease;
	text-decoration:none;
	color:inherit;
	display:block;
}
.soft-card:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 20px rgba(0,0,0,0.1);
}
.soft-card-image {
	height:160px;
	background-color:#f1f5f9;
	display:flex;
	align-items:center;
	justify-content:center;
	border-bottom:1px solid #e2e8f0;
}
.soft-card-image img {
	width:80px;
	height:80px;
	object-fit:contain;
}
.soft-card-content {
	padding:20px;
}
.soft-card-title {
	font-size:18px;
	font-weight:600;
	margin-bottom:10px;
	color:#2d3748;
}
.soft-card-desc {
	font-size:14px;
	color:#718096;
	margin-bottom:15px;
}
.soft-card-meta {
	display:flex;
	justify-content:space-between;
	font-size:12px;
	color:#a0aec0;
}
@media (max-width:768px) {
	.soft-detail-header-content {
	flex-direction:column;
	text-align:center;
}
.soft-detail-meta {
	justify-content:center;
}
.download-item {
	flex-direction:column;
	text-align:center;
	gap:10px;
}
.download-icon {
	margin-right:0;
}
}.floating-sidebar {
	position:fixed;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	background:rgba(255,255,255,0.95);
	border-radius:15px;
	padding:15px;
	box-shadow:0 5px 25px rgba(0,0,0,0.15);
	backdrop-filter:blur(10px);
	border:1px solid rgba(255,255,255,0.2);
	z-index:1000;
	transition:all 0.3s ease;
	min-width:150px;
}
.sidebar-title {
	font-size:1.1rem;
	font-weight:bold;
	color:#2c3e50;
	margin-bottom:15px;
	text-align:center;
	padding-bottom:10px;
	border-bottom:2px solid #e9ecef;
}
.sidebar-category {
	display:block;
	padding:10px 12px;
	margin:5px 0;
	border-radius:8px;
	color:#495057;
	text-decoration:none;
	transition:all 0.3s ease;
	font-size:0.9rem;
	cursor:pointer;
	border:none;
	background:none;
	width:100%;
	text-align:left;
}
.sidebar-category:hover {
	background:#666;
	color:white;
	transform:translateX(-3px);
}
.sidebar-category.active {
	background:#000;
	color:white;
	font-weight:bold;
}
.HD-banner-section {
	position:relative;
	height:60vh;
	min-height:400px;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.HD-banner-content {
	max-width:800px;
	padding:2rem;
	z-index:2;
}
.HD-banner-title {
	font-size:3.5rem;
	font-weight:700;
	margin-bottom:1rem;
	text-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.HD-banner-subtitle {
	font-size:1.5rem;
	margin-bottom:2rem;
	text-shadow:0 1px 5px rgba(0,0,0,0.3);
}
.HD-section-container {
	padding:0rem 0rem 3rem 0;
}
.HD-section-title {
	font-size:2.5rem;
	font-weight:600;
	margin-bottom:2rem;
	position:relative;
	display:inline-block;
}
.HD-section-title::after {
	content:'';
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
	width:80px;
	height:4px;
	background-color:#0d6efd;
	border-radius:2px;
}
.HD-rules-section {
	}.HD-rule-card {
	border-radius:10px;
	padding:2rem;
	margin-bottom:1.5rem;
	transition:all 0.3s ease;
	transition:all 0.8s ease;
	background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
	border-radius:10px;
	box-shadow:0 3px 12px -2px #0000000d,0 12px 48px -10px #1366ec1c,inset 0 0 28px #ffffff80;
}
.HD-rule-card:hover {
	transform:translateY(-5px);
}
.HD-rule-number {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#0d6efd;
	color:white;
	border-radius:50%;
	font-weight:bold;
	margin-right:1rem;
}
.HD-copy-section {
	}.HD-copy-card {
	border-radius:10px;
	padding:22px;
	box-shadow:0 5px 15px rgba(0,0,0,0.03);
	overflow:hidden;
	background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 100%);
	backdrop-filter:blur(40px);
	box-shadow:0 3px 12px -2px #0000000d,0 12px 48px -10px #1366ec1c,inset 0 0 28px #ffffff80;
}
.HD-promo-img-col {
	padding:0;
	display:flex;
	align-items:stretch;
}
.HD-promo-img-container {
	width:100%;
	height:100%;
	overflow:hidden;
	transition:all 0.8s ease;
}
.HD-promo-img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.HD-step-guide {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin:1.5rem 0;
	flex-wrap:wrap;
	gap:1rem;
}
.HD-step-item {
	display:flex;
	align-items:center;
	background-color:#e8f4fd;
	padding:0.5rem 1.2rem;
	border-radius:20px;
	font-size:0.95rem;
	color:#0d6efd;
}
.HD-step-number {
	display:inline-block;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	background-color:#0d6efd;
	color:white;
	border-radius:50%;
	font-size:0.8rem;
	margin-right:0.5rem;
}
.HD-download-btn {
	background-color:#198754;
	color:white;
	border:none;
	padding:0.75rem 2rem;
	border-radius:8px;
	transition:all 0.3s ease;
	margin-bottom:1rem;
	text-align:center;
}
.HD-download-btn:hover {
	background-color:#157347;
	transform:scale(1.01);
}
.HD-copy-content-col {
	padding:2rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
.HD-copy-text {
	background-color:#FFF;
	border:1px solid #e9ecef;
	border-radius:8px;
	padding:1.5rem;
	margin-bottom:1rem;
	font-size:1.1rem;
	color:#495057;
	min-height:120px;
	display:flex;
	align-items:center;
	white-space:pre-wrap;
}
.HD-copy-btn {
	background-color:#0d6efd;
	color:white;
	border:none;
	padding:0.75rem 2rem;
	border-radius:8px;
	transition:all 0.3s ease;
}
.HD-copy-btn:hover {
	background-color:#0b5ed7;
	transform:scale(1.05);
}
.HD-modal-content {
	border-radius:12px;
	border:none;
	box-shadow:0 10px 30px rgba(0,0,0,0.1);
	text-align:center;
	padding:1rem;
}
.HD-modal-icon {
	font-size:3rem;
	color:#198754;
	margin-bottom:1rem;
}
.HD-modal-title {
	font-size:1.5rem;
	font-weight:600;
	color:#333;
	margin-bottom:0.5rem;
}
.HD-modal-text {
	color:#666;
	margin-bottom:1.5rem;
}
.HD-modal-btn {
	background-color:#0d6efd;
	color:white;
	border:none;
	padding:0.6rem 2rem;
	border-radius:8px;
	transition:all 0.2s ease;
}
.HD-modal-btn:hover {
	background-color:#0b5ed7;
}
@media (max-width:768px) {
	.HD-banner-title {
	font-size:2.5rem;
}
.HD-banner-subtitle {
	font-size:1.2rem;
}
.HD-section-title {
	font-size:2rem;
}
.HD-section-container {
	padding:3rem 0;
}
.HD-step-guide {
	flex-direction:column;
	align-items:flex-start;
}
.HD-promo-img-col {
	min-height:250px;
}
}.p1000 {
	max-width:500px;
	margin-top:150px;
}
.pdaili {
	max-width:100%;
	margin-top:150px;
}
.text-muted {
	font-size:14px;
	line-height:30px;
}