/* ============================
   全局基础样式
============================ */
html {
  color-scheme: dark;
}

body {
  background-color: #0d1117 !important;
  color: #c9d1d9;
}

body:not(.full-width) {
  background-color: #0d1117 !important;
}

footer {
  background-color: #161b22;
  border-top: 1px solid #161b22;
  color: #c9d1d9;
}

footer .container .fa {
  color: #58a6ff;
}

a {
  color: #58a6ff;
}

a:hover {
  color: #58a6ff;
  opacity: 0.6;
}

hr {
  background-color: #30363d !important;
}

/* ============================
   布局与定位
============================ */
.full.height {
  margin: 53px 0 -80px 0 !important;
}

.following.bar.light {
  position: fixed;
  top: 0;
  background-color: #161b22;
  border-bottom: 1px solid #28313d;
}

/* ============================
   Semantic UI 通用组件
============================ */
.ui.attached.header .right .button {
  color: #fff !important;
}

.ui.top.attached.header {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #e7e7e7 !important;
}

.ui.table thead th {
  background: #21262d !important;
  border-color: #21262d !important;
  color: #e7e7e7 !important;
}

.ui.dropdown .menu {
  background: #161b22 !important;
  border: 1px solid #30363d;
}

.ui.dropdown .menu > .item {
  color: #fff !important;
}

.ui.dropdown .menu > .item:hover {
  background: rgb(79 91 119 / 10%);
}

.ui.menu .ui.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.9) !important;
}

.ui.menu .ui.dropdown .menu > .active.item {
  color: #495f8c !important;
}

.ui.menu .ui.dropdown .menu > .item:hover,
.ui.menu .ui.dropdown .menu > .selected.item,
#branch-list {
  background-color: #1f6feb !important;
  color: #fff !important;
}

/* ============================
   菜单样式
============================ */
.ui.secondary.menu .active.item {
  background-color: #0d1117;
  color: #c9d1d9;
  font-weight: bold;
}

.ui.menu .item {
  color: #c9d1d9;
}

.ui.menu {
  background: #161b22;
  border: 0;
}

.following.bar .top.menu a.item:hover {
  color: #b4b7b4;
}

.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  color: rgba(224, 224, 224, 0.6);
}

.ui.vertical.menu {
  background-color: #161b22;
}

.ui.vertical.menu .header.item {
  background-color: #161b22;
}

.ui.vertical.menu .active.item {
  background-color: #161b22;
}

.ui.menu .active.item {
  background: #161b22;
  color: #c9d1d9;
}

.ui.menu a.item:hover {
  background-color: #161b22;
  color: #fff;
}

.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
  background-color: #161b22;
  color: #c9d1d9;
}

.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
  color: #c9d1d9;
}

.ui.menu:hover .item.disabled:hover {
  background-color: #161b22 !important;
}

.ui.secondary.pointing.menu a.item:hover {
  background-color: #161b22;
  color: #c9d1d9 !important;
}

/* ============================
   按钮样式
============================ */
.ui.button {
  background-color: #0000001a;
  color: #999;
}

.ui.button:hover {
  background-color: #0000004a;
}

.ui.basic.button,
.ui.basic.buttons .button {
  color: #c9d1d9 !important;
}

.ui.basic.button:hover,
.ui.basic.buttons .button:hover {
  background: #161b22 !important;
  color: #c9d1d9 !important;
}

.ui.black.button,
.ui.black.buttons .button {
  background: #161b22 !important;
  color: #c9d1d9 !important;
}

.ui.blue.button,
.ui.blue.buttons .button {
  background-color: #1f6feb !important;
  color: #fff !important;
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
  background-color: #58a6ff;
  opacity: 0.6;
}

.ui.green.button,
.ui.green.buttons .button {
  background-color: #238636 !important;
  color: #fff !important;
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
  background-color: #238636;
  opacity: 0.6;
}

.ui.red.button,
.ui.red.buttons .button {
  background-color: #da3633;
}

.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
  box-shadow: 0 0 0 1px #58a6ff inset !important;
  color: #58a6ff !important;
}

.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
  color: #58a6ff !important;
  opacity: 0.6;
}

.ui.basic.green.button,
.ui.basic.green.buttons .button {
  box-shadow: none !important;
  color: #fff !important;
}

.ui.basic.green.button:hover,
.ui.basic.green.buttons .button:hover {
  box-shadow: 0 0 0 1px #7ee787 inset !important;
  color: #7ee787 !important;
}

.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
  box-shadow: 0 0 0 1px #7ee787 inset !important;
  color: #7ee787 !important;
}

.ui.basic.red.button,
.ui.basic.red.buttons .button {
  box-shadow: 0 0 0 1px #da3633 inset !important;
  color: #da3633 !important;
}

.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
  box-shadow: 0 0 0 1px #da3633 inset !important;
  color: #da3633 !important;
}

#logout-form .submit-button {
  margin: -11px -16px;
  padding: 11px 16px;
}

/* ============================
   标签 / 徽标
============================ */
.ui.label {
  background-color: #454a57;
  color: #d7d7d7;
}

.ui.basic.label {
  background-color: #282e38 !important;
  border-color: #343434;
  color: #c9d1d9;
}

.ui.blue.label,
.ui.blue.labels .label {
  background-color: #1f6feb !important;
  color: #fff !important;
}

.ui.green.label,
.ui.green.labels .label {
  background-color: #238636 !important;
  border-color: #238636 !important;
  color: #fff !important;
}

.ui.red.label,
.ui.red.labels .label {
  background-color: #da3633 !important;
  border-color: inherit !important;
}

.ui.black.label,
.ui.black.labels .label {
  background-color: #161b22 !important;
  color: #c9d1d9;
}

.ui.basic.orange.label {
  background: none !important;
  border-color: #f2711c !important;
  color: #f2711c !important;
}

span.ui.basic.yellow.label {
  background-color: transparent !important;
}

.filter.icon {
  color: #fff;
}

/* ============================
   表单 / 输入框
============================ */
.ui.form input:not([type]),
.ui.form input:not([type]):focus,
.repository.new.migrate #auth_password,
.repository.new.migrate #auth_password:focus {
  background-color: #010409 !important;
  color: #b4b7b4;
}

.ui.form input:not([type]):focus {
  border-bottom-color: #58a6ff;
  border-left-color: #58a6ff;
  border-top-color: #58a6ff;
  background-color: #010409 !important;
  color: #c9d1d9;
}

.ui.form textarea {
  background: #010409 !important;
}

.ui.form textarea,
.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input input {
  background-color: #161b22 !important;
  color: #b4b7b4 !important;
}

.ui.form .field > label {
  color: #c9d1d9;
}

.ui.icon.input > input {
  background-color: #222831 !important;
  border: none !important;
  color: lightgrey;
}

.ui.input input {
  background: #161b22 !important;
  border: none !important;
  color: #c9d1d9 !important;
}

.ui.input input:focus {
  background: #222831 !important;
  color: #c9d1d9 !important;
}

#auth_password {
  background: #161b22;
  color: #c9d1d9;
}

#old_password,
#password,
#retype,
#email,
#description {
  background: #010409 !important;
  color: #c9d1d9;
}

#website {
  background: #010409 !important;
  color: #c9d1d9;
}

.inline.box.field > label {
  color: #c9d1d9 !important;
}

.inline.box.field > input {
  background: #161b22;
  color: #c9d1d9;
}

label[for=org_name] {
  color: #c9d1d9 !important;
}

.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=url],
.ui.form input[type=password] {
  background: #222831;
  color: #c9d1d9;
}

/* ============================
   下拉选择框
============================ */
.ui.selection.dropdown {
  background: #010409 !important;
  color: #c9d1d9;
}

.ui.selection.visible.dropdown > .text:not(.default) {
  color: #c9d1d9;
}

.ui.selection.dropdown .menu {
  min-width: calc(100% + 1px) !important;
  width: calc(100% + 1px) !important;
}

.ui.selection.dropdown .menu > .item {
  border-top: 0;
}

.ui.selection.active.dropdown {
  border-color: #363f55 !important;
}

.ui.selection.active.dropdown .menu {
  border-color: #363f55 !important;
}

/* ============================
   表格
============================ */
.ui.table {
  background: #161b22;
  border: 1px solid #30363d;
  color: #c9d1d9;
}

.ui.very.basic.striped.table > thead > tr > th {
  color: #c9d1d9;
}

.ui.very.basic.select.selectable.table > thead > tr > th {
  color: #c9d1d9;
}

.ui.table tr td {
  border-top: 1px solid #32383e;
}

/* ============================
   标题 / 文字 / 颜色
============================ */
.ui.header {
  color: #c9d1d9;
}

.ui.header .sub.header {
  color: #c9d1d9 !important;
}

.ui .text.black {
  color: #c9d1d9;
}

.ui .text.black:hover {
  color: #c9d1d9;
}

.ui .text.grey {
  color: #969896 !important;
}

.ui .text.grey a {
  color: #b4b4b4 !important;
}

.ui .text.grey a:hover {
  color: #fff !important;
}

.three.wide.text.grey.right.age,
.time-since.poping.up {
  color: #e7e7e7 !important;
}

/* ============================
   列表 / 分割线
============================ */
.ui.list .list > .item .description,
.ui.list > .item .description {
  color: #969896;
}

.ui.list .list > .item .header,
.ui.list > .item .header {
  color: #c9d1d9;
}

.ui.divider:not(.vertical):not(.horizontal) {
  border-bottom: 1px solid #28313d;
}

.ui.repository.list .item:not(:first-child) {
  border-top: 1px solid #161b22;
}

.ui.user.list .item:not(:first-child) {
  border-top: 1px solid #161b22;
}

/* ============================
   分页
============================ */
.ui.pagination.menu .active.item {
  background-color: #161b22;
  color: #c9d1d9;
}

/* ============================
   复选框 / 单选框
============================ */
.ui.checkbox label,
.ui.checkbox + label {
  color: #c9d1d9;
}

.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: #c9d1d9;
  opacity: 0.6;
}

.ui.checkbox input:focus ~ label {
  color: #c9d1d9 !important;
}

/* ============================
   卡片 / 面板
============================ */
.ui.card,
.ui.cards > .card {
  background: #161b22;
  box-shadow: none;
}

.ui.card > .extra,
.ui.cards > .card > .extra {
  border-top: 1px solid #28303c !important;
}

.ui.card > .extra a:not(.ui),
.ui.cards > .card > .extra a:not(.ui) {
  color: #58a6ff;
}

/* ============================
   分段 / 容器
============================ */
.ui.segment {
  background: #161b22;
  border: 1px solid #28313d;
}

.ui.attached.segment {
  border: 1px solid #30363d;
}

/* ============================
   手风琴 / 面包屑
============================ */
.ui.accordion .title:not(.ui) {
  color: #c9d1d9;
}

.ui.breadcrumb a {
  color: #58a6ff;
}

.ui.breadcrumb a:hover {
  color: #58a6ff;
  opacity: 0.6;
}

.ui.breadcrumb .divider {
  color: #c9d1d9;
}

.ui.breadcrumb a.section {
  display: none;
}

/* ============================
   标签页
============================ */
.ui.tabular.menu {
  border-bottom: 1px solid #21262d;
}

.ui.tabular.menu .item {
  color: #c9d1d9;
}

.ui.tabular.menu .active.item {
  background: none #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

.ui.tabular.menu .item:hover {
  color: #c9d1d9;
  opacity: 0.6;
}

/* ============================
   代码编辑器 CodeMirror
============================ */
.CodeMirror {
  background: #0d1117;
  border: 1px solid #30363d;
  color: #c9d1d9;
}

.CodeMirror-cursor {
  border-left: 1px solid #fff;
}

.CodeMirror-gutters {
  background-color: #161b22;
  border-right: 1px solid #30363d;
}

/* ============================
   代码高亮 hljs
============================ */
.hljs {
  color: #c9d1d9 !important;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #58a6ff !important;
}

.hljs-comment,
.hljs-quote {
  color: #969896 !important;
  opacity: 0.7;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #c9d1d9 !important;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #58a6ff !important;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: #a3e5ff !important;
}

.hljs-string,
.hljs-doctag {
  color: #7ee787 !important;
}

.hljs-meta {
  color: #959595 !important;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: #7ee787 !important;
}

/* ============================
   代码 Diff 差异对比
============================ */
.added-code {
  background-color: #7ee787;
  color: #fff;
}

.removed-code {
  background-color: #da3633;
  color: #0d1117;
}

.repository .diff-file-box .code-diff tbody tr.add-code td {
  background-color: rgba(181, 189, 104, 0.1) !important;
  border-color: #4f6d30 !important;
}

.repository .diff-file-box .code-diff tbody tr.del-code td {
  background-color: rgba(204, 102, 102, 0.1) !important;
  border-color: #6d3030 !important;
}

.repository .diff-file-box .code-diff tbody tr.tag-code td,
.tag-code {
  background-color: #31363b !important;
  border-color: #4b4b4b !important;
}

.repository .diff-file-box .code-diff tbody tr .removed-code {
  background-color: #723b3b;
  color: #fff;
}

.repository .diff-file-box .code-diff tbody tr .added-code {
  background-color: #148414;
  color: #fff;
}

.repository .diff-file-box .file-body.file-code .lines-num {
  background: 0;
}

.repository .diff-file-box .file-body.file-code .lines-num-old,
.repository .diff-file-box .code-diff .lines-num {
  border-right: 1px solid #4b4b4b;
}

/* ============================
   Markdown 渲染
============================ */
.markdown:not(code) .highlight pre,
.markdown:not(code) pre {
  background-color: #0d1117;
}

.markdown:not(code) h1,
.markdown:not(code) h2,
.markdown:not(code) h3,
.markdown:not(code) h4,
.markdown:not(code) h5,
.markdown:not(code) h6 {
  border-bottom: 1px solid #21262d;
}

.markdown:not(code) h1 code,
.markdown:not(code) h2 code,
.markdown:not(code) h3 code,
.markdown:not(code) h4 code,
.markdown:not(code) h5 code,
.markdown:not(code) h6 code {
  padding-bottom: 0;
}

.markdown:not(code) h1 code:before,
.markdown:not(code) h2 code:before,
.markdown:not(code) h3 code:before,
.markdown:not(code) h4 code:before,
.markdown:not(code) h5 code:before,
.markdown:not(code) h6 code:before,
.markdown:not(code) h1 code:after,
.markdown:not(code) h2 code:after,
.markdown:not(code) h3 code:after,
.markdown:not(code) h4 code:after,
.markdown:not(code) h5 code:after,
.markdown:not(code) h6 code:after {
  display: none;
}

.markdown:not(code) table tr {
  background-color: #0d1117;
}

.markdown:not(code) table tr:nth-child(2n) {
  background-color: #161b22;
}

.markdown:not(code) table th,
.markdown:not(code) table td {
  border: none !important;
}

.markdown:not(code) blockquote {
  background-color: #5454541a;
  border-left: 4px solid #5a5a5a;
  color: #b4b7b4 !important;
}

.markdown:not(code) code,
.markdown:not(code) tt {
  background-color: #161b22;
}

.markdown:not(code) h1 .octicon-link,
.markdown:not(code) h2 .octicon-link,
.markdown:not(code) h3 .octicon-link,
.markdown:not(code) h4 .octicon-link,
.markdown:not(code) h5 .octicon-link,
.markdown:not(code) h6 .octicon-link {
  color: #fff;
}

/* ============================
   仓库 / 代码库相关
============================ */
.repository .header-wrapper {
  background-color: #161b22;
}

.repository.file.list #repo-files-table tr:hover {
  background-color: #222831;
}

.repository.file.list #file-content .code-view .lines-code .hljs,
.repository.file.list #file-content .code-view .lines-code ol,
.repository.file.list #file-content .code-view .lines-code pre,
.repository.file.list #file-content .code-view .lines-num .hljs,
.repository.file.list #file-content .code-view .lines-num ol,
.repository.file.list #file-content .code-view .lines-num pre {
  background-color: #161b22;
}

.repository .milestone.list > .item > a {
  color: #fff;
}

.repository .metas .ui.list a .text {
  color: #fff;
}

.repository .diff-box .file {
  color: #969896;
}

.repository.release #release-list {
  border-top: 1px solid #21262d;
}

#repo-clone-https,
#repo-clone-https:hover {
  background-color: #21262d !important;
  box-shadow: 0 0 0 1px #3c3c3c inset !important;
  color: #fff !important;
}

#file-content {
  padding: 0 1px;
}

.linenums > li {
  background-color: #161b22;
}

.lines-num > span {
  background: #161b22;
}

.tag-code.nl-0.ol-0 > .lines-code > pre > code {
  color: #fff !important;
}

/* ============================
   Issue / 评论
============================ */
.issue.list > .item .title {
  color: #c9d1d9;
}

.issue.list > .item .desc {
  color: #c9d1d9;
  opacity: 0.6;
}

.issue.list > .item .title:hover {
  color: #c9d1d9;
  opacity: 0.6;
}

.issue.list > .item .desc a.milestone:hover {
  color: #fff !important;
}

.ui.comments .comment .actions a {
  color: #c9d1d9;
}

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: #c9d1d9;
  opacity: 0.6;
}

/* ============================
   弹窗 / 提示框
============================ */
.ui.modal,
.ui.modal > .header,
.ui.modal > .content {
  background: #0d1117;
}

.ui.modal > .header {
  color: #c9d1d9;
}

.ui.warning.message {
  background-color: transparent;
  background-image: linear-gradient(rgba(187, 128, 9, 0.15), rgba(187, 128, 9, 0.15));
  color: #c9d1d9;
  box-shadow: 0 0 0 1px rgba(187, 128, 9, 0.4) inset, 0 0 0 0 transparent;
}

.ui.positive.message {
  background-color: transparent;
  background-image: linear-gradient(rgba(56, 139, 253, 0.15), rgba(56, 139, 253, 0.15));
  color: #c9d1d9;
  box-shadow: 0 0 0 1px rgba(56, 139, 253, 0.4) inset, 0 0 0 0 transparent;
}

.ui.red.message {
  color: #da3633;
}

/* ============================
   编辑器工具栏
============================ */
.editor-toolbar {
  border-left: 1px solid #30363d;
  border-right: 1px solid #30363d;
  border-top: 1px solid #30363d;
}

.editor-toolbar a {
  color: #58a6ff !important;
}

/* ============================
   其他业务样式
============================ */
h2 a.anchor .octicon.octicon-link {
  color: #fff;
}

.context.user.overflow.menu.transition {
  background-color: #343544;
  color: lightgrey !important;
}

.ui.dropdown .menu > .header {
  color: rgba(255, 255, 255, 0.9);
}

.overflow.menu .items .item:hover {
  color: rgba(255, 255, 255, 0.9);
}

.overflow.menu .items .item {
  color: rgba(255, 255, 255, 0.9) !important;
}

.repository .filter.dropdown .menu {
  background-color: #161b22 !important;
  color: lightgrey !important;
}

#search-repo-box .results .item:hover,
#search-user-box .results .item:hover {
  color: #98a5c9 !important;
}

.ui.teal.button,
.ui.teal.buttons .button {
  background-color: #8abeb7;
}

.organization.members .list .item {
  border-bottom: 1px solid #161b22 !important;
}

.settings .hook.list > .item:not(:first-child),
.settings .key.list .item:not(:first-child) {
  border-top: 1px solid #161b22 !important;
}

.user.settings .email.list .item:not(:first-child) {
  border-top: 1px solid rgba(224, 224, 224, 0.6);
}

.ui.basic.grey.button,
.ui.basic.grey.buttons .button {
  color: #161b22 !important;
}

.ui.danger .item h5 {
  margin-bottom: 0;
}

.ui.danger .item p {
  font-size: 0.8em;
}

.ui.danger .item .ui.right {
  margin-left: 15px;
}

.ui.basic.button:active,
.ui.basic.buttons .button:active,
.ui.basic.button:focus,
.ui.basic.buttons .button:focus {
  background: #21262d !important;
  color: #fff !important;
}

.ui.dropdown .menu > .divider {
  border-top: 1px solid #28303c;
}

.ui.menu .item.disabled,
.ui.menu:hover .item.disabled:hover {
  color: #4a4f55 !important;
}

.ui.button:last-child {
  margin-right: 0;
}

.item:last-child .ui.label {
  margin-right: 0 !important;
}

/* ============================
   首页样式
============================ */
.home a {
  color: #7ee787;
}

.home .hero .octicon {
  color: #7ee787;
}

.feeds .list ul li.private {
  background-color: #161b22;
  border-bottom: 0;
}

.feeds .list ul li:not(:last-child) {
  border-bottom: 1px solid #161b22;
}

/* ============================
   Wiki 页面
============================ */
.repository.wiki.view .markdown {
  background: #161b22;
  border-radius: 15px;
  margin-left: 0;
  padding: 25px;
}

.repository.wiki.view .ui.grid .ui.six {
  text-align: right;
}

/* ============================
   登录框终极修复：彻底解决自动填充、初始状态所有问题
============================ */

/* 1. 强制覆盖浏览器所有自动填充状态，彻底根治背景变黄 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill::first-line {
  -webkit-box-shadow: 0 0 0 1000px #010409 inset !important;
  -webkit-text-fill-color: #c9d1d9 !important;
  transition: background-color 9999s ease-in-out 0s !important;
  background-color: #010409 !important;
  color: #c9d1d9 !important;
  border: 1px solid #30363d !important;
}

/* 2. 统一所有输入框初始状态（未填充时）的样式 */
.ui.form input,
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
#auth_password,
#old_password,
#password,
#retype,
#email {
  background-color: #010409 !important;
  color: #c9d1d9 !important;
  -webkit-text-fill-color: #c9d1d9 !important;
  border: 1px solid #30363d !important;
  border-radius: 6px !important;
  padding: 0.75em 1em !important;
  opacity: 1 !important;
  outline: none !important;
}

/* 3. 输入框聚焦状态强化 */
.ui.form input:focus {
  background-color: #010409 !important;
  color: #c9d1d9 !important;
  -webkit-text-fill-color: #c9d1d9 !important;
  border-color: #58a6ff !important;
  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.3) !important;
}

/* 4. 修复标签文字颜色（彻底解决黑色/浅色问题） */
.ui.form .field > label,
.inline.box.field > label {
  color: #c9d1d9 !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}

/* 5. 修复登录框容器背景，防止层级穿透 */
.ui.modal,
.ui.modal > .header,
.ui.modal > .content {
  background: #0d1117 !important;
  border: 1px solid #30363d !important;
  z-index: 9999 !important;
}

.ui.modal > .header {
  color: #c9d1d9 !important;
  border-bottom: 1px solid #30363d !important;
}

/* 6. 修复记住登录复选框 */
.ui.checkbox label,
.ui.checkbox + label {
  color: #c9d1d9 !important;
}

.ui.checkbox input:checked ~ label {
  color: #c9d1d9 !important;
}

/* 7. 兜底：强制覆盖所有输入框样式，防止其他规则干扰 */
input {
  background-color: #010409 !important;
  color: #c9d1d9 !important;
  -webkit-text-fill-color: #c9d1d9 !important;
}