@charset "UTF-8";
 
 /*
  *代号：FastEdge
  *版本：V1.0
  *作者：Aden
  *时间：2025-10-27 18:20
  *申明：本页面代码版权归Aden所有，禁止未经许可的复制与商用。
 */ 

:root{
  --brand:#2544c5;
  --brand-2:#1b2ea8;
  --text-900:#0f172a;
  --text-600:#475569;
  --bg-50:#f8fafc;
  --radius:1rem;
}

/* Base Elements */
html{scroll-behavior:smooth}

body{color:var(--text-900);background-color:#ffffff}

.link-brand{color:var(--brand)}

/* Buttons */
.btn-brand{background:var(--brand);border-color:var(--brand)}

.btn-brand:hover{background:var(--brand-2);border-color:var(--brand-2)}

/* Utility Classes */
.section{padding:72px 0}

.rounded-2xl{border-radius:1.25rem}

.shadow-soft{box-shadow:0 10px 30px rgba(37,68,197,.15)}

.bg-stripes{background-image:linear-gradient(135deg, rgba(37,68,197,.06) 12.5%, transparent 12.5%, transparent 50%, rgba(37,68,197,.06) 50%, rgba(37,68,197,.06) 62.5%, transparent 62.5%, transparent);background-size:8px 8px}

.flag{height:18px;width:auto;border-radius:2px}

.scroll-top-btn{right:16px;bottom:16px;border-radius:999px;width:48px;height:48px;display:grid;place-items:center}

footer a{text-decoration:none}

/* Iconography */
.icon-badge{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:var(--brand)}

.check i{color:var(--brand)}

/* Navigation */
.navbar{min-height:80px;padding-top:0;padding-bottom:0}

.navbar-brand img{max-height:56px}

.navbar .btn{border-radius:.75rem}

.nav-link{font-weight:500}

/* Hero Section */
.hero{
  background: radial-gradient(1200px 480px at 10% 0%, rgba(37,68,197,.25), transparent 60%),
              radial-gradient(900px 420px at 90% 10%, rgba(27,46,168,.25), transparent 60%),
              linear-gradient(180deg, #f6f8ff 0%, #ffffff 60%);
}

.hero-badge{font-size:.875rem;border:1px solid rgba(37,68,197,.25);padding:.25rem .6rem;border-radius:999px;background:#fff}

.hero-banner{border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px rgba(37,68,197,.15);max-width:520px;margin-left:auto}

.hero-banner-img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}

/* Pricing */
.pricing-card{border-radius:var(--radius);border:1px solid #e5e7eb}

.pricing-card.popular{border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,68,197,.07)}

/* Media Queries */
@media (max-width: 991.98px){
  .navbar{min-height:64px;padding-top:.75rem;padding-bottom:.75rem}
  .navbar-brand img{max-height:40px}
  .navbar-nav .nav-auth{margin-left:0!important}
  .navbar-nav .nav-auth + .nav-auth{margin-top:.5rem}
}

/* Dark Mode  */
@media (prefers-color-scheme: dark){
  body{background-color:#0b1220;color:#e2e8f0}
  .text-secondary{color:#cbd5f5 !important}
  .section{background-color:transparent}
  .navbar{background:rgba(10,16,32,.92) !important;border-bottom:1px solid rgba(148,163,184,.25)}
  .navbar .nav-link{color:#c3d4ff !important}
  .navbar .nav-link:hover,
  .navbar .nav-link:focus{color:#ffffff !important}
  .navbar .btn{border-color:rgba(99,102,241,.6)}
  .navbar-toggler{border-color:rgba(148,163,184,.4)}
  .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(99,102,241,.35)}
  .navbar-toggler-icon{filter:invert(1) brightness(1.2)}
  .navbar .btn.btn-outline-primary{color:#93b4ff;border-color:rgba(99,102,241,.6)}
  .navbar .btn.btn-outline-primary:hover{background:rgba(99,102,241,.15)}
  .navbar .btn.btn-brand{color:#fff}
  .hero{background:radial-gradient(1200px 480px at 10% 0%, rgba(79,121,255,.25), transparent 60%),
                radial-gradient(900px 420px at 90% 10%, rgba(55,80,200,.25), transparent 60%),
                linear-gradient(180deg, #111c34 0%, #0b1220 60%)}
  .hero-badge{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.35);color:#e2e8f0}
  .hero-banner{box-shadow:0 12px 32px rgba(0,0,0,.45)}
  .bg-light{background:#0b1220 !important}
  .bg-white{background:#111c2b !important}
  .border,
  .border-top,
  .border-bottom{border-color:rgba(148,163,184,.25) !important}
  .pricing-card{background:#141f38;border-color:rgba(148,163,184,.25)}
  .pricing-card.popular{box-shadow:0 0 0 4px rgba(99,102,241,.15)}
  .icon-badge{background:rgba(99,102,241,.2);color:#93b4ff}
  .shadow-soft{box-shadow:0 10px 30px rgba(15,23,42,.4)}
  .link-secondary{color:#93b4ff !important}
  .btn-outline-primary{color:#93b4ff;border-color:rgba(99,102,241,.6)}
  .btn-outline-primary:hover{background:rgba(99,102,241,.15)}
  .btn-brand{background:linear-gradient(135deg, #5063ff, #2747ff);border-color:transparent}
  .scroll-top-btn{background:linear-gradient(135deg,#5063ff,#2747ff);border-color:transparent}
  .bg-stripes{background-image:linear-gradient(135deg, rgba(79,121,255,.18) 12.5%, transparent 12.5%, transparent 50%, rgba(79,121,255,.18) 50%, rgba(79,121,255,.18) 62.5%, transparent 62.5%, transparent)}
  .accordion-button{background:#141f38;color:#e2e8f0}
  .accordion-button:not(.collapsed){color:#fff;background:#1b2744;box-shadow:inset 0 -1px 0 rgba(148,163,184,.15)}
  .accordion-button::after{filter:invert(1)}
  .accordion-body{background:#141f38;color:#e2e8f0}
  .alert-info{background:rgba(79,121,255,.12);border-color:rgba(99,102,241,.35);color:#cbd5f5}
  .footer{background:#0b1220}
  .footer a{color:#93b4ff}
}