/* common.css
   全局通用样式与主题变量定义
*/
:root{
    /* 主题色（原色）- 统一定义，便于修改 */
    --theme-primary: #00ABFF; /* 主蓝色 */
    --theme-accent: #0aa3ff;
    --text-color: #333;
    --muted-color: #7b8894;
    --max-width: 1446px;
    --container-padding: 20px;
    --placeholder-color: #7b8894;
    --color-blue-5: #4179BB;
}

/* 全局基础样式 */
*{box-sizing:border-box; margin: 0; padding: 0;}
html,body{height:100%}
body{
    margin:0;
    font: 14px / 1.32 "思源黑体 CN", "Source Han Sans CN", "noto sans", Arial, tahoma, Helvetica, sans-serif;
    /* font-family: "PingFang SC", "Microsoft Yahei", sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans CJK SC"; */
    color:var(--text-color);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height: 1;
    /* background-color: #333; */
    background-color: #fff;
    /* background-color: transparent; */
    min-width: var(--max-width);
}

a{color:var(--theme-primary);text-decoration:none}
a:hover{opacity:0.9}
button, button.btn{
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0 15px;
}

/* 统一 placeholder 样式 */
input::placeholder,
textarea::placeholder {
  color: var(--placeholder-color);          /* 字体颜色 */
  font-style: normal;   /* 避免斜体（某些浏览器默认斜体） */
  opacity: 1;           /* Webkit 浏览器默认 opacity: 0.54，需重置 */
  font-weight: 400;
}

/* 兼容旧版 Webkit（Safari < 10, Chrome < 57） */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-style: normal;
  opacity: 1;
  font-weight: 400;
}

/* 兼容 Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--placeholder-color);
  font-style: normal;
  opacity: 1;
  font-weight: 400;
}

/* 兼容 Firefox 18- */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--placeholder-color);
  font-style: normal;
  opacity: 1;
  font-weight: 400;
}

/* 兼容 IE10+ */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--placeholder-color);
  font-style: normal;
  opacity: 1;
  font-weight: 400;
}

ul,ol,li{list-style:none}

.container{margin:0 auto;padding:0 var(--container-padding)}
.row{display:flex;flex-wrap:wrap}
.col{flex:1}

/* 按钮基础 */
.btn{
    display:inline-block;padding:10px 18px;border-radius:4px;background:var(--theme-primary);color:#fff;border:none;cursor:pointer;transition:all .18s ease
}
.btn.secondary{background:transparent;color:var(--theme-primary);border:1px solid var(--theme-primary)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(43,134,217,.12)}

/* 响应适配（针对 PC） */
@media (max-width: 1610px){
  .logo img{
    height: 40px!important;
    margin-right: 10px!important;
  }
  .brand-text{
    padding-left: 12px!important;
  }
  .nav a{
    padding: 0 8px!important;
  }
}
@media (max-width: 900px){.container{padding:0 14px}}

/* 可复用的卡片 */
.card{background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.06);overflow:hidden}

/* 辅助小字 */
.muted{color:var(--muted-color);font-size:13px}

/* 图片通用 */
img{display:block}

html, body {
  scroll-behavior: smooth;
}

.scroll-container {
  scroll-snap-type: y mandatory;
}

.screen {
  scroll-snap-align: start;
}



/* 过渡动画 */
.fade{transition:opacity .28s ease,transform .28s ease}
.fade-up{transform:translateY(6px);opacity:0}
.fade-up.in{transform:none;opacity:1}

/* 悬停效果 */
button{transition:all .18s ease;cursor: pointer;}


/* 整体滚动条容器 */
::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条宽度 */
  height: 6px; /* 水平滚动条高度（如需要） */
}

/* 滚动条轨道（背景）——设为透明 */
::-webkit-scrollbar-track {
  background: transparent;
}

/* 滚动条滑块（thumb） */
::-webkit-scrollbar-thumb {
  background-color: var(--color-blue-5);
  border-radius: 0px;
  /* 可选：增加一点内边距视觉效果 */
}

/* 隐藏滚动条两端的箭头（按钮） */
::-webkit-scrollbar-button {
  display: none;
}

/* 可选：当鼠标悬停时高亮 */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-blue-5);
  opacity: 0.8;
}

.swiper-slide-active .animate-block{
  opacity: 1!important;
  transform: translateY(0px) translateX(0px) translate(0, 0) scale(1)!important;
  transition: all .5s linear;
}