.elementor-56 .elementor-element.elementor-element-59f7526{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.85;--padding-top:80px;--padding-bottom:010px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-59f7526::before, .elementor-56 .elementor-element.elementor-element-59f7526 > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-59f7526 > .e-con-inner > .elementor-background-video-container::before, .elementor-56 .elementor-element.elementor-element-59f7526 > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-59f7526 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56 .elementor-element.elementor-element-59f7526 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1E6FAC;--background-overlay:'';}.elementor-56 .elementor-element.elementor-element-59f7526:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-59f7526 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-56 .elementor-element.elementor-element-0c84be1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-56 .elementor-element.elementor-element-0c84be1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-6b32660{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-f6cfbf3{text-align:start;}.elementor-56 .elementor-element.elementor-element-f6cfbf3 .elementor-heading-title{font-size:25px;font-weight:600;color:var( --e-global-color-da32d33 );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-weight:var( --e-global-typography-accent-font-weight );}.elementor-56 .elementor-element.elementor-element-b248340 .elementor-menu-toggle{margin:0 auto;}.elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu .elementor-item{font-weight:300;}.elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-da32d33 );fill:var( --e-global-color-da32d33 );}.elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main .elementor-item:hover, .elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main .elementor-item:focus{color:#A7A7A7;fill:#A7A7A7;}.elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-56 .elementor-element.elementor-element-b248340 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-56 .elementor-element.elementor-element-b248340 .e--pointer-framed .elementor-item:before, .elementor-56 .elementor-element.elementor-element-b248340 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-56 .elementor-element.elementor-element-974cc66{--display:flex;}.elementor-56 .elementor-element.elementor-element-3f78ee9{text-align:start;}.elementor-56 .elementor-element.elementor-element-3f78ee9 .elementor-heading-title{font-size:25px;font-weight:600;color:var( --e-global-color-da32d33 );}.elementor-56 .elementor-element.elementor-element-09aa211 .elementor-menu-toggle{margin:0 auto;}.elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu .elementor-item{font-weight:300;}.elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-da32d33 );fill:var( --e-global-color-da32d33 );}.elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main .elementor-item:hover, .elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main .elementor-item:focus{color:#A7A7A7;fill:#A7A7A7;}.elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-56 .elementor-element.elementor-element-09aa211 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF00;}.elementor-56 .elementor-element.elementor-element-09aa211 .e--pointer-framed .elementor-item:before, .elementor-56 .elementor-element.elementor-element-09aa211 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF00;}.elementor-56 .elementor-element.elementor-element-1e98f0d{--display:flex;}.elementor-56 .elementor-element.elementor-element-590b3b9{text-align:start;}.elementor-56 .elementor-element.elementor-element-590b3b9 .elementor-heading-title{font-size:25px;font-weight:600;color:var( --e-global-color-da32d33 );}.elementor-widget-global .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-global .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-global .elementor-icon-list-item > a{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-icon i{color:var( --e-global-color-da32d33 );transition:color 0.3s;}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-icon svg{fill:var( --e-global-color-da32d33 );transition:fill 0.3s;}.elementor-56 .elementor-element.elementor-global-2977{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-item > a{font-weight:300;}.elementor-56 .elementor-element.elementor-global-2977 .elementor-icon-list-text{color:var( --e-global-color-da32d33 );transition:color 0.3s;}.elementor-56 .elementor-element.elementor-global-2980{--grid-template-columns:repeat(0, auto);--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-56 .elementor-element.elementor-global-2980 .elementor-widget-container{text-align:left;}.elementor-56 .elementor-element.elementor-global-2980 .elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-b7c1621{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0.20em 0.20em;--row-gap:0.20em;--column-gap:0.20em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-dad671d{text-align:center;}.elementor-56 .elementor-element.elementor-element-dad671d .elementor-heading-title{font-weight:300;color:var( --e-global-color-da32d33 );}.elementor-56 .elementor-element.elementor-element-7963a23{text-align:center;}.elementor-56 .elementor-element.elementor-element-7963a23 .elementor-heading-title{font-weight:300;color:var( --e-global-color-da32d33 );}.elementor-56 .elementor-element.elementor-element-67fca7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-e9571ac{width:auto;max-width:auto;bottom:100px;}.elementor-56 .elementor-element.elementor-element-e9571ac > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-e9571ac{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-e9571ac{left:20px;}.elementor-56 .elementor-element.elementor-element-e9571ac .elementor-icon-wrapper{text-align:end;}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-stacked .elementor-icon:hover{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-e9571ac.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-e9571ac .elementor-icon{font-size:25px;padding:5px;border-radius:5px 5px 5px 5px;}.elementor-56 .elementor-element.elementor-element-e9571ac .elementor-icon svg{height:25px;}.elementor-56 .elementor-element.elementor-element-29df823{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-1bbc2b5{width:auto;max-width:auto;bottom:50vh;}.elementor-56 .elementor-element.elementor-element-1bbc2b5 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-1bbc2b5{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-1bbc2b5{left:20px;}.elementor-56 .elementor-element.elementor-element-1bbc2b5 .elementor-icon-wrapper{text-align:end;}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-stacked .elementor-icon:hover{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1bbc2b5.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-1bbc2b5 .elementor-icon{font-size:25px;padding:5px;border-radius:5px 5px 5px 5px;}.elementor-56 .elementor-element.elementor-element-1bbc2b5 .elementor-icon svg{height:25px;}.elementor-56 .elementor-element.elementor-element-2174019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-f7ef586{width:auto;max-width:auto;bottom:55vh;}.elementor-56 .elementor-element.elementor-element-f7ef586 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-f7ef586{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-f7ef586{left:20px;}.elementor-56 .elementor-element.elementor-element-f7ef586 .elementor-icon-wrapper{text-align:end;}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-stacked .elementor-icon:hover{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-f7ef586.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-f7ef586 .elementor-icon{font-size:25px;padding:5px;border-radius:5px 5px 5px 5px;}.elementor-56 .elementor-element.elementor-element-f7ef586 .elementor-icon svg{height:25px;}.elementor-56 .elementor-element.elementor-element-71e1ab2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-46ffa1f{width:auto;max-width:auto;bottom:40vh;}.elementor-56 .elementor-element.elementor-element-46ffa1f > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-46ffa1f{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-46ffa1f{left:20px;}.elementor-56 .elementor-element.elementor-element-46ffa1f .elementor-icon-wrapper{text-align:end;}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-stacked .elementor-icon:hover{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-46ffa1f.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-46ffa1f .elementor-icon{font-size:25px;padding:5px;border-radius:5px 5px 5px 5px;}.elementor-56 .elementor-element.elementor-element-46ffa1f .elementor-icon svg{height:25px;}.elementor-56 .elementor-element.elementor-element-5b53145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-408a45f{width:auto;max-width:auto;bottom:45vh;}.elementor-56 .elementor-element.elementor-element-408a45f > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-408a45f{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-408a45f{left:20px;}.elementor-56 .elementor-element.elementor-element-408a45f .elementor-icon-wrapper{text-align:end;}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-stacked .elementor-icon:hover{color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-408a45f.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-408a45f .elementor-icon{font-size:25px;padding:5px;border-radius:5px 5px 5px 5px;}.elementor-56 .elementor-element.elementor-element-408a45f .elementor-icon svg{height:25px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){body:not(.rtl) .elementor-56 .elementor-element.elementor-element-1bbc2b5{right:20px;}body.rtl .elementor-56 .elementor-element.elementor-element-1bbc2b5{left:20px;}.elementor-56 .elementor-element.elementor-element-1bbc2b5{bottom:52vh;}.elementor-56 .elementor-element.elementor-element-f7ef586{bottom:58vh;}.elementor-56 .elementor-element.elementor-element-46ffa1f{bottom:40vh;}.elementor-56 .elementor-element.elementor-element-408a45f{bottom:46vh;}}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-0c84be1{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-b248340 */.waydigi-footer-css-1{ text-align: center; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-09aa211 */.waydigi-footer-css-1{ text-align: center; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-59f7526 *//* --- 基础网格布局设置 --- */ .gallery { display: grid; /* 启用网格 */ gap: 10px; /* 图片间距，可自行调整 */ margin: 0 auto; padding-bottom:1em; width: 100%; max-width: 100%; } /* 统一处理 Gallery Item，清除旧版浮动样式 */ .gallery-item { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; /* 宽度由网格控制 */ box-sizing: border-box; } .gallery img { max-width: 100%; height: auto; /* 图片等比缩放 */ display: block; /* 消除图片底部留白 */ border-radius: 4px; /* 可选：圆角 */ } /* --- 自动计算列数 (核心逻辑) --- */ /* 这里的逻辑是：对于 gallery-columns-N，我们将其分为 N 列 */ .gallery-columns-1 { grid-template-columns: repeat(1, 1fr); } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } /* --- 响应式设计 --- */ /* 平板端 (宽度小于 992px)： 1列保持1列，2-3列保持不变，4列及以上强制变为3列 */ @media screen and (max-width: 992px) { .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { grid-template-columns: repeat(3, 1fr); } } /* 手机端 (宽度小于 600px)： 1列保持1列，2-3列保持不变，4列及以上强制变为2列 */ @media screen and (max-width: 600px) { .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { grid-template-columns: repeat(2, 1fr); } } /* 超小屏幕 (宽度小于 400px)： 所有列数强制变为1列，保证图片足够大 */ @media screen and (max-width: 400px) { .gallery { grid-template-columns: 1fr !important; } }/* End custom CSS */