.Header__name {
   opacity: 0; /* 50%透明度 */
  color: black;
    }
/* 全局重置与基础样式 */
:root {
	--color-main: #4C87FF;
    --color-light: #f7f7f7;
  	--color-font-base: #333;
    --color-font-light: #7E7E7E;
}
* {
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}
.homePage, .homePage * {
  padding: 0;
}
.AppContainer__homePage {
	margin-top: 0;	
}
.Layout__oneColumn {
    max-width: 100%;
    padding-top: 0;
}
/* 导航以下内容区 */
.containerMain {
  	max-width: 73.125rem;
    margin: auto;
}
/* 产品分类容器样式 */
.product-categories {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    gap: 12px; /* 链接之间的间距 */
    /*padding: 16px 0;  上下内边距 */
 	margin: 0 -.9375rem 1.5em;
    background-color: var(--color-light);
}

/* 产品分类链接样式 */
.product-category {
  flex: 1; /* 核心：每个框平均分配容器宽度 */
  min-width: 155px; /* 允许内容自动换行，避免宽度溢出 */
  height: 100px; /* 固定高度，确保所有框高度一致 */
  display: inline-flex;
  align-items: center; /* 文字垂直居中 */
  justify-content: center; /* 文字水平居中 */
  padding: 8rem 16px 3rem; /* 左右内边距（根据内容调整） */
  background-color: var(--color-light);
  color: var(--color-font-base);
  text-decoration: none;
  /*border-radius: 8px;*/
  transition: all 0.3s ease;
  white-space: nowrap; /* 文字不换行（可选，根据内容长度调整） */
  font-size: 1rem;
  font-weight: bold;
}
@media (max-width: 1025px) and (min-width: 1000px) {
  .product-category {
  	font-size: 0.875rem;
  }
}
@media (max-width: 769px) {
  .product-category {
  	min-width: 200px;
    font-size: 1rem;
  }
}
@media (max-width: 431px) {
  .product-category {
  	min-width: 100px;
    padding: 6rem 16px 1rem; /* 左右内边距（根据内容调整） */
    font-size: 0.75rem;
  }
}


.product-category.m1 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003310093?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}
.product-category.m2 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003310095?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}
.product-category.m3 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003579291?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}
.product-category.m4 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003579289?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}
.product-category.m5 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003579285?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}
.product-category.m6 {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003579287?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 30%;
}

/* 链接 hover 状态（鼠标悬浮） */
.product-category:hover {
  background-color: var(--color-main); /*  hover 时背景变深一点 */
  color: #FFF; /* 绿色文字，图中图标有绿色元素 */
}

/* 链接 active 或点击后的状态（如果需要点击后保持变色，可结合 JS，这里先写 hover 和 focus） */
.product-category:focus,
.product-category:active {
 outline: none; /* 去除焦点 outline */
}
/* What's New 区域 */

/* FAQ 区域样式 */
.new-section, .faq-section{
    margin-bottom: 40px;
}

.faq-title {
    color: var(--color-font-base);
    font-size: 2rem;
    margin: 2.5em 0 1.5em;
    /*border-bottom: 2px solid #e0e0e0;*/
    text-align: center;
}

.faq-list {
    list-style: none;
}

.faq-list input {
    display: none;
}

.faq-list li {
  	color: var(--color-font-base);
    margin-bottom:.8em;
    border: 1px solid #ddd;
  	transition: all 0.3s ease;
}
.faq-list a {
  color: var(--color-font-base);
}
.faq-list li>a{
display: block;
}
.faq-list li .title {
  display: block;
  cursor: pointer;
  font-size: 1.25rem;
  padding: 1em;
  transition: all 0.3s ease;
}
.faq-list li .title::before {
  	content: " ";
    font-weight: bold;
    margin-right: .5rem;
  	width: 1.5em;
  	height: 1.5em;
  	display: inline-block;
	vertical-align: top;
}
.faq-section .faq-list li .title::before {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003567071?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat center / contain; 
}
.new-section .faq-list li .title::before {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000005149025?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat center / contain; 
}
.faq-section .faq-list li .title::after{
	float:right;
  	color: var(--color-main);
  	content: "+"
}
.faq-section .faq-list li:hover .title::before, .faq-section .faq-list li:focus .title::before, .faq-section .faq-list li:has(input:checked) .title::before{
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003567220?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat center / contain;
}
.new-section .faq-list li:hover .title::before, .new-section .faq-list li:focus .title::before {
  	background: url("https://desk.zoho.eu/portal/api/publicImages/216011000005149027?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat center / contain;
}

.faq-section .faq-list li:focus .title, .faq-section .faq-list li:has(input:checked) .title {
  /* cursor: unset; */
  background-color: var(--color-main);
}
.faq-list li:hover .title::after, .faq-list li:focus .title::after, .faq-list li:has(input:checked) .title::after {
  color:#fff;
}
.faq-list li:focus .title::after, .faq-list li:has(input:checked) .title::after {
  content: "-"
}
.faq-list li:hover .title {
  background-color: var(--color-main);
}
.faq-list li:hover, .faq-list li:focus, .faq-list li:has(input:checked) {
  border: 1px solid transparent;
  color: #fff;
}
.faq-list li:hover>a {
  color: #fff;
}
.faq-list li .extend a{
 color: var(--color-main)
}
.faq-list li .extend a:hover{
 text-decoration: underline;
}
.faq-list li .extend {
  height:0;
  overflow: hidden;
  color: var(--color-font-light);
  background: var(--color-light );
  transition: all 0.3s ease;
}
.faq-list li:focus .extend, .faq-list li:has(input:checked) .extend {
  height: auto;
  padding: 1rem 3.7rem;
}
/*
.faq-question-prefix {
    color: var(--color-main);
    font-weight: bold;
    margin-right: .5rem;
  	width: 1.5em;
  	height: 1.5em;
  	display: inline-block;
    background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003567071?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat contain; 
	vertical-align: top;
}
*/
.faq-question-prefix img{
	width: 1.5em;
  	height: 1.5em;
  	/*fill: var(--color-main);*/
  	vertical-align: bottom;
 }
.faq-list li:hover .faq-question-prefix, .faq-list li:focus .faq-question-prefix {
    color: #FFF;
 }

.faq-question {
    text-decoration: none;
    color: var(--color-light);
  	transition: color 0.3s ease;
}

.faq-list li:hover .faq-question, .faq-list li:focus .faq-question {
    color: #FFF;
}
.faqBot {
  	margin-top: 1em;
	overflow: hidden;
}
.faqBot .more {
  --space-min-out: .3em;
  --space-right: 5em;
  float: left;
  min-width: 9em;
  font-size: 1.125rem;
  line-height: 2.8em;
  padding: var(--space-min-out) calc(var(--space-min-out) + var(--space-right)) var(--space-min-out) 2.2em;
  color: var(--color-font-light);
  border: 2px solid var(--color-font-light);
  border-radius: 2.8em;
  transition: all 0.3s ease;
}
.faqBot .more:hover {
  color: var(--color-main);
}
.faqBot .more::after {
	float: right;
  	text-align: center;
  	margin-right: calc(-1 * var(--space-right));
  	width: 2.8em;
  	height: 2.8em;
  	border-radius: 50%;
    background: var(--color-main);
  	color: #fff;
    content: ">";
}

/* 区域标题样式 */
.section-title {
    color: var(--color-font-base);
    font-size: 2rem;
    margin: 2.5em 0 1.5em;
    text-align: center;
}

.wideContainer {
  margin: 0 0 1.5em;
}
/* 资源卡片样式 */
.resources {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.resource {
  	display: block;
  	position: relative;
  	font-size: 2rem;
    background-color: var(--color-light);
  	color: var(--color-font-light);
    /*border: 1px solid #e0e0e0;*/
    border-radius: .5em;
    padding: 1em 2em 8em;
    text-align: center;
    transition: all 0.3s ease;
  	text-decoration: none;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);*/
}

.resource:hover {
    background-color: var(--color-main);
    color: #FFF;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);*/
}

.resource-icon {
    height: 170px;
  	width: 100%;
  	position: absolute;
  	bottom: 1.8em;
  	left: 0;
}
.resource.m1 .resource-icon {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003310139?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 0 / contain;
}
.resource.m2 .resource-icon {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003310137?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 0 / contain;
}
.resource.m3 .resource-icon {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000003310135?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 0 / contain;
}
.resource.m4 .resource-icon {
  background: url("https://desk.zoho.eu/portal/api/publicImages/216011000005149013?portalId=edbsnd9c001f548e8f6d5af6ddfaa39eb43ced959ce492d7dc9a04f963b3008bce225") no-repeat 50% 0 / contain;
}

.resource-title {
    font-weight: bold;
  	line-height: 1.2;
    margin-bottom: 10px;
    color: var(--color-font-base);
    transition: color 0.3s ease;
}
.resource:hover .resource-title {
  color: #FFF;
}

.resource-desc {
  	font-size: 1rem;
    color: var(--color-font-light);
    transition: color 0.3s ease;
}

.resource:hover .resource-desc {
    color: #FFF;
    /*text-decoration: underline;*/
}
.testField {
	display: none;
}
.KbDetailLtContainer__userSocialIcon{
display:none;
}
.zh .Footer__footerBg{
 display:none
}
