/** Theme Name: zhuanshop Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.17 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: zhuanshop Template: astra */ /*zhuan*/ .archive #primary,.category #primary{margin-top: 1em !important;} /*astra*/ table{table-layout: fixed !important;word-wrap: break-word !important;word-break: break-all !important;} .archive .ast-article-post .ast-article-inner{background-color: #fff;} .archive .entry-title a{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;} .ast-blog-layout-5-grid .post-content{padding-top: 1.5625em;padding-bottom: 1.5625em;padding-right: 1.5625em;} .ast-container .page .entry-header{text-align:center;} .footer-nav-wrap .astra-footer-horizontal-menu li:last-child a:hover{text-decoration:underline;} .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner a:hover{text-decoration:underline !important;} .ast-container .ast-breadcrumbs-wrapper{margin-bottom: 0px !important;} @media (max-width: 1299.98px) {.ast-header-button-1{display: none !important;}} /*Search box responsive style*/ .no-results .page-content .search-form, .not-found .page-content .search-form{align-items: center;display: flex;} .no-results .search-submit, .not-found .search-submit {border-radius: 0px !important;} .search-results .ast-archive-entry-banner{padding-top: 3em;padding-bottom: 3em;} .search .ast-container p{color: var(--ast-global-color-2) !important;} .post-template-default .ast-container h1 {font-size: 2.5rem !important;} .post-template-default .ast-container h2 {font-size: 2rem !important;} .post-template-default .ast-container h3 {font-size: 1.75rem !important;} .post-template-default .ast-container h4 {font-size: 1.5rem !important;} .post-template-default .ast-container h5 {font-size: 1.25rem !important;} .post-template-default .ast-container h6 {font-size: 1rem !important;} .ast-desktop .astra-mm-icon-label img{border-radius: 0.4rem;} .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .menu-link{display: flex;align-items: center;} .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .astra-mm-icon-label{flex: 0 0 auto;width:50px;} @media (max-width: 1299.98px) {.ast-header-button-1{display: none !important;}} /*astra*/ /*--------------------------------------------Page margin*/ @media (min-width: 768px) { .page-template-default .ast-container{padding-top: 0px !important;}/*padding-top*/ .page .entry-header{margin-bottom: 60px !important;}/*margin-bottom*/ .zhuan-container {max-width: 1710px !important;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;} } @media (max-width: 767px) { .page-template-default .ast-container{padding-top: 60px !important;}/*padding-top*/ .page .entry-header{margin-bottom: 60px !important;}/*margin-bottom*/ .zhuan-container {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;} } /*--------------------------------------------Page margin*/ /*Blog*/ .category-blog .ast-grid-common-col{padding-left: 15px !important;padding-right: 15px !important;} .category-blog .ast-article-inner {padding: 0em !important;} .post-template-default #page .content-area{background-color:#fff;border-radius: 6px;padding:25px;} .post-template-default .ast-breadcrumbs .trail-end{display: none;} .single-post .ast-breadcrumbs{text-align: left;} .post-template-default #secondary .sidebar-main #block-49{background-color:#fff;border-radius: 6px;padding:25px;} .post-template-default #secondary .sidebar-main #block-49 a{color: var(--ast-global-color-2) !important;} .post-template-default #secondary .sidebar-main #block-49 a:hover{color: var(--ast-global-color-0) !important;} .post-template-default #secondary .sidebar-main li{border-top-width: 1px;border-color: #eaeaea;border-style: solid;padding-top:10px;} .ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a{line-height: 1.2em !important;} @media (min-width: 922px) { .ast-right-sidebar #primary {border-right: 0px solid var(--ast-border-color) !important;} .ast-right-sidebar #secondary {border-left: 0px solid var(--ast-border-color);margin-left: -0px !important;} } @media (max-width: 767px) { .single-post .ast-container{padding-left: 0px !important;padding-right: 0px !important;} } /*Blog*/ /*woocommerce*/ .woocommerce-js #reviews .comment-form-rating{align-items: center;} .woocommerce-js #reviews .comment-form-comment label, .woocommerce-js #reviews .comment-form-rating label{padding-top: 5px;} .woocommerce-js ul.products li.product, .woocommerce-page ul.products li.product{margin-bottom: 0.625rem !important;} .product-template-default .content-area{background-color: var(--ast-global-color-5);} .woocommerce.ast-page-builder-template .site-main{padding-left: 0px !important;padding-right: 0px !important;} .product-template-default .ast-sticky-row{padding-left: 80px;padding-right: 80px;padding-top: 1em;padding-bottom: 3em;} /*zhuan_ys_sticky_gallery*/ /* 10-31 林达嫌主图下面空一大块、“左上角还是空的”：电脑上右栏比主图长时主图跟着滚（Astra 的“跟着滚动”只管右栏）。 停在哪由 functions.php 同名一段按屏幕高和顶上菜单条算（菜单条出来时停在它下面、藏起来时贴顶；屏幕矮就先滚上去一截，下面的小图不被切）；脚本没跑时停在菜单条下面 */ @media (min-width: 922px) { .woocommerce-js div.product .ast-sticky-row > div.images.woocommerce-product-gallery{position: sticky;top: 80px;transition: top .2s ease;} } /*zhuan_ys_sticky_gallery*/ /* 10-31 产品页购买区下面少留点空（原来 3em，接着参数段自己还有 84px） */ .product-template-default .ast-sticky-row{padding-bottom: 1em;} .woocommerce-js div.product .woocommerce-tabs{padding-left: 0px;padding-right: 0px;padding-bottom: 0px;background-color: #fff;} .woocommerce.single-product .related.products{padding-left: 80px;padding-right: 80px;padding-bottom: 4em;} .ast-woocommerce-product-gallery__image.flex-active-slide:after{border-radius: 0.375rem;border: 1px solid var(--ast-global-color-6) !important;} .woocommerce-js div.product div.images img{border-radius: 0.375rem;} .woocommerce-js #reviews #review_form{border-radius: 0.25rem;overflow: hidden;background-color: var(--ast-global-color-4);} .woocommerce-js #reviews #review_form #respond #comment{border-radius: 0.25rem;overflow: hidden;} .woocommerce-js #reviews #review_form input{border-radius: 0.25rem;overflow: hidden;} element.style {margin-right: 1px !important;} .woocommerce-js div.product div.summary .single-product-category{margin-bottom: 2em !important;} .woocommerce-js div.product .woocommerce-tabs{margin-bottom: 0em !important;} .ast-woocommerce-distributed .ast-single-tab:nth-child(2) {margin-top: 0em !important;margin-left: -20px;margin-right: -20px;padding-left: 20px;padding-right: 20px;padding-top: 4em;padding-bottom: 4em !important;} .ast-woocommerce-distributed .ast-single-tab:nth-child(2) h3{font-size: 2.18em;} @media (min-width: 1201px) { .ast-woocommerce-distributed .ast-distributed-content {width: 100% !important;} .ast-distributed-header {width: 100% !important;padding-right: 1em;} } @media (max-width: 1400px) { .woocommerce-js div.product .woocommerce-tabs{padding-left:0px;padding-right: 0px;} .product-template-default .ast-sticky-row{padding-left: 20px;padding-right: 20px;} .woocommerce.single-product .related.products{padding-left: 20px;padding-right: 20px;} } @media (max-width: 767px) { .product-template-default .ast-sticky-row{padding-top: 0em;padding-bottom: 2em;} .product-template-default .product-links svg{height: 1.85em !important;} .woocommerce-js div.product .related.products{font-size: 1.875em !important;} } /*woocommerce Shop Details page*/ .woocommerce-js div.product p.price del, .woocommerce-js div.product span.price del {color: var(--ast-global-color-6) !important;} .ast-single-product-payments{background: var(--ast-global-color-4);} .ast-single-product-payments legend{font-weight: 400;} .woocommerce-js div.product .woocommerce-tabs ul.tabs{margin-left: 80px;margin-right: 80px;} .woocommerce-js div.product .woocommerce-tabs .panel{margin-left: 80px;margin-right: 80px;padding-bottom: 4em;margin-bottom: 5em;} .woocommerce-js div.product .woocommerce-tabs ul.tabs li{margin: 0 4em 0 0 !important;} .woocommerce-js div.product .woocommerce-tabs ul.tabs li a{font-weight: 400 !important;} @media (min-width: 1201px) { .ast-woocommerce-distributed .ast-single-tab {display: block !important;margin-top: 3em;} } @media (max-width: 1400px) { .woocommerce-js div.product .woocommerce-tabs ul.tabs{margin-left: 20px;margin-right: 20px;} .woocommerce-js div.product .woocommerce-tabs .panel{margin-left: 20px;margin-right: 20px;padding-bottom: 6em;} } @media (max-width: 767px) { .woocommerce-js div.product .woocommerce-tabs ul.tabs li{margin: 0 0em 0 0 !important;} .ast-single-product-payments{padding: 13px 0px 18px !important;} .ast-single-product-payments ul li{margin: 0 0.2em 0.2em 0.2em !important;} } /*woocommerce Shop Details page*/ /*Right shopping cart*/ .widget_shopping_cart_content .ast-product-name{font-size: 14px;} /*Product List Page*/ .woocommerce-loop-product__title{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;height:2.4em!important;max-height:2.4em!important;overflow:hidden!important;line-height:1.2em!important;margin-bottom:10px!important;} .woocommerce-loop-product__title::after{content:'';flex:1;min-height:1.2em} .woocommerce .ast-shop-toolbar-container{margin-top: 1em;} .woocommerce ul.products li.product{position:relative} .woocommerce ul.products li.product .add_to_cart_button{position:absolute;top:auto;bottom:15px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:10;margin:0} .woocommerce ul.products li.product:hover .add_to_cart_button{opacity:1;visibility:visible} .woocommerce ul.products li.product .price{position:relative;z-index:5} @media (max-width:768px) { .woocommerce ul.products li.product .add_to_cart_button{margin-top: 1em;margin-bottom: 1em;position:static;opacity:1;visibility:visible;transform:none;margin-top:10px} } /*woocommerce*/ /*zhuan-contact-us-ico*/ .zhuan-contact-us-ico{display:flex;gap:20px;} .zhuan-contact-us-ico a{display:inline-block;width:22px;height: 22px;margin: 0px;padding: 0px;cursor:pointer;vertical-align:top;} .zhuan-contact-us-ico svg{width:100%;height:100%;transition:transform 0.2s,fill 0.2s;vertical-align:top;display:block;} .zhuan-contact-us-ico .ico-email svg{fill:var(--ast-global-color-2)} .zhuan-contact-us-ico .ico-email:hover svg{fill:var(--ast-global-color-1);transform:scale(1.1)} .zhuan-contact-us-ico .ico-whatsapp svg{fill:var(--ast-global-color-2)} .zhuan-contact-us-ico .ico-whatsapp:hover svg{fill:var(--ast-global-color-0);transform:scale(1.1)} /*zhuan-contact-us-ico*/ /*Google reCAPTCHA v3*/ .grecaptcha-badge {visibility: hidden;} /*Google reCAPTCHA v3*/ /*zhuan-title*/ .zhuan-title{width:100%;max-width:100%;padding-top:3em !important;padding-bottom:3em;padding-left: 0px;padding-right: 0px;margin-left:0em;margin-right:0em;display:flex;justify-content:center;} .title-content{display:flex;flex-direction:column;width:100%;} .title-content h1,.title-content h2,.title-content h3,.title-content h4,.title-content h5,.title-content h6{font-weight:400;} .title-content h4{font-weight:400;margin-top:0em !important;margin-bottom:0em !important;margin-left:0em !important;margin-right:0em !important;color:var(--ast-global-color-2);font-size:1.875em;} .title-content a{margin-top:1rem;color:var(--ast-global-color-3);text-decoration:none;display:flex;align-self:flex-start;} .title-content a:hover {text-decoration: underline;color: var(--ast-global-color-1);} @media (min-width: 768px) { .title-content a {margin-top: 0;margin-left: 1rem;align-self: center;} .title-content {flex-direction: row;justify-content: space-between;align-items: center;} .title-content h4 {width: 70%;font-size: 2.18em;} .title-content a {width: 15%;text-align: right;display: block;} } @media (min-width: 1500px) { .title-content h4 {width: 50%;} .title-content a {width: 35%;} } /*zhuan-title*/ /*zhuan-index_img_banner_swiper*/ .home #content .ast-container{max-width: 100% !important;padding-left: 0 !important;padding-right: 0 !important;margin-top: -20px !important;} .zhuan-index_img_banner_swiper{left:0;right:0;width:100%;height:90%;margin-top:-104px;max-width:none;box-sizing:border-box;z-index:10;margin-bottom: 4em;} /*.zhuan-index_img_banner_swiper .swiper-slide::after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(0,0,0,0.2),rgba(0,0,0,0.8));z-index:5;background-color: var(--ast-global-color-1);}*/ .zhuan-index_img_banner_swiper .swiper-slide{text-align:center;background:#fff;display:flex;justify-content:center;align-items:center;} .zhuan-index_img_banner_swiper .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover;margin: 0px;padding: 0px;} .zhuan-index_img_banner_swiper .swiper-slide{border-radius:0.375rem;position:relative;display:block;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{margin:0px 0;width:50%;padding:0px;position:absolute;top:30%;left:10%;right:10%;color:white;text-align:left;z-index:9999;text-align: left;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content h1{color: var(--ast-global-color-4);font-size: 3em;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content a{margin-top:30px;color: var(--ast-global-color-4);text-decoration: none;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content p{color:var(--ast-global-color-4);font-size:1.2rem;line-height:1.375;} .zhuan-index_img_banner_swiper .swiper-button-next::after,.zhuan-index_img_banner_swiper .swiper-button-prev::after{font-size:16px;color:#333333;} .zhuan-index_img_banner_swiper .swiper-button-prev,.zhuan-index_img_banner_swiper .swiper-button-next{border-radius:50px;top:60%;width:36px;height:36px;line-height:36px;background-color:rgba(255,255,255,0.8);opacity:0;transition:opacity 0.3s ease;} .zhuan-index_img_banner_swiper:hover .swiper-button-prev,.zhuan-index_img_banner_swiper:hover .swiper-button-next{opacity:1;} .zhuan-index_img_banner_swiper .swiper-pagination{position:absolute;bottom:2em;left:50%;transform:translateX(-50%);z-index:999;} .zhuan-index_img_banner_swiper .swiper-pagination-bullet{background:rgba(255,255,255,0.5) !important;opacity:0.7 !important;} .zhuan-index_img_banner_swiper .swiper-pagination-bullet-active{background:#fff !important;opacity:1 !important;} @media (max-width:1500px){ .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{width: 50%;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content h1{font-size: 2.5em;} } @media (max-width:1200px){ .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{width: 70%; top: 25%;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content h1{font-size: 2em;} } @media (max-width:1023px){ .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{width: 90%;top: 8%;left: 5%;right: 5%;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{max-width: 100%;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content h1{font-size: 1.8em;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content a{margin-top: 10px;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content p{font-size: 1.125rem;} } @media (max-width:767px){ .zhuan-index_img_banner_swiper{margin-left:-0px !important;margin-right: 0px !important;height: auto;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content{left: 5%;right: 5%;} .zhuan-index_img_banner_swiper .index_img_banner_swiper-content h1{font-size: 1.8em;} } .zhuna-index_img_banner_contact{margin-top:30px;} .zhuna-index_img_banner_contact a{color: var(--ast-global-color-4) !important;} .zhuna-index_img_banner_contact .svg_txt{align-items: center;display: flex;} .zhuna-index_img_banner_contact .button{border-radius: 0.25rem !important;font-weight: 400 !important;background-color: var(--ast-global-color-0) !important;border-color: var(--ast-global-color-0) !important;border-width: 1px !important;margin-bottom: 10px !important;margin-right: 5px !important;} .zhuna-index_img_banner_contact .button svg{width:20px; height:20px;fill:var(--ast-global-color-4) !important;} .zhuna-index_img_banner_contact .button span{font-size: 0.875rem;margin-left:5px;} .zhuna-index_img_banner_contact .button:hover {background-color: var(--ast-global-color-1) !important;border-color: var(--ast-global-color-1) !important;} .zhuna-index_img_banner_contact a:hover{color: var(--ast-global-color-4) !important;} .zhuna-index_img_banner_contact a:hover svg{fill: var(--ast-global-color-4) !important;} .zhuna-index_img_banner_contact .button1 {background-color: var(--ast-global-color-0) !important; border-color: var(--ast-global-color-0) !important;} .zhuna-index_img_banner_contact .button1:hover {background-color: var(--ast-global-color-2) !important;border-color: var(--ast-global-color-2) !important;} @media (max-width: 767px) { .zhuna-index_img_banner_contact{text-align: left;} } /*zhuan-index_img_banner_swiper*/ /*zhuan-advantage_data*/ .zhuan-advantage_data{display:flex;flex-wrap:wrap;margin-top: 0px;margin-right: 0px;margin-bottom: 4em;margin-left: 0px;gap:20px;} .zhuan-advantage_data .advantage_data-box{border-radius:0.625rem;background-color:#fff;padding:25px;margin:0 0;text-align:center;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;} .zhuan-advantage_data .advantage_data-box::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;} .zhuan-advantage_data .advantage_data-box:hover::before{left:100%;} .zhuan-advantage_data .advantage_data-box .title{/* font-weight: 600; */font-size:1.6em;margin-bottom: 0.625rem;transition:color 0.3s ease,transform 0.3s ease;} .zhuan-advantage_data .advantage_data-box:hover .title{color:var(--ast-global-color-1);transform:scale(1.05);} .zhuan-advantage_data .advantage_data-box p{margin-bottom: 0em;transition:color 0.3s ease,transform 0.3s ease;} .zhuan-advantage_data .advantage_data-box:hover p{color:var(--ast-global-color-3);transform:translateY(-2px);} .zhuan-advantage_data .advantage_data-box:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);transform:translateY(-5px);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);} @media (min-width:768px){.zhuan-advantage_data .advantage_data-box{flex:1 1 calc(45% - 0px);} }@media (min-width:1024px){.zhuan-advantage_data .advantage_data-box{flex:1 1 calc(22% - 0px);} }@media (max-width:767px){.zhuan-advantage_data .advantage_data-box{flex:1 1 calc(100% - 0px);} } /*zhuan-advantage_data*/ /*zhuan-main_products*/ .zhuan-main_products{overflow:hidden;background-color:#fff;padding-top: 0;padding-right: 0px;padding-bottom: 4em;padding-left: 0px;} .zhuan-main_products_content{display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:0 0;} .main_products-row-1{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .main_products-row-2{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;} .zhuan-main_products_content .main_products-box{border-radius:10px;overflow:hidden;position:relative;transition:all 0.3s ease;min-height:200px;} .zhuan-main_products_content .main_products-box-d{border-radius:10px;overflow:hidden;position:relative;transition:all 0.3s ease;min-height:200px;} .zhuan-main_products_content .main_products-box img, .zhuan-main_products_content .main_products-box-d img{width:100%;height:auto;display:block;transition:transform 0.3s ease;} .zhuan-main_products_content .main_products-box a, .zhuan-main_products_content .main_products-box-d a{display:block;text-decoration:none;color:inherit;} .zhuan-main_products_content .main_products-box h3, .zhuan-main_products_content .main_products-box-d h3{color:#fff;margin:0;padding:15px;font-size:18px;font-weight:600;line-height:1.3em;position:absolute;bottom:80px;left:0;width:100%;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,0.7);max-width:calc(100% - 30px);} .zhuan-main_products_content .main_products-box .ast-button, .zhuan-main_products_content .main_products-box-d .ast-button{color:#fff;font-size:14px;display:inline-block;font-weight:500;transition:all 0.3s ease;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);border:1px solid #fff;background:rgba(0,0,0,0.3);padding:8px 15px;border-radius:5px;min-width:80px;text-align:center;text-decoration:none;} .zhuan-main_products_content .main_products-box:hover, .zhuan-main_products_content .main_products-box-d:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.1);} .zhuan-main_products_content .main_products-box:hover img, .zhuan-main_products_content .main_products-box-d:hover img{transform:scale(1.05);} .zhuan-main_products_content .main_products-box:hover .ast-button, .zhuan-main_products_content .main_products-box-d:hover .ast-button{color:#fff;background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);} @media screen and (max-width:1400px){ .main_products-row-2{grid-template-columns:repeat(4, 1fr);} } @media screen and (max-width:1000px){ .main_products-row-1{grid-template-columns:1fr 1fr;} .main_products-row-2{grid-template-columns:repeat(2, 1fr);} } @media screen and (max-width:768px){ .main_products-row-1{grid-template-columns:1fr;} .main_products-row-2{grid-template-columns:repeat(2, 1fr);} .zhuan-main_products_content .main_products-box h3, .zhuan-main_products_content .main_products-box-d h3{font-size:16px;} } @media screen and (max-width:480px){ .main_products-row-1{grid-template-columns:1fr;} .main_products-row-2{grid-template-columns:1fr;} } /*zhuan-main_products*/ /*zhuan_why_choose_us*/ .zhuan-why_choose_us{padding-top: 0;padding-right: 0px;padding-bottom: 4em;padding-left: 0px;} .zhuan-why_choose_us .zhuan-why_choose_us_content{display:flex;flex-wrap:wrap;margin:0px 0;gap:20px;} .zhuan-why_choose_us_content .why_choose_us-box,.zhuan-why_choose_us_content .why_choose_us-box-d{border-radius:0.625rem;background-color:#fff;padding:20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;} .zhuan-why_choose_us_content .why_choose_us-box::before,.zhuan-why_choose_us_content .why_choose_us-box-d::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease;} .zhuan-why_choose_us_content .why_choose_us-box:hover::before,.zhuan-why_choose_us_content .why_choose_us-box-d:hover::before{left:100%;} .zhuan-why_choose_us_content .img {background-repeat: no-repeat;background-position: 74% 50%;background-size: cover;background-attachment: scroll;background-image: url(/wp-content/uploads/2025/02/Why_Choose_eufy_Serve-1-1.jpg);background-clip: padding-box;transition:none;} .zhuan-why_choose_us_content .why_choose_us-box p,.zhuan-why_choose_us_content .why_choose_us-box-d p{color:var(--ast-global-color-0);text-align:left;transition:color 0.3s ease,transform 0.3s ease;} .zhuan-why_choose_us_content .why_choose_us-box:hover p,.zhuan-why_choose_us_content .why_choose_us-box-d:hover p{color:var(--ast-global-color-1);transform:translateY(-2px);} .zhuan-why_choose_us_content .why_choose_us-box h3,.zhuan-why_choose_us_content .why_choose_us-box-d h3{margin:0px 0;font-size:1.3333333333333rem;padding-top:10px;transition:color 0.3s ease,transform 0.3s ease;} .zhuan-why_choose_us_content .why_choose_us-box:hover h3,.zhuan-why_choose_us_content .why_choose_us-box-d:hover h3{color:var(--ast-global-color-1);transform:translateY(-2px);} .zhuan-why_choose_us_content .why_choose_us-box .ico,.zhuan-why_choose_us_content .why_choose_us-box-d .ico{text-align:right;margin-top:15px;} .zhuan-why_choose_us_content .why_choose_us-box .ico svg,.zhuan-why_choose_us_content .why_choose_us-box-d .ico svg{width:40px;height:40px;box-sizing:content-box;fill:var(--ast-global-color-0);transition:fill 0.3s ease;} .zhuan-why_choose_us_content .why_choose_us-box:hover .ico svg,.zhuan-why_choose_us_content .why_choose_us-box-d:hover .ico svg{fill:var(--ast-global-color-1);} .zhuan-why_choose_us_content .why_choose_us-box:hover,.zhuan-why_choose_us_content .why_choose_us-box-d:hover{box-shadow:0 8px 25px rgba(0,0,0,0.15);} @media (min-width:768px){.zhuan-why_choose_us_content .why_choose_us-box{flex:1 1 calc(30% - 0px);} .zhuan-why_choose_us_content .why_choose_us-box-d{flex:1 1 calc(30% - 0px);} }@media (min-width:1024px){.zhuan-why_choose_us_content .why_choose_us-box{flex:1 1 calc(30% - 0px)} .zhuan-why_choose_us_content .why_choose_us-box-d{flex:1 1 calc(20% - 0px);} }@media (max-width:767px){.zhuan-why_choose_us_content .why_choose_us-box{flex:1 1 calc(100% - 0px)} .zhuan-why_choose_us_content .why_choose_us-box-d{flex:1 1 calc(100% - 0px);} .zhuan-why_choose_us_content .why_choose_us-box h3,.zhuan-why_choose_us .why_choose_us-box-d h3{margin:0px 0;font-size:1.1111111111111rem;} } /*zhuan_why_choose_us*/ /*zhuan_video_carousel_swiper*/ .zhuan-video-carousel-swiper{position:relative;overflow:hidden;padding-bottom:4em;padding-top:0em} .zhuan-video-carousel-swiper .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center} .zhuan-video-carousel-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .zhuan-video-carousel-swiper .swiper-button-next,.zhuan-video-carousel-swiper .swiper-button-prev{position:absolute;top:50%;z-index:10;cursor:pointer} .zhuan-video-carousel-swiper .swiper-button-next{right:75px;border-radius:50px;color:#333;width:36px;height:36px;line-height:36px;background-color:rgba(255,255,255,.8)} .zhuan-video-carousel-swiper .swiper-button-prev{left:75px;border-radius:50px;color:#333;width:36px;height:36px;line-height:36px;background-color:rgba(255,255,255,.8)} .zhuan-video-carousel-swiper .swiper-button-next::after,.swiper-button-prev::after{font-size:16px;color:#333} @media (max-width:767px){.zhuan-video-carousel-swiper .swiper-button-next{right:24px}.zhuan-video-carousel-swiper .swiper-button-prev{left:24px}} /*Video content style*/ .zhuan-video-carousel-swiper .video-card{background-color:#fff;padding:0;border-radius:10px;box-sizing:border-box;overflow:hidden;position:relative;margin-bottom:20px} .zhuan-video-carousel-swiper .video-card .plyr{width:100%;height:auto;object-fit:cover} .zhuan-video-carousel-swiper .video_wrapper{position:relative} .zhuan-video-carousel-swiper .video-info{padding:20px;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;cursor:pointer;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(to bottom,rgba(0,0,0,0) 75%,rgba(0,0,0,.4));z-index:12;pointer-events:none} .zhuan-video-carousel-swiper .video-info h2{margin-bottom:.4em!important;transition:margin-bottom .4s linear;text-align:left} .zhuan-video-carousel-swiper .video-card:hover .video-info h2{margin-bottom:1.1em!important} .zhuan-video-carousel-swiper .video-title{z-index:12;pointer-events:auto} .zhuan-video-carousel-swiper .video-title a{font-size:1.1rem;line-height:1.2em;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff!important;text-decoration:none;transition:text-decoration 0.3s ease} .zhuan-video-carousel-swiper .video-title a:hover{text-decoration:underline} /*Share Button*/ .zhuan-video-carousel-swiper .sharethis-inline-buttons{z-index:11;visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear;padding:20px;position:absolute;left:0;bottom:0;width:100%;height:20%;cursor:pointer;display:flex;align-items:flex-end;pointer-events:auto} .zhuan-video-carousel-swiper .video-card:hover .sharethis-inline-buttons{visibility:visible;opacity:1} .sharethis-inline-buttons .addtoany_shortcode img{width:30px;background-color:var(--ast-global-color-0);padding:5px;border-radius:4px} /*Plyr控件样式优化*/ .zhuan-video-carousel-swiper .plyr__control--overlaid{background:rgba(255,255,255,.6);color:#000} .zhuan-video-carousel-swiper .plyr__control--overlaid:hover{background:var(--ast-global-color-1,#0073aa)!important;color:#fff} .zhuan-video-carousel-swiper .plyr__poster,.zhuan-video-carousel-swiper .plyr__video-wrapper{background-color:#fff!important} .zhuan-video-carousel-swiper .plyr--stopped.plyr__poster-enabled .plyr__poster{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:2;pointer-events:none;border:none;margin:0;padding:0} /* 屏视频处理样式 */ .zhuan-video-carousel-swiper .video-card.video-portrait .video_wrapper,.zhuan-video-carousel-swiper .video-card.video-portrait .plyr__video-embed{aspect-ratio:9/16} .zhuan-video-carousel-swiper .video-card.video-portrait .plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%} .zhuan-video-carousel-swiper .video-card.video-landscape .video_wrapper,.zhuan-video-carousel-swiper .video-card.video-landscape .plyr__video-embed{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#000} .zhuan-video-carousel-swiper .video-card.video-landscape .video_wrapper video,.zhuan-video-carousel-swiper .video-card.video-landscape .plyr__video-embed iframe{width:auto;height:100%;max-width:100%;object-fit:contain} @media (max-width:767px){.zhuan-video-carousel-swiper .video-title a{font-size:1.4rem}.zhuan-video-carousel-swiper .video-card:hover .video-info h2{margin-bottom:1.6em!important}} /* YouTube视频特殊式 */ .zhuan-video-carousel-swiper .youtube-embed-wrapper{position:relative;width:100%;height:100%;background:#000;min-height:200px} .zhuan-video-carousel-swiper .video-card.video-portrait .youtube-embed-wrapper{aspect-ratio:9/16} .zhuan-video-carousel-swiper .video-card.video-landscape .youtube-embed-wrapper{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center} .zhuan-video-carousel-swiper .youtube-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:1} /* 确保YouTube iframe不受其他样式影响 */ .zhuan-video-carousel-swiper .video-card.video-landscape .youtube-embed-wrapper iframe{width:100% !important;height:100% !important;max-width:none !important;object-fit:initial !important} /*zhuan_video_carousel_swiper*/ /*zhuan_video_list_page*/ .zhuan_video_list_page{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;box-sizing:border-box;padding-top: 0px;padding-right: 0px;padding-bottom: 2em;padding-left: 0px;} .zhuan_video_list_page .video-card{display:block;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;position:relative;margin-bottom:0;grid-column:span 1} .zhuan_video_list_page .video-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px rgba(0,0,0,.1)} .zhuan_video_list_page .video_wrapper{position:relative;width:100%;background:#000} .zhuan_video_list_page .video_wrapper video{width:100%;height:auto;display:block} .zhuan_video_list_page .plyr__video-embed{position:relative;width:100%;background:#000;overflow:hidden} .zhuan_video_list_page .plyr__video-embed iframe{position:relative;width:100%;height:auto;border:none;display:block} .zhuan_video_list_page .video-overlay{position:absolute;bottom:0;left:0;width:100%;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%);color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end} .video-title-overlay{transform:translateY(0);transition:transform .4s ease;z-index:1;line-height:1} .video-title-overlay a{font-size:16px;font-weight:300;color:#fff;text-decoration:none;line-height:1.3;pointer-events:auto;transition:text-decoration 0.3s ease;margin:0;padding:0;display:block} .video-title-overlay a:hover{color:#fff;text-decoration:underline} .video-share-overlay{opacity:0;max-height:0;overflow:hidden;transition:all .4s ease;display:flex;gap:8px} .zhuan_video_list_page .video-card:hover .video-share-overlay{opacity:1;max-height:40px;margin-top:8px;pointer-events:auto} .zhuan_video_list_page .video-card:hover .video-title-overlay{transform:translateY(-6px)} .plyr__control--overlaid{background:rgba(255,255,255,.6);color:#000} .plyr__control--overlaid:hover{background:var(--ast-global-color-1,#0073aa)!important;color:#fff} .plyr__poster,.plyr__video-wrapper{background-color:#fff!important} .plyr--stopped.plyr__poster-enabled .plyr__poster{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:2;pointer-events:none;border:none;margin:0;padding:0} .zhuan_video_list_page .video-info{display:none} .sharethis-inline-buttons{padding:0} .zhuan_video_list_page .video-card.video-portrait .video_wrapper,.zhuan_video_list_page .video-card.video-portrait .plyr__video-embed{aspect-ratio:9/16} .zhuan_video_list_page .video-card.video-portrait .plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%} .zhuan_video_list_page .video-card.video-landscape .video_wrapper,.zhuan_video_list_page .video-card.video-landscape .plyr__video-embed{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#000} .zhuan_video_list_page .video-card.video-landscape .video_wrapper video,.zhuan_video_list_page .video-card.video-landscape .plyr__video-embed iframe{width:auto;height:100%;max-width:100%;object-fit:contain} /* YouTube视频特殊样式 */ .zhuan_video_list_page .youtube-embed-wrapper{position:relative;width:100%;height:100%;background:#000} .zhuan_video_list_page .video-card.video-portrait .youtube-embed-wrapper{aspect-ratio:9/16} .zhuan_video_list_page .video-card.video-landscape .youtube-embed-wrapper{aspect-ratio:9/16;display:flex;align-items:center;justify-content:center} .zhuan_video_list_page .youtube-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none} @media screen and (max-width:1200px){.zhuan_video_list_page{grid-template-columns:repeat(3,1fr);gap:15px}} @media screen and (max-width:768px){.zhuan_video_list_page{grid-template-columns:repeat(2,1fr);gap:15px;padding-left: 0px;}} @media screen and (max-width:480px){.zhuan_video_list_page{grid-template-columns:1fr;}.zhuan_video_list_page .video-title-overlay a{font-size:15px}} /*fx*/ a.addtoany_share img{width: 32px !important;} /*zhuan_video_list_page*/ /*zhuan_blog_flexbox*/ .zhuan-blog-flexbox-list{display:flex;padding-top:0em;flex-wrap:wrap;gap:24px;justify-content:flex-start;padding-bottom:4em;} .zhuan-blog-flexbox-card{background:#fff;border-radius:20px;padding:16px;flex:0 0 calc(25% - 18px);display:flex;flex-direction:column;align-items:flex-start;min-width:0;} .zhuan-blog-flexbox-img img{border-radius:1em;width:100%;height:auto;display:block;} .zhuan-blog-flexbox-meta{display:flex;align-items:center;margin:20px 0 12px 0;font-size:0.95em;color:var(--ast-global-color-3);width:100%;font-size:0.875rem;} .zhuan-blog-flexbox-date{margin-right:1.25rem;color:var(--ast-global-color-3);} .zhuan-blog-flexbox-cat{color:var(--ast-global-color-3);} .zhuan-blog-flexbox-cat a{color:var(--ast-global-color-3);text-decoration:none !important;} .zhuan-blog-flexbox-cat a:hover{text-decoration:underline !important;} .zhuan-blog-flexbox-title{font-size:1.1em;margin:0 0 10px 0; /* font-weight: 700; */} .zhuan-blog-flexbox-title a{color:var(--ast-global-color-2);text-decoration:none !important;} .zhuan-blog-flexbox-title a:hover{text-decoration:underline !important;} .zhuan-blog-flexbox-readmore{margin-top:auto;width:100%;} .zhuan-blog-flexbox-readmore a{color:var(--ast-global-color-2);text-decoration:none !important;font-size:0.875rem;display:inline-block;padding:6px 0; /* font-weight: 600; */} .zhuan-blog-flexbox-readmore a:hover{text-decoration:underline !important;} .zhuan-blog-flexbox-readmore a:hover{color:var(--ast-global-color-0);} @media (max-width:1023px){ .zhuan-blog-flexbox-card{flex:0 0 calc(50% - 12px);} } @media (max-width:767px){ .zhuan-blog-flexbox-card{flex:0 0 100%;} } /*zhuan_blog_flexbox*/ /*zhuan-footer-banner-ad*/ .zhuan-footer-banner-ad {text-align: center;} .zhuan-footer-banner-ad h2 {margin: 0;margin-bottom: 10px;font-size: 2.2222222222222rem !important;} .zhuan-footer-banner-ad p {margin: 0;margin-top: 30px;} .zhuan-footer-banner-ad .button {border: none;padding: 10px 20px !important;border-radius: 5px;cursor: pointer;margin-top: 20px !important;font-weight: 400;} @media (min-width: 768px) {} @media (max-width: 767px) {.zhuan-footer-banner-ad h2 {font-size: 1.75rem;line-height: 1.23em;}} /*zhuan-footer-banner-ad*/ /*zhuan-footer_contact_information*/ .zhuan-footer_contact_information{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} .zhuan-footer_contact_information .f_c_i-box{margin:0px;padding: 2px 0;display:flex;justify-content:left;align-items:center;text-align:center;border-radius:0.5rem;flex-grow:1;flex-shrink:1;} .zhuan-footer_contact_information .f_c_i-box i{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;display:flex;justify-content:center;align-items:center;text-align:center;} .zhuan-footer_contact_information .f_c_i-box p{padding-top:6px;padding-right:0px;padding-bottom:6px;padding-left:12px;line-height:1.5;text-align:left;color:var(--ast-global-color-2);} .zhuan-footer_contact_information .f_c_i-box p a{color: var(--ast-global-color-2) !important;} .zhuan-footer_contact_information .f_c_i-box p a:hover {text-decoration: underline;} .zhuan-footer_contact_information .f_c_i-box i svg{fill:var(--ast-global-color-2);} @media (max-width:996px){.zhuan-footer_contact_information .f_c_i-box{flex-direction:column;justify-content:center;} .zhuan-footer_contact_information .f_c_i-box p{text-align:center;padding-left:0;padding-bottom:16px;} .zhuan-footer_contact_information{margin-top:0px;margin-right:0px;margin-bottom:30px;margin-left:0px;} } /* 10-22 林达：阿拉伯语页从右往左排，会把“+86 …”拆开、“+”跑到号码后面；电话、WhatsApp、邮箱一律从左往右排（别的语言本来就是从左往右，不受影响） */ .zhuan-footer_contact_information .f_c_i-box p a[href^="tel:"],.zhuan-footer_contact_information .f_c_i-box p a[href*="wa.me"],.zhuan-footer_contact_information .f_c_i-box p a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate} /* 同上：阿拉伯语电脑上这块原来按“靠左”排（justify-content:left、padding-left），整块挤在栏的左边、号码贴着图标；改成靠右、号码和图标之间留 12px（手机上本来居中，不动） */ @media (min-width:997px){[dir=rtl] .zhuan-footer_contact_information .f_c_i-box{justify-content:flex-start}[dir=rtl] .zhuan-footer_contact_information .f_c_i-box p{padding-left:0;padding-right:12px;text-align:right}} /*zhuan-footer_contact_information*/ /*zhuan-contact-us*/ .zhuan-contact-us {display: flex;gap: 10px;padding:0px;margin-bottom:30px;background-color: var(--ast-global-color-5);border-radius: 0.375rem;} .zhuan-contact-us h2{font-size: 2.5rem;} .zhuan-contact-us h3{font-size: 1.563rem;} .zhuan-contact-us-left {flex-grow: 1;flex-shrink: 1;background-color: #fff;padding:1.25rem;border-radius: 0.375rem;} .zhuan-contact-us-left .contact-info {display: flex;align-items: center; width: fit-content;border-radius: 0.3125rem;margin-bottom:2.5rem;} .zhuan-contact-us-left .contact-info i{align-items: center;display: flex;} .zhuan-contact-us-left .contact-info i svg{margin-right: 0.625rem;fill: var(--ast-global-color-0);} .zhuan-contact-us-left .contact-info div {display: flex;flex-direction: column;} .zhuan-contact-us-left .contact-info .contact-info-name {font-size: 0.875rem;color:var(--ast-global-color-2);} .zhuan-contact-us-left .contact-info .contact-info-content {font-size: 1.125rem;line-height: 1.2;color:var(--ast-global-color-2);} .zhuan-contact-us-left .contact-info .contact-info-content a{color:var(--ast-global-color-2);text-decoration: none;} .zhuan-contact-us-left .contact-info .contact-info-content a:hover {text-decoration: underline;} .zhuan-contact-us-right {flex-grow: 1;flex-shrink: 1;padding:1.25rem;background-color:#fff;border-radius: 0.375rem;} .zhuan-contact-us-top{flex-grow: 1;flex-shrink: 1;width:100%;padding:1.25rem;border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem;color:#fff;background-image: linear-gradient(0deg, rgb(247 247 247) 0%, rgb(207 226 255 / 100%) 100%);display: flex;flex-wrap: wrap;gap: 10px;} .zhuan-contact-us-top .zhuan-contact-us-top-left,.zhuan-contact-us-top .zhuan-contact-us-top-left{flex-grow: 1;flex-shrink: 1;} @media (min-width: 768px) { .zhuan-contact-us-top{height:290px;} .zhuan-contact-us-top .zhuan-contact-us-top-left{width:35%;} .zhuan-contact-us-top .zhuan-contact-us-top-right{width:55%;} } @media (max-width: 767px) { .zhuan-contact-us-top{height:330px;} .zhuan-contact-us-top .zhuan-contact-us-top-left{width:100%;} .zhuan-contact-us-top .zhuan-contact-us-top-right{width:100%;} } .zhuan-contact-info p {display: flex; align-items: center;} .zhuan-contact-info img {margin-right: 0.625rem;width: 1.25rem;height: 1.25rem;} .page-id-3405 .site-content .ast-container .entry-content .wpcf7{} .page-id-3405 .site-content .ast-container .entry-content .wpcf7 .wpcf7-text{border-radius: 0.2rem;background-color: var(--ast-global-color-5);} .page-id-3405 .site-content .ast-container .entry-content .wpcf7 .wpcf7-textarea{height: 9.375rem;border-radius: 0.2rem;background-color: var(--ast-global-color-5);} .page-id-3405 .site-content .ast-container .entry-content .wpcf7 .required{color:#dc3232;} .wpcf7 form.sent .wpcf7-response-output {background-color: #f1fff3;border-radius: 1.875rem;color: #1e6224;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background-color: #fff7e3;border-radius: 1.875rem;color: #9d4a00;} .wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus{border-color: var(--ast-global-color-0) !important;} @media (min-width: 768px) { .zhuan-contact-us {flex-wrap: wrap;} .zhuan-contact-us-left {width:45%;padding-right: 8%;} .zhuan-contact-us-right {width:45%;} } @media (max-width: 1199px) {.zhuan-contact-us{margin-bottom:4em !important;}} @media (max-width: 767px) { .zhuan-contact-us {flex-wrap: wrap;} .zhuan-contact-us h2{font-size: 1.875rem;} .zhuan-contact-us-left {margin-bottom:2.5rem;padding-bottom:0rem;} .zhuan-contact-us-left .contact-info {margin-bottom:1.875rem;} .zhuan-contact-us-left {width:100%;padding-right: 0%;} .zhuan-contact-us-right {width:100%;} .page-id-451 .site-content .ast-container .entry-content .wpcf7 .wpcf7-submit{width:100%;} } /*zhuan-contact-us 单美化样式*/ .zhuan-contact-us-right .wpcf7{margin:0;} .zhuan-contact-us-right .wpcf7 h3{margin:0 0 0.5em 0 !important;font-size:1.75rem !important;font-weight:600 !important;text-align:left !important;color:var(--ast-global-color-2) !important;} .zhuan-contact-us-right .wpcf7 hr{margin:0 0 2em 0 !important;border:none !important;border-top:1px solid var(--ast-global-color-9) !important;} .zhuan-contact-us-right .wpcf7 form > p{margin-bottom: 0.2em !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-form-control{margin-top: 1em !important;width: 100% !important;} .zhuan-contact-us-right .wpcf7 p{margin:0 0 1.5em 0 !important;} .zhuan-contact-us-right .wpcf7 label{display:block !important;margin-bottom:0 !important;font-weight:500 !important;color:#4a3c6a !important;font-size:0.938rem !important;line-height:1.4 !important;text-align:left !important;} .zhuan-contact-us-right .wpcf7 .required{color:#dc3232 !important;margin-left:0.25em !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-form-control-wrap{display:block !important;margin-top:0.5em !important;} .zhuan-contact-us-right .wpcf7 input[type="text"],.zhuan-contact-us-right .wpcf7 input[type="email"],.zhuan-contact-us-right .wpcf7 input[type="tel"]{width:100% !important;padding:0.875em 1.25em !important;border:none !important;border-radius:0.4rem !important;background-color:var(--ast-global-color-7) !important;font-size:0.8rem !important;color:#2d2d2d !important;transition:all 0.3s ease !important;box-sizing:border-box !important;font-family:inherit !important;} .zhuan-contact-us-right .wpcf7 input[type="text"]:-webkit-autofill,.zhuan-contact-us-right .wpcf7 input[type="email"]:-webkit-autofill,.zhuan-contact-us-right .wpcf7 input[type="tel"]:-webkit-autofill{background-color:var(--ast-global-color-7) !important;background-clip:padding-box !important;-webkit-box-shadow:0 0 0 1000px var(--ast-global-color-7) inset !important;box-shadow:0 0 0 1000px var(--ast-global-color-7) inset !important;color:#2d2d2d !important;} .zhuan-contact-us-right .wpcf7 input[type="text"]::placeholder,.zhuan-contact-us-right .wpcf7 input[type="email"]::placeholder,.zhuan-contact-us-right .wpcf7 input[type="tel"]::placeholder{color:color-mix(in srgb, var(--ast-global-color-0) 50%, transparent) !important;opacity:1 !important;} .zhuan-contact-us-right .wpcf7 input[type="text"]:focus,.zhuan-contact-us-right .wpcf7 input[type="email"]:focus,.zhuan-contact-us-right .wpcf7 input[type="tel"]:focus{outline:none !important;background-color:var(--ast-global-color-7) !important;box-shadow:0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;} .zhuan-contact-us-right .wpcf7 input[type="text"]:focus:-webkit-autofill,.zhuan-contact-us-right .wpcf7 input[type="email"]:focus:-webkit-autofill,.zhuan-contact-us-right .wpcf7 input[type="tel"]:focus:-webkit-autofill{background-color:var(--ast-global-color-7) !important;background-clip:padding-box !important;-webkit-box-shadow:0 0 0 1000px var(--ast-global-color-7) inset,0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;box-shadow:0 0 0 1000px var(--ast-global-color-7) inset,0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;} .zhuan-contact-us-right .wpcf7 textarea{width:100% !important;padding:0.875em 1.25em !important;border:none !important;border-radius:1rem !important;background-color:var(--ast-global-color-7) !important;font-size:0.938rem !important;color:#2d2d2d !important;transition:all 0.3s ease !important;resize:vertical !important;height:120px !important;font-family:inherit !important;box-sizing:border-box !important;line-height:1.5 !important;} .zhuan-contact-us-right .wpcf7 textarea:-webkit-autofill{background-color:var(--ast-global-color-7) !important;background-clip:padding-box !important;-webkit-box-shadow:0 0 0 1000px var(--ast-global-color-7) inset !important;box-shadow:0 0 0 1000px var(--ast-global-color-7) inset !important;color:#2d2d2d !important;} .zhuan-contact-us-right .wpcf7 textarea::placeholder{color:color-mix(in srgb, var(--ast-global-color-0) 50%, transparent) !important;opacity:1 !important;} .zhuan-contact-us-right .wpcf7 textarea:focus{outline:none !important;background-color:var(--ast-global-color-7) !important;box-shadow:0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;} .zhuan-contact-us-right .wpcf7 textarea:focus:-webkit-autofill{background-color:var(--ast-global-color-7) !important;background-clip:padding-box !important;-webkit-box-shadow:0 0 0 1000px var(--ast-global-color-7) inset,0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;box-shadow:0 0 0 1000px var(--ast-global-color-7) inset,0 0 0 1px color-mix(in srgb, var(--ast-global-color-0) 70%, transparent) !important;} .zhuan-contact-us-right .wpcf7 input[type="submit"],.zhuan-contact-us-right .wpcf7 .wpcf7-submit{width:100% !important;padding:1em 2em !important;background-color:var(--ast-global-color-0) !important;border:none !important;border-radius:2.5rem !important;font-size:1rem !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:none !important;box-shadow:0 4px 12px rgba(88, 117, 160, 0.4) !important;margin-top:0.5em !important;color:#fff !important;} .zhuan-contact-us-right .wpcf7 input[type="submit"]:hover,.zhuan-contact-us-right .wpcf7 .wpcf7-submit:hover{background-color:var(--ast-global-color-0) !important;box-shadow:0 6px 16px rgba(88, 117, 160, 0.4) !important;transform:translateY(-2px) !important;} .zhuan-contact-us-right .wpcf7 input[type="submit"]:active,.zhuan-contact-us-right .wpcf7 .wpcf7-submit:active{transform:translateY(0) !important;} .zhuan-contact-us-right .wpcf7 p[style*="font-size: 14px"]{font-size:0.875rem !important;color:var(--ast-global-color-6) !important;text-align:center !important;margin-top:1em !important;margin-bottom:0 !important;line-height:1.6 !important;} .zhuan-contact-us-right .wpcf7 p[style*="font-size: 14px"] a{color:#4a3c6a !important;text-decoration:underline !important;} .zhuan-contact-us-right .wpcf7 p[style*="font-size: 14px"] a:hover{color:#6b5b7d !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-not-valid-tip{color:#dc3232 !important;font-size:0.875rem !important;margin-top:0.5em !important;display:block !important;} .zhuan-contact-us-right .wpcf7 input.wpcf7-not-valid,.zhuan-contact-us-right .wpcf7 textarea.wpcf7-not-valid{border:2px solid #dc3232 !important;background-color:#fff !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-response-output{margin:1em 0 0 0 !important;padding:1em !important;border-radius:0.5rem !important;font-size:0.938rem !important;text-align:center !important;border:1px solid transparent !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-mail-sent-ok{background-color:#f1fff3 !important;color:#1e6224 !important;border-color:#1e6224 !important;} .zhuan-contact-us-right .wpcf7 .wpcf7-mail-sent-ng,.zhuan-contact-us-right .wpcf7 .wpcf7-aborted,.zhuan-contact-us-right .wpcf7 .wpcf7-spam,.zhuan-contact-us-right .wpcf7 .wpcf7-validation-errors,.zhuan-contact-us-right .wpcf7 .wpcf7-acceptance-missing{background-color:#fff7e3 !important;color:#9d4a00 !important;border-color:#9d4a00 !important;} .zhuan-contact-us-right .wpcf7 .hidden-fields-container{display:none !important;} .zhuan-contact-us-right .wpcf7 .screen-reader-response{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;} /* 10-22：阿拉伯语页从右往左，往左推 9999px 的这块会变成能横着滚的地方，联系页在手机上被撑到 1 万多像素宽、AI 助手按钮和 cookie 条跑到屏幕外；从右往左的页面改成往右推（那边滚不到） */ [dir=rtl] .zhuan-contact-us-right .wpcf7 .screen-reader-response{left:auto !important;right:-9999px !important;} /*zhuan-contact-us*/ /*zhuan-about_us*/ .zhuan-about_us{max-width:100%;margin-top: 0px;margin-right: 0px;margin-bottom: 4em;margin-left: 0px;box-sizing:border-box;padding:40px 40px;background:var(--ast-global-color-4);border-radius:16px;} .zhuan-about_us .aboutus-row-top{display:flex;flex-wrap:wrap;gap:15px;} .zhuan-about_us .aboutus-row-data{display:flex;flex-wrap:wrap;gap:15px;} .zhuan-about_us .aboutus-row-top .aboutus-flex-item{min-width:0;box-sizing:border-box;border-radius:16px;padding:0px 0px;flex-grow:1;width:45%;} .zhuan-about_us .aboutus-row-top .aboutus-img{padding:0;background:none;} .zhuan-about_us .aboutus-row-top .aboutus-img img{max-width:100%;height:auto;border-radius:16px;display:block;margin:0 auto;} .zhuan-about_us .brand-name{color:var(--ast-global-color-0);font-size:1rem;margin-bottom:10px;} .zhuan-about_us .brand-title{margin:0 0 16px 0; /* font-weight: 700; */color:#222;} .zhuan-about_us .brand-desc{font-size:0.938em;color:#555;line-height:1.7;} .zhuan-about_us .aboutus-row-data .aboutus-flex-item{min-width:0;border-radius:16px;padding:15px 0px;display:flex;flex-direction:column;text-align:left;flex-grow:1;width:20%;} .zhuan-aboutus-title-wrapper{display:flex;align-items:center;margin-bottom:10px;} .zhuan-aboutus-data-icon{display:inline-block;margin-right:8px;} .zhuan-aboutus-data-icon svg{width:20px;height:20px;fill:var(--ast-global-color-2);} .zhuan-about_us .data-title{color:var(--ast-global-color-0); /* font-weight: 600; */font-size:2em;margin:0;} .zhuan-about_us .data-desc{font-size:1em;color:#555;line-height:1.6;} @media (max-width:1200px) {.zhuan-about_us .data-title{font-size:2em;} .zhuan-about_us .aboutus-row-top .aboutus-flex-item{width:100%;} .zhuan-about_us .aboutus-row-data{margin-top:2em;} } @media (max-width:1023px) {.zhuan-about_us{padding:40px 20px;} .zhuan-about_us .aboutus-row-data .aboutus-flex-item{width:40%;} } @media (max-width:767px) {.zhuan-about_us .brand-desc{font-size:1.125em;} .zhuan-about_us .aboutus-row-top .aboutus-img img{max-width:100%;} .zhuan-about_us .brand-title{font-size:2em;} .zhuan-about_us .aboutus-row-data .aboutus-flex-item{width:100%;} } .zhuan-about-us-swiper{width:100%;height:100%;margin:0 auto;position:relative;} .zhuan-about-us-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;position:relative;height:100%} .zhuan-about-us-swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;display:block} .zhuan-about-us-swiper .swiper-pagination{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10} .zhuan-about-us-swiper .swiper-pagination-bullet{background:#fff;opacity:0.5;margin:0 3px;width:8px;height:8px} .zhuan-about-us-swiper .swiper-pagination-bullet-active{opacity:1;background:var(--ast-global-color-2)} .zhuan-about-us-swiper .swiper-button-next, .zhuan-about-us-swiper .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;background-color:rgba(30,107,178,0.2);border-radius:50%;color:var(--ast-global-color-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease} .zhuan-about-us-swiper .swiper-button-next:hover, .zhuan-about-us-swiper .swiper-button-prev:hover{background-color:rgba(30,107,178,0.5);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15)} .zhuan-about-us-swiper .swiper-button-next{right:20px} .zhuan-about-us-swiper .swiper-button-prev{left:20px} .zhuan-about-us-swiper .swiper-button-next::after, .zhuan-about-us-swiper .swiper-button-prev::after{font-size:20px;font-weight:bold} /*zhuan-about_us*/ /*Team Introduction*/ .zhuan-team_introduction{padding-top: 2em;padding-bottom: 4em;} .zhuan-team_introduction .zhuan-team_introduction-content{border-radius: 0.375rem;display: flex;flex-wrap: wrap;gap: 10px;} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box{position: relative;display: inline-block;flex-grow: 1;} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box img{border-radius: 0.5rem;display: block;max-width: 100%;height: 100%;width: 100%;} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box h3 {position: absolute;bottom: 0;left: 0;width: 100%;color: white;text-align: center;padding-top: 2.5rem;padding-right: 0.9375rem;padding-bottom: 1rem;padding-left: 0.9375rem;margin: 0;background: linear-gradient(to top, rgb(0, 0, 0,0.6) 30%, rgba(0, 0, 0, 0) 100%);border-radius: 0.5rem;} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box:hover h3 {background: linear-gradient(to top, rgb(0, 0, 0,1) 30%, rgba(0, 0, 0, 0) 100%);} @media (min-width: 768px) { .zhuan-team_introduction{max-width: 100%;border-radius: 16px;} .zhuan-team_introduction h2,.zhuan-team_introduction .zhuan-team_introduction-content{} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box{width:48%;} } @media (min-width: 1023px) { .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box{width:24%;} } @media (max-width: 767px) { .zhuan-team_introduction{margin-right: -24px;margin-left: -24px;} .zhuan-team_introduction h2,.zhuan-team_introduction .zhuan-team_introduction-content{margin-right: 24px;margin-left: 24px;} .zhuan-team_introduction .zhuan-team_introduction-content .team_introduction-box{width:100%;margin-right: 0rem !important;} } /*Team Introduction*/ /*zhuan-List-page-display-subdirectories*/ .zhuan-List-page-display-subdirectories ul{padding: 0px; margin-top: 2em !important; margin-right: -10px !important; margin-bottom: 2em !important; margin-left: -10px !important;display:flex;flex-wrap:wrap;justify-content:flex-start;} .zhuan-List-page-display-subdirectories ul li{padding: 0px; margin: 10px;list-style-type: none;width:calc(30% - 20px);flex-basis: 0;white-space: nowrap;text-align: center;} .zhuan-List-page-display-subdirectories ul li a{border: 1px solid var(--ast-global-color-2) !important;border-radius:30px;padding: 6px 12px;display: block; color: #000000 !important;font-size: 14PX !important;} .zhuan-List-page-display-subdirectories ul li a:hover {background-color:var(--ast-global-color-0) !important;color:#fff !important;border: 1px solid var(--ast-global-color-1) !important;} @media (max-width: 1024px) {.zhuan-List-page-display-subdirectories ul li {width: calc(50% - 20px); }} @media (max-width: 768px) { .zhuan-List-page-display-subdirectories ul li { width: calc(100% - 20px); } .zhuan-List-page-display-subdirectories ul{margin-top: 1em !important; margin-right: -10px !important; margin-bottom: 2em !important; margin-left: -10px !important;} } /*zhuan-List-page-display-subdirectories*/ /* zhuan_inner_page_sidebar_ads_shortcode */ .zhuan-inner-page-sidebar-ad-container {position: relative;margin-bottom: 15px;} .zhuan-inner-page-sidebar-ad-container .ad-image-wrapper {position: relative;display: inline-block;overflow: hidden;border-radius: 6px;} .zhuan-inner-page-sidebar-ad-container .ad-image-wrapper img {display: block;max-width: 100%;height: auto;} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay {position: absolute;top: 20px;left: 0;width: 100%;text-align: center;padding: 25px;background-color: rgba(0, 0, 0, 0); color: white; } .zhuan-inner-page-sidebar-ad-container .ad-text-overlay .i_p_s_ad_c-title{font-size: 1.875rem;line-height: 1.2;color: #000; /* font-weight: 600; */} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay .button{/* padding: 15px !important; */} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay h3 {} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay p {margin:20px 0px !important; color:#000;} @media (max-width: 1300px) { .zhuan-inner-page-sidebar-ad-container .ad-text-overlay .i_p_s_ad_c-title{font-size: 1.125rem;} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay .button{padding: 10px !important;font-size: 0.75rem !important;} .zhuan-inner-page-sidebar-ad-container .ad-text-overlay p {margin:10px 0px !important; color:#000;} } @media (max-width: 920px) { .zhuan-inner-page-sidebar-ad-container{display: none;} } /* zhuan_inner_page_sidebar_ads_shortcode */ /*zhuan_wooCommerce_color_variation_style list and detail*/ .variations_form .variations .value select[data-attribute_name="attribute_color"]{display:none !important} .zhuan-wooCommerce-color-wrapper--detail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px} .zhuan-wooCommerce-color-option--detail{width:30px;height:30px;border-radius:50%;border:3px solid #fff;cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block} .zhuan-wooCommerce-color-option--detail:hover{transform:scale(1.1);border-color:var(--ast-global-color-2)} .zhuan-wooCommerce-color-option--detail.selected{border:3px solid var(--ast-global-color-4);box-shadow:0 0 0 2px rgba(51,51,51,0.2)} .zhuan-wooCommerce-color-option--detail.disabled{opacity:0.3;cursor:not-allowed} .zhuan-wooCommerce-color-option--detail.disabled:hover{transform:none;border-color:#fff} .zhuan-wooCommerce-color-wrapper--shop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;justify-content:left;padding-top: 15px;padding-right: 15px;padding-bottom: 15px;padding-left: 15px;} .zhuan-wooCommerce-color-option--shop{width:20px;height:20px;border-radius:50%;border:3px solid var(--ast-global-color-8);cursor:pointer;transition:all 0.3s ease;position:relative;display:inline-block} .zhuan-wooCommerce-color-option--shop:hover{transform:scale(1.2);border-color:var(--ast-global-color-2)} .zhuan-wooCommerce-color-option--shop.selected{border:3px solid var(--ast-global-color-4);box-shadow:0 0 0 1px rgba(51,51,51,0.2)} .selected-color-name{padding-left:15px;font-size:.75rem} /* 共用颜色映射 */ .zhuan-wooCommerce-color-option--detail.red,.zhuan-wooCommerce-color-option--shop.red{background-color:#ff0000} .zhuan-wooCommerce-color-option--detail.blue,.zhuan-wooCommerce-color-option--shop.blue{background-color:#0000ff} .zhuan-wooCommerce-color-option--detail.green,.zhuan-wooCommerce-color-option--shop.green{background-color:#008000} .zhuan-wooCommerce-color-option--detail.yellow,.zhuan-wooCommerce-color-option--shop.yellow{background-color:#ffff00} .zhuan-wooCommerce-color-option--detail.orange,.zhuan-wooCommerce-color-option--shop.orange{background-color:#ffa500} .zhuan-wooCommerce-color-option--detail.purple,.zhuan-wooCommerce-color-option--shop.purple{background-color:#800080} .zhuan-wooCommerce-color-option--detail.pink,.zhuan-wooCommerce-color-option--shop.pink{background-color:#ffc0cb} .zhuan-wooCommerce-color-option--detail.black,.zhuan-wooCommerce-color-option--shop.black{background-color:#000000} .zhuan-wooCommerce-color-option--detail.white,.zhuan-wooCommerce-color-option--shop.white{background-color:#ffffff} .zhuan-wooCommerce-color-option--detail.white{border:2px solid #ccc} .zhuan-wooCommerce-color-option--shop.white{border:1px solid #ccc} .zhuan-wooCommerce-color-option--detail.gray,.zhuan-wooCommerce-color-option--shop.gray{background-color:#808080} .zhuan-wooCommerce-color-option--detail.brown,.zhuan-wooCommerce-color-option--shop.brown{background-color:#a52a2a} .zhuan-wooCommerce-color-option--detail.navy,.zhuan-wooCommerce-color-option--shop.navy{background-color:#000080} .zhuan-wooCommerce-color-option--detail.teal,.zhuan-wooCommerce-color-option--shop.teal{background-color:#008080} .zhuan-wooCommerce-color-option--detail.lime,.zhuan-wooCommerce-color-option--shop.lime{background-color:#00ff00} .zhuan-wooCommerce-color-option--detail.cyan,.zhuan-wooCommerce-color-option--shop.cyan{background-color:#00ffff} .zhuan-wooCommerce-color-option--detail.magenta,.zhuan-wooCommerce-color-option--shop.magenta{background-color:#ff00ff} .zhuan-wooCommerce-color-option--detail.silver,.zhuan-wooCommerce-color-option--shop.silver{background-color:#c0c0c0} .zhuan-wooCommerce-color-option--detail.gold,.zhuan-wooCommerce-color-option--shop.gold{background-color:#ffd700} .zhuan-wooCommerce-color-option--detail.maroon,.zhuan-wooCommerce-color-option--shop.maroon{background-color:#800000} .zhuan-wooCommerce-color-option--detail.olive,.zhuan-wooCommerce-color-option--shop.olive{background-color:#808000} .zhuan-wooCommerce-color-option--detail.aqua,.zhuan-wooCommerce-color-option--shop.aqua{background-color:#00ffff} .zhuan-wooCommerce-color-option--detail.fuchsia,.zhuan-wooCommerce-color-option--shop.fuchsia{background-color:#ff00ff} .zhuan-wooCommerce-color-option--detail.blackr,.zhuan-wooCommerce-color-option--shop.blackr{background-color:#000000} .zhuan-wooCommerce-color-option--detail.beige,.zhuan-wooCommerce-color-option--shop.beige{background-color:#F5F5DC} .zhuan-wooCommerce-color-option--detail.skin,.zhuan-wooCommerce-color-option--shop.skin{background-color:#E8C4A0} /* 新增颜色（按短横线分隔命名） */ .zhuan-wooCommerce-color-option--detail.dark-purple,.zhuan-wooCommerce-color-option--shop.dark-purple{background-color:#4A2C6A} .zhuan-wooCommerce-color-option--detail.military-green,.zhuan-wooCommerce-color-option--shop.military-green{background-color:#4B5320} .zhuan-wooCommerce-color-option--detail.light-purple,.zhuan-wooCommerce-color-option--shop.light-purple{background-color:#C8A2C8} .zhuan-wooCommerce-color-option--detail.skin-color,.zhuan-wooCommerce-color-option--shop.skin-color{background-color:#E8C4A0} /*zhuan_wooCommerce_color_variation_style list and detail*/ /*zhuan_wooCommerce_shop_details_page_services_benefits*/ .zhuan-wooCommerce-services-benefits{display:flex;flex-wrap:wrap;gap:0;margin:2em 0;padding:0px;background-color:#f8f9fa;border-radius:0} .services-benefits-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#fff;border-radius:0;border:1px solid var(--ast-global-color-8);transition:all 0.3s ease;flex:1 1 calc(50% - 15px);min-width:0;text-align:center} .services-benefits-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);color:#fff;} .services-benefits-icon{margin-bottom:0px} .services-benefits-icon svg{width:25px;height:25px;fill:var(--ast-global-color-2);transition:fill 0.3s ease} .services-benefits-item:hover .services-benefits-icon svg{fill: #fff;} .services-benefits-title{line-height: 1.1;font-size:16px;font-weight:400;color:var(--ast-global-color-2);margin:0} .services-benefits-item:hover .services-benefits-title{color: #fff;} @media (min-width:1024px){ .services-benefits-item{flex:1 1 calc(25% - 15px)} .services-benefits-item:nth-child(2){border-left-color:#fff} .services-benefits-item:nth-child(3){border-left-color:#fff} .services-benefits-item:nth-child(4){border-left-color:#fff} .services-benefits-item:nth-child(2):hover{border-left-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(3):hover{border-left-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(4):hover{border-left-color:var(--ast-global-color-0)} } @media (max-width:1023px){ .services-benefits-item{flex:1 1 calc(50% - 15px)} .services-benefits-item:nth-child(2){border-left-color:#fff} .services-benefits-item:nth-child(3){border-left-color:var(--ast-global-color-8);border-top-color:#fff} .services-benefits-item:nth-child(4){border-left-color:#fff;border-top-color:#fff} .services-benefits-item:nth-child(2):hover{border-left-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(3):hover{border-left-color:var(--ast-global-color-0);border-top-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(4):hover{border-left-color:var(--ast-global-color-0);border-top-color:var(--ast-global-color-0)} } @media (max-width:767px){ .services-benefits-item{flex:1 1 100%} .services-benefits-item:nth-child(2){border-top-color:#fff;border-left-color: var(--ast-global-color-8);} .services-benefits-item:nth-child(3){border-top-color:#fff;border-left-color: var(--ast-global-color-8);} .services-benefits-item:nth-child(4){border-top-color:#fff;border-left-color: var(--ast-global-color-8);} .services-benefits-item:nth-child(2):hover{border-top-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(3):hover{border-top-color:var(--ast-global-color-0)} .services-benefits-item:nth-child(4):hover{border-top-color:var(--ast-global-color-0)} } /*zhuan_wooCommerce_shop_details_page_services_benefits*/ /*zhuan_wooCommerce_shop_details_page_contact_us*/ .zhuan_wooCommerce_shop_details_page_contact_us {margin-top: 40px;} .zhuan_wooCommerce_shop_details_page_contact_us .title {color: var(--ast-global-color-2);margin-bottom: 20px;text-align: left;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box {display: flex;flex-wrap: wrap;justify-content: left;gap: 10px;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .button {display: flex;align-items: center;padding: 12px 20px;border: 1px solid var(--ast-global-color-8);border-radius: 0.375rem;background-color: var(--ast-global-color-4);color: var(--ast-global-color-2);text-decoration: none;transition: all 0.3s ease;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .button:hover {background-color: var(--ast-global-color-0);color: #fff;border-color: var(--ast-global-color-0);} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .svg_txt {display: flex;align-items: center;gap: 8px;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .svg_txt svg {width: 20px;height: 20px;fill: currentColor;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .svg_txt span {font-weight: 400;font-size: 16px;} @media (max-width: 768px) { .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box {flex-direction: column;} .zhuan_wooCommerce_shop_details_page_contact_us .contact-us-box .button {min-width: 100%;} } /*zhuan_wooCommerce_shop_details_page_contact_us*/ /*zhuan-product-function-and-material-description*/ .zhuan-product-function-and-material-description{width:auto;margin-left:-80px;margin-right:-80px;padding:0;position:relative;overflow:hidden;background:linear-gradient(360deg, #efefef 30%, #ffffff 100%);padding-bottom:7em;padding-top:0em;padding-left:80px;padding-right:80px} .zhuan-product-function-and-material-description .top-section{position:relative;width:100%;height:600px;display:flex;align-items:center;margin-bottom:0px} .zhuan-product-function-and-material-description .background-image{position:absolute;top:0;right:0;width:auto;height:100%;object-fit:cover;z-index:1} .zhuan-product-function-and-material-description .left-content{position:relative;z-index:2;width:40%;border-radius:12px} .zhuan-product-function-and-material-description .main-title{font-size:2.5rem;font-weight:400;color:var(--ast-global-color-2);margin:0 0 20px 0;line-height:1.2} .zhuan-product-function-and-material-description .main-description{color:var(--ast-global-color-2);margin:0;line-height:1.6;opacity:0.8} .zhuan-product-function-and-material-description .bottom-section{width:100%;position:relative} .zhuan-product-function-and-material-description .bottom-container{position:relative;z-index:2;width:100%;padding:0px 0px} .zhuan-product-function-and-material-description .flex-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto} .zhuan-product-function-and-material-description .box{background-color:#fff;border-radius:8px;padding:30px 20px;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:flex-start;text-align:left;} .zhuan-product-function-and-material-description .box:hover{transform:translateY(-5px);background-color: var(--ast-global-color-2);} .zhuan-product-function-and-material-description .box-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;gap:15px} .zhuan-product-function-and-material-description .box-icon{width:45px;height:45px;border-radius:100%;background-color:var(--ast-global-color-5);padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .zhuan-product-function-and-material-description .box-icon img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0} .zhuan-product-function-and-material-description .box:hover .box-icon img{filter: brightness(0) invert(1);} .zhuan-product-function-and-material-description .box:hover .box-icon{background-color: var(--ast-global-color-0);color:var(--ast-global-color-2);} .zhuan-product-function-and-material-description .box-title{padding: 0;font-size:1rem;font-weight:400;color:var(--ast-global-color-2);margin:0;text-align:left;line-height:1.4;width:100%} .zhuan-product-function-and-material-description .box:hover .box-title{color:var(--ast-global-color-4);} @media (max-width:1500px){ .zhuan-product-function-and-material-description .left-content{width:35%} } @media (max-width:1400px){ .zhuan-product-function-and-material-description{padding-bottom:4em;padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px} .zhuan-product-function-and-material-description .top-section{height:500px} .zhuan-product-function-and-material-description .background-image{width:auto;} } @media (max-width:1200px){ .zhuan-product-function-and-material-description .top-section{height:auto;flex-direction:column;align-items:flex-start;margin-bottom:30px} .zhuan-product-function-and-material-description .background-image{position:relative;width:100%;height:100%;order:2} .zhuan-product-function-and-material-description .left-content{width:100%;margin:0 0 20px 0;order:1} .zhuan-product-function-and-material-description .flex-container{grid-template-columns:repeat(3,1fr)} } @media (max-width:1024px){ .zhuan-product-function-and-material-description .flex-container{gap:15px;grid-template-columns:repeat(3,1fr)} } @media (max-width:768px){ .zhuan-product-function-and-material-description .main-title{font-size:2rem} .zhuan-product-function-and-material-description .bottom-section{margin-top:0} .zhuan-product-function-and-material-description .flex-container{gap:15px;grid-template-columns:repeat(2,1fr)} .zhuan-product-function-and-material-description .box{padding:25px 15px} .zhuan-product-function-and-material-description .box-icon{width:40px;height:40px} .zhuan-product-function-and-material-description .box-title{font-size:1rem} } @media (max-width:480px){ .zhuan-product-function-and-material-description .top-section{height:auto;margin-bottom:0px} .zhuan-product-function-and-material-description .background-image{height:100%} .zhuan-product-function-and-material-description .main-title{font-size:1.8rem} .zhuan-product-function-and-material-description .flex-container{gap:12px;grid-template-columns:1fr} .zhuan-product-function-and-material-description .box{padding:20px 15px} .zhuan-product-function-and-material-description .box-icon{width:40px;height:40px} .zhuan-product-function-and-material-description .box-title{font-size:0.95rem} } /*zhuan-product-function-and-material-description*/ /* zhuan-detail-images */ .zhuan-detail-images-section{padding-bottom: 6em;padding-top: 1em;} /* 10-31 产品页空白收紧：“Product Detail Images”标题上下各留一半 */ .single-product .zhuan-detail-images-section .zhuan-title{padding-top: 1.5em !important;padding-bottom: 1.5em;} .single-product .zhuan-detail-images-section{padding-bottom: 3em;} .zhuan-detail-images-grid{column-count:3;column-gap:20px} .zhuan-detail-image-item{position:relative;border-radius:0px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;break-inside:avoid;margin-bottom:0px;} .zhuan-detail-image-item:hover{transform:translateY(-2px)} .zhuan-detail-image-wrapper{position:relative;width:100%;height:auto;background:#f5f5f5;border-radius:0px;overflow:hidden;cursor:pointer;} .zhuan-detail-image{width:100%;height:auto;display:block;transition:transform 0.3s ease;cursor:pointer} .zhuan-detail-image-item:hover .zhuan-detail-image{transform:scale(1.05)} .zhuan-detail-image-error{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8f9fa;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c757d;border-radius:8px} .zhuan-detail-image-error-icon{width:40px;height:40px;background:rgba(108,117,125,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px} .zhuan-detail-image-error-icon svg{width:20px;height:20px;fill:#6c757d} .zhuan-detail-image-error-text{font-size:12px;text-align:center;line-height:1.4} @media (max-width:1300px){.zhuan-detail-images-grid{column-count:2;column-gap:20px}} @media (max-width:1000px){.zhuan-detail-images-grid{column-count:2;column-gap:20px}} @media (max-width:768px){.zhuan-detail-images-grid{column-count:1;column-gap:0px}.zhuan-detail-images-section{padding-bottom: 3em;padding-top: 2em;}.zhuan-detail-image-item{margin-bottom:0px}} @media (max-width:480px){.zhuan-detail-images-grid{column-gap:0px}.zhuan-detail-image-item{border-radius:0px;margin-bottom:0px}.zhuan-detail-image-wrapper{border-radius:0px;}} /* Image hover tooltip effect */ .zhuan-detail-image-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1) !important} /* zhuan-detail-images */ /*zhuan-image-gallery*/ .zhuan-image-gallery{max-height:80vh;overflow-y:auto;padding:10px 0} .zhuan-image-gallery img{margin:0 auto;padding:0;display:block;max-width:100%;height:auto} .zhuan-gallery-image-item{margin-bottom:0px} /* SweetAlert2 Close button style */ .swal2-close{background:var(--ast-global-color-0);border:none !important;box-shadow:none !important;color:#fff !important;font-size:24px !important;font-weight:bold !important;width:30px !important;height:30px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;transition:all 0.3s ease !important;position:absolute !important;top:10px !important;right:10px !important;z-index:1000 !important} .swal2-close:hover{background-color:rgba(220,53,69,0.1) !important;color:#dc3545 !important} .swal2-close:focus{outline:none !important;box-shadow:none !important} /*zhuan-image-gallery*/ /*zhuan-fold-faq*/ .zhuan-fold-faq{max-width:100%;padding-bottom:0em;} .zhuan-fold-faq-item{border:1px solid var( --ast-global-color-8 );background:#fff;margin-bottom:10px;border-radius:6px;overflow:hidden;} .zhuan-fold-faq-title{display:flex;align-items:center;cursor:pointer;padding:18px 16px;font-size:1.1em;user-select:none;transition:background 0.2s;fill:var( --ast-global-color-1 );} .zhuan-fold-faq-title:hover{background:var( --ast-global-color-7 );} .zhuan-fold-faq-item.active .zhuan-fold-faq-title {background: var(--ast-global-color-7);transition: background 0.2s;} .zhuan-fold-faq-icon-question{margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;} .zhuan-fold-faq-title-text{flex:1;font-weight: 400;color: var(--ast-global-color-2) !important;} .zhuan-fold-faq-toggle{font-size:1.5em;width:28px;height:28px;text-align:center;transition:transform 0.3s;background-color:var( --ast-global-color-2 );color:var( --ast-global-color-4 );border-radius:50%;line-height:0.8em;} .zhuan-fold-faq-item.active .zhuan-fold-faq-toggle{transform:rotate(180deg);} .zhuan-fold-faq-content{display:flex;align-items:flex-start;padding:0 16px;font-size:1em;color: var(--ast-global-color-3) !important;overflow:hidden;height:auto;opacity:1;transition:max-height 0.4s cubic-bezier(.4,0,.2,1),padding 0.3s;} .zhuan-fold-faq-item.active .zhuan-fold-faq-content{padding:16px 16px 20px 16px;opacity:1;} .zhuan-fold-faq-icon-check{margin-right:10px;flex-shrink:0;margin-top:2px;fill:var(--ast-global-color-0);} .zhuan-fold-faq-content-text{flex:1;} /*zhuan-fold-faq*/ /* 以下是 yinshidon 改版板块（10-22 从插件 zhuan-ys-blocks 搬来）：公共一段 + 每个板块一段，和 functions.php 里同名一一对应 */ /*zhuan_ys_common*/ .zhuan-ys.zhuan-ys{--navy:#0B1B33; --navy-2:#132A4D; --red:#D9261C; --red-d:#B71D14; --blue:#1E5BD7; --bg:#F4F6FA; --card:#FFFFFF; --line:#E3E8F0; --text:#0E1726; --muted:#5A687D; --ok:#14804A; --radius:14px; --shadow:0 10px 30px rgba(11,27,51,.08);} .zhuan-ys.zhuan-ys *{box-sizing:border-box;margin:0;padding:0} .zhuan-ys.zhuan-ys{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC",sans-serif;color:var(--text);background:#fff;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased} .zhuan-ys.zhuan-ys img{display:block;max-width:100%} .zhuan-ys.zhuan-ys a{color:inherit;text-decoration:none} .zhuan-ys.zhuan-ys h1,.zhuan-ys.zhuan-ys h2,.zhuan-ys.zhuan-ys h3,.zhuan-ys.zhuan-ys h4{font-family:Manrope,Inter,system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em} .zhuan-ys.zhuan-ys .wrap{max-width:1710px;margin:0 auto;padding:0 20px} .zhuan-ys.zhuan-ys .muted{color:var(--muted)} .zhuan-ys.zhuan-ys .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:.15s} .zhuan-ys.zhuan-ys .btn-red{background:var(--red);color:#fff} .zhuan-ys.zhuan-ys .btn-red:hover{background:var(--red-d)} .zhuan-ys.zhuan-ys .btn-ghost{border-color:rgba(255,255,255,.7);color:#fff} .zhuan-ys.zhuan-ys .btn-ghost:hover{background:rgba(255,255,255,.12)} .zhuan-ys.zhuan-ys .btn-line{border-color:var(--navy);color:var(--navy)} .zhuan-ys.zhuan-ys .btn-line:hover{background:var(--navy);color:#fff} .zhuan-ys.zhuan-ys .btn-dark{background:var(--navy);color:#fff} .zhuan-ys.zhuan-ys .btn-wa{background:#1FAF55;color:#fff} .zhuan-ys.zhuan-ys .btn-sm{padding:9px 14px;font-size:14px;border-radius:8px} .zhuan-ys.zhuan-ys .btn svg{width:20px;height:20px;flex-shrink:0} .zhuan-ys.zhuan-ys .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)} .zhuan-ys.zhuan-ys section.sec{padding:84px 0} .zhuan-ys.zhuan-ys section.alt{background:var(--bg)} .zhuan-ys.zhuan-ys section.dark{background:var(--navy);color:#fff} .zhuan-ys.zhuan-ys .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px} .zhuan-ys.zhuan-ys .sec-head h2{font-size:36px;font-weight:800;margin-top:8px} .zhuan-ys.zhuan-ys .sec-head p{color:var(--muted);max-width:620px;margin-top:10px;font-size:17px} .zhuan-ys.zhuan-ys .dark .sec-head p{color:#B8C4D8} .zhuan-ys.zhuan-ys .link-more{font-weight:700;color:var(--red);white-space:nowrap} .zhuan-ys.zhuan-ys .link-more:after{content:" →"} .zhuan-ys.zhuan-ys .btn{cursor:pointer} .zhuan-ys.zhuan-ys{width:100%;display:block;font-size:16px;line-height:1.55} .zhuan-ys.zhuan-ys a:hover{text-decoration:none} .zhuan-ys.zhuan-ys img{height:auto} .zhuan-ys.zhuan-ys h1,.zhuan-ys.zhuan-ys h2,.zhuan-ys.zhuan-ys h3,.zhuan-ys.zhuan-ys h4{color:var(--navy);font-family:Manrope,Inter,system-ui,sans-serif} .zhuan-ys.zhuan-ys .dark h2,.zhuan-ys.zhuan-ys .dark h4{color:#fff} .zhuan-ys.zhuan-ys table{table-layout:auto !important;word-break:normal !important;word-wrap:normal !important} [dir=rtl] .zhuan-ys.zhuan-ys .link-more:after{content:" \2190"} @media (max-width:860px){.zhuan-ys.zhuan-ys{font-size:15px}.zhuan-ys.zhuan-ys .wrap{padding:0 20px}.zhuan-ys.zhuan-ys .sec-head{flex-direction:column;align-items:flex-start}.zhuan-ys.zhuan-ys .sec-head h2{font-size:28px}.zhuan-ys.zhuan-ys section.sec{padding:60px 0}} /*zhuan_ys_common*/ /*zhuan_ys_two_ways*/ .zhuan-ys.zhuan-ys .two{display:grid;grid-template-columns:1fr 1fr;gap:24px} .zhuan-ys.zhuan-ys .way{border-radius:18px;padding:34px;position:relative;overflow:hidden;border:1px solid var(--line);background:#fff} .zhuan-ys.zhuan-ys .way.dk{background:var(--navy);color:#fff;border:0} .zhuan-ys.zhuan-ys .way h3{font-size:26px;margin:10px 0 10px} .zhuan-ys.zhuan-ys .way ul{list-style:none;margin:16px 0 24px;display:grid;gap:9px} .zhuan-ys.zhuan-ys .way li{padding-inline-start:26px;position:relative} .zhuan-ys.zhuan-ys .way li:before{content:"";position:absolute;inset-inline-start:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--red);box-shadow:inset 0 0 0 4px #fff} .zhuan-ys.zhuan-ys .way.dk li:before{box-shadow:inset 0 0 0 4px var(--navy)} .zhuan-ys.zhuan-ys .way .moq{display:flex;gap:26px;padding:16px 0;border-top:1px solid rgba(127,140,160,.25);margin-top:6px} .zhuan-ys.zhuan-ys .way .moq b{display:block;font:800 22px Manrope,Inter,sans-serif} .zhuan-ys.zhuan-ys .way .moq span{font-size:13px;opacity:.75} .zhuan-ys.zhuan-ys .way.dk h3{color:#fff} @media (max-width:860px){.zhuan-ys.zhuan-ys .two{grid-template-columns:1fr}} @media (max-width:600px){.zhuan-ys.zhuan-ys .two{grid-template-columns:minmax(0,1fr)}.zhuan-ys.zhuan-ys .two>*{min-width:0}} .zhuan-ys.zhuan-ys .way.dk .eyebrow{color:#FF8C84} .zhuan-ys.zhuan-ys .way.dk p{color:#B8C4D8} /*zhuan_ys_two_ways*/ /*zhuan_ys_test_reports*/ .zhuan-ys.zhuan-ys .ys-rep-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px} .zhuan-ys.zhuan-ys .ys-rep-sum>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px} .zhuan-ys.zhuan-ys .ys-rep-sum b{display:block;font:800 26px/1.2 Manrope,Inter,system-ui,sans-serif;color:var(--navy)} .zhuan-ys.zhuan-ys .ys-rep-sum span{display:block;color:var(--muted);font-size:14px;margin-top:4px} .zhuan-ys.zhuan-ys .ys-rep-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .zhuan-ys.zhuan-ys .ys-rep-item{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;min-width:0} .zhuan-ys.zhuan-ys .ys-rep-item b{font:800 16px Manrope,Inter,system-ui,sans-serif;color:var(--navy)} .zhuan-ys.zhuan-ys .ys-rep-item span{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere} .zhuan-ys.zhuan-ys .ys-rep-item small{font-size:12px;color:var(--muted)} .zhuan-ys.zhuan-ys a.ys-rep-item:hover{border-color:var(--red)} .zhuan-ys.zhuan-ys a.ys-rep-item b:after{content:" \2192";color:var(--red);font-weight:700} [dir=rtl] .zhuan-ys.zhuan-ys a.ys-rep-item b:after{content:" \2190"} .zhuan-ys.zhuan-ys .ys-rep-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px} .zhuan-ys.zhuan-ys .ys-rep-foot p{max-width:820px;font-size:15px} @media (max-width:1100px){.zhuan-ys.zhuan-ys .ys-rep-grid{grid-template-columns:repeat(4,1fr)}} @media (max-width:860px){.zhuan-ys.zhuan-ys .ys-rep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zhuan-ys.zhuan-ys .ys-rep-sum{grid-template-columns:1fr;gap:8px}.zhuan-ys.zhuan-ys .ys-rep-sum>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:12px 16px}.zhuan-ys.zhuan-ys .ys-rep-sum b{font-size:20px}.zhuan-ys.zhuan-ys .ys-rep-sum span{margin-top:0}.zhuan-ys.zhuan-ys .ys-rep-foot{flex-direction:column;align-items:flex-start}} /*zhuan_ys_test_reports*/ /*zhuan_ys_ship_steps*/ .zhuan-ys.zhuan-ys .ys-ship{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s} .zhuan-ys.zhuan-ys .ys-ship li{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0} .zhuan-ys.zhuan-ys .ys-ship li:before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--red);color:#fff;font:800 13px Manrope,Inter,system-ui,sans-serif;border-radius:6px;padding:2px 7px} .zhuan-ys.zhuan-ys .ys-ship-img{aspect-ratio:4/3;background:var(--navy)} .zhuan-ys.zhuan-ys .ys-ship-img img{width:100%;height:100%;object-fit:cover} .zhuan-ys.zhuan-ys .ys-ship-txt{padding:14px 16px 18px} .zhuan-ys.zhuan-ys .ys-ship-txt b{display:block;font:800 17px Manrope,Inter,system-ui,sans-serif;color:var(--navy);margin-bottom:6px} .zhuan-ys.zhuan-ys .ys-ship-txt p{font-size:14px;color:var(--muted)} .zhuan-ys.zhuan-ys .ys-ship li.no-img{background:var(--navy);border:0;justify-content:flex-end;min-height:220px} .zhuan-ys.zhuan-ys .ys-ship li.no-img .ys-ship-txt{padding:48px 18px 20px} .zhuan-ys.zhuan-ys .ys-ship li.no-img b{color:#fff} .zhuan-ys.zhuan-ys .ys-ship li.no-img p{color:#B8C4D8} @media (max-width:1100px){.zhuan-ys.zhuan-ys .ys-ship{grid-template-columns:repeat(3,1fr)}} @media (max-width:600px){.zhuan-ys.zhuan-ys .ys-ship{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zhuan-ys.zhuan-ys .ys-ship-txt{padding:10px 12px 14px}.zhuan-ys.zhuan-ys .ys-ship-txt b{font-size:15px}.zhuan-ys.zhuan-ys .ys-ship-txt p{font-size:13px}.zhuan-ys.zhuan-ys .ys-ship li.no-img{min-height:0}} /*zhuan_ys_ship_steps*/ /*zhuan_ys_product_media*/ .zys-pm-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .zys-pm-row{order:5;display:flex;align-items:flex-start;gap:15px;width:100%} .zys-pm-row > .ast-single-product-thumbnails{flex:1 1 auto;min-width:0} .zys-pm-tile{position:relative;display:block;flex:0 0 var(--zys-pm-t,80px);width:var(--zys-pm-t,80px);aspect-ratio:1;overflow:hidden;background:#0B1B33;cursor:pointer;text-decoration:none;transition:none} .zys-pm-tile img{display:block;width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .15s} .zys-pm-tile:hover img,.zys-pm-tile:focus-visible img{opacity:1} .zys-pm-tile.is-float{position:absolute;bottom:14px;inset-inline-start:14px;z-index:5;width:76px;border-radius:10px;box-shadow:0 6px 18px rgba(11,27,51,.28)} .zys-pm-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.25);pointer-events:none} .zys-pm-play:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #D9261C} .zys-pm-tag{position:absolute;inset-inline:0;bottom:0;padding:14px 4px 5px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff;font-size:12px;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .zys-pm-all{order:6;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 16px;border:1px solid #CBD5E1;border-radius:999px;background:#fff;color:#0B1B33;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;transition:border-color .15s,background .15s} .zys-pm-all:hover,.zys-pm-all:focus-visible{border-color:#0B1B33;background:#F4F6FA;color:#0B1B33} .zys-pm-all svg{width:18px;height:18px;fill:#0B1B33;flex-shrink:0} .zys-pm-n{color:#5A687D;font-weight:500} html.zys-pm-lock,html.zys-pm-lock body{overflow:hidden} .zys-pm-box{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,12,24,.86)} .zys-pm-box[hidden],.zys-pm-box [hidden]{display:none !important} .zys-pm-panel{display:flex;flex-direction:column;width:min(1180px,100%);height:min(840px,100%);overflow:hidden;border-radius:14px;background:#fff;color:#0E1726;font-size:15px;line-height:1.45} .zys-pm-top{display:flex;align-items:center;gap:14px;padding:10px 12px;padding-inline-start:20px;border-bottom:1px solid #E3E8F0} .zys-pm-h{flex:1 1 auto;min-width:0;margin:0;color:#0B1B33;font-size:16px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .zys-pm-tabs{display:flex;gap:4px;flex-shrink:0} .zys-pm-tab{padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#5A687D;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;box-shadow:none} .zys-pm-tab span{opacity:.7;font-weight:500} .zys-pm-box .zys-pm-tab:hover,.zys-pm-box .zys-pm-tab:focus{background:#F4F6FA;color:#0B1B33} .zys-pm-box .zys-pm-tab[aria-selected="true"],.zys-pm-box .zys-pm-tab[aria-selected="true"]:hover,.zys-pm-box .zys-pm-tab[aria-selected="true"]:focus{background:#0B1B33;color:#fff} .zys-pm-x{flex-shrink:0;box-shadow:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#F4F6FA;color:#0B1B33;font-size:26px;line-height:40px;text-align:center;cursor:pointer} .zys-pm-box .zys-pm-x:hover,.zys-pm-box .zys-pm-x:focus{background:#E3E8F0;color:#0B1B33} .zys-pm-main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px} .zys-pm-main.is-long{grid-template-columns:minmax(0,1fr)} .zys-pm-main.is-long .zys-pm-stage{display:none} .zys-pm-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#F4F6FA;touch-action:pan-y} .zys-pm-img,.zys-pm-vid{display:block;width:100%;height:100%;object-fit:contain} .zys-pm-vid{background:#000} .zys-pm-big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 0 10px rgba(255,255,255,.25);cursor:pointer} .zys-pm-big:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #D9261C} .zys-pm-prev,.zys-pm-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(11,27,51,.18);cursor:pointer;display:flex;align-items:center;justify-content:center} .zys-pm-box .zys-pm-prev:hover,.zys-pm-box .zys-pm-prev:focus,.zys-pm-box .zys-pm-next:hover,.zys-pm-box .zys-pm-next:focus,.zys-pm-box .zys-pm-big:hover,.zys-pm-box .zys-pm-big:focus{background:#fff} .zys-pm-box button:focus-visible,.zys-pm-all:focus-visible,.zys-pm-tile:focus-visible{outline:2px solid #1E5BD7;outline-offset:2px} .zys-pm-prev{inset-inline-start:14px} .zys-pm-next{inset-inline-end:14px} .zys-pm-prev svg,.zys-pm-next svg{width:22px;height:22px;fill:none;stroke:#0B1B33;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} [dir="rtl"] .zys-pm-prev svg,[dir="rtl"] .zys-pm-next svg{transform:scaleX(-1)} .zys-pm-cap{position:absolute;inset-inline:0;top:0;padding:12px 64px 24px;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));color:#fff;font-size:14px;font-weight:600;text-align:center;pointer-events:none} .zys-pm-cap:empty{display:none} .zys-pm-vid::cue{font-size:clamp(15px,2.6vh,22px);line-height:1.35} /* 翻译字幕（10-24）：查看器里的视频框比竖屏画面宽得多，浏览器默认按框高算字，字太大还跑到黑边上 */ .zys-pm-count{position:absolute;bottom:12px;inset-inline-end:14px;padding:3px 10px;border-radius:999px;background:rgba(11,27,51,.65);color:#fff;font-size:13px;font-weight:600;direction:ltr;unicode-bidi:isolate} .zys-pm-count:empty{display:none} .zys-pm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;padding:12px;overflow-y:auto;border-inline-start:1px solid #E3E8F0} .zys-pm-list.is-video{grid-template-columns:repeat(2,minmax(0,1fr))} .zys-pm-it{display:block;width:100%;padding:0;box-shadow:none;border:2px solid transparent;border-radius:8px;background:#F4F6FA;overflow:hidden;cursor:pointer;text-align:start;color:#0E1726} .zys-pm-box .zys-pm-it:hover,.zys-pm-box .zys-pm-it:focus{border-color:#CBD5E1;background:#F4F6FA;color:#0E1726} .zys-pm-box .zys-pm-it.is-on,.zys-pm-box .zys-pm-it.is-on:hover,.zys-pm-box .zys-pm-it.is-on:focus{border-color:#D9261C} .zys-pm-it > img{display:block;width:100%;aspect-ratio:1;object-fit:cover} .zys-pm-thumb{position:relative;display:block;aspect-ratio:3/4;background:#0B1B33} .zys-pm-thumb img{display:block;width:100%;height:100%;object-fit:cover} .zys-pm-len{position:absolute;bottom:6px;inset-inline-end:6px;padding:1px 6px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;line-height:1.4} .zys-pm-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 8px 8px;font-size:13px;font-weight:600;line-height:1.35} .zys-pm-long{overflow-y:auto;padding:16px;background:#F4F6FA} .zys-pm-long img{display:block;width:100%;max-width:790px;height:auto;margin:0 auto} @media (max-width:760px){.zys-pm-box{padding:0}.zys-pm-panel{width:100%;height:100%;border-radius:0}.zys-pm-top{gap:8px;padding:8px 10px}.zys-pm-h{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zys-pm-tabs{flex:1 1 auto;min-width:0;overflow-x:auto}.zys-pm-tab{padding:8px 12px}.zys-pm-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.zys-pm-list,.zys-pm-list.is-video{display:flex;gap:8px;padding:10px;overflow-x:auto;overflow-y:hidden;border-inline-start:0;border-top:1px solid #E3E8F0}.zys-pm-it{flex:0 0 64px;width:64px}.zys-pm-thumb{aspect-ratio:1}.zys-pm-list .zys-pm-title,.zys-pm-list .zys-pm-len{display:none}.zys-pm-list .zys-pm-play{width:24px;height:24px}.zys-pm-list .zys-pm-play:after{border-width:5px 0 5px 8px}.zys-pm-prev,.zys-pm-next{width:38px;height:38px}.zys-pm-prev{inset-inline-start:8px}.zys-pm-next{inset-inline-end:8px}.zys-pm-cap{padding:22px 54px 10px;font-size:13px}.zys-pm-long{padding:0}.zys-pm-all{margin-top:12px}} /*zhuan_ys_product_media*/ /*zhuan_ys_card*/ .woocommerce ul.products li.product{background:#fff;border:1px solid #E3E8F0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0;transition:box-shadow .2s} .woocommerce ul.products li.product:hover{box-shadow:0 10px 30px rgba(11,27,51,.08)} .woocommerce ul.products li.product .astra-shop-thumbnail-wrap{position:relative;border-bottom:1px solid #E3E8F0} ul.products li.product .zys-card-stock{position:absolute;top:10px;inset-inline-start:10px;z-index:6;font-size:11px;font-weight:700;line-height:1.4;border-radius:6px;padding:3px 8px;background:#E8F6EE;color:#14804A} ul.products li.product .zys-card-stock.zys-card-new{background:#D9261C;color:#fff} .woocommerce ul.products li.product .astra-shop-summary-wrap{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:1;padding:14px 16px 16px;text-align:start} ul.products li.product .zys-card-model{font-size:12px;font-weight:700;line-height:1.3;color:#1E5BD7;letter-spacing:.04em} .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;font-weight:700;color:#0E1726;margin-bottom:0!important} .woocommerce ul.products li.product .price{margin-bottom:0;font-size:14px} .woocommerce ul.products li.product .price .zys-from{display:inline-block;direction:ltr;unicode-bidi:isolate} ul.products li.product .zys-card-meta{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;line-height:1.5;color:#5A687D;margin-top:auto;padding-top:8px;border-top:1px dashed #E3E8F0} ul.products li.product .zys-card-act{display:flex;gap:8px;margin-top:10px} .woocommerce ul.products li.product .zys-card-act .button{flex:1 1 0;min-width:0;position:static;opacity:1;visibility:visible;transform:none;margin:0;padding:9px 8px;font-size:13px;font-weight:700;line-height:1.3;border-radius:8px;text-align:center;white-space:normal} .woocommerce ul.products li.product .zys-card-act .button:not(.zys-card-quote){background:#fff;color:#0B1B33;border:2px solid #0B1B33} .woocommerce ul.products li.product .zys-card-act .button:not(.zys-card-quote):hover{background:#0B1B33;color:#fff} .woocommerce ul.products li.product .zys-card-act .zys-card-quote{background:#D9261C;color:#fff;border:2px solid #D9261C} .woocommerce ul.products li.product .zys-card-act .zys-card-quote:hover{background:#B71D14;border-color:#B71D14} /* 首页的段落外壳（.zhuan-ys）里有通用的清零和演示占位图样式 .ph，这几条把卡片里的颜色小图拉回商店页的样子 */ .zhuan-ys.zhuan-ys ul.products .zys-cc{padding:10px 16px 0} .zhuan-ys.zhuan-ys ul.products .zys-cc-i,.zhuan-ys.zhuan-ys ul.products .zys-cc-i.ph{display:block;width:36px;height:36px;min-height:0;padding:2px;border:1px solid #DCE1EA;border-radius:8px;background:#fff} .zhuan-ys.zhuan-ys ul.products .zys-cc-i:hover,.zhuan-ys.zhuan-ys ul.products .zys-cc-i.on{border:2px solid #1B2A44;padding:1px} .zhuan-ys.zhuan-ys ul.products .zys-cc-i.cl{background:var(--c)} /*zhuan_ys_card*/ /*zhuan_ys_related*/ .woocommerce .zys-rel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 36px;font-size:16px;line-height:1.55} .woocommerce .zys-rel-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#D9261C} .woocommerce .zys-rel-head h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:36px;font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:8px 0 0;color:#0E1726} .woocommerce .zys-rel-more{font-size:16px;font-weight:700;color:#D9261C;white-space:nowrap;text-decoration:none} .woocommerce .zys-rel-more:after{content:" \2192"} [dir=rtl] .woocommerce .zys-rel-more:after{content:" \2190"} @media (max-width:860px){.woocommerce .zys-rel-head{flex-direction:column;align-items:flex-start;gap:12px}.woocommerce .zys-rel-head h2{font-size:28px}} /*zhuan_ys_related*/ /*zhuan_ys_section*/ .zhuan-ys.zhuan-ys .zys-faq .zhuan-title,.zhuan-ys.zhuan-ys .zys-guides .zhuan-title{display:none} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-item{margin:0;border:1px solid var(--line);border-radius:12px;background:#fff} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-title,.zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-item.active .zhuan-fold-faq-title{gap:10px;padding:16px 20px;font-size:16px;background:#fff} .zhuan-ys.zhuan-ys .zys-faq :is(.zhuan-fold-faq-icon-question,.zhuan-fold-faq-icon-check){display:none} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-title-text{font-weight:700;color:var(--text)!important} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-toggle,.zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-item.active .zhuan-fold-faq-toggle{width:auto;height:auto;background:none;color:var(--red);font-size:22px;font-weight:700;line-height:1;transform:none} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-content{padding:0 20px;font-size:15px;color:var(--muted)!important} .zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq-item.active .zhuan-fold-faq-content{padding:0 20px 16px} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-card{padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg)} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-img img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-meta{margin:16px 16px 6px;width:auto;font-size:13px} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-meta>span:not(.zhuan-blog-flexbox-date){display:none} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-date{margin:0;color:var(--muted)} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-title{margin:0 16px 18px;font-size:17px;font-weight:700;line-height:1.3} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-title a{color:var(--navy)} .zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-readmore{display:none} .zhuan-ys.zhuan-ys :is(.zys-picks,.zys-new) ul.products{margin:0} @media (max-width:1100px){.zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:860px){.zhuan-ys.zhuan-ys .zys-faq .zhuan-fold-faq{grid-template-columns:minmax(0,1fr)}} @media (max-width:600px){.zhuan-ys.zhuan-ys .zys-guides .zhuan-blog-flexbox-list{grid-template-columns:minmax(0,1fr)}} /*zhuan_ys_section*/ /*zhuan_ys_product_specs*/ .zhuan-ys.zhuan-ys .zys-specs .two{align-items:start} .zhuan-ys.zhuan-ys .zys-specs h2{font-size:28px;margin-bottom:18px} .zhuan-ys.zhuan-ys .zys-specs .shop_attributes{width:100%;margin:0;border:0;border-collapse:collapse;font-size:15px} .zhuan-ys.zhuan-ys .zys-specs .shop_attributes th,.zhuan-ys.zhuan-ys .zys-specs .shop_attributes td{padding:11px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;font-style:normal;text-align:start;vertical-align:top;line-height:1.55} .zhuan-ys.zhuan-ys .zys-specs .shop_attributes th{width:42%;font-weight:400;color:var(--muted)} .zhuan-ys.zhuan-ys .zys-specs .shop_attributes tr:nth-child(odd) :is(th,td){background:#FAFBFD} .zhuan-ys.zhuan-ys .zys-specs .shop_attributes td p{margin:0;padding:0} .zhuan-ys.zhuan-ys .zys-specs-video{display:block;min-height:220px;margin-top:22px} .zhuan-ys.zhuan-ys .zys-specs-video .play{width:64px;height:64px} /* 10-31 产品页空白收紧：参数段上下少留空；宽屏左右边距和主图、描述对齐（Astra 产品区宽屏两边 80px） */ .zhuan-ys.zhuan-ys section.sec.zys-specs{padding-top:36px;padding-bottom:40px} @media (min-width:1401px){.zhuan-ys.zhuan-ys section.zys-specs .wrap{padding-left:80px;padding-right:80px}} /*zhuan_ys_product_specs*/ /*zhuan_ys_new_arrivals_feed*/ /* 新品动态页（10-28 从插件搬来）：电脑两栏（动态 + 右边订阅），手机一栏；Photos｜Videos 切换、视频竖卡片；点图的大图弹窗和放大镜（脚本 js/zhuan-ys-feed.js） */ .zhuan-ys.zhuan-ys section.sec.zys-feed{padding-top:40px} .zhuan-ys.zhuan-ys .feed-layout{display:grid;grid-template-columns:250px 1fr 300px;gap:28px;align-items:start} .zhuan-ys.zhuan-ys .side{position:sticky;top:96px;display:grid;gap:16px} .zhuan-ys.zhuan-ys .day{display:flex;align-items:center;gap:12px;margin:6px 0 14px;font-weight:800;font-family:Manrope,Inter,sans-serif;color:var(--navy)} .zhuan-ys.zhuan-ys .day:after{content:"";flex:1;height:1px;background:var(--line)} .zhuan-ys.zhuan-ys .day span{font-family:Inter,system-ui;font-weight:600;font-size:13px;color:var(--muted)} .zhuan-ys.zhuan-ys .mpost{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:18px} .zhuan-ys.zhuan-ys .mpost .who-row{display:flex;align-items:center;gap:12px} .zhuan-ys.zhuan-ys .av{width:44px;height:44px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center} .zhuan-ys.zhuan-ys .av svg{width:24px;height:27px} .zhuan-ys.zhuan-ys .who-row b{font-size:15px} .zhuan-ys.zhuan-ys .who-row small{display:block;color:var(--muted);font-size:12px} .zhuan-ys.zhuan-ys .who-row .code{margin-inline-start:auto;font:700 13px Manrope,Inter,system-ui,sans-serif;color:var(--blue);background:#EEF3FF;border-radius:8px;padding:5px 10px} .zhuan-ys.zhuan-ys .mpost .txt{margin:14px 0 12px;font-size:15.5px} .zhuan-ys.zhuan-ys .mpost .txt strong{font-size:17px} .zhuan-ys.zhuan-ys .mpost .ft{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} .zhuan-ys.zhuan-ys .mpost .ft span{font-size:12px;background:var(--bg);border-radius:6px;padding:3px 8px;color:#38475F} .zhuan-ys.zhuan-ys .pics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:560px} .zhuan-ys.zhuan-ys .pics img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px} .zhuan-ys.zhuan-ys .mpost .bar{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap} .zhuan-ys.zhuan-ys .sub-box{background:var(--navy);color:#fff;border-radius:14px;padding:20px} .zhuan-ys.zhuan-ys .sub-box p{color:#B8C4D8;font-size:14px;margin:8px 0 14px} @media (max-width:860px){.zhuan-ys.zhuan-ys .side{position:static}} .zhuan-ys.zhuan-ys .pics img{height:100%} .zhuan-ys.zhuan-ys .feed-layout.two-col{grid-template-columns:minmax(0,1fr) 300px} @media (max-width:860px){.zhuan-ys.zhuan-ys .feed-layout.two-col{grid-template-columns:minmax(0,1fr)}} @media (max-width:860px){.zhuan-ys.zhuan-ys .feed-layout>*{min-width:0}} .zhuan-ys.zhuan-ys .pics .zys-pic{display:block;position:relative;overflow:hidden;border-radius:8px;cursor:zoom-in} .zhuan-ys.zhuan-ys .pics .zys-pic img{display:block;transition:transform .2s} .zhuan-ys.zhuan-ys .pics .zys-pic:hover img{transform:scale(1.04)} .zhuan-ys.zhuan-ys .pics .zys-vtile{display:block;position:relative;overflow:hidden;border-radius:8px;cursor:pointer} .zhuan-ys.zhuan-ys .pics .zys-vtile img{display:block;transition:transform .2s}.zhuan-ys.zhuan-ys .pics .zys-vtile:hover img{transform:scale(1.04)} .zhuan-ys.zhuan-ys .pics .zys-vtile .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3)} .zhuan-ys.zhuan-ys .pics .zys-vtile .play:after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #D9261C;transform:translateX(2px)} .zhuan-ys.zhuan-ys .pics .zys-vlen{position:absolute;inset-inline-end:6px;bottom:6px;background:rgba(11,27,51,.75);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;padding:4px 6px;border-radius:6px;direction:ltr} .zys-gal .zys-modal-box{display:flex;flex-direction:column;align-items:center} .zhuan-ys.zhuan-ys .zys-tabs{display:flex;gap:4px;margin:0 0 18px;border-bottom:1px solid #E3E8EF} .zhuan-ys.zhuan-ys .zys-tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:10px 18px;font:600 16px/1.2 Inter,system-ui,sans-serif;color:#5A687D;cursor:pointer;border-radius:0} .zhuan-ys.zhuan-ys .zys-tabs button:hover,.zhuan-ys.zhuan-ys .zys-tabs button:focus{background:none;color:#0B1B33} .zhuan-ys.zhuan-ys .zys-tabs button.on{color:#0B1B33;border-bottom-color:#D9261C} .zhuan-ys.zhuan-ys .zys-tabs .n{display:inline-block;min-width:22px;margin-inline-start:6px;padding:2px 7px;border-radius:10px;background:#EEF2F7;color:#38475F;font-size:12px;font-weight:700;text-align:center} .zhuan-ys.zhuan-ys .zys-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .zhuan-ys.zhuan-ys .zys-vcard{display:flex;flex-direction:column;background:#fff;border:1px solid #E3E8EF;border-radius:14px;overflow:hidden} .zhuan-ys.zhuan-ys .zys-vplay{display:block;position:relative;aspect-ratio:9/16;background:#0B1B33;overflow:hidden} .zhuan-ys.zhuan-ys .zys-vplay img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.zhuan-ys.zhuan-ys .zys-vplay:hover img{transform:scale(1.03)} .zhuan-ys.zhuan-ys .zys-vplay .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3)} .zhuan-ys.zhuan-ys .zys-vplay .play:after{content:"";border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #D9261C;transform:translateX(2px)} .zhuan-ys.zhuan-ys .zys-vplay .zys-vlen{position:absolute;inset-inline-end:8px;bottom:8px;background:rgba(11,27,51,.75);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;padding:4px 6px;border-radius:6px;direction:ltr} .zhuan-ys.zhuan-ys .zys-vmeta{padding:10px 12px 0;font:14px/1.35 Inter,system-ui,sans-serif;color:#0B1B33} .zhuan-ys.zhuan-ys .zys-vmeta .code{display:block;color:#D9261C;font-weight:700;font-size:12px;letter-spacing:.04em;margin-bottom:2px} .zhuan-ys.zhuan-ys .zys-vmeta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600} .zhuan-ys.zhuan-ys .zys-vcard .bar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px;margin-top:auto} .zhuan-ys.zhuan-ys .zys-vcard .bar .btn{padding:7px 12px;font-size:13px} @media (max-width:700px){.zhuan-ys.zhuan-ys .zys-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zhuan-ys.zhuan-ys .zys-vcard .bar .btn{flex:1 1 100%}} .zys-gal-stage{position:relative;overflow:hidden;border-radius:12px;background:#fff;cursor:zoom-in;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none} .zys-gal-stage.zoom{touch-action:none} .zys-gal img{display:block;max-width:min(92vw,1100px);max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;transition:transform .12s ease-out;will-change:transform} .zys-gal-loupe{position:absolute;width:min(320px,56%);aspect-ratio:4/3;border-radius:18px;border:3px solid #fff;box-shadow:0 6px 24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(11,27,51,.15);background:#fff no-repeat;transform:translate(-50%,-50%);pointer-events:none;display:none} .zys-gal.fine .zys-gal-stage.loupe{cursor:none}.zys-gal.fine .zys-gal-stage.loupe .zys-gal-loupe{display:block} .zys-gal-nav{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0B1B33;font:400 32px/44px Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);padding:0;z-index:2} .zys-gal-prev{inset-inline-start:16px}.zys-gal-next{inset-inline-end:16px} [dir=rtl] .zys-gal-nav{transform:translateY(-50%) scaleX(-1)} .zys-gal.one .zys-gal-nav{display:none} .zys-gal-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:14px;color:#fff;font:500 15px/1.4 Inter,system-ui,sans-serif;text-align:center} .zys-gal-bar b{font-weight:600} .zys-gal-n{opacity:.75} .zys-gal{outline:0}.zys-gal .zys-modal-x:hover,.zys-gal .zys-modal-x:focus{background:#fff;color:#0B1B33}.zys-gal-nav:hover,.zys-gal-nav:focus{background:#fff;color:#0B1B33} .zys-gal-bar .zys-gal-go{display:inline-block;background:#D9261C;color:#fff;border-radius:8px;padding:7px 16px;font:600 14px/1.3 Inter,system-ui,sans-serif;text-decoration:none}.zys-gal-bar .zys-gal-go:hover{background:#B71D14;color:#fff} @media (max-width:600px){.zys-gal-nav{width:38px;height:38px;font-size:26px;line-height:36px}.zys-gal-prev{inset-inline-start:6px}.zys-gal-next{inset-inline-end:6px}.zys-gal img{max-height:calc(100vh - 200px)}} .zhuan-ys.zhuan-ys .sub-box b{font-size:18px} .zhuan-ys.zhuan-ys .sub-box .btn{width:100%} .zhuan-ys.zhuan-ys .side .panel .muted{font-size:14px} /*zhuan_ys_new_arrivals_feed*/ /*zhuan*/