.wy-side-nav-search>a {
    color: #000000; 
}

.wy-side-nav-search > div[role="search"] {
color: black;
}

.version-selector {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
}

.version-selector select {
margin-bottom: 10px;
border-radius: 5px;
padding: 5px;
width: 120px;
}

/* .rst-content ol.arabic > li > ol {
    counter-reset: item;
}

.rst-content ol.arabic > li > ol > li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.3em;
}

.rst-content ol.arabic > li > ol > li:before {
    content: counter(item) ")";
    counter-increment: item;
}
 */

 .rst-content ol.arabic ol {
    counter-reset: subitem; /* 初始化子计数器 */
    list-style: none; /* 移除默认列表样式 */
    padding-left: 1em; /* 为嵌套列表增加左侧内边距 */
}

.rst-content ol.arabic ol > li {
    display: block;
    position: relative;
    margin-bottom: 0.3em; /* 为嵌套列表项增加下间距 */
}

.rst-content ol.arabic ol > li:before {
    content: counter(subitem) ") "; /* 使用带括号的数字编号，并在编号后加上括号和空格 */
    counter-increment: subitem; /* 递增子计数器 */
    position: absolute;
    left: -1.5em; /* 调整子编号位置 */
}


.rst-content ol.arabic ol ol {
    counter-reset: thirdlevel; /* 初始化子计数器 */
    list-style: none; /* 移除默认列表样式 */
    padding-left: 0.1em; /* 为嵌套列表增加左侧内边距 */
}

.rst-content ol.arabic ol ol > li {
    display: block;
    position: relative;
    margin-bottom: 0.1em; /* 为嵌套列表项增加下间距 */
}

.rst-content ol.arabic ol ol > li:before {
    content: counter(thirdlevel, lower-alpha) ") "; /* 使用带括号的数字编号，并在编号后加上括号和空格 */
    counter-increment: thirdlevel; /* 递增子计数器 */
    position: absolute;
    left: -1.3em; /* 调整子编号位置 */
}

.nav-versions li:hover {
    background-color: var(--sy-c-surface); /* 设置鼠标悬停时的背景颜色 */
    color: var(--sy-c-link-hover); /* 设置鼠标悬停时的文本颜色 */
    cursor: pointer; /* 设置鼠标悬停时的指针样式 */
}


.sy-foot-feedback {
    font-size: 1.0rem;
}

.sy-foot-feedback a {
    font-weight: 600;
}

.sy-foot-feedback a:hover {
    text-decoration: underline;
}

#feedback-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    z-index: 9999;
}

#feedback-popup {
  max-width: 420px;
  width: 90vw;
  min-width: 260px;
  min-height: 430px;
  box-sizing: border-box;
  padding: 24px 18px 16px 18px;
  border-radius: 8px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
  overflow: auto;
}

#feedback-popup input, #feedback-popup textarea {
  width: 100%;
  box-sizing: border-box;
}

#feedback-popup .feedback-actions {
  margin-top: 18px;
  text-align: right;
}

#feedback-popup .feedback-actions button {
  min-width: 72px;
  padding: 7px 18px;
  margin-left: 10px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

@media (prefers-color-scheme: light) {
    :root {
        --feedback-btn-bg: #e24329;
        --feedback-btn-color: white;
        --feedback-popup-bg: #f6f8fa;
        --feedback-popup-border: #b3b3b3;
        --feedback-popup-shadow: rgba(0, 0, 0, 0.18);
        --input-bg: #fff;
        --input-color: #333;
        --input-border: #ccc;
        --cancel-bg: #e0e3e8;
        --cancel-color: #333;
        --cancel-hover-bg: #d0d3d8;
        --submit-bg: #3477f5;
        --submit-color: #fff;
        --submit-hover-bg: #2457c5;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --feedback-btn-bg: #444;
        --feedback-btn-color: #fff;
        --feedback-popup-bg: #1e1e1e;
        --feedback-popup-border: #555;
        --feedback-popup-shadow: rgba(0, 0, 0, 0.6);
        --input-bg: #333;
        --input-color: #ccc;
        --input-border: #555;
        --cancel-bg: #333;
        --cancel-color: #ccc;
        --cancel-hover-bg: #444;
        --submit-bg: #007acc;
        --submit-color: #fff;
        --submit-hover-bg: #005a9e;
    }
}

/* light mode for manual config */
html.light {
    --feedback-btn-bg: #e24329;
    --feedback-btn-color: white;
    --feedback-popup-bg: #f6f8fa;
    --feedback-popup-border: #b3b3b3;
    --feedback-popup-shadow: rgba(0, 0, 0, 0.18);
    --input-bg: #fff;
    --input-color: #333;
    --input-border: #ccc;
    --cancel-bg: #e0e3e8;
    --cancel-color: #333;
    --cancel-hover-bg: #d0d3d8;
    --submit-bg: #3477f5;
    --submit-color: #fff;
    --submit-hover-bg: #2457c5;
}

/* dark mode for manual config */
html.dark {
    --feedback-btn-bg: #444;
    --feedback-btn-color: #fff;
    --feedback-popup-bg: #1e1e1e;
    --feedback-popup-border: #555;
    --feedback-popup-shadow: rgba(0, 0, 0, 0.6);
    --input-bg: #333;
    --input-color: #ccc;
    --input-border: #555;
    --cancel-bg: #333;
    --cancel-color: #ccc;
    --cancel-hover-bg: #444;
    --submit-bg: #007acc;
    --submit-color: #fff;
    --submit-hover-bg: #005a9e;
}

/* apply setting */
#feedback-btn {
    background: var(--feedback-btn-bg);
    color: var(--feedback-btn-color);
}

#feedback-popup {
    background: var(--feedback-popup-bg);
    border: 2px solid var(--feedback-popup-border);
    box-shadow: 0 2px 16px var(--feedback-popup-shadow);
}

#feedback-popup input,
#feedback-popup textarea {
    background: var(--input-bg);
    color: var(--input-color);
    border: 1px solid var(--input-border);
}

#feedback-popup #feedback-cancel {
    background: var(--cancel-bg);
    color: var(--cancel-color);
}

#feedback-popup #feedback-cancel:hover {
    background: var(--cancel-hover-bg);
}

#feedback-popup #feedback-submit {
    background: var(--submit-bg);
    color: var(--submit-color);
}

#feedback-popup #feedback-submit:hover {
    background: var(--submit-hover-bg);
}

@media (max-width: 500px) {
    #feedback-popup {
        max-width: 98vw;
        padding: 12px 4vw 12px 4vw;
        min-height: 0;
    }

    #feedback-popup .flex-row {
        flex-direction: column;
        gap: 8px !important;
    }
}