@charset "UTF-8";
:root, [data-bs-theme=light] {
  --bs-blue: #1E6EE5;
  --bs-border-color: #EFF0F3;
  --bs-primary-rgb: 30, 110, 229;
  --bs-dropdown-border-radius: 10px;
  --bs-border-color: #e1e1e1;
}

.navbar {
  --bs-navbar-color:#000;
  --bs-navbar-hover-color:#4F39F6;
}

.btn {
  --bs-btn-font-size: 14px;
  min-height: 36px;
  line-height: calc(36px - 0.75rem);
  border-radius: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

.btn-sm {
  --bs-btn-font-size: 14px;
  min-height: 38px;
  line-height: calc(38px - 0.75rem);
}

.btn-primary {
  background-color: #4F39F6;
}

.btn-light {
  --bs-btn-bg: #fff;
}

.dropdown-menu {
  min-width: 100px;
  --bs-dropdown-font-size: 14px;
  border-color: #E7E8EC;
  --bs-dropdown-min-width:auto;
  --bs-dropdown-padding-y:12px;
  --bs-dropdown-padding-x:12px;
  --bs-dropdown-item-padding-x:10px;
  --bs-dropdown-item-padding-y:8px
;
}

.dropdown-item {
  text-align: center;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #EFF0F3;
  border-radius: 6px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #4F39F6;
  border-radius: 6px;
}

.form-control, .form-select {
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  height: 34px;
  border-radius: 8px;
}

.form-select {
  padding-right: 2.25rem;
}

.form-floating > label {
  padding-left: 15px;
  padding-right: 15px;
  color: #999;
}

.input-group .form-floating > .form-control, .input-group .form-floating > label {
  padding-left: 15px;
  padding-right: 15px;
}

.input-group .form-floating > .form-control {
  border-radius: 8px 0 0 8px;
}

.input-group .form-floating ~ .input-group-text {
  height: 54px;
}

.input-group .input-group-text {
  height: 34px;
  border-radius: 8px 0 0 8px !important;
  font-size: 14px;
}

.input-group .pawSee {
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  font-size: 18px;
}

.table > :not(caption) > * > * {
  padding: 15px;
}

.offcanvas {
  --bs-offcanvas-width: 90%;
  max-width: 380px;
}

.text-muted {
  color: #60646C !important;
}

.border {
  border-color: #E8E8EC !important;
}

.text-primary {
  color: #4F39F6 !important;
}

.text-bg-primary {
  background-color: #E9E6FF !important;
}

.btn-group .btn {
  min-height: 34px;
  border-radius: 8px;
}

.badge.text-bg-light {
  background-color: #F1F5F9 !important;
  color: #45556C !important;
  font-size: 14px;
  padding: 4px 6px;
  border-radius: 4px;
  font-weight: normal;
}

body {
  font-size: 14px;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #000;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

dl, p, ul, li, h1, h2, h3, h4, h5, h6 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0;
}

dt {
  font-weight: normal;
}

dd {
  margin: 0;
}

img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

u {
  font-weight: 500;
}

.bgRender, .v-image__image {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.time02 {
  -webkit-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

.time03 {
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}

.time05 {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.time1 {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.time3 {
  -webkit-transition: all 3s;
  transition: all 3s;
}

.noTran {
  -webkit-transition: none;
  transition: none;
}

.img-scale {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.img-scale:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.ellipsis-multiline {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #C8C6C4;
}

.colorA {
  color: #333 !important;
}

.colorB {
  color: #525252 !important;
}

.colorC {
  color: #999 !important;
}

.main {
  min-height: calc(100vh - var(--vh-offset, 0px));
  padding-top: 55px;
}

.header {
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #E2E8F0;
}

.header .navbar-brand {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.header .navbar-brand img {
  height: 16px;
}

.header .navbar-brand .badge {
  -webkit-transform: translateY(-90%) !important;
          transform: translateY(-90%) !important;
}

.header .navbar-toggler {
  font-size: .75rem;
  padding: .3rem .5rem;
}

.header .navbar-collapse.show, .header .navbar-collapse.collapsing {
  position: absolute;
  left: 0;
  right: 0;
  top: 55px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.header .btn-outline-dark {
  max-width: 95px;
}

.fix.header {
  background-color: #fff !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

.indexPage .header {
  background-color: transparent;
  border-color: transparent;
}

.indexPage .main {
  padding-top: 0;
}

.indexPage .hero-section {
  background: linear-gradient(135deg, #f5f7ff 0%, #e6e8ff 100%);
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.indexPage .hero-section .bgVideo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.indexPage .hero-section .bgVideo video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.indexPage .hero-text .display-3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(45%, #5A0097), color-stop(65%, #5A0097), to(#000));
  background-image: linear-gradient(180deg, #000 0%, #5A0097 45%, #5A0097 65%, #000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.indexPage .hero-text .btn-lg {
  min-height: 46px;
  line-height: calc(46px - 0.75rem);
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
}

.indexPage .feature-card {
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.indexPage .feature-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.indexPage .feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}

.indexPage .feature-icon .wopopIconfont {
  font-size: 24px;
}

.indexPage .feature-icon-blue {
  background-color: #e3f2fd;
  color: #2196f3;
}

.indexPage .feature-icon-purple {
  background-color: #f3e5f5;
  color: #9c27b0;
}

.indexPage .feature-icon-green {
  background-color: #e8f5e8;
  color: #4caf50;
}

.indexPage .feature-icon-orange {
  background-color: #fff3e0;
  color: #ff9800;
}

.indexPage .feature-link-blue {
  color: #155DFC;
}

.indexPage .feature-link-purple {
  color: #9810FA;
}

.indexPage .feature-link-green {
  color: #00A63E;
}

.indexPage .feature-link-orange {
  color: #F54A00;
}

.indexPage .feature-link:hover {
  text-decoration: underline;
}

.indexPage .step-number {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 20px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  font-size: 24px;
}

.indexPage .steps-line {
  width: auto;
  height: 1px;
  position: absolute;
  left: 16%;
  right: 16%;
  top: 24px;
  background-color: #F0F0F3;
}

.modelsPage {
  background-color: #F9FAFC;
}

.model-section {
  height: 100%;
}

.model-sidebar {
  background-color: #fff;
  position: fixed;
  top: 61px;
  bottom: 0;
  left: 0;
  width: 256px;
  border-right: 1px solid #E2E8F0;
}

.model-sidebar .con {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 16px;
}

.model-content {
  min-height: 100%;
}

.model-content .layout {
  max-width: calc(1112px + 2rem);
}

.model-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  overflow: hidden;
}

.model-list.grid-view {
  border: 0;
  border-radius: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(340px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1.25rem;
}

.model-list.grid-view .model-card {
  border: 1px solid #E2E8F0;
  border-radius: 8px;
}

.model-list.grid-view .model-card:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px #0000001a;
          box-shadow: 0 1px 3px #0000001a;
}

.model-card {
  border-bottom: 1px solid #E2E8F0;
  padding: 16px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.model-card .toCopy {
  color: #80838D;
  font-size: 12px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
}

.model-card .toCopy:hover {
  background-color: #F1F5F9;
}

.model-card:hover {
  background-color: #F9FAFC;
}

.model-card:hover a:hover {
  color: #4F39F6;
}

.model-card:last-child {
  border: 0;
}

.filter-section {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #E5E5E5;
}

.filter-section h4 {
  font-weight: 400;
  color: #0F172B;
  font-size: 14px;
}

.filter-section .filter-btn {
  width: 100%;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  color: #314158;
  line-height: 1.2;
  margin-bottom: 2px;
}

.filter-section .filter-btn:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.filter-section .filter-btn:last-child {
  margin-bottom: 0;
}

.filter-section .bi-check-lg {
  display: none;
}

.filter-section .wopopIcon-Icon-1 {
  font-size: 12px;
}

.filter-section .check.filter-btn {
  color: #4F39F6;
  background-color: lab(96.492% -1.14644 -5.11479);
}

.filter-section .check .bi-check-lg {
  display: block;
}

.filter-section .collapse {
  max-height: 200px;
  overflow-y: auto;
}

.filter-section .progress-range {
  -webkit-appearance: none;
  background: lab(91.7353% -0.99877 -4.76968);
  height: 6px;
  border-radius: 20px;
  /* ----- 可选：自定义变量，方便统一修改颜色 ----- */
  --track-bg: #e2e8f0;
  --fill-color: #667eea;
  --thumb-bg: #ffffff;
  --thumb-shadow: rgba(0, 0, 0, 0.2);
}

.filter-section .text-small9 {
  font-size: 9px;
  color: lab(65.5349% -2.25151 -14.5072);
}

.filter-section .collapsed .bi-chevron-down::before {
  content: '\F286';
}

.filter-section:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}

.model-filter .input-group {
  height: 34px;
}

.model-filter .flex-grow-1 {
  max-width: 477px;
}

.model-filter .btn-group .btn {
  padding: 0 8px;
  background-color: #fff;
  border-color: #E2E8F0;
  color: #80838D;
}

.model-filter .btn-check:checked + .btn {
  background-color: #F1F5F9;
}

.modelsDelPage .main .container-xl {
  max-width: calc(848px + 6rem);
}

.modelsDelPage .model-info .text {
  padding: 4px 9px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
}

.modelsDelPage .model-info .text-blue {
  background-color: #F1F6FE;
  border-color: #3743DE1A;
  color: #3743DE;
}

.modelsDelPage .model-info .text-green {
  background-color: #F4FDF5;
  border-color: #42803F1A;
  color: #42803F;
}

.modelsDelPage .tab-content {
  padding: 30px 0;
}

.modelsDelPage .spec-card {
  border: 1px solid #E4E8F0;
  border-radius: 8px;
  padding: 16px;
  background-color: #F9FAFC;
}

.modelsDelPage .spec-card .small {
  color: #90A1B9;
}

.modelsDelPage .spec-card .icon-blue {
  color: #2196f3;
}

.modelsDelPage .spec-card .icon-purple {
  color: #9c27b0;
}

.modelsDelPage .spec-card .icon-green {
  color: #4caf50;
}

.modelsDelPage .spec-card .icon-orange {
  color: #ff9800;
}

.modelsDelPage .param-tag {
  display: inline-block;
  padding: 4px 8px;
  background-color: #f8f9fa;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}

.modelsDelPage .model-tabs {
  border-bottom: 1px solid #E4E8F0;
}

.modelsDelPage .model-tabs a {
  color: #45556C;
  padding-bottom: 15px;
  display: block;
  position: relative;
}

.modelsDelPage .model-tabs a::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #000;
  display: none;
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}

.modelsDelPage .model-tabs a.cur::after {
  display: block;
}

.modelsDelPage .model-tabs a.cur, .modelsDelPage .model-tabs a:hover {
  color: #000;
}

.modelsDelPage .model-box {
  display: none;
}

.modelsDelPage .table {
  border: 1px solid #E2E8F1;
}

.modelsDelPage .table th {
  border-color: #E2E8F1;
  background-color: #F9FAFC;
  font-weight: normal;
  color: #62748E;
}

.modelsDelPage .table td {
  border-color: #E2E8F1;
  color: #334359;
}

.modelsDelPage .copyCode .wopopIconfont {
  font-size: 12px;
}

.modelsDelPage .copyCode:hover {
  background-color: #eee !important;
}

.rankPage .main {
  background-color: #F9FAFC;
}

.rankPage .main .container-xl {
  max-width: calc(680px + 6rem);
}

.rankPage .rank-card:hover {
  background-color: #F2F5F9;
}

.rankPage .chart-container {
  width: 100%;
  height: 600px;
  background-color: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
}

@media (min-width: 768px) {
  .header .btn-outline-dark {
    max-width: none;
  }
}

@media (min-width: 992px) {
  .btn {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 42px;
    line-height: calc(42px - 0.75rem);
  }
  .main {
    padding-top: 61px;
  }
  .header .navbar-brand {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .header .navbar-brand img {
    height: 22px;
  }
  .header .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .indexPage .hero-section {
    padding-top: 110px !important;
    padding-bottom: 60px !important;
  }
  .indexPage .hero-section .text .btn-lg {
    min-height: 56px;
    line-height: calc(56px - 0.75rem);
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
  }
  .model-content {
    padding-left: 256px;
  }
}

@media (min-width: 1400px) {
  .main {
    padding-top: 71px;
  }
  .btn {
    font-size: 15px;
  }
  .navbar {
    --bs-navbar-brand-padding-y:1rem;
  }
  .model-sidebar {
    top: 71px;
  }
  .indexPage .steps-line {
    left: 20%;
    right: 20%;
  }
}

@media (min-width: 1520px) {
  .container-lg {
    max-width: 1440px;
  }
}
/*# sourceMappingURL=style.css.map */