html,
body {
    height: 100%;
    width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    margin: 0;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}


#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody > .container > .text-center {
    text-align: center;
    padding: 350px 0 50px;
    position: relative;
    height: 100vh;
}

#mainbody > .container > .text-center h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody > .container > .text-center > a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
    text-decoration: none;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    #mainbody > .container > .text-center {


        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody > .container > .text-center > h1 {


        font-size: 50px;
        margin-bottom: 20px;
    }
}

.footer {
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}

.footer p {
    font-size: 14px;
    margin: 0;
}

/* =============================================
   暗色/亮色主题
   ============================================= */
html { transition: background-color 0.3s, color 0.3s; }
[data-theme="dark"] body { background-color: #0f172a; color: #e2e8f0; }

/* --- 标题 & 正文 --- */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #f1f5f9; }
[data-theme="dark"] p, [data-theme="dark"] li, [data-theme="dark"] span,
[data-theme="dark"] label, [data-theme="dark"] .lead { color: #cbd5e1; }
[data-theme="dark"] a:not(.btn):not(.dropdown-item):not(.nav-link) { color: #93c5fd; }
[data-theme="dark"] a:not(.btn):not(.dropdown-item):not(.nav-link):hover { color: #a5b4fc; }

/* --- 导航栏 --- */
[data-theme="dark"] .header { background-color: rgba(15,23,42,0.95); border-bottom-color: rgba(255,255,255,0.06); }
[data-theme="dark"] .header .nav-link { color: #cbd5e1 !important; }
[data-theme="dark"] .header .nav-link:hover { color: #a5b4fc !important; }
[data-theme="dark"] .offcanvas { background-color: #1e293b; }
[data-theme="dark"] .offcanvas .nav-link { color: #cbd5e1 !important; }
[data-theme="dark"] .offcanvas .text-dark { color: #e2e8f0 !important; }

/* --- 导航栏用户按钮 --- */
.nav-user-btn { color: #1e293b !important; }
[data-theme="dark"] .nav-user-btn { background-color: #334155; border-color: rgba(255,255,255,0.1); color: #e2e8f0 !important; }
[data-theme="dark"] .nav-user-btn:hover { background-color: #475569; color: #f1f5f9 !important; }

/* --- Hero --- */
[data-theme="dark"] .hero-banner { background-color: #0f172a; }
[data-theme="dark"] .hero-banner:before {
  background: radial-gradient(circle, rgba(239,68,68,0.10) 0%, transparent 70%);
}
[data-theme="dark"] .hero-banner:after {
  background: radial-gradient(circle, rgba(59,130,246,0.10) 0%, transparent 70%);
}

/* --- Hero 插图卡片 --- */
[data-theme="dark"] .hero-card { background: #1e293b; box-shadow: 0 25px 60px rgba(0,0,0,0.3); }
[data-theme="dark"] .hero-card--float { color: #e2e8f0; }
[data-theme="dark"] .hero-card--float span { color: #cbd5e1; }
[data-theme="dark"] .hero-card__dots span { background: #475569; }
[data-theme="dark"] .hero-card__search { background: #334155; }
[data-theme="dark"] .hero-chart__bar { background: linear-gradient(180deg, #6366F1 0%, #4F46E5 100%); }
[data-theme="dark"] .hero-mini-progress { background: #334155; }
[data-theme="dark"] .hero-avatar--more { background: #334155; color: #94a3b8; }
[data-theme="dark"] .hero-cal-icon { background: #1e293b; }
[data-theme="dark"] .hero-cal-month { color: #94a3b8; }
[data-theme="dark"] .hero-cal-event { color: #cbd5e1; background: #1e293b; }

/* --- 标题光扫暗色优化 --- */
[data-theme="dark"] .shimmer-text::after {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(99,102,241,0.15) 30%,
        rgba(99,102,241,0.3) 50%,
        rgba(99,102,241,0.15) 70%,
        transparent 100%
    );
}

/* --- About 插图 --- */
[data-theme="dark"] .about-dash { background: #1e293b; box-shadow: 0 25px 60px rgba(0,0,0,0.3); }
[data-theme="dark"] .about-dash__sidebar { background: #0f172a; }
[data-theme="dark"] .about-dash__topbar-title { background: #334155; }
[data-theme="dark"] .about-stat { background: #0f172a; }
[data-theme="dark"] .about-stat__value { color: #e2e8f0; }
[data-theme="dark"] .about-stat__label { color: #64748b; }
[data-theme="dark"] .about-dash__chart-line { background: linear-gradient(180deg, #6366F1 0%, #4F46E5 100%); }
[data-theme="dark"] .about-dash__chart-line:nth-child(1) { background: linear-gradient(180deg, #818CF8 0%, #6366F1 100%); }
[data-theme="dark"] .about-dash__chart-line:nth-child(2),
[data-theme="dark"] .about-dash__chart-line:nth-child(3) { background: linear-gradient(180deg, #6366F1 0%, #1e293b 100%); }
[data-theme="dark"] .about-dash__nav-item { background: #334155; }
[data-theme="dark"] .about-dash__nav-item--active { background: #818CF8; }
[data-theme="dark"] .about-float { background: #1e293b; color: #e2e8f0; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
[data-theme="dark"] .about-float__bubble span { color: #cbd5e1; }
[data-theme="dark"] .about-mini-bars span { background: #6366F1; }
[data-theme="dark"] .about-line { stroke: #6366F1; }
[data-theme="dark"] .about-line--2 { stroke: #34D399; }
[data-theme="dark"] .about-line--3 { stroke: #FBBF24; }

/* --- 背景 --- */
[data-theme="dark"] .bg-light { background-color: #1e293b !important; }
[data-theme="dark"] .bg-white { background-color: #1e293b !important; }
[data-theme="dark"] section { background-color: #0f172a; }
[data-theme="dark"] section:nth-child(even) { background-color: #111827; }

/* --- 文字颜色 --- */
[data-theme="dark"] .text-dark { color: #e2e8f0 !important; }
[data-theme="dark"] .text-muted { color: #94a3b8 !important; }
[data-theme="dark"] .text-secondary { color: #94a3b8 !important; }
[data-theme="dark"] .text-body { color: #cbd5e1 !important; }

/* --- 卡片 & 面板 --- */
[data-theme="dark"] .card, [data-theme="dark"] .pricing-card,
[data-theme="dark"] .service-card, [data-theme="dark"] .feature-card,
[data-theme="dark"] .card-body { background-color: #1e293b; border-color: rgba(255,255,255,0.06); color: #cbd5e1; }

/* --- 按钮 --- */
[data-theme="dark"] .btn-light { background-color: #334155 !important; border-color: rgba(255,255,255,0.1); color: #e2e8f0 !important; box-shadow: 0 15px 30px rgba(0,0,0,0.25) !important; }
[data-theme="dark"] .btn-light:hover { background-color: #475569 !important; color: #f1f5f9 !important; }
[data-theme="dark"] .btn-outline-secondary { color: #cbd5e1; border-color: rgba(255,255,255,0.2); }
[data-theme="dark"] .btn-outline-secondary:hover { background-color: #334155; color: #f1f5f9; }
[data-theme="dark"] .btn-close { filter: invert(1); }

/* --- 导航标签（定价切换按钮）--- */
[data-theme="dark"] .nav-pills-pricing { background-color: #1e293b; }
[data-theme="dark"] .nav-pills .nav-link { color: #94a3b8; }
[data-theme="dark"] .nav-pills .nav-link:hover { color: #a5b4fc; }
[data-theme="dark"] .nav-pills .nav-link.active { background-color: #4F46E5; color: #fff; }

/* --- 下拉菜单 --- */
[data-theme="dark"] .dropdown-menu { background-color: #1e293b; border-color: rgba(255,255,255,0.08); }
[data-theme="dark"] .dropdown-menu .dropdown-item { color: #cbd5e1; }
[data-theme="dark"] .dropdown-menu .dropdown-item:hover { background-color: rgba(99,102,241,0.15); color: #a5b4fc; }
[data-theme="dark"] .dropdown-divider { border-color: rgba(255,255,255,0.1); }
[data-theme="dark"] .dropdown-header { color: #94a3b8; }

/* --- 表单 --- */
[data-theme="dark"] .form-control { background-color: #1e293b; border-color: rgba(255,255,255,0.1); color: #e2e8f0; }
[data-theme="dark"] .form-control:focus { background-color: #1e293b; color: #f1f5f9; }

/* --- 分割线 --- */
[data-theme="dark"] hr { border-color: rgba(255,255,255,0.1); }
[data-theme="dark"] .border { border-color: rgba(255,255,255,0.08) !important; }

/* --- 面包屑导航 --- */
[data-theme="dark"] section.sc-breadcrumb { background-color: #0f172a; }
[data-theme="dark"] .breadcrumb-item.active { color: #94a3b8; }
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before { color: #64748b; }
[data-theme="dark"] section.sc-breadcrumb:before {
  background: radial-gradient(circle, rgba(239,68,68,0.18) 0%, transparent 70%);
}
[data-theme="dark"] section.sc-breadcrumb:after {
  background: radial-gradient(circle, rgba(59,130,246,0.18) 0%, transparent 70%);
}

/* --- 用户入口 --- */
[data-theme="dark"] .nav-user-toggle { background: #1e293b; border-color: rgba(255,255,255,0.1); color: #e2e8f0 !important; }

/* --- 阴影 --- */
[data-theme="dark"] .shadow { box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; }

/* --- FAQ 折叠面板 --- */
[data-theme="dark"] .accordion-button { background-color: #1e293b; color: #e2e8f0; }
[data-theme="dark"] .accordion-button:not(.collapsed) { background-color: #1e293b; color: #a5b4fc; box-shadow: none; }
[data-theme="dark"] .accordion-button::after { filter: invert(0.7); }
[data-theme="dark"] .accordion-body { background-color: #1e293b; color: #cbd5e1; }
[data-theme="dark"] .accordion-item { background-color: #1e293b; }

/* --- 列表导航（FAQ 侧边栏等）--- */
[data-theme="dark"] .list-group-item { background-color: #1e293b; color: #cbd5e1; }
[data-theme="dark"] .list-group-item-action { color: #cbd5e1; }
[data-theme="dark"] .list-group-item-action:hover { background-color: #334155; color: #a5b4fc; }
[data-theme="dark"] .list-group-item-action.active { background-color: #4F46E5; color: #fff; border-color: #4F46E5; }

/* --- 底部 --- */
[data-theme="dark"] footer { background-color: #0f172a !important; }
[data-theme="dark"] .footer { background-color: #0f172a !important; }
[data-theme="dark"] .footer-bottom { border-top-color: rgba(255,255,255,0.08) !important; }

/* =============================================
   Indigo 按钮
   ============================================= */
.btn-indigo {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  transition: transform 0.2s, box-shadow 0.2s;
}
.btn-indigo:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(99,102,241,0.35);
  color: #fff !important;
}
.btn-outline-indigo {
  color: #4F46E5 !important;
  border: 1.5px solid #6366f1;
  border-radius: 10px;
  font-weight: 600;
  background: transparent;
  transition: all 0.2s;
}
.btn-outline-indigo:hover {
  background: #6366f1;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(99,102,241,0.25);
}

/* 暗色模式 */
[data-theme="dark"] .btn-outline-indigo {
  color: #a5b4fc !important;
  border-color: #6366f1;
}
[data-theme="dark"] .btn-outline-indigo:hover {
  background: #6366f1;
  color: #fff !important;
}