@charset "UTF-8";
.flex {
  display: flex;
  align-items: center;
}

/* 基础初始化 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 0.8333333333vw;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5;
  color: #fff;
  background-color: #000;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 列表初始化 */
ul,
ol {
  list-style: none;
}

/* 图片初始化 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 链接初始化 */
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* 表单元素初始化 */
input,
button,
textarea,
select {
  font: inherit;
  outline: none;
  border: none;
  background: none;
}

button {
  cursor: pointer;
}

/* 表格初始化 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 常用工具类 */
.container {
  max-width: 62.5vw;
  margin: 0 auto;
}
@media (max-width: 769px) {
  .container {
    margin: 0 4vw;
    max-width: 100vw;
  }
}

@media (min-width: 768px) {
  section {
    min-height: 56.25vw;
  }
}
.pc_show {
  display: block;
}
@media (max-width: 768px) {
  .pc_show {
    display: none !important;
  }
}

.mobile_show {
  display: none;
}
@media (max-width: 768px) {
  .mobile_show {
    display: block !important;
  }
}

/* Header 样式 */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.05);
}
.site-header .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.0416666667vw 0;
}
@media (max-width: 768px) {
  .site-header .header-container {
    padding: 2.6666666667vw 0;
  }
}
.site-header .header-logo {
  display: flex;
  align-items: center;
}
.site-header .header-logo img {
  height: 1.6666666667vw;
  width: auto;
}
@media (max-width: 768px) {
  .site-header .header-logo img {
    height: 5.3333333333vw;
  }
}
.site-header .header-logo .mobile-logo-box {
  display: flex;
  align-items: center;
  gap: 2.1333333333vw;
}
.site-header .header-logo .mobile-logo-box img {
  height: 8.5333333333vw;
}
.site-header .header-logo .mobile-logo-box span {
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.site-header .header-nav {
  display: none;
  gap: 2.0833333333vw;
}
@media (min-width: 1024px) {
  .site-header .header-nav {
    display: flex;
  }
}
.site-header .header-nav a {
  font-size: 0.7291666667vw;
  color: #999;
  font-weight: 500;
  transition: color 0.3s;
}
.site-header .header-nav a:hover {
  color: #fff;
}
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
@media (min-width: 1024px) {
  .site-header .header-actions {
    display: flex;
  }
}
@media (max-width: 768px) {
  .site-header .header-actions {
    gap: 2.1333333333vw;
  }
}
.site-header .mobile-menu-btn {
  display: block;
  color: #fff;
}
@media (min-width: 1024px) {
  .site-header .mobile-menu-btn {
    display: none;
  }
}
.site-header .mobile-menu-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}
@media (max-width: 768px) {
  .site-header .mobile-menu-btn svg {
    width: 6.4vw;
    height: 6.4vw;
    color: #fff;
  }
}

/* Mobile Menu Overlay 样式 */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  backdrop-filter: blur(2.6666666667vw);
}
.mobile-menu-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-overlay.is-open .mobile-menu-content {
  transform: translateY(0);
}
.mobile-menu-overlay .mobile-menu-content {
  background: #0d0101;
  width: 100%;
  padding: 5.3333333333vw 4vw 10.6666666667vw;
  transform: translateY(-5.3333333333vw);
  transition: transform 0.3s ease;
  border-bottom: 0.2666666667vw solid rgba(231, 0, 10, 0.2);
}
.mobile-menu-overlay .mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10.6666666667vw;
}
.mobile-menu-overlay .mobile-menu-header .header-logo img {
  height: 6.4vw;
}
.mobile-menu-overlay .mobile-menu-header .close-menu {
  color: #fff;
}
.mobile-menu-overlay .mobile-menu-header .close-menu svg {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
}
.mobile-menu-overlay .mobile-menu-nav {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
  margin-bottom: 10.6666666667vw;
}
.mobile-menu-overlay .mobile-menu-nav a {
  font-size: 5.3333333333vw;
  font-weight: 600;
  color: #fff;
  padding: 2.6666666667vw 0;
  border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.05);
}
.mobile-menu-overlay .mobile-menu-nav a:last-child {
  border-bottom: none;
}
.mobile-menu-overlay .mobile-menu-actions {
  display: flex;
  flex-direction: column;
  gap: 4.2666666667vw;
}
.mobile-menu-overlay .mobile-menu-actions .btn-outline,
.mobile-menu-overlay .mobile-menu-actions .btn-primary {
  width: 100%;
  text-align: center;
  padding: 3.2vw 0;
  font-size: 4.2666666667vw;
  border-radius: 3.2vw;
}

/* 按钮样式 */
.btn-outline {
  padding: 0.4166666667vw 0.8333333333vw;
  border: 0.0520833333vw solid #e7000a;
  color: #e7000a;
  border-radius: 0.4166666667vw;
  font-size: 0.7291666667vw;
  font-weight: 600;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .btn-outline {
    padding: 1.0666666667vw 3.2vw;
    font-size: 3.2vw;
    border-radius: 4vw;
  }
}
.btn-outline:hover {
  background: rgba(231, 0, 10, 0.1);
}
@media (max-width: 768px) {
  .btn-outline.sm {
    padding: 1.0666666667vw 3.2vw;
    font-size: 3.2vw;
    border-radius: 4vw;
  }
}

.btn-primary {
  padding: 0.4166666667vw 1.25vw;
  background: #e7000a;
  color: #fff;
  border-radius: 52.03125vw;
  font-size: 0.7291666667vw;
  font-weight: 600;
  transition: background 0.3s;
}
@media (max-width: 768px) {
  .btn-primary {
    padding: 1.0666666667vw 3.2vw;
    font-size: 3.2vw;
    border-radius: 4vw;
  }
}
.btn-primary:hover {
  background: rgb(180, 0, 7.7922077922);
}
@media (max-width: 768px) {
  .btn-primary.sm {
    padding: 1.0666666667vw 3.2vw;
    font-size: 3.2vw;
    border-radius: 4vw;
  }
}

.text-brand {
  color: #e7000a;
}

/* 其他基础类 */
/* Hero Section 样式 */
.hero-section {
  position: relative;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  overflow: hidden;
}
@media (min-width: 769px) {
  .hero-section {
    background: url("PC_slices/hero_bg.png") no-repeat top center;
    background-size: 100%;
    padding-top: 10.4166666667vw;
    min-height: 56.25vw;
  }
}
@media (max-width: 768px) {
  .hero-section {
    background: url("mobile_slices/m_bg_glow_hero.png") no-repeat top center;
    background-size: 100%;
    padding-top: 24.2666666667vw;
    padding-bottom: 0;
    text-align: center;
  }
}
.hero-section .hero-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 10;
}
@media (min-width: 1024px) {
  .hero-section .hero-container {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-container {
    border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
  }
}
.hero-section .hero-content {
  flex: 1;
  max-width: 100%;
}
.hero-section .hero-title {
  font-size: 1.6666666667vw;
  line-height: 1.3;
  margin-bottom: 1.25vw;
  font-weight: 700;
}
@media (min-width: 769px) {
  .hero-section .hero-title {
    font-size: 3.2291666667vw;
    line-height: 1.2;
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-title {
    font-size: 5.6vw;
    text-align: left;
    margin-bottom: 4vw;
  }
}
.hero-section .hero-title .title-main {
  margin-bottom: 0.625vw;
}
@media (min-width: 769px) {
  .hero-section .hero-title .title-main {
    margin-bottom: 1.25vw;
  }
}
.hero-section .hero-title .text-brand {
  color: #e7000a;
}
.hero-section .hero-subtitle {
  font-size: 1.25vw;
  font-weight: 300;
  margin-bottom: 2.0833333333vw;
  color: #fff;
}
@media (min-width: 769px) {
  .hero-section .hero-subtitle {
    font-size: 3.2291666667vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-subtitle {
    text-align: left;
    font-size: 6.4vw;
    margin-bottom: 8vw;
  }
}
.hero-section .hero-desc {
  font-size: 0.7291666667vw;
  color: #999;
  margin-bottom: 2.0833333333vw;
  max-width: 31.25vw;
  letter-spacing: 0.1em;
}
@media (max-width: 1023px) {
  .hero-section .hero-desc {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 769px) {
  .hero-section .hero-desc {
    font-size: 0.9375vw;
    margin-bottom: 3.3333333333vw;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-desc {
    text-align: left;
    font-size: 2.9333333333vw;
    margin-bottom: 10.6666666667vw;
    max-width: 100vw;
  }
}
.hero-section .mobile-hero-card {
  background: rgba(0, 0, 0, 0.6);
  border: 0.2666666667vw solid rgba(231, 0, 10, 0.3);
  border-radius: 5.3333333333vw;
  padding: 8vw;
  margin-bottom: 10.6666666667vw;
  text-align: center;
  position: relative;
  box-shadow: 0 0 10.6666666667vw rgba(231, 0, 10, 0.1);
}
.hero-section .mobile-hero-card .card-decor-line {
  color: #e7000a;
  font-size: 3.2vw;
  position: absolute;
  top: 4vw;
  left: 5.3333333333vw;
  opacity: 0.6;
}
.hero-section .mobile-hero-card .card-top-icon {
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 4vw;
}
.hero-section .mobile-hero-card .card-top-icon svg {
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  color: #666;
}
.hero-section .mobile-hero-card .section-label {
  font-size: 2.6666666667vw;
  color: #666;
  margin-bottom: 2.6666666667vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.hero-section .mobile-hero-card .input-bubble {
  background: #1a1a1a;
  border-radius: 8vw;
  padding: 3.2vw 5.3333333333vw;
  font-size: 2.9333333333vw;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 5.3333333333vw;
}
.hero-section .mobile-hero-card .status-center {
  margin-bottom: 5.3333333333vw;
}
.hero-section .mobile-hero-card .status-center .center-logo {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin: 0 auto 4vw;
  border: 0.2666666667vw solid #e7000a;
  border-radius: 50%;
  padding: 2.1333333333vw;
  box-shadow: 0 0 4vw rgba(231, 0, 10, 0.4);
}
.hero-section .mobile-hero-card .status-center .center-logo img {
  width: 100%;
}
.hero-section .mobile-hero-card .status-center .status-bar {
  background: #000;
  border-radius: 4vw;
  padding: 1.6vw 4vw;
  font-size: 2.1333333333vw;
  color: #999;
  margin-bottom: 2.1333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
}
.hero-section .mobile-hero-card .status-center .status-bar .dot-red {
  width: 1.0666666667vw;
  height: 1.0666666667vw;
  background: #e7000a;
  border-radius: 50%;
}
.hero-section .mobile-hero-card .result-section .result-check {
  width: 6.4vw;
  height: 6.4vw;
  border: 0.2666666667vw solid #00ff88;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 4vw;
}
.hero-section .mobile-hero-card .result-section .result-check svg {
  width: 3.2vw;
  height: 3.2vw;
  color: #00ff88;
}
.hero-section .mobile-hero-card .result-section .result-panel {
  background: #111;
  border-radius: 4vw;
  padding: 4vw;
  text-align: left;
  font-family: monospace;
}
.hero-section .mobile-hero-card .result-section .result-panel .result-header {
  font-size: 2.4vw;
  margin-bottom: 2.1333333333vw;
  font-weight: 900;
}
.hero-section .mobile-hero-card .result-section .result-panel .result-code {
  font-size: 2.1333333333vw;
  line-height: 1.4;
}
.hero-section .hero-buttons {
  display: flex;
  gap: 0.8333333333vw;
  justify-content: center;
}
@media (min-width: 1024px) {
  .hero-section .hero-buttons {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-buttons {
    gap: 3.2vw;
  }
}
.hero-section .hero-buttons .btn-primary,
.hero-section .hero-buttons .btn-outline {
  border-radius: 0.625vw;
  min-width: 7.2916666667vw;
}
@media (max-width: 768px) {
  .hero-section .hero-buttons .btn-primary,
  .hero-section .hero-buttons .btn-outline {
    min-width: 21.8666666667vw;
    padding: 2.6666666667vw 0;
    font-size: 3.7333333333vw;
  }
}
.hero-section .hero-image-box {
  margin-top: 2.0833333333vw;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .hero-section .hero-image-box {
    position: absolute;
    right: -5.2083333333vw;
    bottom: -8.8541666667vw;
    width: auto;
    margin-top: 0;
  }
}
.hero-section .hero-image-box img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .hero-section .hero-image-box img.pc_show {
    width: 41.6666666667vw;
  }
}

/* 按钮通用样式扩展 */
.btn-primary.large,
.btn-outline.large {
  padding: 0.625vw 1.6666666667vw;
  font-size: 0.8333333333vw;
}
@media (max-width: 768px) {
  .btn-primary.large,
  .btn-outline.large {
    padding: 3.2vw 8.5333333333vw;
    font-size: 4.2666666667vw;
  }
}

.section-title {
  font-size: 1.25vw;
  line-height: 1.4;
  margin-bottom: 3.125vw;
  font-weight: 600;
}
@media (min-width: 769px) {
  .section-title {
    font-size: 2.5vw;
    margin-bottom: 1.0416666667vw;
  }
}
@media (max-width: 768px) {
  .section-title {
    font-size: 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.section-title .title-line {
  margin-bottom: 0.4166666667vw;
}
@media (max-width: 768px) {
  .section-title .title-line {
    margin-bottom: 2.1333333333vw;
  }
}
.section-title .title-decorator {
  width: 3.125vw;
  height: 0.2083333333vw;
  background-color: #e7000a;
  margin: 2.5vw auto 0;
}
@media (max-width: 768px) {
  .section-title .title-decorator {
    margin: 2.9333333333vw auto 0;
    width: 10.9333333333vw;
    height: 0.5333333333vw;
  }
}

/* Features Section 样式 */
.features-section {
  padding: 4.1666666667vw 0;
  background-color: #010101;
  text-align: center;
}
@media (min-width: 769px) {
  .features-section {
    padding: 6.25vw 0;
  }
}
@media (max-width: 768px) {
  .features-section {
    padding: 9.3333333333vw 0;
  }
  .features-section .container {
    border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 769px) {
  .features-section .section-title {
    margin-bottom: 6.25vw;
  }
}
.features-section .features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25vw;
}
@media (min-width: 769px) {
  .features-section .features-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6666666667vw;
  }
}
.features-section .feature-card {
  background-image: url("PC_slices/feat_intro_bg.png");
  background-size: 100%;
  background-position: center;
  background-color: rgba(25, 25, 28, 0.6);
  backdrop-filter: blur(0.625vw);
  border: 0.0520833333vw solid rgba(255, 255, 255, 0.08);
  border-radius: 0.8333333333vw;
  padding: 1.6666666667vw;
  text-align: left;
  transition: transform 0.3s ease;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .features-section .feature-card {
    flex-direction: row;
    aspect-ratio: auto;
    background: url("mobile_slices/feat_intro_bg.png") no-repeat top left;
    background-size: 100%;
    padding: 5.3333333333vw 4vw;
    border-radius: 4.2666666667vw;
  }
}
.features-section .feature-card:hover {
  transform: translateY(-0.4166666667vw);
}
.features-section .feature-card .feature-icon {
  margin-bottom: 1.25vw;
}
@media (max-width: 768px) {
  .features-section .feature-card .feature-icon {
    flex: 0 0 10.6666666667vw;
    margin-right: 4vw;
    margin-bottom: 0;
  }
}
.features-section .feature-card .feature-icon img {
  width: 2.96875vw;
  height: 2.96875vw;
  border: 0.0520833333vw solid #490103;
  border-radius: 0.4166666667vw;
}
.features-section .feature-card .feature-icon img.mobile_show {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  border: none;
}
.features-section .feature-card .feature-name {
  font-size: 1.0416666667vw;
  font-weight: 700;
  margin-bottom: 0.625vw;
  color: #fff;
}
@media (min-width: 769px) {
  .features-section .feature-card .feature-name {
    font-size: 1.1458333333vw;
  }
}
@media (max-width: 768px) {
  .features-section .feature-card .feature-name {
    font-size: 4.2666666667vw;
    margin-bottom: 1.0666666667vw;
  }
}
.features-section .feature-card .feature-text {
  font-size: 0.7291666667vw;
  color: #999;
  line-height: 1.6;
}
@media (min-width: 769px) {
  .features-section .feature-card .feature-text {
    font-size: 0.9375vw;
  }
}
@media (max-width: 768px) {
  .features-section .feature-card .feature-text {
    font-size: 2.9333333333vw;
  }
}

/* How It Works Section 样式 */
.how-works-section {
  padding: 4.1666666667vw 0;
  background: linear-gradient(201deg, #010101 0%, #2b0303 100%);
  background-size: 100%;
  background-position: center;
  text-align: center;
}
@media (min-width: 769px) {
  .how-works-section {
    padding: 10.4166666667vw 0 5.5208333333vw 0;
  }
}
@media (max-width: 768px) {
  .how-works-section {
    padding: 9.3333333333vw 0;
    background: linear-gradient(231deg, #010101 0%, #2b0303 100%);
  }
  .how-works-section .container {
    border-bottom: 0.2666666667vw solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 769px) {
  .how-works-section .section-title {
    margin-bottom: 2.8125vw;
  }
}
.how-works-section .how-works-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25vw;
}
@media (min-width: 769px) {
  .how-works-section .how-works-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6666666667vw;
  }
}
.how-works-section .how-works-card {
  background-image: url("PC_slices/how_works_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
  border-radius: 0.8333333333vw;
  padding: 1.25vw;
  min-height: 18.2291666667vw;
  text-align: left;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .how-works-section .how-works-card {
    padding: 1.0416666667vw;
  }
}
@media (max-width: 768px) {
  .how-works-section .how-works-card {
    background: url("mobile_slices/how_works_bg.png") no-repeat top left;
    background-size: 100%;
    padding: 3.2vw;
    min-height: 55.4666666667vw;
    border-radius: 4.2666666667vw;
  }
}
.how-works-section .how-works-card .card-header {
  margin-bottom: 2.0833333333vw;
  padding-left: 3.125vw;
}
@media (min-width: 769px) {
  .how-works-section .how-works-card .card-header {
    margin-bottom: 3.125vw;
    padding-left: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .card-header {
    margin-bottom: 7.7333333333vw;
    padding-left: 17.3333333333vw;
  }
}
.how-works-section .how-works-card .card-header h3 {
  font-size: 0.9375vw;
  font-weight: 400;
  color: #fff;
}
@media (min-width: 769px) {
  .how-works-section .how-works-card .card-header h3 {
    font-size: 1.0416666667vw;
  }
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .card-header h3 {
    font-size: 3.7333333333vw;
  }
}
.how-works-section .how-works-card .card-body {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .card-body {
    gap: 2.6666666667vw;
  }
}
.how-works-section .how-works-card .chat-item {
  display: flex;
  gap: 0.625vw;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .chat-item {
    gap: 2.1333333333vw;
  }
}
.how-works-section .how-works-card .chat-item .chat-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .chat-item .chat-icon {
    width: 5.0666666667vw;
    height: 5.0666666667vw;
  }
}
.how-works-section .how-works-card .chat-item .chat-icon img {
  width: 100%;
  height: 100%;
}
.how-works-section .how-works-card .chat-item .chat-bubble {
  flex: 1;
  border: 0.0520833333vw solid #3f0103;
  border-radius: 1.0416666667vw;
  padding: 0.625vw 1.0416666667vw;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .chat-item .chat-bubble {
    padding: 1.3333333333vw 2.9333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.how-works-section .how-works-card .chat-item .chat-bubble .chat-user {
  font-size: 0.625vw;
  color: #e7000a;
  margin-bottom: 0.4166666667vw;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .chat-item .chat-bubble .chat-user {
    font-size: 2.1333333333vw;
    margin-bottom: 1.0666666667vw;
  }
}
.how-works-section .how-works-card .chat-item .chat-bubble .chat-content {
  font-size: 0.7291666667vw;
  color: #fff;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .how-works-section .how-works-card .chat-item .chat-bubble .chat-content {
    font-size: 2.6666666667vw;
  }
}

/* Workflow Section 样式 */
.workflow-section {
  padding: 4.1666666667vw 0;
  background-image: url("PC_slices/card_bg_dark.png");
  background-size: 100%;
  background-position: center;
  text-align: center;
}
@media (min-width: 769px) {
  .workflow-section {
    padding: 3.125vw 0 2.8125vw;
  }
}
@media (max-width: 768px) {
  .workflow-section {
    padding: 8vw 0;
    background: linear-gradient(231deg, #010101 0%, #2b0303 100%);
  }
}
@media (min-width: 769px) {
  .workflow-section .section-title {
    margin-bottom: 1.8229166667vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .section-title {
    margin-bottom: 6.9333333333vw;
  }
}
.workflow-section .workflow-content {
  position: relative;
  padding: 0 1.0416666667vw;
}
@media (max-width: 768px) {
  .workflow-section .workflow-content {
    padding: 0;
  }
}
.workflow-section .workflow-line-vertical {
  position: absolute;
  left: 1.875vw;
  top: 0;
  bottom: 0;
  width: 0.1041666667vw;
  background-color: #e7000a;
  z-index: 1;
}
@media (min-width: 769px) {
  .workflow-section .workflow-line-vertical {
    left: 2.7083333333vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-line-vertical {
    left: 9.6vw;
  }
}
.workflow-section .workflow-steps {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .workflow-section .workflow-steps {
    gap: 6.4vw;
  }
}
.workflow-section .workflow-step {
  background: linear-gradient(90deg, #3a0b0b 0%, #090202 8%);
  border: 0.1041666667vw solid #410203;
  border-radius: 0.7291666667vw;
  padding: 1.25vw;
  display: flex;
  align-items: center;
  gap: 1.25vw;
  transition: all 0.3s ease;
  text-align: left;
}
.workflow-section .workflow-step:hover {
  border-color: rgba(231, 0, 10, 0.4);
  transform: translateX(0.5208333333vw);
}
@media (min-width: 769px) {
  .workflow-section .workflow-step {
    gap: 2.0833333333vw;
    padding: 1.6666666667vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step {
    padding: 2.1333333333vw 6.1333333333vw;
    gap: 4vw;
    border-radius: 3.7333333333vw;
  }
}
.workflow-section .workflow-step .step-icon-box {
  position: relative;
  flex-shrink: 0;
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .workflow-section .workflow-step .step-icon-box {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step .step-icon-box {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.workflow-section .workflow-step .step-icon-box img {
  width: 1.25vw;
  height: 1.25vw;
}
@media (min-width: 769px) {
  .workflow-section .workflow-step .step-icon-box img {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step .step-icon-box img {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.workflow-section .workflow-step .step-icon-box .step-dash {
  position: absolute;
  right: -0.625vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.625vw;
  height: 0.1041666667vw;
  background-color: #e7000a;
}
@media (min-width: 769px) {
  .workflow-section .workflow-step .step-icon-box .step-dash {
    right: -1.0416666667vw;
    width: 1.0416666667vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step .step-icon-box .step-dash {
    right: -2.6666666667vw;
    width: 2.6666666667vw;
  }
}
.workflow-section .workflow-step .step-content h3 {
  font-size: 0.9375vw;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.4166666667vw;
}
@media (min-width: 769px) {
  .workflow-section .workflow-step .step-content h3 {
    font-size: 1.1458333333vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step .step-content h3 {
    font-size: 4.2666666667vw;
    margin-bottom: 1.0666666667vw;
  }
}
.workflow-section .workflow-step .step-content p {
  font-size: 0.7291666667vw;
  color: #999;
  line-height: 1.6;
}
@media (min-width: 769px) {
  .workflow-section .workflow-step .step-content p {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-step .step-content p {
    font-size: 3.2vw;
  }
}
.workflow-section .workflow-footer {
  margin-top: 1.5625vw;
}
@media (max-width: 768px) {
  .workflow-section .workflow-footer {
    margin-top: 8vw;
  }
}
.workflow-section .workflow-footer .footer-text {
  font-size: 1.6666666667vw;
  font-weight: 700;
  margin-bottom: 1.6666666667vw;
}
@media (min-width: 769px) {
  .workflow-section .workflow-footer .footer-text {
    font-size: 2.3958333333vw;
  }
}
@media (max-width: 768px) {
  .workflow-section .workflow-footer .footer-text {
    font-size: 4vw;
    margin-bottom: 5.3333333333vw;
  }
}
.workflow-section .workflow-footer .footer-text span {
  color: #9c9ca6;
}
.workflow-section .workflow-footer .footer-text span.text-brand {
  color: #e7000a;
}
.workflow-section .workflow-footer .footer-text span:nth-child(2) {
  color: #fff;
}
.workflow-section .workflow-footer img {
  margin: 0 auto;
}
.workflow-section .workflow-footer img.pc_show {
  width: 7.1875vw;
  height: 0.2604166667vw;
}
.workflow-section .workflow-footer img.mobile_show {
  width: 18.4vw;
  height: 0.5333333333vw;
}

/* Case Study Section 样式 */
.case-study-section {
  padding: 4.1666666667vw 0;
  background: linear-gradient(190deg, #0d0101 0%, #2b0303 100%);
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center;
}
@media (min-width: 769px) {
  .case-study-section {
    padding: 6.25vw 0;
  }
}
@media (max-width: 768px) {
  .case-study-section {
    padding: 7.4666666667vw 0;
  }
}
@media (min-width: 769px) {
  .case-study-section .section-title {
    margin-bottom: 2.7083333333vw;
  }
}
.case-study-section .case-study-grid {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  margin-top: 3.125vw;
}
@media (min-width: 1024px) {
  .case-study-section .case-study-grid {
    flex-direction: row;
    margin-top: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .case-study-section .case-study-grid {
    margin-top: 10.6666666667vw;
    gap: 5.3333333333vw;
  }
}
.case-study-section .case-panel {
  flex: 1;
  padding: 1.25vw;
  text-align: left;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
@media (min-width: 769px) {
  .case-study-section .case-panel {
    padding: 1.25vw;
    min-height: 27.9166666667vw;
  }
}
@media (max-width: 768px) {
  .case-study-section .case-panel {
    padding: 4vw;
    min-height: auto;
  }
}
.case-study-section .case-panel.chat-window {
  background-image: url("./PC_slices/case_study_bg.png");
}
.case-study-section .case-panel.console-window {
  background-image: url("./PC_slices/case_study_bg2.png");
}
.case-study-section .case-panel.console-window .window-title {
  margin-left: 0;
}
@media (max-width: 768px) {
  .case-study-section .case-panel.console-window {
    padding: 4vw;
    min-height: 82.9333333333vw;
  }
}
.case-study-section .window-header {
  margin-bottom: 2.0833333333vw;
}
@media (max-width: 768px) {
  .case-study-section .window-header {
    margin-bottom: 5.3333333333vw;
  }
}
.case-study-section .window-header .window-title {
  font-size: 0.625vw;
  color: #e7000a;
  letter-spacing: 0.2em;
  margin-left: 3.125vw;
}
@media (min-width: 769px) {
  .case-study-section .window-header .window-title {
    margin-left: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .case-study-section .window-header .window-title {
    font-size: 2.6666666667vw;
    margin-left: 10.6666666667vw;
  }
}
.case-study-section .chat-flow {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 768px) {
  .case-study-section .chat-flow {
    gap: 5.3333333333vw;
    height: 64vw;
    margin-top: 10.6666666667vw;
  }
}
.case-study-section .chat-item {
  display: flex;
  gap: 1.0416666667vw;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .case-study-section .chat-item {
    gap: 3.2vw;
  }
}
.case-study-section .chat-item .chat-icon {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .case-study-section .chat-item .chat-icon {
    width: 8vw;
    height: 8vw;
  }
}
.case-study-section .chat-item .chat-icon img {
  width: 100%;
  height: 100%;
}
.case-study-section .chat-item .chat-bubble {
  flex: 1;
  border: 0.0520833333vw solid rgba(231, 0, 10, 0.15);
  border-radius: 1.4583333333vw;
  padding: 1.25vw;
}
@media (max-width: 768px) {
  .case-study-section .chat-item .chat-bubble {
    padding: 1.0666666667vw 2.9333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.case-study-section .chat-item .chat-bubble .chat-user {
  font-size: 0.6770833333vw;
  color: #e7000a;
  margin-bottom: 0.625vw;
}
@media (max-width: 768px) {
  .case-study-section .chat-item .chat-bubble .chat-user {
    font-size: 2.6666666667vw;
    margin-bottom: 1.6vw;
  }
}
.case-study-section .chat-item .chat-bubble .chat-content {
  font-size: 0.8333333333vw;
  color: #ffd6d6;
  line-height: 1.6;
  font-weight: 400;
}
@media (max-width: 768px) {
  .case-study-section .chat-item .chat-bubble .chat-content {
    font-size: 3.2vw;
  }
}
.case-study-section .analysis-report {
  margin-top: 1.25vw;
  padding: 1.25vw;
  border: 0.0520833333vw solid rgba(231, 0, 10, 0.4);
  border-radius: 1.0416666667vw;
  display: flex;
  gap: 1.0416666667vw;
  align-items: center;
}
@media (max-width: 768px) {
  .case-study-section .analysis-report {
    margin-top: 4vw;
    margin-bottom: 4vw;
    padding: 1.0666666667vw 2.9333333333vw;
    border-radius: 4vw;
    gap: 3.2vw;
    font-size: 3.2vw;
  }
}
.case-study-section .analysis-report .status-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  border-radius: 50%;
  border: 0.0520833333vw solid #e7000a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .case-study-section .analysis-report .status-icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.case-study-section .analysis-report .status-icon svg {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  color: #e7000a;
}
@media (max-width: 768px) {
  .case-study-section .analysis-report .status-icon svg {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
.case-study-section .analysis-report p {
  font-size: 0.7291666667vw;
  color: #e7000a;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .case-study-section .analysis-report p {
    font-size: 2.9333333333vw;
  }
}
.case-study-section .console-steps {
  display: flex;
  flex-direction: column;
  gap: 1.3020833333vw;
}
@media (max-width: 768px) {
  .case-study-section .console-steps {
    gap: 3.2vw;
    margin-top: 8vw;
  }
}
.case-study-section .console-card {
  border-radius: 0.8333333333vw;
  display: flex;
  gap: 1.25vw;
  align-items: center;
}
@media (max-width: 768px) {
  .case-study-section .console-card {
    gap: 4vw;
  }
}
.case-study-section .console-card .card-icon {
  width: 2.9166666667vw;
  height: 2.9166666667vw;
  border-radius: 50%;
  border: 0.078125vw solid rgba(231, 0, 10, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-icon {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.case-study-section .console-card .card-icon svg {
  width: 1.25vw;
  height: 1.25vw;
  color: #e7000a;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-icon svg {
    width: 4.8vw;
    height: 4.8vw;
  }
}
.case-study-section .console-card:last-child .card-icon {
  background: #e7000a;
  border: none;
}
.case-study-section .console-card:last-child .card-icon svg {
  color: #fff;
}
.case-study-section .console-card .card-info {
  flex: 1;
  border-radius: 1.4583333333vw;
  border: 0.0520833333vw solid rgba(231, 0, 10, 0.2);
  padding: 0.78125vw 1.0416666667vw;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-info {
    padding: 2.1333333333vw 3.2vw;
    border-radius: 5.3333333333vw;
    border: 0;
    border: 0.2666666667vw solid #3f0103;
  }
}
.case-study-section .console-card .card-tag {
  font-size: 0.7291666667vw;
  color: #e7000a;
  margin-bottom: 0.625vw;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-tag {
    font-size: 2.9333333333vw;
    margin-bottom: 0;
  }
}
.case-study-section .console-card .card-title {
  font-size: 0.7291666667vw;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0.4166666667vw;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-title {
    font-size: 3.4666666667vw;
    margin-bottom: 0;
  }
}
.case-study-section .console-card .card-meta {
  font-size: 0.7291666667vw;
  color: #9c9ca6;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-meta {
    font-size: 2.9333333333vw;
  }
}
.case-study-section .console-card .log-line {
  font-size: 0.7291666667vw;
  color: #9c9ca6;
  margin-bottom: 0.4166666667vw;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .case-study-section .console-card .log-line {
    font-size: 2.9333333333vw;
    margin-bottom: 0;
  }
}
.case-study-section .console-card .log-line span:first-child {
  color: #e7000a;
  margin-right: 0.625vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .case-study-section .console-card .log-line span:first-child {
    margin-right: 2.1333333333vw;
  }
}
.case-study-section .console-card .log-line .text-success {
  color: #00c850;
  margin-left: 0.4166666667vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .case-study-section .console-card .log-line .text-success {
    margin-left: 1.0666666667vw;
  }
}
.case-study-section .console-card .card-desc {
  font-size: 0.7291666667vw;
  color: #ccc;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .case-study-section .console-card .card-desc {
    font-size: 3.2vw;
  }
}
.case-study-section .case-labels {
  margin-top: 4.1666666667vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.8333333333vw;
}
@media (min-width: 1024px) {
  .case-study-section .case-labels {
    gap: 0;
  }
}
@media (max-width: 768px) {
  .case-study-section .case-labels {
    flex-wrap: nowrap;
    align-items: stretch;
    margin-top: 10.6666666667vw;
    gap: 0;
  }
}
.case-study-section .case-labels .label-item {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
}
@media (max-width: 768px) {
  .case-study-section .case-labels .label-item {
    gap: 2.1333333333vw;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
  }
}
.case-study-section .case-labels .label-item .label-icon {
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .case-study-section .case-labels .label-item .label-icon {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
  }
}
.case-study-section .case-labels .label-item .label-icon img {
  width: 100%;
  height: 100%;
}
.case-study-section .case-labels .label-item span {
  font-size: 1.1458333333vw;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .case-study-section .case-labels .label-item span {
    font-size: 2.9333333333vw;
  }
}
.case-study-section .case-labels .label-divider {
  display: none;
}
@media (min-width: 1024px) {
  .case-study-section .case-labels .label-divider {
    display: block;
    width: 2.0833333333vw;
    height: 0.1041666667vw;
    background: #e7000a;
    margin: 0 1.25vw;
  }
}
@media (max-width: 768px) {
  .case-study-section .case-labels .label-divider {
    margin-top: 8vw;
    display: block;
    width: 7.7333333333vw;
    height: 0.2666666667vw;
    background: #e7000a;
  }
}

/* Advantages Section 样式 */
.advantages-section {
  padding: 4.1666666667vw 0;
  background: linear-gradient(168deg, #010101 0%, #3a0505 100%);
  text-align: center;
}
@media (min-width: 769px) {
  .advantages-section {
    padding: 6.25vw 0;
  }
}
@media (max-width: 768px) {
  .advantages-section {
    padding: 10.6666666667vw 0;
  }
}
@media (min-width: 769px) {
  .advantages-section .section-title {
    margin-bottom: 5.5729166667vw;
  }
}
.advantages-section .underline-brand {
  border-bottom: 0.1041666667vw solid #e7000a;
  padding-bottom: 0.2083333333vw;
}
.advantages-section .advantages-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25vw;
  margin-top: 3.125vw;
}
@media (min-width: 769px) {
  .advantages-section .advantages-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6666666667vw;
    margin-top: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .advantages-section .advantages-grid {
    margin-top: 8vw;
    gap: 5.3333333333vw;
  }
}
.advantages-section .advantage-card {
  background: #0f0202;
  border: 0.0520833333vw solid #0f0202;
  border-radius: 1.3541666667vw;
  padding: 5.2083333333vw 1.5625vw;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .advantages-section .advantage-card {
    padding: 4vw;
    border-radius: 5.3333333333vw;
    display: flex;
  }
}
.advantages-section .advantage-card:hover {
  border-color: rgba(231, 0, 10, 0.5);
  transform: translateY(-0.4166666667vw);
}
.advantages-section .advantage-card .card-icon {
  width: 3.75vw;
  height: 3.75vw;
  margin: 0 auto 2.7083333333vw;
}
.advantages-section .advantage-card .card-icon img {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .advantages-section .advantage-card .card-icon {
    width: 13.6vw;
    height: 12.5333333333vw;
    margin-bottom: 5.3333333333vw;
    flex: 0 0 13.6vw;
    margin-right: 4.8vw;
  }
}
.advantages-section .advantage-card .card-title {
  font-size: 1.1458333333vw;
  color: #fff;
  margin-bottom: 1.5625vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .advantages-section .advantage-card .card-title {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    text-align: left;
  }
}
.advantages-section .advantage-card .card-desc {
  font-size: 0.9375vw;
  color: #999;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .advantages-section .advantage-card .card-desc {
    font-size: 3.2vw;
    text-align: left;
  }
}

/* Live Status Section 样式 */
.live-status-section {
  padding: 4.1666666667vw 0;
  background: linear-gradient(190deg, #010101 0%, #2b0303 100%);
  text-align: center;
}
@media (min-width: 769px) {
  .live-status-section {
    padding: 5.2083333333vw 0;
  }
}
@media (max-width: 768px) {
  .live-status-section {
    padding: 10.6666666667vw 0;
    background: linear-gradient(231deg, #010101 0%, #2b0303 100%);
  }
}
.live-status-section .live-dashboard {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  margin-top: 3.125vw;
}
@media (min-width: 1024px) {
  .live-status-section .live-dashboard {
    flex-direction: row;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .live-status-section .live-dashboard {
    margin-top: 8vw;
    gap: 4vw;
  }
}
.live-status-section .dashboard-left {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  flex: 0 0 21.1979166667vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-left {
    flex: none;
    gap: 4vw;
  }
}
.live-status-section .dashboard-right {
  flex: 1;
}
.live-status-section .dashboard-card {
  border: 0.0520833333vw solid rgba(231, 0, 10, 0.15);
  border-radius: 1.4583333333vw;
  padding: 1.6666666667vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card {
    padding: 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
.live-status-section .dashboard-card.status-card {
  padding: 2.0833333333vw;
  background: linear-gradient(90deg, #3a0b0b 0%, #090202 8%);
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.status-card {
    padding: 3.2vw 5.3333333333vw;
  }
}
.live-status-section .dashboard-card.status-card .status-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.0416666667vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.status-card .status-main {
    margin-top: 4vw;
  }
}
.live-status-section .dashboard-card.status-card .status-text {
  font-size: 1.6666666667vw;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.status-card .status-text {
    font-size: 6.4vw;
  }
}
.live-status-section .dashboard-card.status-card .status-indicator .dot-outer {
  width: 2.9166666667vw;
  height: 2.9166666667vw;
  border: 0.1041666667vw solid rgba(231, 0, 10, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.status-card .status-indicator .dot-outer {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.live-status-section .dashboard-card.status-card .status-indicator .dot-inner {
  width: 1.25vw;
  height: 1.25vw;
  background: #e7000a;
  border-radius: 50%;
  box-shadow: 0 0 0.78125vw #e7000a;
  animation: pulse 2s infinite;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.status-card .status-indicator .dot-inner {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.live-status-section .dashboard-card.stats-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.0833333333vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.stats-card {
    padding: 3.4666666667vw;
    gap: 5.3333333333vw;
    flex-direction: row;
  }
}
.live-status-section .dashboard-card.stats-card .stat-group .stat-value {
  font-size: 2.5vw;
  font-weight: 700;
  color: #fff;
  margin-top: 0.625vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.stats-card .stat-group .stat-value {
    font-size: 5.6vw;
    margin-top: 0;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.stats-card .stat-group .stat-line {
    margin-top: 2.4vw;
    width: 18.4vw;
    height: 0.2666666667vw;
    background: linear-gradient(90deg, #e02c2c 0%, #e02c2c 39.32%, #2e0404 100%);
  }
}
.live-status-section .dashboard-card.stats-card .stat-divider {
  height: 0.0520833333vw;
  background: linear-gradient(90deg, rgba(231, 0, 10, 0.5) 0%, transparent 100%);
  margin: 1.6666666667vw 0;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.stats-card .stat-divider {
    margin: 5.3333333333vw 0;
  }
}
.live-status-section .dashboard-card.log-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.live-status-section .dashboard-card.log-card .log-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25vw;
  border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1.6666666667vw;
  font-family: monospace;
  font-size: 0.7291666667vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-header {
    padding-bottom: 4vw;
    margin-bottom: 5.3333333333vw;
    font-size: 2.9333333333vw;
  }
}
.live-status-section .dashboard-card.log-card .log-header .header-left {
  font-size: 0.8333333333vw;
  color: #e7000a;
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-header .header-left {
    font-size: 3.2vw;
    gap: 1.6vw;
  }
}
.live-status-section .dashboard-card.log-card .log-header .header-right {
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  color: #00ff88;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-header .header-right {
    gap: 1.6vw;
  }
}
.live-status-section .dashboard-card.log-card .log-header .dot-live {
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background: #00ff88;
  border-radius: 50%;
  display: inline-block;
  animation: blink 1.5s infinite;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-header .dot-live {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.live-status-section .dashboard-card.log-card .log-list {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  flex: 1;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-list {
    gap: 5.3333333333vw;
  }
}
.live-status-section .dashboard-card.log-card .log-item {
  display: flex;
  gap: 1.0416666667vw;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-item {
    gap: 3.2vw;
  }
}
.live-status-section .dashboard-card.log-card .log-item .log-icon {
  width: 1.4583333333vw;
  height: 1.4583333333vw;
  border: 0.078125vw solid #e7000a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.2083333333vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-item .log-icon {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-top: 0.5333333333vw;
  }
}
.live-status-section .dashboard-card.log-card .log-item .log-icon svg {
  width: 0.7291666667vw;
  height: 0.7291666667vw;
  color: #e7000a;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-item .log-icon svg {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.live-status-section .dashboard-card.log-card .log-item .log-title {
  font-size: 0.7291666667vw;
  color: #e7000a;
  font-weight: 700;
  margin-bottom: 0.4166666667vw;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-item .log-title {
    font-size: 2.9333333333vw;
    margin-bottom: 1.0666666667vw;
    text-align: left;
  }
}
.live-status-section .dashboard-card.log-card .log-item .log-desc {
  font-size: 0.7291666667vw;
  color: #9c9ca6;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-item .log-desc {
    font-size: 2.9333333333vw;
    text-align: left;
  }
}
.live-status-section .dashboard-card.log-card .log-actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625vw;
  margin-top: 2.5vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .log-actions {
    gap: 2.6666666667vw;
    margin-top: 6.6666666667vw;
  }
}
.live-status-section .dashboard-card.log-card .btn-dashboard {
  background: #e7000a;
  color: #fff;
  border-radius: 0.8333333333vw;
  padding: 1.25vw 0.625vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625vw;
  transition: all 0.3s;
  box-shadow: 0 0 1.0416666667vw rgba(231, 0, 10, 0.3);
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .btn-dashboard {
    padding: 3.2vw 1.6vw;
    border-radius: 2.6666666667vw;
    gap: 1.6vw;
    box-shadow: 0 0 2.6666666667vw rgba(231, 0, 10, 0.3);
  }
}
.live-status-section .dashboard-card.log-card .btn-dashboard:hover {
  transform: translateY(-0.2604166667vw);
  background: rgb(255, 1.5, 12.474025974);
  box-shadow: 0 0 1.5625vw rgba(231, 0, 10, 0.5);
}
.live-status-section .dashboard-card.log-card .btn-dashboard svg {
  width: 2.1875vw;
  height: 2.1875vw;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .btn-dashboard svg {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.live-status-section .dashboard-card.log-card .btn-dashboard span {
  font-size: 0.9375vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .live-status-section .dashboard-card.log-card .btn-dashboard span {
    font-size: 2.9333333333vw;
  }
}
.live-status-section .card-label {
  font-size: 0.7291666667vw;
  color: #e7000a;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .live-status-section .card-label {
    font-size: 3.2vw;
    text-align: left;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
/* Footer 样式 */
.site-footer {
  background: url("PC_slices/hero_bg.png") no-repeat top center;
  background-size: 100%;
  background-position: top center;
  padding-top: 4.1666666667vw;
  position: relative;
  min-height: 56.25vw;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .site-footer {
    padding-top: 10.6666666667vw;
    min-height: auto;
  }
}
.site-footer .footer-cta {
  text-align: center;
  padding-bottom: 4.1666666667vw;
  border-bottom: 0.0520833333vw solid rgba(255, 255, 255, 0.1);
  max-width: 46.875vw;
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .site-footer .footer-cta {
    padding-bottom: 10.6666666667vw;
    max-width: 100vw;
  }
}
.site-footer .cta-title-wrapper {
  position: relative;
  display: inline-block;
  padding: 0 2.0833333333vw;
  margin-bottom: 1.25vw;
}
@media (max-width: 768px) {
  .site-footer .cta-title-wrapper {
    padding: 0 6.6666666667vw;
    margin-bottom: 4vw;
  }
}
.site-footer .cta-title-wrapper .bracket-tl {
  position: absolute;
  top: -0.5208333333vw;
  left: 0;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-top: 0.1041666667vw solid #e7000a;
  border-left: 0.1041666667vw solid #e7000a;
}
@media (max-width: 768px) {
  .site-footer .cta-title-wrapper .bracket-tl {
    top: -1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.site-footer .cta-title-wrapper .bracket-br {
  position: absolute;
  bottom: -0.5208333333vw;
  right: 0;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-bottom: 0.1041666667vw solid #e7000a;
  border-right: 0.1041666667vw solid #e7000a;
}
@media (max-width: 768px) {
  .site-footer .cta-title-wrapper .bracket-br {
    bottom: -1.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.site-footer .cta-title {
  font-size: 1.6666666667vw;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 769px) {
  .site-footer .cta-title {
    font-size: 3.125vw;
  }
}
@media (max-width: 768px) {
  .site-footer .cta-title {
    font-size: 6.1333333333vw;
  }
}
.site-footer .cta-desc {
  font-size: 0.7291666667vw;
  color: #9c9ca6;
  letter-spacing: 0.1em;
  margin-bottom: 3.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .site-footer .cta-desc {
    font-size: 3.2vw;
    margin-bottom: 8vw;
    gap: 2.1333333333vw;
  }
}
.site-footer .cta-desc span {
  color: #fff;
  font-weight: 700;
}
.site-footer .cta-desc .badge-black {
  background: #000;
  color: #fff;
  padding: 0.1041666667vw 0.625vw;
  border-radius: 52.03125vw;
  font-size: 0.625vw;
  font-weight: 700;
  border: 0.0520833333vw solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  .site-footer .cta-desc .badge-black {
    padding: 0.5333333333vw 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
.site-footer .cta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25vw;
}
@media (max-width: 768px) {
  .site-footer .cta-buttons {
    gap: 4vw;
    margin: 0 18.6666666667vw;
  }
}
.site-footer .cta-buttons button {
  display: flex;
  align-items: center;
  gap: 0.625vw;
  padding: 0.625vw 1.6666666667vw;
  font-size: 0.8333333333vw;
  border-radius: 0.625vw;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .site-footer .cta-buttons button {
    padding: 2.4vw;
    font-size: 3.7333333333vw;
    border-radius: 2.6666666667vw;
    gap: 2.1333333333vw;
  }
  .site-footer .cta-buttons button img {
    width: 4.5333333333vw;
    height: 3.2vw;
  }
}
.site-footer .cta-buttons button svg {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}
@media (max-width: 768px) {
  .site-footer .cta-buttons button svg {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
}
.site-footer .btn-apply {
  background: #e7000a;
  color: #fff;
  padding-right: 1.25vw !important;
}
@media (max-width: 768px) {
  .site-footer .btn-apply {
    padding: 2.4vw 5.3333333333vw !important;
    justify-content: space-between;
    width: 100%;
  }
}
.site-footer .btn-apply .btn-text {
  white-space: nowrap;
}
.site-footer .btn-apply .btn-divider {
  width: 0.0520833333vw;
  height: 1.25vw;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 0.2083333333vw;
}
@media (max-width: 768px) {
  .site-footer .btn-apply .btn-divider {
    height: 4.2666666667vw;
    margin: 0 1.0666666667vw;
  }
}
.site-footer .btn-apply .btn-subtext {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.4166666667vw;
  line-height: 1;
  opacity: 0.8;
  font-family: monospace;
}
@media (max-width: 768px) {
  .site-footer .btn-apply .btn-subtext {
    font-size: 2.6666666667vw;
  }
}
.site-footer .btn-apply .btn-subtext span:first-child {
  font-weight: 900;
  margin-bottom: 0.1041666667vw;
}
@media (max-width: 768px) {
  .site-footer .btn-apply .btn-subtext span:first-child {
    margin-bottom: 0.2666666667vw;
  }
}
.site-footer .btn-apply:hover {
  background: rgb(255, 1.5, 12.474025974);
  box-shadow: 0 0 1.5625vw rgba(231, 0, 10, 0.4);
}
.site-footer .btn-red-outline {
  background: transparent;
  border: 0.078125vw solid #e7000a;
  color: #fff;
}
@media (max-width: 768px) {
  .site-footer .btn-red-outline {
    flex: 1;
  }
}
.site-footer .btn-red-outline svg {
  color: #e7000a;
}
.site-footer .btn-red-outline:hover {
  box-shadow: 0 0 1.5625vw rgba(231, 0, 10, 0.4);
}
.site-footer .footer-bottom {
  padding: 1.6666666667vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.25vw;
}
@media (min-width: 769px) {
  .site-footer .footer-bottom {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .site-footer .footer-bottom {
    padding: 5.3333333333vw 0;
    gap: 4vw;
  }
}
.site-footer .footer-info {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  color: #9c9ca6;
  font-size: 0.625vw;
}
@media (max-width: 768px) {
  .site-footer .footer-info {
    gap: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
.site-footer .footer-info img {
  height: 0.8333333333vw;
}
@media (max-width: 768px) {
  .site-footer .footer-info img {
    height: 3.2vw;
  }
}
.site-footer .footer-social {
  display: flex;
  gap: 1.25vw;
}
@media (max-width: 768px) {
  .site-footer .footer-social {
    gap: 4vw;
  }
}
.site-footer .footer-social a {
  opacity: 0.5;
  transition: opacity 0.3s;
}
.site-footer .footer-social a:hover {
  opacity: 1;
}
.site-footer .footer-social a img {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
@media (max-width: 768px) {
  .site-footer .footer-social a img {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}

/* 移动端小按钮 */
.btn-sm-outline {
  background: rgba(231, 0, 10, 0.1);
  border: 0.2666666667vw solid rgba(231, 0, 10, 0.5);
  color: #e7000a;
}

.btn-sm-primary {
  background: #e7000a;
  color: #fff;
  box-shadow: 0 0 4vw rgba(231, 0, 10, 0.4);
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.hidden {
  display: none !important;
}

.hero {
  position: relative;
}

/* 动态效果相关样式 */
.reveal {
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
}
.reveal.reveal-fade-up {
  transform: translateY(1.5625vw);
}
@media (max-width: 768px) {
  .reveal.reveal-fade-up {
    transform: translateY(8vw);
  }
}
.reveal.reveal-fade-in {
  transform: translateY(0);
}
.reveal.reveal-zoom-in {
  transform: scale(0.9);
}
.reveal.reveal-pop-out {
  transform: scale(0.5);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.reveal.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* 延迟类 */
.delay-100 {
  transition-delay: 100ms !important;
}

.delay-200 {
  transition-delay: 200ms !important;
}

.delay-300 {
  transition-delay: 300ms !important;
}

.delay-400 {
  transition-delay: 400ms !important;
}

.delay-500 {
  transition-delay: 500ms !important;
}

.delay-600 {
  transition-delay: 600ms !important;
}

.delay-700 {
  transition-delay: 700ms !important;
}

.delay-800 {
  transition-delay: 800ms !important;
}

.delay-900 {
  transition-delay: 900ms !important;
}

.delay-1000 {
  transition-delay: 1000ms !important;
}

.delay-1100 {
  transition-delay: 1100ms !important;
}

.delay-1200 {
  transition-delay: 1200ms !important;
}

.delay-1300 {
  transition-delay: 1300ms !important;
}

.delay-1400 {
  transition-delay: 1400ms !important;
}

.delay-1500 {
  transition-delay: 1500ms !important;
}

/* 悬停提升效果 */
.hover-lift {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 10px 30px rgba(231, 0, 10, 0.15);
}

/* 打字机光标效果 */
.typing-cursor::after {
  content: "|";
  animation: blink 1s infinite;
  margin-left: 2px;
  color: #e7000a;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* 英雄图浮动动画 */
.float-anim {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.0416666667vw);
    @media (max-width: 768px) {
      transform: translateY(-5.3333333333vw);
    }
  }
}
/* 数字滚动动画基础 */
.count-up {
  display: inline-block;
}

/*# sourceMappingURL=style.css.map */