* {
  box-sizing: border-box;
}

body {
	font-family: var(--font-stack);
	
	/* background-position: center; */
	background-color: white;
    margin: 0; /* 清除默认的 margin 值 */
    padding: 0; /* 清除默认的 padding 值 */
}

p {
    font-family: var(--font-stack); /* 设置字体 */
}

.nav-mark {
    background-color: rgba(255, 255, 255, 0.5);
	height: 80px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);    /*适配Safari*/
}

div.home {
    background-color: white;
	background-image: url("../img/home_bg.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	/* background-position: center; */
    background-size: 100% 100%; /* 设置背景图片宽度和高度为父标签的100% */
}

/* 自定义导航栏切换按钮图标样式 */
.navbar-toggler img {
    width: 40px; /* 设置图标宽度 */
    height: 40px; /* 设置图标高度 */
}

#navbar-logo {
	box-sizing: border-box;
	padding: 0px;
}

/* 遮罩 */
.screen-mask {
    opacity: 0;
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    visibility: visible;
    z-index: 100;
	transition: opacity 0.3s
}

/* #collapsibleNavbar {
	background-color: white;
} */

a,
a:hover,
a:active,
a:visited {
    font-family: var(--font-stack); /* 设置字体 */
	font-size: 14px;
    color: var(--title) !important; /* 设置颜色 */
	font-weight: bold;
}

img.apple_store_badge {
    width: 135px; /* 设置图标宽度 */
    height: 40px; /* 设置图标高度 */
}

.navbar-nav::before {
    content: '';
    display: block;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--navbar_border);
}

/* 移除点击汉堡按钮后出现的黑色边框 */
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:focus
{
  outline: none;
  border: none;
  box-shadow: none;
}

button {
    outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
	box-shadow:none;
}

.home-content-left-title {
	font-size: 60px;
    color: var(--title); /* 设置颜色 */
	font-weight: bold;
}

.home-content-left-message {
	font-size: 18px;
    color: var(--message-color); /* 设置颜色 */
	font-weight: 400;
}

.home-content-left p:nth-child(1) {
    margin-bottom: 16px; /* 设置下边距为 16px */
}

.home-content-left p:nth-child(2) {
    margin-bottom: 32px; /* 解除第二个 <p> 标签的下边距 */
}

.home-get-started {
	background-color: var(--primary-color);
	border: none;
	border-radius: 8px;
	width: 138px;
	height: 56px;
	font-size: 16px;
    color: white; /* 设置颜色 */
	font-weight: 700;
	margin-right: 16px;
}

#home-play-video {
	background-color: transparent;
	border: none;
	width: 179px;
	height: 56px;
	font-size: 16px;
    color: var(--primary-color); /* 设置颜色 */
	font-weight: 700;
}

#home-play-video img {
	width: 24px;
	height: 24px;
}

#home-play-video p {
	display: inline;
	text-align: center;
	height: 100%; /* 设置高度为父容器高度 */
}

#mobile-app-main {
    width: 100%; /* 设置高度为父容器高度 */
}

.logo-clouds {
	border: none;
	background-color: white;
	padding-top: 16px;
	padding-bottom: 16px;
}

.logo-clouds-content {
	padding: 25px 0px 25px 0px;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: rgb(229,231,235);
}

/* 功能 */
.features-title {
	font-size: 48px;
    color: var(--title); /* 设置颜色 */
	text-align: center;
	font-weight: bold;
}

.features-subtitle {
	font-size: 18px;
    color: var(--title); /* 设置颜色 */
	text-align: center;
	font-weight: normal;
	margin-bottom: 64px;
}

.features-item-title {
	font-size: 30px;
    color: var(--title); /* 设置颜色 */
	text-align: center;
	font-weight: bold;
}

.features-item-subtitle {
	font-size: 16px;
    color: var(--title); /* 设置颜色 */
	text-align: center;
	font-weight: normal;
	/* margin-bottom: 64px; */
}

/* 推荐 Testimonial */
.Testimonial {
	background-color: var(--testimonial-back);
}

.Testimonial-Quote-Mark {
    position: absolute;
	width: 142px;
	height: 116px;
	margin-top: 64px;
	margin-left: 112px;
	/* z-index:-1; */
}

.Testimonial-Title {
	font-size: 48px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: bold;
}

.Testimonial-SubTitle {
	font-size: 18px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: normal;
}

.Testimonial-Content {
	padding-top: 120px;
	padding-bottom: 96px;
}

.Testimonial-Item {
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
}

.Testimonial-Item1 {
	padding-bottom: 64px;
}

.Testimonial-Item2 {
	padding-bottom: 32px;
}

.Testimonial-Item3,
.Testimonial-Item4 {
	padding-bottom: 0px;
}

.Testimonial-Item-Content {
	 border-radius: 8px;
	padding: 32px 32px 32px 32px;
}

.Testimonial-Item1-img {
	margin-bottom: 32px;
	/* padding-bottom: 32px; */
}

.Testimonial-item-title {
    color: var(--title); /* 设置颜色 */
	text-align: left;
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: normal;
}

.Testimonial-item-author {
    color: var(--title); /* 设置颜色 */
	text-align: left;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
}

.Testimonial-item-position {
    color: var(--title); /* 设置颜色 */
	text-align: left;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: normal;
}

/* Metrics */
.Metrics {
	padding-top: 80px;
	padding-bottom: 80px;
}

.Metrics-Title {
	font-size: 48px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: bold;
}

.Metrics-SubTitle {
	font-size: 18px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: normal;
}

.Metrics-Item-Title {
	font-size: 36px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: bold;
}

.Metrics-Item-SubTitle {
	font-size: 16px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: normal;
}

.Metrics-Item2-1-1,
.Metrics-Item2-1-2 {
	margin-bottom: 40px;
}

.Metrics-Item2-2-1,
.Metrics-Item2-2-2 {
	margin-bottom: 0px;
}

.Metrics-Item1 {
	margin-bottom: 0px;
}

/* CTA */
.CTA {
	background-color: var(--cta-back);
}

.CTA-Get-App {
	font-size: 18px;
    color: var(--title); /* 设置颜色 */
	text-align: left;
	font-weight: 500;
}

.CTA-phone {
	margin-top: 0px;
}

.phone-mockup-1 {
	margin-bottom: 80px;
}

.phone-mockup-2 {
	margin-top: 80px;
}

/* Footer */
.Footer-Content {
	padding-top: 64px;
	padding-bottom: 64px;
}

.Footer-a,
.Footer-a:hover,
.Footer-a:active,
.Footer-a:visited {
    font-family: var(--font-stack); /* 设置字体 */
	font-size: 16px;
    color: white !important; /* 设置颜色 */
	font-weight: normal;
    text-decoration: none;
	padding-left: 0;
}

.Footer-copyright-notice {
	font-size: 14px;
    color: white; /* 设置颜色 */
	text-align: left;
	font-weight: normal;
}

.Footer-Get-App {
	font-size: 18px;
    color: white; /* 设置颜色 */
	text-align: left;
	font-weight: 500;
}