/* Place your custom css here */

.hero-banner .hero-title-line {
  color: inherit;
  letter-spacing: 0;
  line-height: 1.05;
}

.hero-banner .hero-description {
  color: #454e5a;
}

/* ===== 图标背景色扩展（与 style.css 中 Tailwind 色板保持一致） ===== */
.bg-indigo {
  background-color: #6366F1 !important;
}
.bg-purple {
  background-color: #8B5CF6 !important;
}
.bg-teal {
  background-color: #14B8A6 !important;
}

.card-feature > .icon.bg-indigo {
  box-shadow: 0 15px 30px rgba(99, 102, 241, 0.45);
}
.card-feature > .icon.bg-purple {
  box-shadow: 0 15px 30px rgba(139, 92, 246, 0.45);
}
.card-feature > .icon.bg-teal {
  box-shadow: 0 15px 30px rgba(20, 184, 166, 0.45);
}

#benefitAccordion .accordion-button .accordion-icon.bg-indigo {
  box-shadow: 0 10px 20px rgba(99, 102, 241, 0.45);
}
#benefitAccordion .accordion-button .accordion-icon.bg-purple {
  box-shadow: 0 10px 20px rgba(139, 92, 246, 0.45);
}
#benefitAccordion .accordion-button .accordion-icon.bg-teal {
  box-shadow: 0 10px 20px rgba(20, 184, 166, 0.45);
}

/* ===== 团队成员模块：双行跑马灯 ===== */
/* 注：.team-marquee 不再裁剪（视口已裁剪轨道），否则放大的头像会被裁掉 */
.team-marquee-viewport {
  overflow: hidden;
  /* 上下留白：容纳 hover 时放大 3 倍的头像，且不改变整体布局高度 */
  padding: 90px 0;
  margin: -90px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.team-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: team-marquee-scroll 28s linear infinite;
  will-change: transform;
}

.team-marquee:hover .team-marquee-track {
  animation-play-state: paused;
}

/* 悬停卡片所在行提升层级，放大的头像不被下一行/相邻卡片遮挡 */
.team-marquee:has(.team-card:hover) .team-marquee-track {
  position: relative;
  z-index: 20;
}

/* 第二行反向滚动（交错） */
.team-marquee:nth-child(3) .team-marquee-track,
.team-marquee + .team-marquee .team-marquee-track {
  animation-direction: reverse;
}

@keyframes team-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.team-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
  width: 150px;
  padding: 18px 12px;
  margin-right: 28px;
  background: #ffffff;
  border: 1px solid rgba(100, 116, 139, 0.12);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.06);
  position: relative;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.team-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(37, 99, 235, 0.12);
  z-index: 5;
}

.team-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #2563EB;
  padding: 3px;
  background: #fff;
  transition: transform 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
}

/* 悬停时头像放大 3 倍，浮出卡片表面 */
.team-card:hover .team-avatar {
  transform: scale(3);
  box-shadow: 0 24px 60px rgba(37, 99, 235, 0.35);
}

.team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.team-name {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  text-align: center;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.team-row-name {
  font-size: 18px;
  font-weight: 600;
  color: #2563EB;
}

@media (max-width: 767px) {
  .team-card {
    width: 120px;
  }

  .team-avatar {
    width: 72px;
    height: 72px;
  }
}

/* ===== 欧西产品定价模块 ===== */
/* 卡片内文字禁止选中，避免误操作 */
.pricing-card,
.pricing-card * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 卡片悬浮效果：hover 上浮 + 阴影加深（修复色块感/发闷问题） */
.pricing-card {
  transition: transform 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
  /* 阴影模糊范围控制在 padding 可容纳空间内，避免被 swiper overflow:hidden 截断 */
  box-shadow: 0 12px 35px rgba(37, 99, 235, 0.12);
}

.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(37, 99, 235, 0.2);
}

/* 关键修复：swiper 容器高度恰好等于卡片高度且 overflow:hidden，
   会把卡片 hover 上浮和扩散阴影全部裁剪，形成"外框"硬边。
   给容器加上下留白（底部 100px ≥ 阴影扩散范围），悬浮/阴影完整显示。 */
#sliderPricing {
  padding-top: 24px;
  padding-bottom: 100px;
}

/* 主标题/副标题 与 产品卖点之间的分隔线 */
.pricing-features-divider {
  border-top: 1px solid rgba(100, 116, 139, 0.18);
  padding-top: 18px;
}

/* 购买按钮：价格渲染进按钮，居中显示 */
.pricing-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 260px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.pricing-btn-price {
  font-size: 1.15em;
}

.pricing-btn-unit {
  font-size: 0.85em;
  opacity: 0.85;
  font-weight: 600;
}

/* 按钮内价格颜色：
   非特别标注卡片 → btn-primary 蓝底 → 价格白色
   特别标注卡片   → btn-light 白底   → 价格黑色 */
.pricing-buy-btn .pricing-btn-price,
.pricing-buy-btn .pricing-btn-unit {
  color: #ffffff;
}

.pricing-card.highlight .pricing-buy-btn .pricing-btn-price,
.pricing-card.highlight .pricing-buy-btn .pricing-btn-unit {
  color: #1e293b;
}

/* 功能列表与排除功能：两列网格布局，每格图标+文字整行居中 */
.pricing-features {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
  align-items: center;
  justify-items: center;
  width: 100%;
}

.pricing-features .pricing-feature {
  width: 100%;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}

.pricing-features .pricing-feature span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.pricing-feature-excluded span {
  opacity: 0.75;
}

/* 排除功能：独立成列，每项独占一行、整体居中（不混入两列网格） */
.pricing-features-excluded {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.pricing-features-excluded .pricing-feature {
  width: 100%;
  justify-content: center;
  white-space: normal;
  overflow: visible;
}

.pricing-features-excluded .pricing-feature span {
  white-space: normal;
  overflow: visible;
  max-width: none;
}

/* 尾部居中总结：排除功能下方，居中展示、支持多行换行 */
.pricing-summary {
  text-align: center;
  white-space: pre-line;
  color: #64748b;
  line-height: 1.7;
  border-top: 1px solid rgba(100, 116, 139, 0.18);
  padding-top: 14px;
  margin-bottom: 16px;
}

.pricing-card.highlight .pricing-summary {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* 高亮卡：顶部与尾部两根分隔线改为白色，避免蓝底上发黑看不见 */
.pricing-card.highlight .pricing-features-divider,
.pricing-card.highlight .pricing-summary {
  border-color: rgba(255, 255, 255, 0.35);
}

/* 单卡片时（如月付只有 1 张卡）整体居中显示，不左对齐 */
#sliderPricing.pricing-single .swiper-wrapper {
  justify-content: center;
}

/* 单卡时去掉 slide 间距（spaceBetween 的 margin-right），保证严格居中 */
#sliderPricing.pricing-single .swiper-slide {
  margin-right: 0 !important;
}

/* 标注样式抽离：卡片带 .pricing-card.highlight 时整体高亮，文字自动变白 */
.pricing-card.highlight {
  background-color: #2563EB !important;
  position: relative;
  overflow: hidden;
}

.pricing-card.highlight:before {
  content: "";
  background-image: url("../images/blur-turquoise.webp");
  background-size: 100%;
  width: 800px;
  height: 800px;
  position: absolute;
  z-index: 1;
  filter: blur(100px);
  top: -400px;
  left: -300px;
  will-change: filter;
  transform: translateZ(0);
}

.pricing-card.highlight h3,
.pricing-card.highlight h2,
.pricing-card.highlight .pricing-subtitle,
.pricing-card.highlight .pricing-unit,
.pricing-card.highlight .pricing-feature span {
  color: #ffffff !important;
  position: relative;
  z-index: 3;
}

/* 高亮卡按钮：btn-light 白底，文字用深色保证可读 */
.pricing-card.highlight .pricing-buy-btn {
  color: #1e293b !important;
  position: relative;
  z-index: 3;
}

.pricing-card.highlight .pricing-badge {
  display: inline-block;
  position: relative;
  z-index: 3;
}

.pricing-card.highlight .pricing-feature i {
  position: relative;
  z-index: 3;
}

/* 价格卡内部通用（非高亮时也生效） */
.pricing-card .pricing-badge {
  display: inline-block;
}

.pricing-badge-none {
  display: none !important;
}

/* 定价区块容器加宽并加左右内边距：为左右长条按钮留出独立通道（卡片完整显示、不被按钮挤压/裁剪） */
#pricingTabContent .container {
  max-width: 1420px;
  padding-left: 82px;
  padding-right: 82px;
}

@media (max-width: 1199.98px) {
  #pricingTabContent .container {
    max-width: 1240px;
  }
}

/* 窄屏下翻页按钮改为下方静态排列，恢复默认容器内边距 */
@media (max-width: 991.98px) {
  #pricingTabContent .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* 左右翻页按钮：卡片左右两侧的竖向长条，高度与卡片等高，不遮挡卡片 */
.pricing-swiper-nav {
  position: absolute;
  top: 24px;     /* 与 #sliderPricing 的 padding-top 对齐 */
  bottom: 100px; /* 与 #sliderPricing 的 padding-bottom 对齐 */
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch; /* 长条按钮撑满整个卡片高度 */
  z-index: 10;
  pointer-events: none; /* 中间区域不拦截卡片点击 */
}

.pricing-prev,
.pricing-next {
  width: 44px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  color: #2563EB;
  font-size: 26px;
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.14);
}

.pricing-prev:hover,
.pricing-next:hover {
  background: #2563EB;
  color: #ffffff;
  border-color: #2563EB;
}

/* hover 时向两侧微微滑出，强化左右指向 */
.pricing-prev:hover {
  transform: translateX(-3px);
}

.pricing-next:hover {
  transform: translateX(3px);
}

.pricing-prev.swiper-button-disabled,
.pricing-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  .pricing-swiper-nav {
    position: static;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
  }
}

/* 卡片区域悬停不显示任何拖拽/抓手光标，保证无拖拽误导 */
#sliderPricing,
#sliderPricing .swiper-slide,
#sliderPricing .pricing-card {
  cursor: default;
}

#sliderPricing .pricing-buy-btn {
  cursor: pointer;
}

/* ===== 网站底部配置：联系方式 / 二维码 / 社交图标 / 订阅标题 / 版权条 ===== */
/* 联系方式：图标 + 文字，一行一条 */
.footer .footer-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer .footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 15px;
  line-height: 1.6;
  word-break: break-all;
}

.footer .footer-contact-item i {
  font-size: 16px;
  color: #FFB400;
  margin-top: 3px;
  flex-shrink: 0;
}

/* 公众号二维码 */
.footer .footer-qrcode {
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

/* 社交图标：圆形按钮一排 */
.footer .footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.footer .footer-social {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.footer .footer-social:hover {
  background: #2563EB;
  border-color: #2563EB;
  color: #ffffff;
  transform: translateY(-3px);
}

.footer .footer-social-fallback {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

/* 订阅模块标题（深色底上需要白色） */
.footer .form-newsletter .newsletter-title {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
}

/* 版权条：附加链接 + 公安备案 */
.footer .copyright .copyright-links {
  margin-left: 18px;
}

.footer .copyright .copyright-link {
  color: #ffffff;
  opacity: 0.5;
  text-decoration: none;
  margin-left: 18px;
  transition: opacity 0.3s ease-in-out;
}

.footer .copyright .copyright-link:hover {
  opacity: 1;
}

.footer .copyright .copyright-police {
  color: rgba(255, 255, 255, 0.5);
  margin-left: 18px;
}

@media (max-width: 767px) {
  .footer .copyright .copyright-links,
  .footer .copyright .copyright-police {
    display: block;
    margin: 6px 0 0;
  }
}

/* ===== 媒体中心区块（FAQ 之后，白色背景） ===== */
#media-center.media-center {
  background-color: #ffffff;
  padding: 130px 0;
}

@media (max-width: 575px) {
  #media-center.media-center {
    padding: 80px 0;
  }
}

.media-center-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 28px;
}

.media-center-card {
  width: 260px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid #eef1f6;
  border-radius: 16px;
  padding: 32px 24px 28px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.media-center-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.1);
}

.media-center-qr {
  width: 150px;
  height: 150px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e9f2;
  border-radius: 12px;
  padding: 10px;
  background: #ffffff;
  margin-bottom: 20px;
}

.media-center-qr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.media-center-card-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 8px;
}

.media-center-card-desc {
  font-size: 14px;
  line-height: 1.7;
  color: #64748b;
  margin: 0;
}

@media (max-width: 767px) {
  .media-center-card {
    width: 100%;
    max-width: 300px;
  }
}

/* ===== Hero 标题渐变方案（后台可选 01-20，高端商务深色系，同色相轻微明度渐变） ===== */
.hero-banner .hero-title-line {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 01 石墨黑：#3A3C42 → #555960 → #70757F（轻微渐变） */
.hero-grad-01 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #3A3C42 0%, #555960 50%, #70757F 100%);
}
.hero-grad-01 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #555960, #474B51);
}

/* 02 炭黑银：#3E4042 → #5B5D60 → #777B7F（轻微渐变） */
.hero-grad-02 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #3E4042 0%, #5B5D60 50%, #777B7F 100%);
}
.hero-grad-02 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #5B5D60, #4C4F51);
}

/* 03 深灰蓝：#2F3742 → #455160 → #5B6A7F（轻微渐变） */
.hero-grad-03 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #2F3742 0%, #455160 50%, #5B6A7F 100%);
}
.hero-grad-03 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #455160, #3A4451);
}

/* 04 藏蓝：#212B42 → #303E60 → #3F527F（轻微渐变） */
.hero-grad-04 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #212B42 0%, #303E60 50%, #3F527F 100%);
}
.hero-grad-04 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #303E60, #283551);
}

/* 05 墨绿翡翠：#2D4237 → #416051 → #567F6B（轻微渐变） */
.hero-grad-05 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #2D4237 0%, #416051 50%, #567F6B 100%);
}
.hero-grad-05 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #416051, #375144);
}

/* 06 深青绿：#29423E → #3C605B → #4F7F79（轻微渐变） */
.hero-grad-06 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #29423E 0%, #3C605B 50%, #4F7F79 100%);
}
.hero-grad-06 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #3C605B, #32514D);
}

/* 07 勃艮第红：#422227 → #60323A → #7F424C（轻微渐变） */
.hero-grad-07 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #422227 0%, #60323A 50%, #7F424C 100%);
}
.hero-grad-07 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #60323A, #512A30);
}

/* 08 咖啡棕：#423226 → #604938 → #7F6049（轻微渐变） */
.hero-grad-08 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #423226 0%, #604938 50%, #7F6049 100%);
}
.hero-grad-08 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #604938, #513D2F);
}

/* 09 暖灰棕：#423B33 → #60564B → #7F7163（轻微渐变） */
.hero-grad-09 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #423B33 0%, #60564B 50%, #7F7163 100%);
}
.hero-grad-09 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #60564B, #51483F);
}

/* 10 深紫罗兰：#332942 → #4B3C60 → #634F7F（轻微渐变） */
.hero-grad-10 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #332942 0%, #4B3C60 50%, #634F7F 100%);
}
.hero-grad-10 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #4B3C60, #3F3251);
}

/* 11 靛紫：#2A2442 → #3E3560 → #51467F（轻微渐变） */
.hero-grad-11 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #2A2442 0%, #3E3560 50%, #51467F 100%);
}
.hero-grad-11 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #3E3560, #342C51);
}

/* 12 深香槟金：#42381A → #605226 → #7F6C33（轻微渐变） */
.hero-grad-12 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #42381A 0%, #605226 50%, #7F6C33 100%);
}
.hero-grad-12 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #605226, #514520);
}

/* 13 青铜：#423222 → #604932 → #7F6042（轻微渐变） */
.hero-grad-13 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #423222 0%, #604932 50%, #7F6042 100%);
}
.hero-grad-13 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #604932, #513E2A);
}

/* 14 海军蓝：#1B2542 → #283660 → #35487F（轻微渐变） */
.hero-grad-14 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #1B2542 0%, #283660 50%, #35487F 100%);
}
.hero-grad-14 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #283660, #222E51);
}

/* 15 烟灰蓝：#353B42 → #4D5760 → #66727F（轻微渐变） */
.hero-grad-15 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #353B42 0%, #4D5760 50%, #66727F 100%);
}
.hero-grad-15 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #4D5760, #414951);
}

/* 16 灰褐：#423935 → #60544D → #7F6F66（轻微渐变） */
.hero-grad-16 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #423935 0%, #60544D 50%, #7F6F66 100%);
}
.hero-grad-16 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #60544D, #514741);
}

/* 17 橄榄绿：#3A422B → #55603F → #717F54（轻微渐变） */
.hero-grad-17 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #3A422B 0%, #55603F 50%, #717F54 100%);
}
.hero-grad-17 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #55603F, #485135);
}

/* 18 灰紫：#3C3742 → #585160 → #746B7F（轻微渐变） */
.hero-grad-18 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #3C3742 0%, #585160 50%, #746B7F 100%);
}
.hero-grad-18 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #585160, #4A4451);
}

/* 19 钢蓝灰：#2B3542 → #3F4E60 → #54667F（轻微渐变） */
.hero-grad-19 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #2B3542 0%, #3F4E60 50%, #54667F 100%);
}
.hero-grad-19 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #3F4E60, #354151);
}

/* 20 暖炭棕：#423A37 → #605551 → #7F6F6B（轻微渐变） */
.hero-grad-20 .hero-title-line-1 {
  background-image: linear-gradient(115deg, #423A37 0%, #605551 50%, #7F6F6B 100%);
}
.hero-grad-20 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #605551, #514744);
}

/* ===== Hero 流光方案（后台可选 21-23，高级黑灰系：深灰底 + 银白/铂金高光流动，两行均流光） ===== */
.hero-grad-21 .hero-title-line-1,
.hero-grad-21 .hero-title-line-2,
.hero-grad-22 .hero-title-line-1,
.hero-grad-22 .hero-title-line-2,
.hero-grad-23 .hero-title-line-1,
.hero-grad-23 .hero-title-line-2 {
  background-size: 200% 100%;
  -webkit-animation: hero-flow 3s linear infinite;
  animation: hero-flow 3s linear infinite;
}

/* 21 银色流光：炭黑底 + 银白高光（慢速，最商务） */
.hero-grad-21 .hero-title-line-1,
.hero-grad-21 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #1E2126 0%, #4A4E55 35%, #FFFFFF 50%, #4A4E55 65%, #1E2126 100%);
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}

/* 22 铂金流光：深灰底 + 亮铂金高光（中速） */
.hero-grad-22 .hero-title-line-1,
.hero-grad-22 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #2A2D33 0%, #5A5F68 35%, #F4F6F8 50%, #5A5F68 65%, #2A2D33 100%);
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

/* 23 月光流光：石墨底 + 冷月光银高光（快速，更灵动） */
.hero-grad-23 .hero-title-line-1,
.hero-grad-23 .hero-title-line-2 {
  background-image: linear-gradient(90deg, #34373E 0%, #636873 35%, #EAF0F7 50%, #636873 65%, #34373E 100%);
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

@-webkit-keyframes hero-flow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
@keyframes hero-flow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* 系统"减弱动态效果"时降级为静态渐变（不闪动） */
@media (prefers-reduced-motion: reduce) {
  .hero-grad-21 .hero-title-line-1,
  .hero-grad-21 .hero-title-line-2,
  .hero-grad-22 .hero-title-line-1,
  .hero-grad-22 .hero-title-line-2,
  .hero-grad-23 .hero-title-line-1,
  .hero-grad-23 .hero-title-line-2 {
    -webkit-animation: none;
    animation: none;
    background-size: 100% 100%;
  }
  .hero-grad-21 .hero-title-line-1,
  .hero-grad-21 .hero-title-line-2 { background-image: linear-gradient(90deg, #1E2126, #6B7078); }
  .hero-grad-22 .hero-title-line-1,
  .hero-grad-22 .hero-title-line-2 { background-image: linear-gradient(90deg, #2A2D33, #8A9099); }
  .hero-grad-23 .hero-title-line-1,
  .hero-grad-23 .hero-title-line-2 { background-image: linear-gradient(90deg, #34373E, #9AA0AA); }
}


/* ===== 全站文字不可选中（输入框/文本域例外，保证可输入） ===== */
body,
body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

input,
textarea,
[contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}