LuxeStrides

/* 移动端基础修复 */ @media (max-width:768px) { img { max-width:100% !important; height:auto !important; } body { overflow-x:hidden; } } .wp-block-site-title a, .site-title a, .site-title, .wp-block-site-title { white-space:nowrap !important; font-size:1.2em !important; } @media (max-width:768px) { .wc-block-grid__products, .wc-block-grid, .wp-block-woocommerce-product-collection, .wp-block-woocommerce-product-collection ul, .wc-block-product-collection__grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; padding:0 !important; } .wp-block-woocommerce-product-collection > ul { display:contents !important; } .wc-block-grid__product, li.wc-block-grid__product, .wp-block-woocommerce-product-collection li, .wp-block-woocommerce-product-collection .wp-block-post { display:flex !important; flex-direction:column !important; align-items:stretch !important; padding:8px !important; background:#fff !important; border-radius:8px !important; box-shadow:0 1px 3px rgba(0,0,0,0.08) !important; list-style:none !important; } .wc-block-grid__product-image, .wp-block-woocommerce-product-collection li img, .wp-block-woocommerce-product-collection .wc-block-product-image { width:100% !important; height:auto !important; object-fit:cover !important; border-radius:6px !important; margin-bottom:8px !important; } .wc-block-grid__product-title, .wp-block-woocommerce-product-collection .wp-block-post-title, .wp-block-woocommerce-product-collection .wc-block-product-name { font-size:13px !important; line-height:1.4 !important; color:#333 !important; margin:4px 0 !important; font-weight:500 !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .wc-block-grid__product-price, .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price, .wp-block-woocommerce-product-collection .wc-block-product-price { font-size:14px !important; font-weight:700 !important; color:#111 !important; margin:4px 0 !important; } .wc-block-grid__product-rating, .wp-block-woocommerce-product-collection .wc-block-product-rating { margin:2px 0 !important; } .wc-block-grid__product-add-to-cart, .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-add-to-cart { margin-top:6px !important; } .wp-block-cover, [class*=banner], [class*=slider], [class*=hero] { width:100% !important; max-width:100% !important; overflow:hidden !important; } .wp-block-cover img { width:100% !important; height:auto !important; object-fit:cover !important; } } footer, .wp-block-template-part { background-color:#1a1a1a !important; color:#e0e0e0 !important; } footer h3, footer .wp-block-heading { color:#fff !important; font-size:14px !important; text-transform:uppercase !important; letter-spacing:1.5px !important; margin-bottom:12px !important; font-weight:600 !important; } footer a { color:#b0b0b0 !important; font-size:13px !important; text-decoration:none !important; } footer a:hover { color:#fff !important; } footer p, footer li { color:#b0b0b0 !important; font-size:13px !important; line-height:1.8 !important; } footer ul { padding-left:0 !important; list-style:none !important; } @media (max-width:768px) { footer .wp-block-columns, footer .wp-block-group { display:flex !important; flex-direction:column !important; gap:0 !important; padding:8px 0 !important; } footer h3, footer .wp-block-heading { font-size:13px !important; letter-spacing:2px !important; margin:16px 0 8px 0 !important; padding-bottom:6px !important; border-bottom:1px solid #333 !important; } footer ul { max-height:0 !important; overflow:hidden !important; transition:max-height 0.3s ease !important; margin-bottom:0 !important; } footer .wp-block-column:hover ul, footer .wp-block-group:hover ul { max-height:500px !important; } footer p { font-size:12px !important; line-height:1.6 !important; margin:4px 0 !important; } footer a { font-size:12px !important; } }