/* 越欣（浅色）组件覆盖 · v3 浅色品牌分支（依据浅色令牌重写）
 * 两份：yuexin-light 无条件；yuexin-auto 只在系统浅色下。 */
html[data-theme="yuexin-light"] {
  
  --yx-copper: #96542A;              
  --yx-copper-fill-strong: #96542A;
  --yx-copper-deco: #BD713B;         
  --yx-on-copper: #FFFFFF;
  --yx-link: #96542A;
  --yx-link-hover: #7E4420;
  --yx-copper-hover: #7E4420;        
  --yx-copper-active: #6A391B;       
  --yx-tint: #F6E9DF;
  --yx-tint-strong: #F0D9C6;
  --yx-title-grad: linear-gradient(135deg, #A8622F 0%, #8A4B24 100%);  
  --yx-shadow-card: 0 1px 2px rgba(74, 48, 26, .06), 0 6px 18px rgba(74, 48, 26, .05);
  --yx-shadow-dropdown: 0 10px 28px rgba(74, 48, 26, .14);
  --yx-shadow-modal: 0 20px 48px rgba(74, 48, 26, .16);
}
html[data-theme="yuexin-light"] #navbar { background: #FFFFFF; box-shadow: inset 0 -1px 0 #E8E1D9;
}
html[data-theme="yuexin-light"] #navbar .item { color: #1F2A37;
}
html[data-theme="yuexin-light"] #navbar-logo::after { color: #96542A;
}
html[data-theme="yuexin-light"] #navbar .navbar-right a.item[href$="/user/login"],
html[data-theme="yuexin-light"] #navbar .navbar-right a.item[href$="/user/login"]:hover,
html[data-theme="yuexin-light"] #navbar .navbar-right a.item[href$="/user/login"].active { background: #FFFFFF; color: #96542A; border-color: var(--yx-copper-deco);
}
html[data-theme="yuexin-light"] #navbar .navbar-right a.item[href$="/user/login"]:hover { background: #F6E9DF;
}
html[data-theme="yuexin-light"] #navbar .navbar-right a.item[href$="/user/sign_up"] { background: #FFFFFF; border-color: #D6CCC1; color: #1F2A37;
}
html[data-theme="yuexin-light"] .ui.primary.button:active,
html[data-theme="yuexin-light"] .ui.primary.buttons .button:active { color: #FFFFFF;
}
html[data-theme="yuexin-light"] .page-content a:not(.ui.button):not(.label):not(.item):hover { color: var(--yx-link-hover);
}
html[data-theme="yuexin-light"] .page-content .ui.basic.button,
html[data-theme="yuexin-light"] .repo-header .ui.button:not(.primary):not(.red),
html[data-theme="yuexin-light"] .repo-button-row .ui.button:not(.primary):not(.red) { background: #FFFFFF; border-color: #D6CCC1;
}
html[data-theme="yuexin-light"] .page-content.repository .file-header.ui.top.attached.header,
html[data-theme="yuexin-light"] .page-content.user.settings .ui.top.attached.header,
html[data-theme="yuexin-light"] .page-content.repository .ui.top.attached.header,
html[data-theme="yuexin-light"] .repo-home-sidebar-header { background: var(--yx-title-grad);
}
html[data-theme="yuexin-light"] .repo-topic.ui.label { background: #F6E9DF; color: #96542A; border-color: #E7C3A6;
}
html[data-theme="yuexin-light"] #repo-files-table .repo-file-item:hover { box-shadow: inset 3px 0 0 var(--yx-copper-deco), 0 0 0 1px #E7C3A6;
}
html[data-theme="yuexin-light"] .full.height:has(> .page-content.home) {
  background:
    radial-gradient(circle at 50% 34%, rgba(243, 201, 158, .55) 0, rgba(245, 224, 205, .35) 22%, rgba(250, 248, 246, 0) 52%),
    radial-gradient(circle at 50% 34%, transparent 0 299px, rgba(189, 113, 59, .12) 300px 301px, transparent 302px),
    radial-gradient(circle at 50% 34%, transparent 0 439px, rgba(189, 113, 59, .08) 440px 441px, transparent 442px),
    url("./home-hero-light.svg") center / cover no-repeat,
    #FAF8F6;
}
html[data-theme="yuexin-light"] .page-content.home { background: transparent;
}
html[data-theme="yuexin-light"] .page-content.home .logo { filter: drop-shadow(0 18px 36px rgba(116, 66, 28, .28));
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"]) { background: #FAF8F6;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"])::before {
  color: #96542A;
  background:
    url("../img/logo.svg") var(--yx-space-48) 46px / 36px 36px no-repeat,
    url("./login-brand-bg-light.svg") left bottom / cover no-repeat,
    #FAF3EE;
  box-shadow: inset -1px 0 0 #EFE6DD;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"])::after { color: #151D27;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"]) > .ui.page.grid > .column { background: #FFFFFF; border-color: #EFE6DD;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"]) .ui.form input { background: #FBF9F7; border-color: #8F857A; color: #151D27;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"]) .ui.form input:focus { background: #FFFFFF; border-color: var(--yx-copper-deco); box-shadow: 0 0 0 3px rgba(189, 113, 59, .22);
}
html[data-theme="yuexin-light"] body:has(.page-content.user.signin form[action="/user/login"]) .page-footer { background: #F4EFEA;
}
html[data-theme="yuexin-light"] .page-footer { background: #F4EFEA; border-top: 1px solid #E8E1D9; color: #3D4856;
}
html[data-theme="yuexin-light"] .page-footer a { color: #96542A;
}
html[data-theme="yuexin-light"] .page-content .ui.top.attached.header .svg,
html[data-theme="yuexin-light"] .repo-home-sidebar-header,
html[data-theme="yuexin-light"] .comment-header .svg,
html[data-theme="yuexin-light"] .diff-file-header .svg { color: #FFFFFF;
}
html[data-theme="yuexin-light"] .diff-file-header .ui.button,
html[data-theme="yuexin-light"] .comment-header .ui.button,
html[data-theme="yuexin-light"] .comment-header .ui.label,
html[data-theme="yuexin-light"] .file-header .ui.button,
html[data-theme="yuexin-light"] .page-content .file-header .ui.basic.button,
html[data-theme="yuexin-light"] .page-content .diff-file-header .ui.basic.button,
html[data-theme="yuexin-light"] .page-content .comment-header .ui.basic.button { background: transparent; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, .6);
}
html[data-theme="yuexin-light"] :focus-visible { outline-color: var(--yx-copper-deco);
}
html[data-theme="yuexin-light"] input:focus,
html[data-theme="yuexin-light"] textarea:focus { border-color: var(--yx-copper-deco);
}
@media (max-width: 767.98px) {
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"])::before {
  text-shadow: none;
  background:
    url("../img/logo.svg") var(--yx-gutter-mobile) 24px / 32px 32px no-repeat,
    url("./login-brand-bg-light.svg") center bottom / 100% auto no-repeat,
    #FAF3EE;
}
html[data-theme="yuexin-light"] .page-content.user.signin:has(form[action="/user/login"])::after { text-shadow: 0 1px 8px rgba(250, 243, 238, .9);
}
}
@media (prefers-color-scheme: light) {
html[data-theme="yuexin-auto"] {
  
  --yx-copper: #96542A;              
  --yx-copper-fill-strong: #96542A;
  --yx-copper-deco: #BD713B;         
  --yx-on-copper: #FFFFFF;
  --yx-link: #96542A;
  --yx-link-hover: #7E4420;
  --yx-copper-hover: #7E4420;        
  --yx-copper-active: #6A391B;       
  --yx-tint: #F6E9DF;
  --yx-tint-strong: #F0D9C6;
  --yx-title-grad: linear-gradient(135deg, #A8622F 0%, #8A4B24 100%);  
  --yx-shadow-card: 0 1px 2px rgba(74, 48, 26, .06), 0 6px 18px rgba(74, 48, 26, .05);
  --yx-shadow-dropdown: 0 10px 28px rgba(74, 48, 26, .14);
  --yx-shadow-modal: 0 20px 48px rgba(74, 48, 26, .16);
}
html[data-theme="yuexin-auto"] #navbar { background: #FFFFFF; box-shadow: inset 0 -1px 0 #E8E1D9;
}
html[data-theme="yuexin-auto"] #navbar .item { color: #1F2A37;
}
html[data-theme="yuexin-auto"] #navbar-logo::after { color: #96542A;
}
html[data-theme="yuexin-auto"] #navbar .navbar-right a.item[href$="/user/login"],
html[data-theme="yuexin-auto"] #navbar .navbar-right a.item[href$="/user/login"]:hover,
html[data-theme="yuexin-auto"] #navbar .navbar-right a.item[href$="/user/login"].active { background: #FFFFFF; color: #96542A; border-color: var(--yx-copper-deco);
}
html[data-theme="yuexin-auto"] #navbar .navbar-right a.item[href$="/user/login"]:hover { background: #F6E9DF;
}
html[data-theme="yuexin-auto"] #navbar .navbar-right a.item[href$="/user/sign_up"] { background: #FFFFFF; border-color: #D6CCC1; color: #1F2A37;
}
html[data-theme="yuexin-auto"] .ui.primary.button:active,
html[data-theme="yuexin-auto"] .ui.primary.buttons .button:active { color: #FFFFFF;
}
html[data-theme="yuexin-auto"] .page-content a:not(.ui.button):not(.label):not(.item):hover { color: var(--yx-link-hover);
}
html[data-theme="yuexin-auto"] .page-content .ui.basic.button,
html[data-theme="yuexin-auto"] .repo-header .ui.button:not(.primary):not(.red),
html[data-theme="yuexin-auto"] .repo-button-row .ui.button:not(.primary):not(.red) { background: #FFFFFF; border-color: #D6CCC1;
}
html[data-theme="yuexin-auto"] .page-content.repository .file-header.ui.top.attached.header,
html[data-theme="yuexin-auto"] .page-content.user.settings .ui.top.attached.header,
html[data-theme="yuexin-auto"] .page-content.repository .ui.top.attached.header,
html[data-theme="yuexin-auto"] .repo-home-sidebar-header { background: var(--yx-title-grad);
}
html[data-theme="yuexin-auto"] .repo-topic.ui.label { background: #F6E9DF; color: #96542A; border-color: #E7C3A6;
}
html[data-theme="yuexin-auto"] #repo-files-table .repo-file-item:hover { box-shadow: inset 3px 0 0 var(--yx-copper-deco), 0 0 0 1px #E7C3A6;
}
html[data-theme="yuexin-auto"] .full.height:has(> .page-content.home) {
  background:
    radial-gradient(circle at 50% 34%, rgba(243, 201, 158, .55) 0, rgba(245, 224, 205, .35) 22%, rgba(250, 248, 246, 0) 52%),
    radial-gradient(circle at 50% 34%, transparent 0 299px, rgba(189, 113, 59, .12) 300px 301px, transparent 302px),
    radial-gradient(circle at 50% 34%, transparent 0 439px, rgba(189, 113, 59, .08) 440px 441px, transparent 442px),
    url("./home-hero-light.svg") center / cover no-repeat,
    #FAF8F6;
}
html[data-theme="yuexin-auto"] .page-content.home { background: transparent;
}
html[data-theme="yuexin-auto"] .page-content.home .logo { filter: drop-shadow(0 18px 36px rgba(116, 66, 28, .28));
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"]) { background: #FAF8F6;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"])::before {
  color: #96542A;
  background:
    url("../img/logo.svg") var(--yx-space-48) 46px / 36px 36px no-repeat,
    url("./login-brand-bg-light.svg") left bottom / cover no-repeat,
    #FAF3EE;
  box-shadow: inset -1px 0 0 #EFE6DD;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"])::after { color: #151D27;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"]) > .ui.page.grid > .column { background: #FFFFFF; border-color: #EFE6DD;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"]) .ui.form input { background: #FBF9F7; border-color: #8F857A; color: #151D27;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"]) .ui.form input:focus { background: #FFFFFF; border-color: var(--yx-copper-deco); box-shadow: 0 0 0 3px rgba(189, 113, 59, .22);
}
html[data-theme="yuexin-auto"] body:has(.page-content.user.signin form[action="/user/login"]) .page-footer { background: #F4EFEA;
}
html[data-theme="yuexin-auto"] .page-footer { background: #F4EFEA; border-top: 1px solid #E8E1D9; color: #3D4856;
}
html[data-theme="yuexin-auto"] .page-footer a { color: #96542A;
}
html[data-theme="yuexin-auto"] .page-content .ui.top.attached.header .svg,
html[data-theme="yuexin-auto"] .repo-home-sidebar-header,
html[data-theme="yuexin-auto"] .comment-header .svg,
html[data-theme="yuexin-auto"] .diff-file-header .svg { color: #FFFFFF;
}
html[data-theme="yuexin-auto"] .diff-file-header .ui.button,
html[data-theme="yuexin-auto"] .comment-header .ui.button,
html[data-theme="yuexin-auto"] .comment-header .ui.label,
html[data-theme="yuexin-auto"] .file-header .ui.button,
html[data-theme="yuexin-auto"] .page-content .file-header .ui.basic.button,
html[data-theme="yuexin-auto"] .page-content .diff-file-header .ui.basic.button,
html[data-theme="yuexin-auto"] .page-content .comment-header .ui.basic.button { background: transparent; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, .6);
}
html[data-theme="yuexin-auto"] :focus-visible { outline-color: var(--yx-copper-deco);
}
html[data-theme="yuexin-auto"] input:focus,
html[data-theme="yuexin-auto"] textarea:focus { border-color: var(--yx-copper-deco);
}
}
@media (prefers-color-scheme: light) and (max-width: 767.98px) {
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"])::before {
  text-shadow: none;
  background:
    url("../img/logo.svg") var(--yx-gutter-mobile) 24px / 32px 32px no-repeat,
    url("./login-brand-bg-light.svg") center bottom / 100% auto no-repeat,
    #FAF3EE;
}
html[data-theme="yuexin-auto"] .page-content.user.signin:has(form[action="/user/login"])::after { text-shadow: 0 1px 8px rgba(250, 243, 238, .9);
}
}