.gmmask {
    display:block;
    opacity:0;
    visibility:hidden;
    position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;
    background:rgba(0,0,0,.13);
    transition:opacity .28s cubic-bezier(.4,0,.2,1);
}
.gmmask.active { opacity:1; visibility:visible; }
.gmmodal {
    display:block;
    opacity:0;
    visibility:hidden;
    position:fixed;left:50%;top:50%;
    transform:translate(-50%,-48%) scale(.98);
    z-index:100000;
    min-width:320px;max-width:95vw;
    background: var(--main-bg-color,#fff);
    color: var(--main-color,#222);
    border-radius:18px;
    box-shadow:0 4px 32px #0002;
    transition:opacity .27s cubic-bezier(.4,0,.2,1), transform .26s cubic-bezier(.4,0,.2,1), visibility 0s linear .27s;
}
.gmmodal.active {
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);
    transition:opacity .32s cubic-bezier(.4,0,.2,1), transform .28s cubic-bezier(.4,0,.2,1);
}
.gmmodal-inner { padding:24px 30px 12px 30px; }
.gmmodal-subtitle {
    margin-bottom:16px;
    font-size:16px;
    color: var(--main-color,#444);
}
/* #gallery-mode-modal div .but 使用子比默认 rounded */
#gallery-mode-desc {
    margin: 18px 0 0 0;
    font-size:13px;
    color: var(--muted-color,#888);
}
.gmmodal-btns {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 26px;
}
.gmmodal-btns .but {
    flex: 0 0 auto;
    min-width: 88px;
}
.gcol-btn-group {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 4px;
}
#gallery-columns-radio .gcol-btn {
    flex: 1 1 calc(33.33% - 7px);
    min-width: 50px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 12px;
    border: 1.5px solid var(--main-border-color,#e3e8f7);
    font-size: 16px;
    font-weight: 500;
    background: var(--muted-bg-color,#f8faff);
    color: var(--focus-color,#f04494);
    cursor: pointer;
    transition: all .15s;
    box-shadow: 0 1px 3px #00000009;
    position:relative;
    outline: none;
    user-select: none;
    display:inline-block;
    padding: 0;
    margin-bottom: 0;
}	
@media (max-width: 768px) {
#gallery-columns-radio .gcol-btn {
    flex: 1 1 calc(50% - 5px);
}
}		
#gallery-columns-radio .gcol-btn.selected {
    background: var(--focus-color,#f04494);
    color: #fff !important;
    border-color: var(--focus-color,#f04494);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--focus-color,#f04494) 30%, transparent);
}
#gallery-columns-radio .gcol-btn:not(.selected) {
    color: var(--focus-color,#f04494);
}
#gallery-columns-radio .gcol-btn:hover:not(.selected) {
    border-color: var(--focus-color,#f04494);
    color: var(--focus-color,#f04494);
    background: var(--main-bg-color,#fff);
}
#gallery-columns-radio .gcol-btn input[type=radio] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.dark-theme #gallery-mode-modal,
body.dark-mode #gallery-mode-modal,
html[data-theme="dark"] #gallery-mode-modal {
    background: var(--main-bg-color,#23262e);
    color: var(--main-color,#e2e4eb);
}
.dark-theme #gallery-mode-modal .modal-title,
body.dark-mode #gallery-mode-modal .modal-title,
html[data-theme="dark"] #gallery-mode-modal .modal-title {
    color: var(--key-color,#f8fafc);
}
.dark-theme #gallery-mode-modal .gmmodal-subtitle,
body.dark-mode #gallery-mode-modal .gmmodal-subtitle,
html[data-theme="dark"] #gallery-mode-modal .gmmodal-subtitle {
    color: var(--main-color,#e5eef7);
}
.dark-theme #gallery-mode-modal #gallery-mode-desc,
body.dark-mode #gallery-mode-modal #gallery-mode-desc,
html[data-theme="dark"] #gallery-mode-modal #gallery-mode-desc {
    color: var(--muted-color,#b4b6bb) !important;
}
.dark-theme #gallery-columns-radio .gcol-btn,
body.dark-mode #gallery-columns-radio .gcol-btn,
html[data-theme="dark"] #gallery-columns-radio .gcol-btn {
    border-color: var(--main-border-color,#313746);
    background: var(--muted-bg-color,#262938);
    color: var(--focus-color,#f04494);
}
.dark-theme #gallery-columns-radio .gcol-btn.selected,
body.dark-mode #gallery-columns-radio .gcol-btn.selected,
html[data-theme="dark"] #gallery-columns-radio .gcol-btn.selected {
    color: #fff !important;
}
.dark-theme #gallery-columns-radio .gcol-btn:hover:not(.selected),
body.dark-mode #gallery-columns-radio .gcol-btn:hover:not(.selected),
html[data-theme="dark"] #gallery-columns-radio .gcol-btn:hover:not(.selected) {
    border-color: var(--focus-color,#f04494);
    background: var(--main-bg-color,#332946);
    color: #fff;
}
#gallery-mode-modal .but.jb-blue,
#gallery-mode-modal .but.jb-blue:active,
#gallery-mode-modal .but.jb-blue:focus {
    background: var(--focus-color,#f04494);
    border-color: var(--focus-color,#f04494);
    color:#fff;
    border-radius: 12px;
}
#gallery-mode-modal .but.jb-blue:hover {
    background: var(--focus-color,#f04494);
    filter: brightness(0.94);
}
#gallery-mode-modal .close {
    color: var(--muted-color,#bbb);
}
#gallery-mode-modal .close:hover {
    color: var(--focus-color,#f04494);
}

/* #lang-switch-modal .gmmodal-btns .but{
	border-radius: 12px;
}		  closeLangSwitchModal */

.ignore:hover{color:var(--theme-color);transition:color .2s,transform .3s;}#translate {display:none;}
#lang-switch-options .gcol-btn {
    flex: 0 1 48%;
    min-width: 50px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 12px;
    border: 1.5px solid var(--main-border-color,#e3e8f7);
    background: var(--muted-bg-color,#f8faff);
    color: var(--focus-color,#f04494);
    cursor: pointer;
    font-weight: 500;
    box-shadow: 0 1px 3px #00000009;
    outline: none;
    user-select: none;
    text-align: center;
    transition:all .15s;
    display:inline-block;
}
#lang-switch-options .gcol-btn:hover {
    background: var(--focus-color,#f04494);
    color: #fff !important;
    border-color: var(--focus-color,#f04494);
    box-shadow: 0 2px 8px var(--focus-color,#f04494)44;
}
@media (max-width: 768px) {
    #lang-switch-options .gcol-btn {
    flex: 0 1 100%;
    min-width: 50px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 12px;
    border: 1.5px solid var(--main-border-color,#e3e8f7);
    background: var(--muted-bg-color,#f8faff);
    color: var(--focus-color,#f04494);
    cursor: pointer;
    font-weight: 500;
    box-shadow: 0 1px 3px #00000009;
    outline: none;
    user-select: none;
    text-align: center;
    transition:all .15s;
    display:inline-block;
}
}