.header1 { .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #605dba !important; border-color: #605dba !important; color: #ffffff !important; } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } } .ticker .swiper-wrapper { --tw-ease: linear; transition-timing-function: linear; } @media (min-width: 992px) { .home-onepage .navbar-nav > .nav-item > .nav-link { position: relative; } .home-onepage .navbar-nav > .nav-item + .nav-item > .nav-link:before { content: ""; display: block; position: absolute; width: 3px; height: 3px; top: 50%; left: -2px; background: rgba(0, 0, 0, 0.25); border-radius: 50%; } } .home-onepage .filter:not(.basic-filter) ul li a.active, .home-onepage .filter:not(.basic-filter) ul li a:hover, .home-onepage .navbar-nav .nav-link.active, .home-onepage .navbar-nav .nav-link.show { color: #fab758 !important; } .home-onepage .navbar-stick:not(.navbar-dark) { box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06) !important; background: rgba(255, 255, 255, 0.97) !important; } .demo3 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #54a8c7 !important; border-color: #54a8c7 !important; color: #ffffff !important; } .demo3 .accordion-wrapper .card-header button { color: #54a8c7; } @media (min-width: 992px) { .demo3 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #54a8c7 !important; } } .demo4 .accordion-wrapper .card-header button { color: #22b573; } .demo6 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #54a8c7 !important; border-color: #54a8c7 !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo6 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo6 .accordion-wrapper .card-header button.collapsed { color: #343f52 !important; } .demo6 .accordion-wrapper .card-header button:hover, .demo6 .accordion-wrapper .card-header button { color: #54a8c7 !important; } .demo7 .swiper-container.nav-color .swiper-button:hover, .demo7 .swiper-container.nav-color .swiper-slide figure .item-link:hover { background: #747ed1 !important; color: #ffffff !important; } .demo7 .swiper-container.nav-color .swiper-button, .demo7 .swiper-container.nav-color .swiper-slide figure .item-link { background: #747ed1e6 !important; color: #fff !important; } .demo7 .accordion-wrapper .card-header button.collapsed { color: #343f52 !important; } .demo7 .accordion-wrapper .card-header button:hover, .demo7 .accordion-wrapper .card-header button { color: #747ed1 !important; } .demo8 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #54a8c7 !important; border-color: #54a8c7 !important; color: #ffffff !important; } .demo8 .accordion-wrapper .card-header button { color: #54a8c7; } @media (max-width: 991.98px) { .demo8 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo8 .lineal-fill { fill: #98cbdd !important; } .demo9 .nav-tabs.nav-tabs-bg .nav-link.active, .demo9 .nav-tabs.nav-tabs-bg .nav-link:hover { box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important; } .demo10 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #f78b77 !important; border-color: #f78b77 !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo10 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo11 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #747ed1 !important; border-color: #747ed1 !important; color: #ffffff !important; } .demo11 .accordion-wrapper .card-header button { color: #747ed1; } @media (min-width: 992px) { .demo11 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #747ed1; } } @media (max-width: 991.98px) { .demo11 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo12 .accordion-wrapper .card-header button { color: #f78b77; } @media (max-width: 991.98px) { .demo12 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo13 .navbar-light.fixed.navbar-stick .nav-link:hover { color: #747ed1; } @media (min-width: 992px) { .demo13 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #747ed1; } } @media (max-width: 991.98px) { .demo13 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo14 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #22b573 !important; border-color: #22b573 !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo14 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } @media (max-width: 991.98px) { .demo16 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo16 .lineal-fill { fill: #e3a6b6 !important; } .demo17 .accordion-wrapper .card-header button { color: #343f52; } .demo19 .nav-tabs.nav-tabs-bg .nav-link.active, .demo19 .nav-tabs.nav-tabs-bg .nav-link:hover { box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07); } .demo19 .navbar-light.fixed.navbar-stick .nav-link:hover { color: #22b573; } @media (min-width: 992px) { .demo19 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #22b573; } } @media (max-width: 991.98px) { .demo19 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo20 .language-select .nav-link { color: #ffffff; } .demo20 .language-select .nav-link:hover { color: #ffffffb3; } .demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link { color: #343f52; } .demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link:hover, .demo20 .navbar-light.fixed.navbar-stick .language-select .nav-link:after, .demo20 .navbar-light.fixed.navbar-stick .nav-link:hover { color: #747ed1; } @media (min-width: 992px) { .demo20 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #747ed1; } } @media (max-width: 991.98px) { .demo20 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo21 .swiper-container.nav-color .swiper-button.swiper-button-disabled, .demo21 .swiper-container.nav-color .swiper-slide figure .item-link.swiper-button-disabled { background: #5eb9f0b3 !important; } .demo21 .swiper-container.nav-color .swiper-button, .demo21 .swiper-container.nav-color .swiper-slide figure .item-link { background: #5eb9f0e6 !important; color: #ffffff !important; } .demo21 .swiper-container.nav-color .swiper-button:hover, .demo21 .swiper-container.nav-color .swiper-slide figure .item-link:hover { background: #5eb9f0 !important; } .demo21 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #5eb9f0 !important; border-color: #5eb9f0 !important; color: #ffffff !important; } .demo21 .accordion-wrapper .card-header button { color: #5eb9f0; } @media (min-width: 992px) { .demo21 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #5eb9f0; } } @media (max-width: 991.98px) { .demo21 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo22 .accordion-wrapper .card-header button { color: #747ed1; } .demo22 .navbar-light.fixed.navbar-stick .nav-link:hover { color: #747ed1; } @media (min-width: 992px) { .demo22 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { color: #747ed1; } } @media (max-width: 991.98px) { .demo22 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo23 .glightbox-clean .gclose { border-radius: 100% !important; } .demo23 .swiper-container.nav-color .swiper-button.swiper-button-disabled, .demo23 .swiper-container.nav-color .swiper-slide figure .item-link.swiper-button-disabled { background: #7cb798b3 !important; } .demo23 .swiper-container.nav-color .swiper-button, .demo23 .swiper-container.nav-color .swiper-slide figure .item-link { background: #7cb798e6 !important; color: #ffffff !important; } .demo23 .swiper-container.nav-color .swiper-button:hover, .demo23 .swiper-container.nav-color .swiper-slide figure .item-link:hover { background: #7cb798 !important; } .demo23 .navbar-light.fixed.navbar-stick .nav-link:hover { color: #7cb798; } @media (max-width: 991.98px) { .demo23 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } @media (min-width: 992px) { .demo24 .navbar-nav > .nav-item > .nav-link { position: relative; } .demo24 .navbar-nav > .nav-item + .nav-item > .nav-link:before { content: ""; display: block; position: absolute; width: 3px; height: 3px; top: 50%; left: -2px; background: rgba(0, 0, 0, 0.25); border-radius: 50%; } } .demo24 .filter:not(.basic-filter) ul li a.active, .demo24 .filter:not(.basic-filter) ul li a:hover, .demo24 .navbar-nav .nav-link.active, .demo24 .navbar-nav .nav-link.show { color: #fab758 !important; } .demo24 .navbar-stick:not(.navbar-dark) { box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.06) !important; background: rgba(255, 255, 255, 0.97) !important; } .demo25 .active > .page-link, .demo25 .page-link.active, .demo25 .plyr__control--overlaid:focus, .demo25 .plyr__control--overlaid:hover { color: #d16b86 !important; } @media (max-width: 991.98px) { .demo25 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: white !important; } } .demo26 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #605dba !important; border-color: #605dba !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo26 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } @media (max-width: 991.98px) { .demo27 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } @media (max-width: 991.98px) { .demo28 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo29 .active > .page-link, .demo29 .page-link.active, .demo29 .plyr__control--overlaid:focus, .demo29 .plyr__control--overlaid:hover { color: #605dba !important; } .demo29 .accordion-wrapper .card-header button.collapsed { color: #343f52 !important; } .demo29 .accordion-wrapper .card-header button:hover, .demo29 .accordion-wrapper .card-header button { color: #605dba !important; } .demo30 .swiper-container.nav-color .swiper-button, .demo30 .swiper-container.nav-color .swiper-slide figure .item-link { background: #605dbae6 !important; color: #fff !important; } .demo30 .swiper-container.nav-color .swiper-button:hover, .demo30 .swiper-container.nav-color .swiper-slide figure .item-link:hover { background: #605dba !important; } @media (max-width: 991.98px) { .demo30 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo31 .solid.text-primary .fill-primary, .demo31 .solid.text-primary .fill-secondary { fill: #22b573 !important; } .demo32 .nav-tabs.nav-tabs-bg .nav-link.active, .demo32 .nav-tabs.nav-tabs-bg .nav-link:hover { box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important; } .demo33 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #343f52 !important; border-color: #343f52 !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo33 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .demo34 .filter:not(.basic-filter) ul li a.active, .demo34 .filter:not(.basic-filter) ul li a:hover { color: #747ed1; } .demo34 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #747ed1 !important; border-color: #747ed1 !important; color: #ffffff !important; } @media (max-width: 991.98px) { .demo34 .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .preview .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { background: #605dba !important; border-color: #605dba !important; color: #ffffff !important; } @media (max-width: 991.98px) { .preview .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { color: #ffffff !important; } } .shop-product .tooltip, .shop .tooltip, .shop2 .tooltip { background: transparent !important; padding: 0 !important; } .navbar-page section header.image-wrapper:not(.mobile) { background-attachment: scroll !important; } .navbar-page section header.image-wrapper, .navbar-page section .navbar { z-index: 2 !important; } .navbar-page section .navbar .hamburger, .navbar-page section .navbar [data-bs-toggle="offcanvas"], .navbar-page section .navbar .btn { pointer-events: none; } .navbar-page section .navbar .container { padding-left: 0.75rem; padding-right: 0.75rem; } a { cursor: pointer; } .mega-menu-content img { max-width: 100%; } @media (max-width: 991px) { .navbar-collapse.offcanvas.offcanvas-nav.offcanvas-start { height: 100vh; } } .swiper-controls.position-static { position: static !important; } .swiper-pagination.position-static { position: static !important; } html { scroll-behavior: smooth; } .contact-banner .container { padding-bottom: 300px !important; } .prose img { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; } /* 保证 .prose 区域内表格有淡灰色边框和圆角 */ .prose table { width: 100%; border-collapse: collapse; border-radius: 8px; overflow: hidden; margin-bottom: 1.5em; background: #fff; } .prose th, .prose td { border: 1px solid #d1d5db; /* tailwind 的 gray-300 */ padding: 0.5em 1em; text-align: left; } .prose th { background: #f9fafb; /* tailwind 的 gray-50 */ font-weight: 600; } .prose tr { /* 可选:隔行变色 */ /* background: #fff; */ } .prose thead tr { /* 保证表头有圆角 */ border-radius: 8px; } .prose table.ztable { /* 针对你自定义的ztable类也生效 */ border-radius: 8px; overflow: hidden; } .navbar-stick:not(.navbar-dark) { box-shadow: none !important; background: #ffffff !important; }