html[data-theme="light"] {
  --pst-color-primary: #2C74B3;           
  --pst-color-text: #1e293b;
  --pst-color-link-hover: #2C74B3;
  --pst-font-family-heading: -apple-system,"BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

html[data-theme="dark"] {
  --pst-color-primary: #2C74B3;         
  --pst-color-text: #f1f5f9;
  --pst-color-link-hover: #A0C3D2;
  --pst-font-family-heading: -apple-system,"BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}


.bd-navbar .navbar-nav .nav-link {
  font-size: 1.3rem !important;  
  font-weight: 400 !important;     
}


.bd-navbar .navbar-nav {
  margin-left: 0.1rem !important; 
}


.navbar-brand {
  padding-right: 0.3rem !important;
  margin-right: 0.3rem !important;
}

.bd-navbar .navbar-nav .nav-link {
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.navbar-icon-links a {
  transition: color 0.2s ease-in-out;
}

.theme-switch-button svg {
  width: 1em !important;
  height: 1em !important;
  font-size: 1.5rem !important;
}

.col-lg-3 {

  width: auto !important;

}

.navbar-header-items__center .navbar-nav .nav-link {
  padding-top: 13px !important;
}

.bd-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.bd-header {
  border-bottom: none !important;
}


/* ----------------------------------------------- */

/* ===== 颜色变量 ===== */
:root {
--hero-c1: #205295;    /* 左上蓝 */
--hero-c2: #2C74B3;    /* 中间浅蓝 */
--hero-c3: #FFDCDC;
--hero-c4: #FFB4B4;    /* 右下橙 */
--hero-c5: #E23E57;    /* 右下橙 */
--hero-text: #FFFFFF;
--hero-btn-primary: #f59e0b;
--hero-btn-primary-text: #1f2937;
--hero-btn-secondary: rgba(255,255,255,0.2);
}

/* 暗色模式调整 */
html[data-theme="dark"] {
--hero-c1: #2a7fa7;
--hero-c2: #244b5a;
--hero-c3: #f3a96e;
}

/* ===== sklearn风格导航栏（左右适度留白）===== */
.bd-header .navbar {
--bs-gutter-x: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

.bd-header .navbar .container,
.bd-header .navbar .container-xl,
.bd-header .navbar .container-xxl,
.bd-header .navbar .container-fluid,
.bd-header .bd-header__inner {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding-left: 10% !important;  /* 与 hero 对齐 */
padding-right: 10% !important;
}

/* 防止默认边距 */
html, body {
margin: 0 !important;
}

/* ===== sklearn风格通铺Hero区域 ===== */
.sk-landing-header {
/* width: 100vw; */
position: relative;
background: linear-gradient(110deg, var(--hero-c1) 0%, var(--hero-c2) 15%, var(--hero-c3) 50%, var(--hero-c4) 85%, var(--hero-c5) 100%);
padding: 1.5rem 0 1.5rem;
margin: 0;
color: #1e293b;
}

/* Hero 内容容器（与导航栏宽度对齐）*/
.hero-container {
width: 100%;
margin: 0;
padding-left: 10% !important;
padding-right: 10% !important;
}

/* Hero 内部布局 */
.hero-content {
margin: 0 0 !important;
display: flex;
}

.hero-text {
text-align: left; /* 明确左对齐 */
}

/* 左侧文本区域 */
.hero-text h1 {
font-family: var(--bs-font-monospace) !important;
font-size: clamp(48px, 7vw, 72px);
font-weight: 700;
line-height: 1.1;
margin: 0 0 16px 0;
color: var(--hero-text);
text-align: left;
letter-spacing: 0.10em;
text-shadow: 0px 0px 8px #4f626b;
}

.hero-text .tagline {
font-size: clamp(20px, 3vw, 28px);
font-weight: 600;
line-height: 1.4;
/* margin: 0 0 32px 0; */
opacity: 0.95;
font-family: var(--pst-font-family-heading) !important;
font-style: italic !important;
color: var(--hero-text);
text-shadow: 0px 0px 8px #4f626b;
}

/* 按钮组 */
@media (min-width: 476px) {
.hero-actions {
display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
}

.hero-actions a {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 20px;
transition: all 0.1s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.hero-actions .btn-primary {
background: var(--hero-btn-primary);
color: var(--hero-btn-primary-text) !important;
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
}

.hero-actions .btn-secondary {
background: var(--hero-btn-secondary);
color: var(--hero-text) !important;
border: 1px solid rgba(255,255,255,0.3);
}

.hero-actions a:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* 右侧特性列表 */
/* .hero-features ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 1.2rem;
line-height: 1.6;
}

.hero-features li {
padding: 12px 0;
padding-left: 28px;
position: relative;
opacity: 0.95;
font-weight: 500;
color: #000000;
} */

.hero-feature-list {
  list-style-type: disc;     /* 黑点样式 */
  padding-left: 1.5rem;      /* 左边空出位置让黑点显示 */
  margin: 0;
}

.hero-feature-list li {
  margin-bottom: 0.75rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  color: #212529;
}



/* ===== 响应式设计 ===== */
@media (max-width: 992px) {

.hero-content {
  max-width: 1200px;
  margin: 0, 0 !important;
  display: flex;
  grid-template-columns: 1.2fr 1fr;
  align-items: left;
}

.hero-container {
  padding: 0 24px;
}

.bd-header .bd-header__inner {
  /* max-width: 100vw !important;
  width: 100vw !important; */
  margin: 0 0 !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
}

@media (max-width: 576px) {
/* .sk-landing-header {
  padding: 40px 0 60px;
} */

.hero-container {
  padding: 0 16px;
}

/* .hero-actions {
  flex-direction: column;
} */

.hero-actions a {
  justify-content: center;
}

.bd-header .bd-header__inner {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
}

@media (max-width: 767px) {
  .hero-content {
      flex-direction: column !important;
  }
  
  .hero-text {
      text-align: left;
      margin-bottom: 0rem !important;
      order: 1; /* hero-text 在上 */
      width: 100%;
  }
  
  .hero-features {
      order: 2; /* hero-features 在下 */
      width: 100%;
  }
  
  .hero-features ul {
      text-align: left;
      padding-left: 1.5rem;
  }
}

.bd-main .bd-content .bd-article-container .bd-article{
  padding-top: 1.5rem !important;
}

/* 卡片式布局 */
/* 隐藏首页的 toctree */
/* .bd-main .toctree-wrapper {
  display: none;
} */

/* pydata 主题适配的卡片布局 */
/* Bootstrap 卡片增强 */
.sk-landing-container {
  padding: 0rem !important;
  max-width: 100% !important;
}

.sk-landing-body .card {
  transition: all 0.3s ease;
  border: 2px solid rgba(0,0,0,.125);
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
}

.sk-landing-body .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  border-color: var(--pst-color-primary, #3282B8);
}

/* 卡片标题样式 */
.sk-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  margin-top: 0rem;
}

.sk-card-title a {
  text-decoration: none;
  color: inherit;
  font-size: var(--pst-font-size-h4) !important;
}

.sk-card-title a:hover {
  color: var(--pst-color-primary, #0d6efd);
  text-decoration: none;
}

/* 卡片描述 */
.card-body p {
  line-height: 1.5;
  margin-bottom: 1rem;
}

/* 算法链接样式 */
.card-body a {
  color: var(--pst-color-primary, #0d6efd);
  text-decoration: none;
}

.card-body a:hover {
  text-decoration: underline;
}

.card-body{
  font-size: var(--bs-body-font-size) !important;
}


/* 图片容器 */
.sk-card-img-container {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
}

.sk-card-img-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* 按钮样式 */
.sk-btn-cyan {
  background-color: #3282B8 !important;
  /* border-color: #17a2b8; */
  color: white !important;
  font-weight: 500;
}

.sk-btn-cyan:hover {
  background-color: #F38181 !important;
  /* border-color: #117a8b; */
  /* border-width: 0.25rem; */
  color: white !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .sk-px-xl-4 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
  }
}

@media (min-width: 1700px) {

.sk-landing-body [class*="col-"] {
  padding-right: 1rem !important;
}
}
.sk-btn-cyan {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: white;
  font-weight: 500;
  padding: 1rem 1.5rem !important; /* 增加垂直内边距 */
  font-size: 1rem;
}

.bd-page-width {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 10% !important;
}

/* 暗色模式适配 */
[data-theme="dark"] .feature-card {
  background: #1e2125;
  border-color: #495057;
  color: #f8f9fa;
}

[data-theme="dark"] .feature-card h3 {
  color: #f8f9fa;
}

[data-theme="dark"] .feature-card:hover {
  border-color: #4e73df;
}

[data-theme="dark"] .landing-header {
  background: linear-gradient(135deg, #3d5afe 0%, #1a237e 100%);
}



/*  */
body[data-pagename="index"] .right-next {
  display: none !important;
}

.bd-sidebar-primary{

  width: 20% !important;

}


/* meta */
@media (max-width: 1700px) {
  .bd-header .bd-header__inner,
  .hero-container {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .bd-page-width {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 32px !important;
  }
  


  }


@media (max-width: 992px) {
  .bd-header .bd-header__inner,
  .hero-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .bd-page-width{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 24px !important;
  }
  
  .bd-sidebar-primary{
    width: auto !important;
  
  }


  }
  
 
  @media (max-width: 576px) {
  .bd-header .bd-header__inner,
  .hero-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .bd-page-width{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0px !important;
  }
  
  /* 小屏幕可能需要居中 */
  .hero-content {
    text-align: center;
  }

  .hero-actions a{
    font-size: 1rem !important;
  }

  .hero-feature-list li{
    margin-bottom: 0.1rem !important;
    font-size: 1rem !important;
  }


  }



/* footer */
/* 自定义 Footer 样式 */
.footer-credit {
  background-color: #f8f9fa !important;
}

.footer-credit .text-muted {
  font-size: 0.95rem;
}

.footer-credit a {
  color: #6c757d !important;
  border-bottom: 1px dotted currentColor;
  transition: all 0.2s ease;
}

.footer-credit a:hover {
  color: #495057 !important;
  border-bottom-color: transparent;
}

.footer-copyright {
  background-color: #ffffff !important;
}

.footer-copyright .text-dark {
  font-size: 0.9rem;
}

/* 确保分层效果明显 */
.bd-footer .border-bottom {
  border-color: #dee2e6 !important;
}


/*  user guide */

.h2-toc .line-block {
  margin-bottom: 1em; /* 增加整个块的下边距 */
}

.h2-toc .line {
  font-size: 1.4em;      /* 放大字体，这次会包含前面的数字！ */
  font-weight: 500;
  margin-bottom: 0.5em;  /* 调整每个链接之间的垂直间距 */
}

/* 修复面包屑导航垂直对齐问题 */
.bd-breadcrumbs .breadcrumb {
  display: flex;
  align-items: center !important;
  flex-wrap: wrap; /* 确保在小屏幕上能换行 */
}

.bd-breadcrumbs .breadcrumb-item {
  display: flex;
  align-items: center !important;
}