.chroma .hl {
    background-color: #3f424d
}

.chroma .lnt,
.chroma .ln {
    color: #7f7f7f
}

.chroma .k {
    color: #f63
}

.chroma .kc {
    color: #fa1
}

.chroma .kd {
    color: #9daccc
}

.chroma .kn {
    color: #fa1
}

.chroma .kp {
    color: #5f8700
}

.chroma .kr {
    color: #f63
}

.chroma .kt {
    color: #9daccc
}

.chroma .na {
    color: #8a8a8a
}

.chroma .nb,
.chroma .bp {
    color: #9daccc
}

.chroma .nc,
.chroma .no {
    color: #fa1
}

.chroma .nd {
    color: #9daccc
}

.chroma .ni {
    color: #fa1
}

.chroma .ne {
    color: #af8700
}

.chroma .nf {
    color: #9daccc
}

.chroma .nl,
.chroma .nn {
    color: #fa1
}

.chroma .nx,
.chroma .nt,
.chroma .nv {
    color: #9daccc
}

.chroma .vc {
    color: #f81
}

.chroma .vg,
.chroma .vi {
    color: #fa1
}

.chroma .s,
.chroma .sa {
    color: #1af
}

.chroma .sb {
    color: #a0cc75
}

.chroma .sc,
.chroma .dl {
    color: #1af
}

.chroma .sd {
    color: #6a737d
}

.chroma .s2 {
    color: #a0cc75
}

.chroma .se {
    color: #f63
}

.chroma .sh {
    color: #1af
}

.chroma .si,
.chroma .sx {
    color: #fa1
}

.chroma .sr {
    color: #97c
}

.chroma .s1 {
    color: #a0cc75
}

.chroma .ss {
    color: #fa1
}

.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .il,
.chroma .mo {
    color: #1af
}

.chroma .o {
    color: #f63
}

.chroma .ow {
    color: #5f8700
}

.chroma .c,
.chroma .ch,
.chroma .cm,
.chroma .c1 {
    color: #6a737d
}

.chroma .cs {
    color: #95ad
}

.chroma .cp {
    color: #fc6
}

.chroma .cpf {
    color: #03dfff
}

.chroma .gd {
    color: #fff;
    background-color: #5f3737
}

.chroma .ge {
    color: #ef5
}

.chroma .gr {
    color: #f33
}

.chroma .gh {
    color: #fa1
}

.chroma .gi {
    color: #fff;
    background-color: #3a523a
}

.chroma .go {
    color: #888
}

.chroma .gp {
    color: #555
}

.chroma .gu {
    color: #9daccc
}

.chroma .gt {
    color: #f63
}

.chroma .w {
    color: #bbb
}

.CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property {
    color: #a0cc75
}

.CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header {
    color: #9daccc
}

.CodeMirror.cm-s-default .cm-quote,
.CodeMirror.cm-s-paper .cm-quote {
    color: #090
}

.CodeMirror.cm-s-default .cm-keyword,
.CodeMirror.cm-s-paper .cm-keyword {
    color: #cc8a61
}

.CodeMirror.cm-s-default .cm-atom,
.CodeMirror.cm-s-paper .cm-atom {
    color: #ef5e77
}

.CodeMirror.cm-s-default .cm-number,
.CodeMirror.cm-s-paper .cm-number {
    color: #ff5656
}

.CodeMirror.cm-s-default .cm-def,
.CodeMirror.cm-s-paper .cm-def {
    color: #e4e4e4
}

.CodeMirror.cm-s-default .cm-variable-2,
.CodeMirror.cm-s-paper .cm-variable-2 {
    color: #00bdbf
}

.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror.cm-s-paper .cm-variable-3 {
    color: #085
}

.CodeMirror.cm-s-default .cm-comment,
.CodeMirror.cm-s-paper .cm-comment {
    color: #8e9ab3
}

.CodeMirror.cm-s-default .cm-string,
.CodeMirror.cm-s-paper .cm-string {
    color: #a77272
}

.CodeMirror.cm-s-default .cm-string-2,
.CodeMirror.cm-s-paper .cm-string-2 {
    color: #f50
}

.CodeMirror.cm-s-default .cm-meta,
.CodeMirror.cm-s-paper .cm-meta,
.CodeMirror.cm-s-default .cm-qualifier,
.CodeMirror.cm-s-paper .cm-qualifier {
    color: #ffb176
}

.CodeMirror.cm-s-default .cm-builtin,
.CodeMirror.cm-s-paper .cm-builtin {
    color: #b7c951
}

.CodeMirror.cm-s-default .cm-bracket,
.CodeMirror.cm-s-paper .cm-bracket {
    color: #997
}

.CodeMirror.cm-s-default .cm-tag,
.CodeMirror.cm-s-paper .cm-tag {
    color: #f1d273
}

.CodeMirror.cm-s-default .cm-attribute,
.CodeMirror.cm-s-paper .cm-attribute {
    color: #bfcc70
}

.CodeMirror.cm-s-default .cm-hr,
.CodeMirror.cm-s-paper .cm-hr {
    color: #999
}

.CodeMirror.cm-s-default .cm-url,
.CodeMirror.cm-s-paper .cm-url {
    color: #c5cfd0
}

.CodeMirror.cm-s-default .cm-link,
.CodeMirror.cm-s-paper .cm-link {
    color: #d8c792
}

.CodeMirror.cm-s-default .cm-error,
.CodeMirror.cm-s-paper .cm-error {
    color: #dbdbeb
}

:root {
  --is-dark-theme: true;

  /* --- 核心颜色替换 --- */
  /* 主色：夜色紫 #884499 */
  /* 强调色/辅色：淡紫 #B97ACF (用于文字高亮或浅色变体) */

  --color-primary: #884499;

  /* Dark 系列 (在 UI 框架中通常用于 Hover 变亮或渐变，向淡紫过渡) */
  --color-primary-dark-1: #9450a3;
  --color-primary-dark-2: #a05bad;
  --color-primary-dark-3: #ac67b8;
  --color-primary-dark-4: #b97acf; /* 此处正好对应你的强调色 */
  --color-primary-dark-5: #c992d9;
  --color-primary-dark-6: #dbcce3;
  --color-primary-dark-7: #f3e6f5;

  /* Light 系列 (用于点击态 Active 或更深的边框，向黑紫过渡) */
  --color-primary-light-1: #7a3d8a;
  --color-primary-light-2: #6c367a;
  --color-primary-light-3: #5e2f6b;
  --color-primary-light-4: #50285c;
  --color-primary-light-5: #42214d;
  --color-primary-light-6: #2a1530;
  --color-primary-light-7: #120614;

  /* Alpha 透明度系列 (基于 #884499) */
  --color-primary-alpha-10: #88449919;
  --color-primary-alpha-20: #88449933;
  --color-primary-alpha-30: #8844994b;
  --color-primary-alpha-40: #88449966;
  --color-primary-alpha-50: #88449980;
  --color-primary-alpha-60: #88449999;
  --color-primary-alpha-70: #884499b3;
  --color-primary-alpha-80: #884499cc;
  --color-primary-alpha-90: #884499e1;

  /* --- Secondary 灰色系 (保持深色模式基调，微调偏冷) --- */
  --color-secondary: #222222;
  /* 灰色系通常不需要大改，保持原有深色背景逻辑即可，以免影响阅读 */
  --color-secondary-dark-1: #505665;
  --color-secondary-dark-2: #5b6273;
  --color-secondary-dark-3: #71798e;
  --color-secondary-dark-4: #7f8699;
  --color-secondary-dark-5: #8c93a4;
  --color-secondary-dark-6: #9aa0af;
  --color-secondary-dark-7: #a8adba;
  --color-secondary-dark-8: #b6bac5;
  --color-secondary-dark-9: #c4c7d0;
  --color-secondary-dark-10: #d2d4db;
  --color-secondary-dark-11: #dfe1e6;
  --color-secondary-dark-12: #edeef1;
  --color-secondary-dark-13: #fbfbfc;

  --color-secondary-light-1: #373b46;
  --color-secondary-light-2: #292c34;
  --color-secondary-light-3: #1c1e23;
  --color-secondary-light-4: #0e0f11;

  --color-secondary-alpha-10: #22222219;
  --color-secondary-alpha-20: #22222233;
  --color-secondary-alpha-30: #2222224b;
  --color-secondary-alpha-40: #22222266;
  --color-secondary-alpha-50: #22222280;
  --color-secondary-alpha-60: #22222299;
  --color-secondary-alpha-70: #222222b3;
  --color-secondary-alpha-80: #222222cc;
  --color-secondary-alpha-90: #222222e1;

  /* --- 标准色板 (保持原样，或根据喜好微调) --- */
  --color-red: #db2828;
  --color-orange: #f2711c;
  --color-yellow: #fbbd08;
  --color-olive: #b5cc18;
  --color-green: #21ba45;
  --color-teal: #00b5ad;
  --color-blue: #2185d0;
  --color-violet: #6435c9;
  --color-purple: #a333c8;
  --color-pink: #e03997;
  --color-brown: #a5673f;
  --color-grey: #767a85;
  --color-black: #1e222e;
  --color-gold: #a1882b;
  --color-white: #ffffff;

  /* --- Diff 颜色 (保持原样，功能性颜色不建议乱改) --- */
  --color-diff-removed-word-bg: #6f3333;
  --color-diff-added-word-bg: #3c653c;
  --color-diff-removed-row-bg: #3c2626;
  --color-diff-moved-row-bg: #818044;
  --color-diff-added-row-bg: #283e2d;
  --color-diff-removed-row-border: #634343;
  --color-diff-moved-row-border: #bcca6f;
  --color-diff-added-row-border: #314a37;
  --color-diff-inactive: #353846;

  /* --- 状态色 (保持原样) --- */
  --color-error-border: #a53a37;
  --color-error-bg: #482c2c;
  --color-error-text: #ff4433;
  --color-success-border: #458a57;
  --color-success-bg: #284034;
  --color-success-text: #6cc664;
  --color-warning-border: #bb9d00;
  --color-warning-bg: #3a3a30;
  --color-warning-text: #fbbd08;
  --color-info-border: #306090;
  --color-info-bg: #26354c;
  --color-info-text: #38a8e8;

  /* --- 界面特定颜色 (关键修改点) --- */
  --color-body: #050505;
  --color-box-header: #121212;
  --color-box-body: #161616;

  /* 这里的 text-dark 对应彩色文字，使用你的强调色，在黑底上更清晰 */
  --color-text-dark: #B97ACF;

  --color-text: #eeeeee;
  --color-text-light: #f1f1f1;
  --color-text-light-2: #f5f5f5;
  --color-text-light-3: #ffffff;
  --color-footer: #020202;
  --color-timeline: #4c525e;
  --color-input-text: #d5dbe6;
  --color-input-background: #0f0f0f;
  --color-input-border: #222;
  --color-input-border-hover: #444;
  --color-navbar: #111111;

  /* 导航栏背景微调：从深红黑改为深紫黑 */
  --color-nav-bg: #10050d;

  /* 导航栏 Hover：使用主色半透明 */
  --color-nav-hover-bg: #884499a0;

  --color-navbar-transparent: #11111100;
  --color-light: #00000028;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #ffffff28;

  /* 通用 Hover：使用主色半透明 */
  --color-hover: #884499a0;

  --color-active: #ffffff10;
  --color-menu: #191919;
  --color-card: #191919;
  --color-markup-table-row: #ffffff06;
  --color-markup-code-block: #0f0f0f;
  --color-button: #222;
  --color-code-bg: #111111;
  --color-code-sidebar-bg: #191919;
  --color-shadow: #00000060;
  --color-secondary-bg: #111111;
  --color-text-focus: #fff;
  --color-expand-button: #3c404d;
  --color-placeholder-text: #6a737d;

  /* 编辑器行高亮：使用深紫色变体 */
  --color-editor-line-highlight: var(--color-primary-light-5);

  --color-project-board-bg: var(--color-secondary-light-2);
  --color-caret: var(--color-text);
  --color-reaction-bg: #ffffff12;
  --color-reaction-active-bg: var(--color-primary-alpha-40);
  --color-label-text: #dbdbdb;
}

::-webkit-calendar-picker-indicator {
    filter: invert(.8)
}

.ui.horizontal.segments>.segment {
    background-color: #050505
}

.ui.green.progress .bar {
    background-color: #88445b
}

.ui.progress.success .bar {
    background-color: #9e576f !important
}

.following.bar.light {
    background: #161616;
    border-color: var(--color-secondary-alpha-40)
}

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

.feeds .list ul li.private {
    background: #0c0c0c
}

.ui.red.label,
.ui.red.labels .label {
    background-color: #7d3434 !important;
    border-color: #8a2121 !important
}

.ui.yellow.label,
.ui.yellow.labels .label {
    border-color: #664d02 !important;
    background-color: #936e00 !important
}

.ui.accordion .title:not(.ui) {
    color: #dbdbdb
}

.ui.green.label,
.ui.green.labels .label,
.ui.basic.green.label {
    background-color: #682c40 !important;
    border-color: #682c40 !important
}

.ui.green.labels a.label:hover,
.ui.basic.green.labels a.label:hover,
a.ui.ui.ui.green.label:hover,
a.ui.basic.green.label:hover {
    background-color: #7a3e52 !important;
    border-color: #7a3e52 !important;
    color: #fff !important
}

.ui.divider:not(.vertical):not(.horizontal) {
    border-bottom-color: var(--color-secondary);
    border-top-color: transparent
}

.form .help {
    color: #7f8699
}

.ui .text.light.grey {
    color: #7f8699 !important
}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=url],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=url] {
    background-color: #522;
    border: 1px solid #7d3434;
    color: #f9cbcb
}

.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=file]:focus,
.ui.form .field.error input[type=url]:focus {
    background-color: #522;
    border: 1px solid #a04141;
    color: #f9cbcb
}

.ui.green.button,
.ui.green.buttons .button {
    background-color: #f5417d
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
    background-color: #c1154f
}

.ui.search>.results {
    background: #050505;
    border-color: var(--color-secondary)
}

.ui.search>.results .result:hover,
.ui.category.search>.results .category .result:hover {
    background: var(--color-secondary)
}

.ui.search>.results .result .title {
    color: #dbdbdb
}

.ui.table>thead>tr>th {
    background: var(--color-secondary);
    color: #dbdbdb !important
}

.repository.file.list #repo-files-table tr {
    background: #111111
}

.repository.file.list #repo-files-table tr:hover {
    background-color: #2d2d2d !important
}

.overflow.menu .items .item {
    color: #9d9d9d
}

.overflow.menu .items .item:hover {
    color: #dbdbdb
}

.ui.list>.item>.content {
    color: var(--color-secondary-dark-6) !important
}

.ui.tabular.menu,
.ui.pointing.menu {
    align-items: center !important;
    gap: 0.5rem !important;
    border: none !important;
    border-bottom: 1px solid var(--color-secondary) !important;
    min-height: 46px;
}
.ui.pointing.menu {
    padding-bottom: 5px !important;
}
.ui.tabular.menu .item,
.ui.pointing.menu .item {
    margin: 0 !important;
    border: none !important;
    line-height: 30px !important;
    padding: 0 8px !important;
    position: relative !important;
    border-radius: 0.375rem !important;
}
.ui.tabular.menu .item.active::before,
.ui.pointing.menu .item.active::before {
    content: "";
    display: block !important;
    width: 100%;
    height: 2px;
    background: var(--color-primary) !important;
    left: 0;
    top: calc(100% + 3px);
    position: absolute;
}
.ui.tabular.menu .item.active,
.ui.pointing.menu .item.active {
    border: 0 !important;
    background: none !important;
}
.ui.tabular.menu .item:hover,
.ui.pointing.menu .item:hover {
    color: unset !important;
    transition: background .12s ease-out !important;
    background-color: var(--color-nav-hover-bg) !important;
    border-radius: 0.375rem !important;
}

.repository .diff-stats li {
    border-color: var(--color-secondary)
}

.tag-code,
.tag-code td {
    background: #353945 !important
}

.tag-code td.lines-num {
    background-color: #3a3e4c !important
}

.tag-code td.lines-type-marker,
td.blob-hunk {
    color: #dbdbdb !important
}

.ui.red.button,
.ui.red.buttons .button {
    background-color: #7d3434
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
    background-color: #984646
}

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

.ui.list .list>.item .description,
.ui.list>.item .description {
    color: var(--color-secondary-dark-6)
}

.repository.labels .ui.basic.black.label {
    background-color: #bbb !important
}

.lines-num {
    color: var(--color-secondary-dark-6) !important;
    border-color: var(--color-secondary) !important
}

td.blob-excerpt {
    background-color: #00000026
}

.lines-code.active,
.lines-code .active {
    background: #534d1b !important
}

.ui.ui.ui.ui.table tr.active,
.ui.ui.table td.active {
    color: #dbdbdb
}

.ui.active.label {
    background: #393d4a;
    border-color: #393d4a;
    color: #dbdbdb
}

.ui.header .sub.header {
    color: var(--color-secondary-dark-6)
}

.ui.dividing.header {
    border-bottom: 1px solid var(--color-secondary)
}

.ui.modal>.header {
    background: var(--color-secondary);
    color: #dbdbdb
}

.ui.modal>.actions {
    background: var(--color-secondary);
    border-color: var(--color-secondary)
}

.ui.modal>.content {
    background: #050505
}

.minicolors-panel {
    background: var(--color-secondary) !important;
    border-color: #6a737d !important
}

.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
.emoji[aria-label="TOP arrow"],
.emoji[aria-label="END arrow"],
.emoji[aria-label="ON! arrow"],
.emoji[aria-label="SOON arrow"],
.emoji[aria-label="heavy dollar sign"],
.emoji[aria-label=copyright],
.emoji[aria-label=registered],
.emoji[aria-label="trade mark"],
.emoji[aria-label=multiply],
.emoji[aria-label=plus],
.emoji[aria-label=minus],
.emoji[aria-label=divide],
.emoji[aria-label="curly loop"],
.emoji[aria-label="double curly loop"],
.emoji[aria-label="wavy dash"],
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
    filter: invert(100%) hue-rotate(180deg)
}

.edit-diff>div>.ui.table {
    border-left-color: var(--color-secondary) !important;
    border-right-color: var(--color-secondary) !important
}

footer .container .links>* {
    border-left-color: #888
}

.repository.release #release-list>li .detail .dot {
    background-color: #505667;
    border-color: #050505
}

.tribute-container {
    box-shadow: 0 .25rem .5rem #0009
}

.repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
    color: #111111
}

img[src$="/img/matrix.svg"] {
    filter: invert(80%)
}

.is-loading:after {
    border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da
}

.markup-block-error {
    border: 1px solid rgba(121, 71, 66, .5) !important;
    border-bottom: none !important
}

.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image,
.ui.cards>.card img.avatar,
.ui.cards>.card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
    border-radius: 50%;
}

.username.text {
    font-weight: 500;
}

.ui.dropdown .menu>.header {
    text-transform: none;
    font-size: 1.1em;
    font-weight: 400;
}

.ui.dropdown .menu>.header strong {
    display: block;
    font-weight: 600;
}

.ui.dropdown .menu>.divider,
.ui.dropdown .menu {
    border-color: #555;
}

footer {
    opacity: .5;
}

a,
.home a,
.ui.breadcrumb a {
    color: var(--color-text-dark);
}

.repo-list-link {
    padding: 8px 0 !important;
}
#navbar {
    border: none !important;
}
.page-content.page-content .header-wrapper,
.page-content.page-content .new-menu {
    padding-top: 0 !important;
}

.ui.secondary.tabular.top {
    justify-content: center;
    padding: 0 !important;
    padding-bottom: 5px !important;
    gap: 0.5rem;
}
.ui.secondary.tabular.top .item {
    padding: 4px 12px !important;
}
.ui.secondary.tabular.top .item:hover {
    color: unset !important;
}
.dashboard .dashboard-navbar {
    padding: 0;
    min-height: 46px;
    display: flex;
    align-items: center;
    background: var(--color-nav-bg);
    margin-top: -15px;
    margin-bottom: -15px;
    padding-bottom: 7px;
}
.dashboard .dashboard-navbar .ui.menu {
    max-width: calc(100% - 8px);
    width: 1280px;
    margin: -8px auto;
}
.repository .ui.tabs.container,
.organization .ui.tabs.container {
    margin-top: 8px;
}
.header-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    margin-bottom: 1rem;
}
.header-wrapper .ui.tabs.divider {
    margin-bottom: -1rem !important;
}
.repo-description .description {
    display: block;
}
.repo-description .link {
    font-size: 0.8em;
}
#repo-topics {
    margin-top: 0.125rem !important;
    margin-bottom: 0.75rem;
}

/* 定义闪烁一次的柔光紫色动画 */
@keyframes purpleFlashOnce {
  0% {
    background: #ffffff;
    box-shadow: 0 0 0px #884499;
  }
  40% {
    background: #f3e6f7; /* #884499 的浅色柔光 */
    box-shadow: 0 0 12px #884499;
  }
  100% {
    background: #ffffff;
    box-shadow: 0 0 0px #884499;
  }
}

/* 让动画只在用户触发时出现（通过 JS 添加类）*/
input.search-flash {
  animation: purpleFlashOnce 600ms ease-out;
}


.site-alert {
    background: red;
    color: #fff;
    text-align: center;
    padding: .75em 1.5em;
    font-size: 1.1em;
}
.site-banner {
    background: var(--color-nav-bg);
    color: #fff;
    text-align: center;
    padding: .75em 1.5em 0;
}