@import url("https://cn.windfonts.com/wenfeng/fonts/misa/regular/web/zh_index.css");
@import url("https://cn.windfonts.com/wenfeng/fonts/misa/thin/web/zh_index.css");
@import url("https://cn.windfonts.com/wenfeng/fonts/misa/extralight/web/zh_index.css");
@import url("https://cn.windfonts.com/wenfeng/fonts/misa/light/web/zh_index.css");
@import url("https://cn.windfonts.com/wenfeng/fonts/misa/normal/web/zh_index.css");
@import url('https://cn.windfonts.com/wenfeng/fonts/mkwxy/regular/web/zh_index.css');
/* @import url('https://googlefonts.admincdn.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */

html, body, div, span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: "wenfeng-misa","Ubuntu", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", sans-serif, -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	font-weight: var(--font-weight-normal)
}

:root * {
    font-family: "wenfeng-misa","Ubuntu", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", sans-serif, -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
	font-weight: var(--font-weight-normal)
}

#navbar, #navbar .navbar-left, #navbar .navbar-right {
    min-height: 70px;
}

@media (max-width: 767.98px) {
    #navbar.navbar-menu-open .navbar-left {
        padding: 11px 0;
    }
}

/* 通用样式设置 - 字号、圆角、布局等 */
.markup {
    font-size: 14px;
}

.page-content.organization #org-info .ui.header {
    font-size: 22px;
}

.page-content.organization .org-avatar {
    width: 70px;
    height: 70px;
}

.page-content.organization .members .ui.avatar {
    width: 35px;
    height: 35px;
}

.user.profile .ui.card #profile-avatar img {
    max-width: 90%;
}

.user.profile .ui.card #profile-avatar {
    padding: 2rem 3rem 0.25rem;
}

.user.profile .ui.card .extra.content>ul>li {
    padding: 20px;
}

.switch {
    font-size: 13px;
}

.ui.buttons .button, .ui.buttons .or, .ui.button {
    font-size: 0.85rem;
}

.ui.small.buttons .dropdown, .ui.small.buttons .dropdown .menu>.item, .ui.small.buttons .button, .ui.small.buttons .or, .ui.ui.ui.ui.small.button {
    font-size: .85rem;
}

.ui.header .ui.label {
    font-size: 0.5rem;
}

.ui.top.attached.header {
    border-radius: 8px 8px 0 0;
}

.ui.large.label {
    font-size: 11px;
}

.ui.multiple.dropdown>.label {
    font-size: 11px;
}

.ui.tabular.menu .item, .ui.secondary.pointing.menu .item {
    padding: 15px 22px !important;
}

.ui.basic.buttons .button, .ui.basic.button {
    border-radius: 8px;
}

.commit-list .message-wrapper {
    font-size: 13px;
}

.tw-text-16 {
    font-size: 13px !important;
}

.repo-header {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.repository .secondary-nav .fork-flag {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.page-content>:first-child.secondary-nav {
    margin-bottom: 20px;
}

.repository .secondary-nav {
    padding-top: 10px;
}

.repository.file.list .repo-description {
    display: unset;
}

div#repo-desc a.link {
    float: right;
	background: var(--color-hover);
    border-color: var(--color-secondary-dark-2);
    padding: 3px 12px;
    border-radius: 8px;
}

.flex-item {
    padding: 20px 0;
}

.flex-item .flex-item-body {
    font-size: small;
	padding: 6px 0 0 0;
}

.form .help {
    color: var(--color-secondary-dark-3);
    padding-top: .6em;
    padding-bottom: .6em;
    font-size: smaller;
}

.ui.secondary.vertical.menu {
    border-radius: .28571429rem !important;
    overflow: hidden;
}

.ui.basic.primary.button.item {
    background-color: var(--color-active) !important;
    color: var(--color-text) !important;
    box-shadow: none !important;
}

.ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon {
    background-color: var(--color-shadow) !important;
}

#review-box .review-comments-counter {
    background-color: var(--color-label-bg) !important;
    margin-left: .5em;
}

.ui.basic.labels .primary.label, .ui.ui.ui.basic.primary.label {
    color: var(--color-text-dark) !important;
}

.ui.yellow.label.pending-label {
    background: var(--color-warning-bg) !important;
    color: var(--color-text-dark) !important;
}

::selection {
    background: var(--color-primary-alpha-20) !important;
    color: var(--color-text) !important;
}

@media (prefers-color-scheme: light) {
    .chroma .bp {
        color: #6b7684;
    }

    .chroma .c,
    .chroma .c1,
    .chroma .ch {
        color: #5d6876;
    }

    .chroma .cm {
        color: #6b7684;
    }

    .chroma .cp {
        color: #0771dc;
    }

    .chroma .cpf {
        color: #0771dc;
    }

    .chroma .cs {
        color: #6b7684;
    }

    .chroma .dl {
        color: #0e7c3e;
    }

    .chroma .gd {
        color: #24292f;
        background-color: #ffecec;
    }

    .chroma .ge {
        color: #24292f;
    }

    .chroma .gh {
        color: #6b7684;
    }

    .chroma .gi {
        color: #24292f;
        background-color: #e6ffec;
    }

    .chroma .go {
        color: #6b7684;
    }

    .chroma .gp {
        color: #58606c;
    }

    .chroma .gr,
    .chroma .gt {
        color: #d1242f;
    }

    .chroma .gu {
        color: #8b949e;
    }

    .chroma .il {
        color: #0771dc;
    }

    .chroma .k,
    .chroma .kc,
    .chroma .kd,
    .chroma .kn,
    .chroma .kp,
    .chroma .kr {
        color: #cf222e;
    }

    .chroma .kt {
        color: #0771dc;
    }

    .chroma .m,
    .chroma .mb,
    .chroma .mf,
    .chroma .mh,
    .chroma .mi,
    .chroma .mo {
        color: #0771dc;
    }

    .chroma .na {
        color: #cf222e;
    }

    .chroma .nb {
        color: #0771dc;
    }

    .chroma .nc {
        color: #0771dc;
    }

    .chroma .nd {
        color: #58606c;
    }

    .chroma .ne {
        color: #cf222e;
    }

    .chroma .nf {
        color: #0771dc;
    }

    .chroma .ni {
        color: #8250df;
    }

    .chroma .nl {
        color: #cf222e;
    }

    .chroma .nn {
        color: #58606c;
    }

    .chroma .no {
        color: #0771dc;
    }

    .chroma .nt {
        color: #0e7c3e;
    }

    .chroma .nv {
        color: #0771dc;
    }

    .chroma .nx {
        color: #24292f;
    }

    .chroma .o,
    .chroma .ow {
        color: #cf222e;
    }

    .chroma .s,
    .chroma .s1,
    .chroma .s2 {
        color: #0e7c3e;
    }

    .chroma .sa {
        color: #bc8c00;
    }

    .chroma .sb {
        color: #0e7c3e;
    }

    .chroma .sc {
        color: #bc8c00;
    }

    .chroma .sd {
        color: #0e7c3e;
    }

    .chroma .se {
        color: #8250df;
    }

    .chroma .sh {
        color: #0e7c3e;
    }

    .chroma .si {
        color: #bc8c00;
    }

    .chroma .sr {
        color: #8250df;
    }

    .chroma .ss {
        color: #8250df;
    }

    .chroma .sx {
        color: #0e7c3e;
    }

    .chroma .vc,
    .chroma .vg,
    .chroma .vi {
        color: #0771dc;
    }

    .chroma .w {
        color: #8b949e;
    }
}

@media (prefers-color-scheme: light) {
    .markup [src$="#gh-dark-mode-only"],
    .markup [src$="#dark-mode-only"],
    .markup [href$="#gh-dark-mode-only"],
    .markup [href$="#dark-mode-only"] {
        display: none;
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --is-dark-theme: false;
        --border-radius: 6px;
        --border-radius-medium: 6px;
        --border-radius-small: 4px;
        --page-spacing: 25px;
        /* 品牌主色调 #0771dc */
        --color-primary: #0771dc;
        --color-primary-contrast: #ffffff;
        --color-primary-dark-1: #0664c7;
        --color-primary-dark-2: #0557b2;
        --color-primary-dark-3: #044a9d;
        --color-primary-dark-4: #033d88;
        --color-primary-dark-5: #022e65;
        --color-primary-dark-6: #011f43;
        --color-primary-dark-7: #01111f;
        --color-primary-light-1: #1f7ee1;
        --color-primary-light-2: #378be6;
        --color-primary-light-3: #4f98eb;
        --color-primary-light-4: #67a5f0;
        --color-primary-light-5: #8db9f5;
        --color-primary-light-6: #b3cdfa;
        --color-primary-light-7: #e1ebfe;
        --color-primary-alpha-10: #0771dc19;
        --color-primary-alpha-20: #0771dc33;
        --color-primary-alpha-30: #0771dc4b;
        --color-primary-alpha-40: #0771dc66;
        --color-primary-alpha-50: #0771dc80;
        --color-primary-alpha-60: #0771dc99;
        --color-primary-alpha-70: #0771dcb3;
        --color-primary-alpha-80: #0771dccc;
        --color-primary-alpha-90: #0771dce1;
        --color-primary-hover: var(--color-primary-dark-1);
        --color-primary-active: var(--color-primary-dark-2);
        /* 冷色调灰色系 - 与品牌色和谐 */
        --color-secondary: #c8d1db;
        --color-secondary-dark-1: #bcc6d1;
        --color-secondary-dark-2: #afbbc7;
        --color-secondary-dark-3: #949fad;
        --color-secondary-dark-4: #858f9e;
        --color-secondary-dark-5: #747e8f;
        --color-secondary-dark-6: #646e80;
        --color-secondary-dark-7: #545e71;
        --color-secondary-dark-8: #444e62;
        --color-secondary-dark-9: #343e53;
        --color-secondary-dark-10: #242e44;
        --color-secondary-dark-11: #141e35;
        --color-secondary-dark-12: #040e26;
        --color-secondary-dark-13: #000417;
        --color-secondary-light-1: #d6dfe8;
        --color-secondary-light-2: #e2ebf3;
        --color-secondary-light-3: #eef6fd;
        --color-secondary-light-4: #f8fdff;
        --color-secondary-alpha-10: #c8d1db19;
        --color-secondary-alpha-20: #c8d1db33;
        --color-secondary-alpha-30: #c8d1db4b;
        --color-secondary-alpha-40: #c8d1db66;
        --color-secondary-alpha-50: #c8d1db80;
        --color-secondary-alpha-60: #c8d1db99;
        --color-secondary-alpha-70: #c8d1dbb3;
        --color-secondary-alpha-80: #c8d1dbcc;
        --color-secondary-alpha-90: #c8d1dbe1;
        --color-secondary-button: var(--color-secondary-dark-4);
        --color-secondary-hover: var(--color-secondary-dark-5);
        --color-secondary-active: var(--color-secondary-dark-6);
        --color-console-fg: #f4f6f8;
        --color-console-fg-subtle: #b6c2d0;
        --color-console-bg: #0f1419;
        --color-console-border: #1c2128;
        --color-console-hover-bg: #21262d;
        --color-console-active-bg: #30363d;
        --color-console-menu-bg: #161b22;
        --color-console-menu-border: #30363d;
        --color-red: #d73a49;
        --color-orange: #f66a0a;
        --color-yellow: #e6a700;
        --color-olive: #7cb518;
        --color-green: #28a745;
        --color-teal: #17a2b8;
        --color-blue: #0366d6;
        --color-violet: #6f42c1;
        --color-purple: #8b5cf6;
        --color-pink: #ec4899;
        --color-brown: #8b4513;
        --color-black: #0f1419;
        --color-red-light: #f85149;
        --color-orange-light: #fb8500;
        --color-yellow-light: #fbbf24;
        --color-olive-light: #84cc16;
        --color-green-light: #34d399;
        --color-teal-light: #06b6d4;
        --color-blue-light: #3b82f6;
        --color-violet-light: #8b5cf6;
        --color-purple-light: #a855f7;
        --color-pink-light: #f472b6;
        --color-brown-light: #d97706;
        --color-black-light: #374151;
        --color-red-dark-1: #cb2431;
        --color-orange-dark-1: #e36209;
        --color-yellow-dark-1: #dbab09;
        --color-olive-dark-1: #28a745;
        --color-green-dark-1: #22863a;
        --color-teal-dark-1: #0969da;
        --color-blue-dark-1: #0550ae;
        --color-violet-dark-1: #6e40c9;
        --color-purple-dark-1: #8a2be2;
        --color-pink-dark-1: #bf8700;
        --color-brown-dark-1: #a0522d;
        --color-black-dark-1: #24292f;
        --color-red-dark-2: #b93c47;
        --color-orange-dark-2: #da6c0a;
        --color-yellow-dark-2: #ca9800;
        --color-olive-dark-2: #22863a;
        --color-green-dark-2: #1e7e34;
        --color-teal-dark-2: #045d8c;
        --color-blue-dark-2: #044289;
        --color-violet-dark-2: #5a32a3;
        --color-purple-dark-2: #7c3aed;
        --color-pink-dark-2: #be185d;
        --color-brown-dark-2: #8b4513;
        --color-black-dark-2: #1c2128;
        --color-ansi-black: #24292f;
        --color-ansi-red: #d73a49;
        --color-ansi-green: #28a745;
        --color-ansi-yellow: #e6a700;
        --color-ansi-blue: #0771dc;
        --color-ansi-magenta: #ec4899;
        --color-ansi-cyan: #17a2b8;
        --color-ansi-white: var(--color-console-fg-subtle);
        --color-ansi-bright-black: #57606a;
        --color-ansi-bright-red: #f85149;
        --color-ansi-bright-green: #34d399;
        --color-ansi-bright-yellow: #fbbf24;
        --color-ansi-bright-blue: #3b82f6;
        --color-ansi-bright-magenta: #f472b6;
        --color-ansi-bright-cyan: #06b6d4;
        --color-ansi-bright-white: var(--color-console-fg);
        --color-grey: #57606a;
        --color-grey-light: #6e7781;
        --color-gold: #bf8700;
        --color-white: #ffffff;
        --color-diff-removed-word-bg: #ffeef0;
        --color-diff-added-word-bg: #acf2bd;
        --color-diff-removed-row-bg: #fff1f3;
        --color-diff-moved-row-bg: #fef3cd;
        --color-diff-added-row-bg: #dafbe1;
        --color-diff-removed-row-border: #ffc1cc;
        --color-diff-moved-row-border: #f9c23c;
        --color-diff-added-row-border: #5fb85f;
        --color-diff-inactive: #eef2f8;
        --color-error-border: #f1b2b2;
        --color-error-bg: #fff8f8;
        --color-error-bg-active: #ffe6e6;
        --color-error-bg-hover: #ffeded;
        --color-error-text: #d73a49;
        --color-success-border: #a2d2a3;
        --color-success-bg: #f8fff8;
        --color-success-text: #28a745;
        --color-warning-border: #f7cc47;
        --color-warning-bg: #fffef7;
        --color-warning-text: #b08800;
        --color-info-border: #0771dc;
        --color-info-bg: #f8fbff;
        --color-info-text: #0550ae;
        --color-red-badge: #d73a49;
        --color-red-badge-bg: #d73a491a;
        --color-red-badge-hover-bg: #d73a494d;
        --color-green-badge: #28a745;
        --color-green-badge-bg: #28a7451a;
        --color-green-badge-hover-bg: #28a7454d;
        --color-yellow-badge: #e6a700;
        --color-yellow-badge-bg: #e6a7001a;
        --color-yellow-badge-hover-bg: #e6a7004d;
        --color-orange-badge: #f66a0a;
        --color-orange-badge-bg: #f66a0a1a;
        --color-orange-badge-hover-bg: #f66a0a4d;
        --color-git: #f1502f;
        --color-icon-green: var(--color-green);
        --color-icon-red: var(--color-red);
        --color-icon-purple: var(--color-purple);
        /* 冷色调白色 - 轻微蓝色倾向 */
        --color-body: #fafbfc;
        --color-box-header: #f6f8fa;
        --color-box-body: #ffffff;
        --color-box-body-highlight: #f1f8ff;
        /* 现代化的冷色调文字色彩 */
        --color-text-dark: #0f1419;
        --color-text: #24292f;
        --color-text-light: #57606a;
        --color-text-light-1: #6e7781;
        --color-text-light-2: #8b949e;
        --color-text-light-3: #a8b2bd;
        --color-footer: var(--color-nav-bg);
        --color-timeline: #c8d1db;
        --color-input-text: var(--color-text-dark);
        --color-input-background: #ffffff;
        --color-input-toggle-background: #c8d1db;
        --color-input-border: var(--color-secondary);
        --color-input-border-hover: var(--color-secondary-dark-1);
        --color-light: #f6f8fa;
        --color-light-mimic-enabled: rgba(
            15,
            20,
            25,
            calc(6 / 255 * 222 / 255 / var(--opacity-disabled))
        );
        --color-light-border: #d0d7de;
        --color-hover: #f3f4f6;
        --color-active: #e5e7eb;
        --color-menu: #f8f9fa;
        --color-card: #ffffff;
        --color-markup-table-row: #f6f8fa;
        --color-markup-code-block: #f6f8fa;
        --color-markup-code-inline: #eff1f3;
        --color-button: #f6f8fa;
        --color-code-bg: #f8fafc;
        --color-shadow: #d1d9e0b3;
        --color-secondary-bg: #f6f8fa;
        --color-expand-button: #ddeafe;
        --color-placeholder-text: var(--color-text-light-3);
        --color-editor-line-highlight: var(--color-primary-light-6);
        --color-project-column-bg: var(--color-secondary-light-4);
        --color-caret: var(--color-text-dark);
        --color-reaction-bg: #f3f4f6;
        --color-reaction-hover-bg: var(--color-primary-light-5);
        --color-reaction-active-bg: var(--color-primary-light-6);
        --color-tooltip-text: #ffffff;
        --color-tooltip-bg: #24292fd0;
        --color-nav-bg: #f6f8fa;
        --color-nav-hover-bg: var(--color-secondary-light-1);
        --color-nav-text: var(--color-text);
        --color-secondary-nav-bg: #f8f9fa;
        --color-label-text: var(--color-text);
        --color-label-bg: #8b949e4b;
        --color-label-hover-bg: #8b949ea0;
        --color-label-active-bg: #8b949eff;
        --color-accent: var(--color-primary-light-1);
        --color-small-accent: var(--color-primary-light-6);
        --color-highlight-fg: #bf8700;
        --color-highlight-bg: #fff8c5;
        --color-overlay-backdrop: #24292f80;
        --checkerboard-color-1: #ffffff;
        --checkerboard-color-2: #f6f8fa;
        accent-color: var(--color-accent);
        color-scheme: light;
    }

    /* Light mode specific styles */
    .ui.red.label.notification_count, .ui.primary.labels .label {
        background-color: var(--color-primary-dark-1) !important;
    }

    .repository.view.issue .comment-list .code-comment+.code-comment {
        margin: 1.25rem 0 !important;
        padding-top: 1.25rem !important;
        border-top-color: var(--color-secondary-dark-2) !important;
    }
}

@media (prefers-color-scheme: dark) {
#navbar-logo img {
    content: url('/assets/img/logo-white.svg');
}

.home .logo {
    content: url('/assets/img/logo-white.svg');
}
    
    .chroma .bp {
        color: #fbbf24;
    }

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

    .chroma .cp {
        color: #34d399;
    }

    .chroma .cpf {
        color: #60a5fa;
    }

    .chroma .cs {
        color: #a78bfa;
    }

    .chroma .dl {
        color: #60a5fa;
    }

    .chroma .gd {
        color: #f9fafb;
        background-color: #7f1d1d;
    }

    .chroma .ge {
        color: #facc15;
    }

    .chroma .gh {
        color: #f59e0b;
    }

    .chroma .gi {
        color: #f9fafb;
        background-color: #166534;
    }

    .chroma .go {
        color: #6b7280;
    }

    .chroma .gp {
        color: #d1d5db;
    }

    .chroma .gr {
        color: #ef4444;
    }

    .chroma .gs {
        color: #d1d5db;
    }

    .chroma .gt {
        color: #f97316;
    }

    .chroma .gu {
        color: #84cc16;
    }

    .chroma .il {
        color: #60a5fa;
    }

    .chroma .k {
        color: #f97316;
    }

    .chroma .kc {
        color: #60a5fa;
    }

    .chroma .kd {
        color: #f97316;
    }

    .chroma .kn {
        color: #f59e0b;
    }

    .chroma .kp {
        color: #65a30d;
    }

    .chroma .kr {
        color: #f97316;
    }

    .chroma .kt {
        color: #fb7185;
    }

    .chroma .m,
    .chroma .mb,
    .chroma .mf,
    .chroma .mh,
    .chroma .mi,
    .chroma .mo {
        color: #60a5fa;
    }

    .chroma .n {
        color: #d1d5db;
    }

    .chroma .na,
    .chroma .nb {
        color: #fbbf24;
    }

    .chroma .nc {
        color: #f59e0b;
    }

    .chroma .nd {
        color: #34d399;
    }

    .chroma .ne {
        color: #f97316;
    }

    .chroma .nf,
    .chroma .ni {
        color: #fbbf24;
    }

    .chroma .nl {
        color: #f97316;
    }

    .chroma .nn {
        color: #d1d5db;
    }

    .chroma .no {
        color: #60a5fa;
    }

    .chroma .nt {
        color: #f97316;
    }

    .chroma .nv {
        color: #d1d5db;
    }

    .chroma .nx {
        color: #e5e7eb;
    }

    .chroma .o {
        color: #f97316;
    }

    .chroma .ow {
        color: #65a30d;
    }

    .chroma .p {
        color: #d1d5db;
    }

    .chroma .s,
    .chroma .s1,
    .chroma .s2 {
        color: #84cc16;
    }

    .chroma .sa {
        color: #f59e0b;
    }

    .chroma .sb {
        color: #84cc16;
    }

    .chroma .sc {
        color: #f59e0b;
    }

    .chroma .sd {
        color: #84cc16;
    }

    .chroma .se {
        color: #fb923c;
    }

    .chroma .sh {
        color: #84cc16;
    }

    .chroma .si {
        color: #f59e0b;
    }

    .chroma .sr {
        color: #a78bfa;
    }

    .chroma .ss {
        color: #fb923c;
    }

    .chroma .sx {
        color: #f59e0b;
    }

    .chroma .vc,
    .chroma .vg,
    .chroma .vi {
        color: #3b82f6;
    }

    .chroma .w {
        color: #6b7280;
    }
}

@media (prefers-color-scheme: dark) {
    .CodeMirror.cm-s-default .cm-property,
    .CodeMirror.cm-s-paper .cm-property {
        color: #84cc16;
    }

    .CodeMirror.cm-s-default .cm-header,
    .CodeMirror.cm-s-paper .cm-header {
        color: #a5b4fc;
    }

    .CodeMirror.cm-s-default .cm-quote,
    .CodeMirror.cm-s-paper .cm-quote {
        color: #84cc16;
    }

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

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

    .CodeMirror.cm-s-default .cm-number,
    .CodeMirror.cm-s-paper .cm-number {
        color: #3b82f6;
    }

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

    .CodeMirror.cm-s-default .cm-variable-2,
    .CodeMirror.cm-s-paper .cm-variable-2 {
        color: #06b6d4;
    }

    .CodeMirror.cm-s-default .cm-variable-3,
    .CodeMirror.cm-s-paper .cm-variable-3 {
        color: #10b981;
    }

    .CodeMirror.cm-s-default .cm-comment,
    .CodeMirror.cm-s-paper .cm-comment {
        color: #6b7280;
    }

    .CodeMirror.cm-s-default .cm-string,
    .CodeMirror.cm-s-paper .cm-string {
        color: #84cc16;
    }

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

    .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: #fbbf24;
    }

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

    .CodeMirror.cm-s-default .cm-bracket,
    .CodeMirror.cm-s-paper .cm-bracket {
        color: #9ca3af;
    }

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

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

    .CodeMirror.cm-s-default .cm-hr,
    .CodeMirror.cm-s-paper .cm-hr {
        color: #6b7280;
    }

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

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

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

@media (prefers-color-scheme: dark) {
    .markup [src$="#gh-light-mode-only"],
    .markup [src$="#light-mode-only"],
    .markup [href$="#gh-light-mode-only"],
    .markup [href$="#light-mode-only"] {
        display: none;
    }

    .markup [src$="#gh-dark-mode-only"],
    .markup [src$="#dark-mode-only"],
    .markup [href$="#gh-dark-mode-only"],
    .markup [href$="#dark-mode-only"] {
        display: unset;
    }

}

@media (prefers-color-scheme: dark) {
    :root {
        --is-dark-theme: true;
        --border-radius: 6px;
        --border-radius-medium: 6px;
        --border-radius-small: 4px;
        --page-spacing: 25px;
        /* 品牌主色调 #0771dc */
        --color-primary: #0771dc;
        --color-primary-contrast: #ffffff;
        --color-primary-dark-1: #1f7ee1;
        --color-primary-dark-2: #378be6;
        --color-primary-dark-3: #4f98eb;
        --color-primary-dark-4: #67a5f0;
        --color-primary-dark-5: #8db9f5;
        --color-primary-dark-6: #b3cdfa;
        --color-primary-dark-7: #e1ebfe;
        --color-primary-light-1: #0664c7;
        --color-primary-light-2: #0557b2;
        --color-primary-light-3: #044a9d;
        --color-primary-light-4: #033d88;
        --color-primary-light-5: #022e65;
        --color-primary-light-6: #011f43;
        --color-primary-light-7: #01111f;
        --color-primary-alpha-10: #0771dc19;
        --color-primary-alpha-20: #0771dc33;
        --color-primary-alpha-30: #0771dc4b;
        --color-primary-alpha-40: #0771dc66;
        --color-primary-alpha-50: #0771dc80;
        --color-primary-alpha-60: #0771dc99;
        --color-primary-alpha-70: #0771dcb3;
        --color-primary-alpha-80: #0771dccc;
        --color-primary-alpha-90: #0771dce1;
        --color-primary-hover: var(--color-primary-light-1);
        --color-primary-active: var(--color-primary-light-2);
        /* 深色主题的冷色调灰色系 */
        --color-secondary: #374151;
        --color-secondary-dark-1: #4b5563;
        --color-secondary-dark-2: #6b7280;
        --color-secondary-dark-3: #9ca3af;
        --color-secondary-dark-4: #d1d5db;
        --color-secondary-dark-5: #e5e7eb;
        --color-secondary-dark-6: #f3f4f6;
        --color-secondary-dark-7: #f9fafb;
        --color-secondary-dark-8: #ffffff;
        --color-secondary-dark-9: #ffffff;
        --color-secondary-dark-10: #ffffff;
        --color-secondary-dark-11: #ffffff;
        --color-secondary-dark-12: #ffffff;
        --color-secondary-dark-13: #ffffff;
        --color-secondary-light-1: #1f2937;
        --color-secondary-light-2: #111827;
        --color-secondary-light-3: #0f172a;
        --color-secondary-light-4: #020617;
        --color-secondary-alpha-10: #37415119;
        --color-secondary-alpha-20: #37415133;
        --color-secondary-alpha-30: #3741514b;
        --color-secondary-alpha-40: #37415166;
        --color-secondary-alpha-50: #37415180;
        --color-secondary-alpha-60: #37415199;
        --color-secondary-alpha-70: #374151b3;
        --color-secondary-alpha-80: #374151cc;
        --color-secondary-alpha-90: #374151e1;
        --color-secondary-button: var(--color-secondary-dark-4);
        --color-secondary-hover: var(--color-secondary-dark-3);
        --color-secondary-active: var(--color-secondary-dark-2);
        --color-console-fg: #f9fafb;
        --color-console-fg-subtle: #d1d5db;
        --color-console-bg: #0f172a;
        --color-console-border: #1e293b;
        --color-console-hover-bg: #1e293b;
        --color-console-active-bg: #334155;
        --color-console-menu-bg: #0f172a;
        --color-console-menu-border: #334155;
        --color-red: #ef4444;
        --color-orange: #f97316;
        --color-yellow: #eab308;
        --color-olive: #84cc16;
        --color-green: #22c55e;
        --color-teal: #14b8a6;
        --color-blue: #3b82f6;
        --color-violet: #8b5cf6;
        --color-purple: #a855f7;
        --color-pink: #ec4899;
        --color-brown: #a16207;
        --color-black: #0f172a;
        --color-red-light: #f87171;
        --color-orange-light: #fb923c;
        --color-yellow-light: #fbbf24;
        --color-olive-light: #a3e635;
        --color-green-light: #4ade80;
        --color-teal-light: #2dd4bf;
        --color-blue-light: #60a5fa;
        --color-violet-light: #a78bfa;
        --color-purple-light: #c084fc;
        --color-pink-light: #f472b6;
        --color-brown-light: #d97706;
        --color-black-light: #475569;
        --color-red-dark-1: #dc2626;
        --color-orange-dark-1: #ea580c;
        --color-yellow-dark-1: #d97706;
        --color-olive-dark-1: #65a30d;
        --color-green-dark-1: #16a34a;
        --color-teal-dark-1: #0d9488;
        --color-blue-dark-1: #2563eb;
        --color-violet-dark-1: #7c3aed;
        --color-purple-dark-1: #9333ea;
        --color-pink-dark-1: #db2777;
        --color-brown-dark-1: #92400e;
        --color-black-dark-1: #1e293b;
        --color-red-dark-2: #b91c1c;
        --color-orange-dark-2: #c2410c;
        --color-yellow-dark-2: #b45309;
        --color-olive-dark-2: #4d7c0f;
        --color-green-dark-2: #15803d;
        --color-teal-dark-2: #0f766e;
        --color-blue-dark-2: #1d4ed8;
        --color-violet-dark-2: #6d28d9;
        --color-purple-dark-2: #7e22ce;
        --color-pink-dark-2: #be185d;
        --color-brown-dark-2: #78350f;
        --color-black-dark-2: #0f172a;
        --color-ansi-black: #0f172a;
        --color-ansi-red: #ef4444;
        --color-ansi-green: #22c55e;
        --color-ansi-yellow: #eab308;
        --color-ansi-blue: #0771dc;
        --color-ansi-magenta: #ec4899;
        --color-ansi-cyan: #14b8a6;
        --color-ansi-white: var(--color-console-fg-subtle);
        --color-ansi-bright-black: #475569;
        --color-ansi-bright-red: #f87171;
        --color-ansi-bright-green: #4ade80;
        --color-ansi-bright-yellow: #fbbf24;
        --color-ansi-bright-blue: #60a5fa;
        --color-ansi-bright-magenta: #f472b6;
        --color-ansi-bright-cyan: #2dd4bf;
        --color-ansi-bright-white: var(--color-console-fg);
        --color-grey: #374151;
        --color-grey-light: #6b7280;
        --color-gold: #d97706;
        --color-white: #ffffff;
        --color-diff-removed-word-bg: #7f1d1d;
        --color-diff-added-word-bg: #166534;
        --color-diff-removed-row-bg: #450a0a;
        --color-diff-moved-row-bg: #713f12;
        --color-diff-added-row-bg: #052e16;
        --color-diff-removed-row-border: #991b1b;
        --color-diff-moved-row-border: #a16207;
        --color-diff-added-row-border: #166534;
        --color-diff-inactive: #1f2937;
        --color-error-border: #dc2626;
        --color-error-bg: #450a0a;
        --color-error-bg-active: #7f1d1d;
        --color-error-bg-hover: #991b1b;
        --color-error-text: #fca5a5;
        --color-success-border: #16a34a;
        --color-success-bg: #052e16;
        --color-success-text: #4ade80;
        --color-warning-border: #d97706;
        --color-warning-bg: #451a03;
        --color-warning-text: #fbbf24;
        --color-info-border: #0771dc;
        --color-info-bg: #0c1e3a;
        --color-info-text: #60a5fa;
        --color-red-badge: #ef4444;
        --color-red-badge-bg: #ef44441a;
        --color-red-badge-hover-bg: #ef44444d;
        --color-green-badge: #22c55e;
        --color-green-badge-bg: #22c55e1a;
        --color-green-badge-hover-bg: #22c55e4d;
        --color-yellow-badge: #eab308;
        --color-yellow-badge-bg: #eab3081a;
        --color-yellow-badge-hover-bg: #eab3084d;
        --color-orange-badge: #f97316;
        --color-orange-badge-bg: #f973161a;
        --color-orange-badge-hover-bg: #f973164d;
        --color-git: #f1502f;
        --color-icon-green: var(--color-green);
        --color-icon-red: var(--color-red);
        --color-icon-purple: var(--color-purple);
        /* 深色主题背景 - 现代化冷色调 */
        --color-body: #0f172a;
        --color-box-header: #1e293b;
        --color-box-body: #0f172a;
        --color-box-body-highlight: #1e293b;
        /* 深色主题文字 - 高对比度但不刺眼 */
        --color-text-dark: #f8fafc;
        --color-text: #e2e8f0;
        --color-text-light: #cbd5e1;
        --color-text-light-1: #94a3b8;
        --color-text-light-2: #64748b;
        --color-text-light-3: #475569;
        --color-footer: var(--color-nav-bg);
        --color-timeline: #334155;
        --color-input-text: var(--color-text-dark);
        --color-input-background: #1e293b;
        --color-input-toggle-background: #334155;
        --color-input-border: var(--color-secondary);
        --color-input-border-hover: var(--color-secondary-dark-1);
        --color-light: #1e293b;
        --color-light-mimic-enabled: rgba(
            15,
            23,
            42,
            calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
        );
        --color-light-border: #334155;
        --color-hover: #1e293b;
        --color-active: #334155;
        --color-menu: #0f172a;
        --color-card: #1e293b;
        --color-markup-table-row: #1e293b;
        --color-markup-code-block: #1e293b;
        --color-markup-code-inline: #334155;
        --color-button: #1e293b;
        --color-code-bg: #0f172a;
        --color-shadow: #0202039f;
        --color-secondary-bg: #1e293b;
        --color-expand-button: #1e293b;
        --color-placeholder-text: var(--color-text-light-3);
        --color-editor-line-highlight: var(--color-primary-light-5);
        --color-project-column-bg: var(--color-secondary-light-2);
        --color-caret: var(--color-text);
        --color-reaction-bg: #1e293b;
        --color-reaction-hover-bg: var(--color-primary-light-4);
        --color-reaction-active-bg: var(--color-primary-light-5);
        --color-tooltip-text: #f8fafc;
        --color-tooltip-bg: #0f172af0;
        --color-nav-bg: #0f172a;
        --color-nav-hover-bg: var(--color-secondary-light-1);
        --color-nav-text: var(--color-text);
        --color-secondary-nav-bg: #1e293b;
        --color-label-text: var(--color-text);
        --color-label-bg: #64748b4b;
        --color-label-hover-bg: #64748ba0;
        --color-label-active-bg: #64748bff;
        --color-accent: var(--color-primary-light-1);
        --color-small-accent: var(--color-primary-light-5);
        --color-highlight-fg: #d97706;
        --color-highlight-bg: #451a03;
        --color-overlay-backdrop: #0f172a80;
        --checkerboard-color-1: #1e293b;
        --checkerboard-color-2: #0f172a;
        accent-color: var(--color-accent);
        color-scheme: dark;
    }

    /* Dark mode specific styles */
    .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);
    }

    i.grey.icon.icon.icon.icon {
        color: var(--color-secondary-dark-6) !important;
    }

    .ui.red.label.notification_count, .ui.primary.label, .ui.primary.labels .label {
        background-color: var(--color-primary-light-3) !important;
    }

    .repository.view.issue .comment-list .code-comment+.code-comment {
        margin: 1.25rem 0 !important;
        padding-top: 1.25rem !important;
        border-top-color: var(--color-secondary-light-1) !important;
    }

    .ui.labeled.icon.buttons>.button>.icon, .ui.labeled.icon.button>.icon {
        background-color: var(--color-light) !important;
    }

    #review-box .review-comments-counter {
        background-color: var(--color-shadow) !important;
        color: var(--color-white) !important;
        margin-left: .5em;
    }

    .ui.yellow.label.pending-label {
        color: var(--color-warning-text) !important;
    }

    ::selection {
        background: var(--color-primary-alpha-30) !important;
        color: var(--color-white) !important;
    }

    strong.attention-important, svg.attention-important {
        color: var(--color-violet-light);
    }

    strong.attention-note, svg.attention-note {
        color: var(--color-blue-light);
    }

    strong.attention-caution, svg.attention-caution {
        color: var(--color-red-light);
    }

    .ui.basic.red.button {
        background-color: var(--color-red);
        color: var(--color-white);
    }

    .ui.basic.red.button:hover, .ui.basic.red.button:focus {
        background-color: var(--color-red-dark-1);
        color: var(--color-white);
    }

    .ui.basic.red.button:active {
        background-color: var(--color-red-dark-2);
        color: var(--color-white);
    }
}