.color-swatch{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);display:inline-block;height:32px;vertical-align:middle;width:32px}.color-grid{display:grid;gap:8px;grid-template-columns:repeat(6,40px);list-style:none;margin:0;padding:8px!important}.color-grid-item{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:none;border:none;cursor:pointer;display:-ms-flexbox;display:flex;height:40px;justify-content:center;padding:4px;position:relative;width:40px}.color-grid-item:focus .color-swatch,.color-grid-item:hover .color-swatch{-webkit-transform:scale(1.1);transform:scale(1.1)}.color-grid-item.active .color-swatch{border-color:#000}.color-grid-item .icon-xuanze{background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:12px;padding:2px;position:absolute}._menu-navbar .navbar-nav .active.nav-link{--bs-nav-link-padding-x:0.5rem;--bs-nav-link-padding-y:0.4rem;background-color:transparent;background-image:linear-gradient(135deg,var(--bs-primary) 0,var(--bs-gray) 100%);box-shadow:0 0 2px var(--bs-emphasis-color);color:#fff!important}.logo-dark,[data-bs-mode=dark] .logo-light{display:none}[data-bs-mode=dark] .logo-dark{display:inline-block}