{"id":4337,"date":"2026-09-21T14:30:43","date_gmt":"2026-09-21T06:30:43","guid":{"rendered":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/"},"modified":"2026-11-10T16:49:05","modified_gmt":"2026-11-10T08:49:05","slug":"4-way-stretch-bike-shorts","status":"publish","type":"page","link":"https:\/\/test.global-so.com\/zh\/products\/4-way-stretch-bike-shorts\/","title":{"rendered":"4-Way Stretch Bike Shorts"},"content":{"rendered":"<div class=\"lph-prose lph-theme--yoga\">\n<section class=\"lph-block\">\n<h2>Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands<\/h2>\n<p>Bike shorts are judged on two things that are easy to get wrong and hard to forgive \u2014 stretch that recovers, and a hem that stays put. A short that rides up the thigh or goes sheer at the seat fails in the first ten minutes, no matter how good the colourway looks on the rail.<\/p>\n<p>Passion Activewear manufactures <strong>custom 4-way stretch bike shorts<\/strong> from Quanzhou Passion Clothing Co., Ltd., operating since 1999 across 10 production lines with 150,000 pieces of monthly capacity \u2014 so a full size run can be built, opacity-tested and finished on one programme rather than outsourced in pieces.<\/p>\n\n<div class=\"lph-figure-row lph-figure-row--2\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-Fabrics-Materials.webp\" alt=\"Custom fabrics and materials service for 4-way stretch bike shorts\" width=\"600\" height=\"694\">\n\t\t<figcaption>Fabrics and materials \u2014 high-stretch 4-way knit selection<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/02\/close-up-of-custom-yoga-apparel-fabric-and-design-7g0.jpg\" alt=\"Close-up of 4-way stretch knit fabric used in custom bike shorts\" width=\"1600\" height=\"900\">\n\t\t<figcaption>4-way knit \u2014 180\u2013250% elongation with opacity control<\/figcaption>\n\t<\/figure>\n<\/div>\n\n<ul class=\"lph-cards\">\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">01<\/span>\n\t\t<h3>4-Way Stretch, 180\u2013250% Elongation<\/h3>\n\t\t<p>Knit engineered to stretch and recover on every axis, so the short holds its shape through a full pedal stroke and squat.<\/p>\n\t<\/li>\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">02<\/span>\n\t\t<h3>Opacity Tested Under Stretch<\/h3>\n\t\t<p>Each batch checked for sheerness at the seat and thigh when pulled to working stretch, not just laid flat.<\/p>\n\t<\/li>\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">03<\/span>\n\t\t<h3>Double-Needle No-Roll Hems<\/h3>\n\t\t<p>Reinforced hem finishing that stays flat against the thigh instead of curling up mid-session.<\/p>\n\t<\/li>\n<\/ul>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>What We Manufacture in This Category<\/h2>\n<ul class=\"lph-list-2col\">\n\t<li><strong><a href=\"\/zh\/products\/buttery-soft-fabric-yoga-top\/\">Buttery-Soft Fabric Yoga Tops<\/a><\/strong> \u2014 brushed peach-skin tops in longline and cropped silhouettes.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/compression-crop-top-sets\/\">Compression Crop Top Sets<\/a><\/strong> \u2014 matched crop top and legging sets engineered as one colour story.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/compression-sports-bras\/\">Compression Sports Bras<\/a><\/strong> \u2014 low, medium and high impact bras with graded support and bonded seams.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/compression-tights\/\">Compression Tights<\/a><\/strong> \u2014 squat-proof, high-stretch tights graded for training and studio wear.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/slim-fit-yoga-jacket\/\">Slim-Fit Yoga Jackets<\/a><\/strong> \u2014 lightweight layering jackets with four-way stretch and clean zip detailing.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/squat-proof-leggings\/\">Squat-Proof Leggings<\/a><\/strong> \u2014 opaque leggings tested under stretch with no sheerness at the knee or seat.<\/li>\n\t<li><strong><a href=\"\/zh\/products\/v-shape-high-waisted-capri\/\">V-Shape High-Waisted Capris<\/a><\/strong> \u2014 contoured high-rise capris with a supportive V-seam waistband.<\/li>\n<\/ul>\n\n<div class=\"lph-figure-row lph-figure-row--3\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/fiber-yarn-sourcing-hd.webp\" alt=\"Fiber and yarn sourcing for high-stretch bike short knit\" width=\"800\" height=\"625\">\n\t\t<figcaption>Fiber and yarn sourcing \u2014 base for 4-way stretch knit<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/fabric-development-dyeing-hd.webp\" alt=\"Fabric development and dyeing for custom bike shorts\" width=\"800\" height=\"625\">\n\t\t<figcaption>Fabric development and dyeing \u2014 batch records keep shades identical<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/03\/Flat-lock-stitching.webp\" alt=\"Flatlock stitching used on 4-way stretch bike short seams\" width=\"864\" height=\"1153\">\n\t\t<figcaption>Flatlock stitching \u2014 smooth seams against skin<\/figcaption>\n\t<\/figure>\n<\/div>\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Request a Custom Sample<\/h2>\n<p>We currently develop 4-way stretch bike shorts to customer specification rather than from a fixed catalogue, so the fastest route is a development sample built to your technical pack. Send us your tech pack, a reference garment, or a set of performance requirements \u2014 stretch percentage, inseam, opacity target and branding \u2014 and we will engineer a prototype on our lines.<\/p>\n<p>Sampling runs 7\u201315 business days after design confirmation. Once the development sample is approved, bulk production follows at 25\u201345 business days, with the same 1,000 pcs per style per colourway minimum applied. We are happy to work from a competitor short you admire or a simple sketch; either way the first physical sample is the reference both sides sign off on.<\/p>\n<a class=\"lph-btn lph-btn--primary\" href=\"#lp-quote\" data-lph-track=\"sample\">Request a Custom Sample<\/a>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>Fabric &amp; Construction Engineering<\/h2>\n<p>The no-roll hem and the opacity result are downstream of two upstream choices: the knit&#8217;s recovery, and the seam and hem finishing. We control both, so the short behaves the same on the first ride and the fiftieth.<\/p>\n\n<div class=\"lph-figure-row lph-figure-row--2\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/03\/Custom-Fitness-Clothing-Iron.webp\" alt=\"Finished custom fitness clothing short checked on the line\" width=\"600\" height=\"600\">\n\t\t<figcaption>Finished short \u2014 checked for recovery and hem hold<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-design-services.webp\" alt=\"Custom design service for bike shorts \u2014 inseam and panel mapping\" width=\"600\" height=\"694\">\n\t\t<figcaption>Design \u2014 inseam, panel and waistband mapping<\/figcaption>\n\t<\/figure>\n<\/div>\n\n<dl class=\"lph-specs\">\n\t<dt>Main Fabric<\/dt>\n\t<dd>Polyester or nylon-spandex 4-way knit, 200\u2013240 gsm, 180\u2013250% elongation with full recovery<\/dd>\n\n\t<dt>Alternative Fabrics<\/dt>\n\t<dd>Recycled poly-spandex (rPET) 4-way base, brushed soft-face option, or lighter 180 gsm for low-impact wear<\/dd>\n\n\t<dt>Moisture Management<\/dt>\n\t<dd>Wicking finish with documented dry-rate; mesh vent panel optional at the thigh or back yoke<\/dd>\n\n\t<dt>Printing Techniques<\/dt>\n\t<dd>Full sublimation on white base, tonal screen print, heat-transfer and silicone logo application<\/dd>\n\n\t<dt>Embroidery<\/dt>\n\t<dd>Low-profile multi-head embroidery for small leg marks; flat sublimated branding preferred for soft-hand feel<\/dd>\n\n\t<dt>Hardware<\/dt>\n\t<dd>Encased wide waistband, double-needle no-roll hem, bartack at all stress points, optional hidden pocket<\/dd>\n\n\t<dt>Size Range<\/dt>\n\t<dd>Women&#8217;s and men&#8217;s XS\u20133XL, graded inseam 5\u20139 in, custom size charts supported<\/dd>\n\n\t<dt>Quality Standard<\/dt>\n\t<dd>In-line inspection at every stage plus AQL 2.5 final random inspection before packing<\/dd>\n<\/dl>\n\n<h3>Build details for no-roll bike shorts<\/h3>\n<ul class=\"lph-list-2col\">\n\t<li><strong>Opacity check under stretch<\/strong> at the seat and thigh, so the short stays non-sheer when pulled to working length.<\/li>\n\t<li><strong>Double-needle hem<\/strong> finished to lie flat against the thigh instead of curling up mid-session.<\/li>\n\t<li><strong>Recovery-tested knit<\/strong> so the short returns to shape after a full pedal stroke and squat, not just when laid flat.<\/li>\n\t<li><strong>Encased wide waistband<\/strong> graded for hold without digging, with a clean interior.<\/li>\n\t<li><strong>Flatlock or bonded seams<\/strong> selected per panel to remove chafe points against skin during long rides.<\/li>\n<\/ul>\n\n<div class=\"lph-hl\">\n\t<p><strong>For new short programmes:<\/strong> send the performance target rather than a finished spec \u2014 stretch percentage, inseam and opacity \u2014 and we will propose the knit, the hem and the waistband that meet it, then prove it with a development sample you can ride in.<\/p>\n<\/div>\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Why Brands Develop Bike Shorts With Us<\/h2>\n\n<h3>Stretch you can specify, not guess<\/h3>\n<p>We set the elongation and recovery as measured numbers \u2014 180\u2013250% with documented bounce-back \u2014 so the short you approve is the short that ships, batch after batch.<\/p>\n\n<h3>One supplier from sample to shelf<\/h3>\n<p>Because bike shorts share our 10 lines with tops, tights and jackets, you can brief one team and receive a colour-matched capsule instead of matching a short vendor to the rest of the range.<\/p>\n\n<figure class=\"lph-figure\">\n\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/manufacturing-assembly-hd.webp\" alt=\"Manufacturing assembly line for custom 4-way stretch bike shorts\" width=\"800\" height=\"625\">\n\t<figcaption>Assembly \u2014 10 production lines, 150,000 pcs monthly capacity<\/figcaption>\n<\/figure>\n\n<h3>Sampling that de-risks the launch<\/h3>\n<p>Development samples run 7\u201315 business days after design confirmation, letting you ride-test the stretch, opacity and hem hold before committing to the 1,000-piece minimum.<\/p>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>Customization Options<\/h2>\n<ul class=\"lph-list-2col\">\n\t<li><strong>Inseam:<\/strong> 5, 6, 7, 8 or 9 inch, graded to your size matrix.<\/li>\n\t<li><strong>Waistband:<\/strong> encased wide band, V-seam, folded no-elastic or mid-rise.<\/li>\n\t<li><strong>Stretch level:<\/strong> 180\u2013250% elongation, set to your performance target.<\/li>\n\t<li><strong>Opacity:<\/strong> tested under stretch at seat and thigh per your spec.<\/li>\n\t<li><strong>Colour:<\/strong> matched to Pantone or your physical swatch across the capsule.<\/li>\n\t<li><strong>Branding:<\/strong> tonal sublimation, silicone print, heat-transfer or low-profile embroidery.<\/li>\n\t<li><strong>Pocket:<\/strong> hidden side pocket, zip pocket or none, per design.<\/li>\n\t<li><strong>Packaging:<\/strong> individual polybag with hangtag, or folded and banded per retail spec.<\/li>\n<\/ul>\n\n<div class=\"lph-figure-row lph-figure-row--3\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-fit-sizing.webp\" alt=\"Custom fit and sizing service for bike shorts across size runs\" width=\"600\" height=\"694\">\n\t\t<figcaption>Fit and sizing \u2014 graded inseam across the size run<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-branding-Packaging.webp\" alt=\"Custom branding and packaging for bike short orders\" width=\"600\" height=\"694\">\n\t\t<figcaption>Branding and packaging \u2014 per-piece polybag or folded<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/trim-accessory-customization-hd.webp\" alt=\"Trim and accessory customization for bike shorts \u2014 waistband and hem\" width=\"800\" height=\"625\">\n\t\t<figcaption>Trim and accessory \u2014 waistband and hem finishing<\/figcaption>\n\t<\/figure>\n<\/div>\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Order Information at a Glance<\/h2>\n<table>\n\t<thead>\n\t\t<tr><th>Item<\/th><th>Standard Terms<\/th><\/tr>\n\t<\/thead>\n\t<tbody>\n\t\t<tr><td>Minimum order quantity<\/td><td>1,000 pcs per style per colourway<\/td><\/tr>\n\t\t<tr><td>Sampling<\/td><td>7\u201315 business days after design confirmation<\/td><\/tr>\n\t\t<tr><td>Bulk production<\/td><td>25\u201345 business days after deposit and pre-production approval<\/td><\/tr>\n\t\t<tr><td>Peak season (Q3\u2013Q4)<\/td><td>45\u201360 business days; early commitment recommended<\/td><\/tr>\n\t\t<tr><td>Payment terms<\/td><td>50% deposit, 50% before shipment; T\/T and L\/C accepted<\/td><\/tr>\n\t\t<tr><td>Incoterms<\/td><td>EXW, FOB or CIF available<\/td><\/tr>\n\t\t<tr><td>Quality assurance<\/td><td>In-line inspection plus AQL 2.5 final random inspection<\/td><\/tr>\n\t\t<tr><td>Capacity<\/td><td>10 production lines, 150,000 pcs monthly capacity<\/td><\/tr>\n\t<\/tbody>\n<\/table>\n\n<figure class=\"lph-figure\">\n\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/03\/Our-Digitalized-Smart-Factory.webp\" alt=\"Digitalized smart factory producing custom 4-way stretch bike shorts\" width=\"900\" height=\"599\">\n\t<figcaption>Digitalized smart factory \u2014 one programme from sample to shipment<\/figcaption>\n<\/figure>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>Frequently Asked Questions<\/h2>\n\n<h3>Since there is no catalogue, how do I start?<\/h3>\n<p>Send a tech pack, a reference short or a list of performance targets \u2014 stretch percentage, inseam, opacity and branding. We engineer a development sample on our lines, which becomes the reference both sides approve before bulk.<\/p>\n\n<h3>What stretch and opacity do you standardise on?<\/h3>\n<p>Our 4-way knit runs 180\u2013250% elongation with documented recovery, and every batch is opacity-checked under stretch at the seat and thigh rather than only when laid flat.<\/p>\n\n<h3>How do you stop the hem rolling up?<\/h3>\n<p>We finish the leg with a double-needle hem that lies flat against the thigh. The recovery of the knit is set so the hem stays put through a full workout instead of curling.<\/p>\n\n<h3>Can bike shorts be matched to my other styles?<\/h3>\n<p>Yes. Because they share our production lines and one dye batch record with tops, tights and jackets, the short stays matched to the rest of your capsule on the shelf and after washing.<\/p>\n\n<h3>What is the minimum and lead time for a new short?<\/h3>\n<p>The standard MOQ is 1,000 pcs per style per colourway. Sampling runs 7\u201315 business days, then bulk production 25\u201345 business days after deposit and pre-production approval, stretching to 45\u201360 in peak season.<\/p>\n<\/section>\n<\/div>\n\n\n\n<style>\n\/* =========================================================================\n   \u6b63\u6587\u6837\u5f0f\u5305 \u00b7 \u5206\u5757\u7248\uff08\u53ef\u72ec\u7acb\u5185\u8054\u4f7f\u7528\uff09\n   -------------------------------------------------------------------------\n   \u8bbe\u8ba1\u76ee\u6807\uff1a\n     1. \u628a\u6b63\u6587\u6309 h2 \u5207\u6210\u4e00\u4e2a\u4e2a\u72ec\u7acb\u300c\u6a21\u5757\u300d\uff0c\u4e00\u5c4f\u80fd\u770b\u5b8c\u4e00\u5757\n     2. \u6a21\u5757\u4e4b\u95f4\u7528\u5e95\u8272\u5dee\u5f02\u533a\u5206\uff08\u767d \/ \u6d45\u7070 \/ \u6df1\u84dd \/ \u6e10\u53d8\uff09\n     3. **\u6a21\u5757\u5e95\u8272\u94fa\u6ee1\u6574\u4e2a\u5c4f\u5e55\u5bbd\u5ea6**\uff08\u5168\u5c4f\u51fa\u8840\uff09\uff0c\u6587\u5b57\u4ecd\u5b88\u5728 1400px \u5185\n     4. \u6a21\u5757\u5185\u7684\u5b50\u5143\u7d20\u88ab\u9501\u5728\u6a21\u5757\u91cc\uff0c\u4e0d\u4f1a\u8df3\u8131\u51fa\u53bb\n\n   \u4f5c\u7528\u57df\uff1a\u6392\u7248\u89c4\u5219\u7edf\u4e00\u4ee5 :is(.lph-prose, .lph-body) \u8d77\u5934\uff0c\n          \u53ea\u5f71\u54cd\u6b63\u6587\u5bb9\u5668\u5185\u90e8\uff0c\u4e0d\u4f1a\u6c61\u67d3\u7ad9\u70b9\u5176\u5b83\u9875\u9762\u3002\n          \uff08\u552f\u4e00\u4f8b\u5916\u662f\u4e0b\u9762\u90a3\u6761 html\/body \u7684\u6a2a\u5411\u6ea2\u51fa\u4fdd\u62a4\uff0c\u89c1\u300c\u5168\u5c4f\u51fa\u8840\u300d\u5c0f\u8282\uff09\n\n   \u7528\u6cd5\uff1a\u628a\u672c\u6587\u4ef6\u5168\u90e8\u5185\u5bb9\u653e\u8fdb HTML \u7684 style \u6807\u7b7e\u5185\uff0c\n        \u518d\u7528\u4e00\u4e2a\u5e26 lph-prose \u7c7b\u7684 div \u5305\u4f4f\u6b63\u6587 HTML\u3002\n   ========================================================================= *\/\n\n:root {\n\t--lph-primary:   var( --e-global-color-primary, #0068b4 );\n\t--lph-secondary: var( --e-global-color-secondary, #00b4a6 );\n\t--lph-dark:      var( --ast-global-color-7, #003c68 );\n\t--lph-ink:       #16232e;\n\t--lph-text:      var( --e-global-color-text, #5a6a7a );\n\t--lph-soft:      var( --ast-global-color-6, #f2f5f7 );\n\t--lph-line:      #e3e9ee;\n\t--lph-radius:    12px;\n\t--lph-radius-lg: 20px;\n\t--lph-shadow-sm: 0 1px 3px rgba( 16, 42, 67, .06 ), 0 4px 14px rgba( 16, 42, 67, .05 );\n\t--lph-font:      var( --e-global-typography-text-font-family, \"Open Sans\" ), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\t--lph-font-head: var( --e-global-typography-primary-font-family, \"Montserrat\" ), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n\n\t\/* \u2500\u2500 \u60f3\u8c03\u7248\u5f0f\uff0c\u6539\u8fd9\u51e0\u4e2a\u6570\u5b57\u5c31\u884c \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\t--lph-content-w: 1400px;  \/* \u6b63\u6587\u5185\u5bb9\u6700\u5927\u5bbd\u5ea6\uff08\u5e95\u8272\u4e0d\u53d7\u5b83\u9650\u5236\uff0c\u4f1a\u94fa\u6ee1\u5168\u5c4f\uff09 *\/\n\t--lph-block-pad: 72px;    \/* \u6a21\u5757\u4e0a\u4e0b\u5185\u8fb9\u8ddd + \u5185\u5bb9\u4e0e\u5c4f\u5e55\u8fb9\u7f18\u7684\u6700\u5c0f\u7559\u767d *\/\n\t--lph-block-gap: 0px;     \/* \u6a21\u5757\u4e4b\u95f4\u7684\u95f4\u8ddd\uff080 = \u4e0a\u4e0b\u5e95\u8272\u8fde\u6210\u4e00\u6761\uff0c\u65e0\u7f1d\u9699\uff09 *\/\n\t--lph-card-min:  320px;   \/* \u5356\u70b9\u5361\u7247\u6700\u5c0f\u5bbd\u5ea6 *\/\n}\n\n\/* =========================================================================\n   \u4e00\u3001\u5bb9\u5668\n   ========================================================================= *\/\n.lph-prose {\n\twidth: 100%;\n\tmax-width: var( --lph-content-w );\n\tmargin: 0 auto;\n\tfont-family: var( --lph-font );\n\tfont-size: 17px;\n\tline-height: 1.72;\n\tcolor: var( --lph-text );\n\t-webkit-font-smoothing: antialiased;\n\tbox-sizing: border-box;\n}\n\n.lph-prose *,\n.lph-prose *::before,\n.lph-prose *::after { box-sizing: border-box; }\n\n\/* =========================================================================\n   \u4e8c\u3001\u5206\u5757\u6a21\u5757\uff08\u6838\u5fc3\uff09\n   -------------------------------------------------------------------------\n   \u6bcf\u4e2a h2 \u6bb5\u843d\u88ab\u5305\u8fdb\u4e00\u4e2a .lph-block\uff0c\u6210\u4e3a\u72ec\u7acb\u89c6\u89c9\u5355\u5143\u3002\n   \u5e95\u8272\u4ea4\u66ff\uff1a\u9ed8\u8ba4\u767d \u2192 .lph-block--tint \u6d45\u7070 \u2192 .lph-block--dark \u6df1\u84dd\n            \u2192 .lph-block--cta \u6e10\u53d8\uff08\u7ed3\u5c3e\u884c\u52a8\u53f7\u53ec\uff09\n\n   \u2500\u2500 \u5168\u5c4f\u51fa\u8840\u662f\u600e\u4e48\u505a\u7684 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   \u80cc\u666f\u8272\u8981\u94fa\u6ee1\u6574\u4e2a\u5c4f\u5e55\uff0c\u4f46\u6587\u5b57\u5fc5\u987b\u5b88\u5728 1400px \u4ee5\u5185\u3002\u505a\u6cd5\u662f\u300c\u62c9\u51fa\u53bb\u518d\u63a8\u56de\u6765\u300d\uff1a\n\n     margin-left\/right : calc(50% - 50vw)     \u2190 \u5411\u5de6\/\u53f3\u5404\u62c9\u51fa\u5230\u89c6\u53e3\u8fb9\u7f18\n     padding-left\/right: calc(50vw - 50% + pad) \u2190 \u518d\u63a8\u56de\u6765\uff0c\u591a\u7684\u90a3\u622a\u5c31\u662f\u65b0\u7684\u7559\u767d\n\n   \u4e24\u8005\u4e00\u8d1f\u4e00\u6b63\u521a\u597d\u62b5\u6d88\uff0c\u6240\u4ee5 **\u5185\u5bb9\u5bbd\u5ea6\u5b8c\u5168\u4e0d\u53d8**\uff0c\u53ea\u6709\u5e95\u8272\u94fa\u6ee1\u4e86\u5168\u5c4f\u3002\n   50% \u662f\u76f8\u5bf9\u6b63\u6587\u5bb9\u5668\u7b97\u7684\uff0c\u5bb9\u5668\u5c45\u4e2d\u65f6 50% \u6b63\u597d\u662f\u5bb9\u5668\u4e2d\u5fc3\uff0c\n   \u6240\u4ee5\u4e0d\u7ba1\u5bb9\u5668\u591a\u5bbd\u3001\u5c4f\u5e55\u591a\u5927\uff0c\u4e24\u8fb9\u90fd\u6070\u597d\u8d34\u5230\u89c6\u53e3\u8fb9\u7f18\uff0c\u4e0d\u9700\u8981\u5199\u6b7b\u4efb\u4f55\u6570\u503c\u3002\n   ========================================================================= *\/\n.lph-block {\n\tposition: relative;\n\toverflow: hidden;                 \/* \u5b50\u5143\u7d20\u4e0d\u8d8a\u754c\u3001\u4e0d\u8df3\u8131 *\/\n\tmargin-top: 0;\n\tmargin-bottom: var( --lph-block-gap );\n\tmargin-left: calc( 50% - 50vw );\n\tmargin-right: calc( 50% - 50vw );\n\tpadding: var( --lph-block-pad ) calc( 50vw - 50% + var( --lph-block-pad ) );\n\tborder: 0;                        \/* \u901a\u680f\u5e95\u8272\u4e0d\u9700\u8981\u63cf\u8fb9 *\/\n\tborder-radius: 0;                 \/* \u901a\u680f\u5e95\u8272\u4e0d\u9700\u8981\u5706\u89d2 *\/\n\tbackground: #fff;\n\tbreak-inside: avoid;              \/* \u6253\u5370\/\u5bfc\u51fa PDF \u65f6\u4e0d\u8de8\u9875\u65ad\u5f00 *\/\n\tpage-break-inside: avoid;\n}\n\n\/* 100vw \u5728\u90e8\u5206\u6d4f\u89c8\u5668\u91cc\u542b\u7eb5\u5411\u6eda\u52a8\u6761\u5bbd\u5ea6\uff0c\u4f1a\u591a\u51fa\u7ea6 8px \u6a2a\u5411\u6ea2\u51fa\u3002\n   overflow-x: clip \u4e0e hidden \u4e0d\u540c \u2014\u2014 \u5b83\u4e0d\u4ea7\u751f\u6eda\u52a8\u5bb9\u5668\uff0c\n   \u6240\u4ee5\u4e0d\u4f1a\u7834\u574f\u9875\u9762\u4e0a sticky \/ fixed \u5b9a\u4f4d\u7684\u5143\u7d20\u3002 *\/\nhtml,\nbody { overflow-x: clip; }\n\n\/* \u6a21\u5757\u5185\u6240\u6709\u76f4\u63a5\u5b50\u5143\u7d20\u4e0d\u8bb8\u8d85\u51fa\u6a21\u5757\u5bbd\u5ea6 *\/\n.lph-block > * { max-width: 100%; }\n\n\/* \u6807\u9898\u4e0e\u7d27\u968f\u5176\u540e\u7684\u5185\u5bb9\u7ed1\u5728\u4e00\u8d77\uff0c\u907f\u514d\u6807\u9898\u5b64\u96f6\u96f6\u7559\u5728\u4e0a\u4e00\u5c4f *\/\n.lph-block > h2,\n.lph-block > h3 { break-after: avoid; page-break-after: avoid; }\n\n\/* \u6a21\u5757\u9996\u5c3e\u4e0d\u7559\u591a\u4f59\u7a7a\u767d *\/\n.lph-block > *:first-child { margin-top: 0; }\n.lph-block > *:last-child { margin-bottom: 0; }\n\n\/* ---------- \u8272\u5dee\u53d8\u4f53 ---------- *\/\n.lph-block--tint {\n\tbackground: var( --lph-soft );\n}\n\n.lph-block--dark {\n\tbackground: var( --lph-dark );\n\tcolor: rgba( 255, 255, 255, .82 );\n}\n\n.lph-block--dark :is(h1,h2,h3,h4) { color: #fff; }\n.lph-block--dark strong { color: #fff; }\n.lph-block--dark a { color: var( --lph-secondary ); }\n.lph-block--dark h2 { border-bottom-color: rgba( 255, 255, 255, .18 ); }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\uff0c\u5185\u90e8\u7ec4\u4ef6\u4e5f\u8ddf\u7740\u6362\u8272 \u2014\u2014 \u8fd9\u5c31\u662f\u300c\u4e0b\u7ea7\u4e0d\u8df3\u8131\u300d *\/\n.lph-block--dark .lph-card {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark .lph-card h3 { color: #fff; }\n.lph-block--dark .lph-card p { color: rgba( 255, 255, 255, .72 ); }\n.lph-block--dark .lph-card__num {\n\tbackground: rgba( 255, 255, 255, .12 );\n\tcolor: var( --lph-secondary );\n}\n.lph-block--dark .lph-specs { border-color: rgba( 255, 255, 255, .16 ); }\n.lph-block--dark .lph-specs dt {\n\tbackground: rgba( 255, 255, 255, .08 );\n\tcolor: #fff;\n\tborder-bottom-color: rgba( 255, 255, 255, .12 );\n}\n.lph-block--dark .lph-specs dd {\n\tbackground: rgba( 255, 255, 255, .03 );\n\tborder-bottom-color: rgba( 255, 255, 255, .12 );\n}\n.lph-block--dark .lph-hl {\n\tbackground: rgba( 0, 180, 166, .1 );\n\tborder-color: rgba( 0, 180, 166, .35 );\n\tborder-left-color: var( --lph-secondary );\n}\n.lph-block--dark .lph-hl strong { color: #fff; }\n.lph-block--dark table { border-color: rgba( 255, 255, 255, .16 ); }\n.lph-block--dark thead th { background: rgba( 255, 255, 255, .1 ); }\n.lph-block--dark tbody td { border-top-color: rgba( 255, 255, 255, .12 ); }\n.lph-block--dark tbody tr:nth-child( even ) { background: rgba( 255, 255, 255, .04 ); }\n\n.lph-block--cta {\n\tbackground: linear-gradient( 120deg, var( --lph-dark ) 0%, var( --lph-primary ) 100% );\n\tcolor: #fff;\n}\n\n\/* \u4ea7\u54c1\u6a21\u5757\u4e13\u5c5e\u5e95\u8272\uff1a\u767d \u2192 \u6d45\u84dd\u7684\u6781\u6de1\u6e10\u53d8\uff0c\n   \u548c\u300c\u7eaf\u767d\u300d\u548c\u300c\u6d45\u7070\u300d\u90fd\u80fd\u533a\u5206\u5f00\uff0c\u907f\u514d\u4e0e\u76f8\u90bb\u6a21\u5757\u649e\u8272 *\/\n.lph-block--products {\n\tbackground: linear-gradient( 180deg, #ffffff 0%, #edf4fa 100% );\n}\n\n\/* =========================================================================\n   \u4e09\u3001\u6807\u9898\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) h1,\n:is(.lph-prose,.lph-body) h2,\n:is(.lph-prose,.lph-body) h3,\n:is(.lph-prose,.lph-body) h4 {\n\tfont-family: var( --lph-font-head );\n\tcolor: var( --lph-dark );\n\tline-height: 1.24;\n\tmargin: 0 0 .55em;\n\tfont-weight: 700;\n\tletter-spacing: -.01em;\n}\n\n:is(.lph-prose,.lph-body) h2 {\n\tfont-size: clamp( 26px, 2.6vw, 36px );\n\tmargin-bottom: .7em;\n\tpadding-bottom: .35em;\n\tborder-bottom: 2px solid var( --lph-soft );\n}\n\n:is(.lph-prose,.lph-body) h3 {\n\tfont-size: clamp( 20px, 1.9vw, 24px );\n\tmargin-top: 1.7em;\n}\n\n:is(.lph-prose,.lph-body) h4 {\n\tfont-size: 18px;\n\tmargin-top: 1.5em;\n\tcolor: var( --lph-primary );\n}\n\n\/* =========================================================================\n   \u56db\u3001\u6bb5\u843d\u4e0e\u884c\u5185\u5143\u7d20\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) p { margin: 0 0 1.1em; }\n\n:is(.lph-prose,.lph-body) strong { color: var( --lph-ink ); font-weight: 700; }\n\n:is(.lph-prose,.lph-body) a {\n\tcolor: var( --lph-primary );\n\ttext-decoration: underline;\n\ttext-underline-offset: 3px;\n}\n:is(.lph-prose,.lph-body) a:hover { color: var( --lph-dark ); }\n\n:is(.lph-prose,.lph-body) img {\n\tmax-width: 100%;\n\theight: auto;\n\tborder-radius: var( --lph-radius );\n}\n\n\/* =========================================================================\n   \u4e94\u3001\u5217\u8868\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) ul,\n:is(.lph-prose,.lph-body) ol { padding-left: 1.35em; margin: 0 0 1.3em; }\n\n:is(.lph-prose,.lph-body) li { margin-bottom: .6em; }\n\n:is(.lph-prose,.lph-body) ul > li::marker { color: var( --lph-primary ); }\n\n\/* \u666e\u901a\u957f\u5217\u8868\u53ef\u5206\u4e24\u680f\uff0c\u907f\u514d 1400px \u4e0b\u6bcf\u884c\u8fc7\u957f\uff08\u5728 HTML \u4e0a\u52a0 lph-list-2col \u7c7b\u5373\u53ef\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-list-2col {\n\tcolumns: 2;\n\tcolumn-gap: 56px;\n}\n\n:is(.lph-prose,.lph-body) .lph-list-2col > li {\n\tbreak-inside: avoid;\n\tpage-break-inside: avoid;\n}\n\n\/* =========================================================================\n   \u516d\u3001\u5f15\u7528\u4e0e\u8868\u683c\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) blockquote {\n\tmargin: 1.8em 0;\n\tpadding: 22px 28px;\n\tborder-left: 4px solid var( --lph-primary );\n\tborder-radius: 0 var( --lph-radius ) var( --lph-radius ) 0;\n\tbackground: var( --lph-soft );\n\tcolor: var( --lph-dark );\n\tfont-style: normal;\n\tfont-size: 16.5px;\n}\n\n:is(.lph-prose,.lph-body) blockquote p:last-child { margin-bottom: 0; }\n\n:is(.lph-prose,.lph-body) table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n\tmargin: 1.6em 0;\n\tfont-size: 15.5px;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius );\n\toverflow: hidden;\n}\n\n:is(.lph-prose,.lph-body) thead th {\n\tbackground: var( --lph-dark );\n\tcolor: #fff;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\ttext-align: left;\n\tpadding: 15px 20px;\n\tfont-size: 15px;\n}\n\n:is(.lph-prose,.lph-body) tbody td {\n\tpadding: 14px 20px;\n\tborder-top: 1px solid var( --lph-line );\n\tvertical-align: top;\n}\n\n:is(.lph-prose,.lph-body) tbody tr:nth-child( even ) { background: #fafcfd; }\n\n\/* =========================================================================\n   \u4e03\u3001\u7ec4\u4ef6\uff08\u5df2\u5e26 lph- \u524d\u7f00\uff0c\u547d\u540d\u552f\u4e00\uff0c\u65e0\u9700\u518d\u5957\u4f5c\u7528\u57df\u524d\u7f00\uff09\n   ========================================================================= *\/\n\n\/* ---------- \u5356\u70b9\u5361\u7247 ---------- *\/\n.lph-cards {\n\tdisplay: grid;\n\tgrid-template-columns: repeat( auto-fit, minmax( min( var( --lph-card-min ), 100% ), 1fr ) );\n\tgap: 22px;\n\tmargin: 1.8em 0 !important;\n\tpadding: 0 !important;\n\tlist-style: none;\n\twidth: 100%;\n}\n\n.lph-cards > li,\n.lph-card {\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\tpadding: 30px 28px;\n\tbox-shadow: var( --lph-shadow-sm );\n\tlist-style: none;\n\tmargin: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.lph-card h3,\n.lph-cards h3,\n.lph-cards > li > h3 {\n\tfont-size: 18px;\n\tmargin: 0 0 10px;\n\tcolor: var( --lph-dark );\n\tfont-family: var( --lph-font-head );\n\tline-height: 1.3;\n}\n\n.lph-card p,\n.lph-cards p,\n.lph-cards > li > p {\n\tmargin: 0;\n\tfont-size: 15px;\n\tline-height: 1.68;\n\tcolor: var( --lph-text );\n}\n\n.lph-card__num {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 38px;\n\theight: 38px;\n\tmargin-bottom: 14px;\n\tborder-radius: 10px;\n\tbackground: rgba( 0, 104, 180, .1 );\n\tcolor: var( --lph-primary );\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 800;\n\tfont-size: 16px;\n}\n\n\/* ---------- \u53c2\u6570\u89c4\u683c\u8868\uff08dl\uff09 ---------- *\/\n.lph-specs {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 180px, 260px ) 1fr;\n\tgap: 0;\n\tmargin: 1.6em 0 !important;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\tlist-style: none;\n\tpadding: 0 !important;\n}\n\n.lph-specs dt,\n.lph-specs dd {\n\tmargin: 0;\n\tpadding: 15px 22px;\n\tfont-size: 15.5px;\n\tborder-bottom: 1px solid var( --lph-line );\n}\n\n.lph-specs dt {\n\tbackground: var( --lph-soft );\n\tfont-weight: 700;\n\tcolor: var( --lph-dark );\n\tfont-family: var( --lph-font-head );\n\tfont-size: 15px;\n}\n\n.lph-specs dd { background: #fff; }\n\n.lph-specs > dt:last-of-type,\n.lph-specs > dd:last-of-type { border-bottom: 0; }\n\n\/* ---------- \u9ad8\u4eae\u63d0\u793a\u5757 ---------- *\/\n.lph-hl {\n\tmargin: 1.8em 0 !important;\n\tpadding: 26px 30px;\n\tborder: 1px solid rgba( 0, 180, 166, .3 );\n\tborder-left: 4px solid var( --lph-secondary );\n\tborder-radius: var( --lph-radius );\n\tbackground: rgba( 0, 180, 166, .06 );\n}\n\n.lph-hl strong { color: var( --lph-dark ); }\n.lph-hl p:last-child { margin-bottom: 0; }\n\n\/* ---------- \u5185\u8054 CTA \u6761 ---------- *\/\n.lph-cta-inline {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 26px;\n\tflex-wrap: wrap;\n\tmargin: 0 !important;\n\tpadding: 34px 40px;\n\tborder-radius: var( --lph-radius-lg );\n\tbackground: linear-gradient( 120deg, var( --lph-dark ), var( --lph-primary ) );\n\tcolor: #fff;\n}\n\n.lph-cta-inline p {\n\tmargin: 0;\n\tcolor: #fff;\n\tfont-size: 19px;\n\tfont-weight: 700;\n\tfont-family: var( --lph-font-head );\n\tmax-width: 760px;\n}\n\n\/* ---------- \u6309\u94ae ---------- *\/\n.lph-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tpadding: 16px 34px;\n\tborder-radius: 50px;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 15.5px;\n\tline-height: 1;\n\ttext-decoration: none !important;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;\n\twhite-space: nowrap;\n}\n\n.lph-btn--primary {\n\tbackground: var( --lph-primary );\n\tcolor: #fff !important;\n\tbox-shadow: 0 6px 18px rgba( 0, 104, 180, .28 );\n}\n\n.lph-btn--primary:hover,\n.lph-btn--primary:focus {\n\tbackground: var( --lph-dark );\n\tcolor: #fff !important;\n\ttransform: translateY( -2px );\n\tbox-shadow: 0 10px 26px rgba( 0, 60, 104, .3 );\n}\n\n.lph-btn--lg { padding: 19px 42px; font-size: 17px; }\n.lph-btn--sm { padding: 11px 22px; font-size: 14px; }\n\n\/* ---------- \u4ea7\u54c1\u7f51\u683c\uff08\u77ed\u4ee3\u7801  \u52a8\u6001\u8f93\u51fa\uff09 ---------- *\/\n.lph-products {\n\tdisplay: grid;\n\tgrid-template-columns: repeat( var( --lph-prod-cols, 4 ), minmax( 0, 1fr ) );\n\tgap: 20px;\n\tmargin: 1.8em 0 0;\n\twidth: 100%;\n}\n\n.lph-product {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\ttext-decoration: none !important;\n\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n.lph-product:hover {\n\ttransform: translateY( -3px );\n\tbox-shadow: var( --lph-shadow-sm );\n\tborder-color: #cfdce5;\n}\n\n.lph-product__media {\n\tdisplay: block;\n\taspect-ratio: 4 \/ 3;\n\tbackground: var( --lph-soft );\n\toverflow: hidden;\n}\n\n.lph-product__media img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tdisplay: block;\n\tborder-radius: 0;\n\ttransition: transform .35s ease;\n}\n\n.lph-product:hover .lph-product__media img { transform: scale( 1.04 ); }\n\n.lph-product__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 18px 20px 20px;\n\tflex: 1;\n}\n\n.lph-product__title {\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 15.5px;\n\tline-height: 1.35;\n\tcolor: var( --lph-dark );\n}\n\n.lph-product__cta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tmargin-top: auto;\n\tfont-size: 13.5px;\n\tfont-weight: 700;\n\tcolor: var( --lph-primary );\n}\n\n.lph-product:hover .lph-product__cta { color: var( --lph-dark ); }\n\n\/* ---------- \u5e7f\u544a\u6a21\u5f0f\uff1a\u4ea7\u54c1\u5361\u7247\u5e95\u90e8\u7684\u300c\u54a8\u8be2\u300d\u6309\u94ae ----------\n   \u5e7f\u544a\u6a21\u5f0f\u7531\u63d2\u4ef6\u63a7\u5236\u3002\u5f00\u542f\u65f6\u4ea7\u54c1\u5361\u7247\u4e0d\u53ef\u70b9\u51fb\uff0c\u5e95\u90e8\u6362\u6210\u8fd9\u4e2a\u6309\u94ae\uff0c\n   \u70b9\u51fb\u6253\u5f00 Elementor \u5f39\u7a97\uff08href \u5f62\u5982 #elementor-action:action=popup:open&settings=\u2026\uff09\u3002 *\/\n.lpt-inquire {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: auto;\n\tpadding: 11px 18px;\n\tborder: 0;\n\tborder-radius: 10px;\n\tbackground: var( --lph-primary );\n\tcolor: #fff !important;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\ttext-align: center;\n\ttext-decoration: none !important;\n\tcursor: pointer;\n\ttransition: background .18s ease;\n}\n\n.lpt-inquire:hover { background: var( --lph-dark ); color: #fff !important; }\n\n\/* \u5e7f\u544a\u6a21\u5f0f\u4e0b\u5361\u7247\u4e0d\u518d\u53ef\u70b9 *\/\n.lph-products--admode .lph-product { cursor: default; }\n\n\/* \u88ab\u62c6\u6389\u94fe\u63a5\u7684\u6b63\u6587\u6587\u5b57\uff08\u5e7f\u544a\u6a21\u5f0f\u4e0b\u4fdd\u7559\u53ef\u8bfb\u6027\uff0c\u4f46\u4e0d\u518d\u662f\u94fe\u63a5\uff09 *\/\n.lpt-nolink { color: inherit; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u7528\u6b21\u8272\uff0c\u4fdd\u8bc1\u5bf9\u6bd4\u5ea6 *\/\n.lph-block--dark .lpt-inquire { background: var( --lph-secondary ); }\n.lph-block--dark .lpt-inquire:hover { background: #009c90; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u7684\u4ea7\u54c1\u5361\u7247\u8ddf\u7740\u6362\u8272 *\/\n.lph-block--dark .lph-product {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark .lph-product:hover { border-color: rgba( 255, 255, 255, .3 ); }\n.lph-block--dark .lph-product__media { background: rgba( 255, 255, 255, .05 ); }\n.lph-block--dark .lph-product__title { color: #fff; }\n.lph-block--dark .lph-product__cta { color: var( --lph-secondary ); }\n\n\/* \u5361\u7247\u4e0d\u662f\u6574\u5757\u94fe\u63a5\u3001\u4f46\u8981\u6c42\u53ef\u70b9\u51fb\u65f6\uff0c\u56fe\u7247\u5355\u72ec\u5305\u4e00\u5c42\u94fe\u63a5\uff08\u907f\u514d <a> \u5d4c\u5957\uff09 *\/\n.lph-product__media-link {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\ttext-decoration: none;\n}\n\n\/* =========================================================================\n   \u4e03\u4e4b\u4e8c\u3001\u914d\u56fe\n   -------------------------------------------------------------------------\n   \u5355\u56fe\uff1a<figure class=\"lph-figure\"><img ...><figcaption>\u2026<\/figcaption><\/figure>\n   \u5e76\u6392\uff1a<div class=\"lph-figure-row lph-figure-row--2\">\uff08\u6216 --3\uff09\u91cc\u653e\u591a\u4e2a figure\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) .lph-figure {\n\tmargin: 2em 0;\n\tbreak-inside: avoid;\n\tpage-break-inside: avoid;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure img {\n\twidth: 100%;\n\theight: auto;\n\tdisplay: block;\n\tborder-radius: var( --lph-radius-lg );\n\tbackground: var( --lph-soft );\n}\n\n:is(.lph-prose,.lph-body) .lph-figure figcaption {\n\tmargin-top: 12px;\n\tfont-size: 14px;\n\tline-height: 1.6;\n\tcolor: #8a97a3;\n\ttext-align: center;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure-row {\n\tdisplay: grid;\n\tgap: 20px;\n\tmargin: 2em 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure-row--2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) .lph-figure-row--3 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n\n:is(.lph-prose,.lph-body) .lph-figure-row .lph-figure { margin: 0; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u914d\u56fe\u8bf4\u660e\u8981\u63d0\u4eae *\/\n.lph-block--dark .lph-figure figcaption { color: rgba( 255, 255, 255, .6 ); }\n.lph-block--dark .lph-figure img { background: rgba( 255, 255, 255, .05 ); }\n\n\/* =========================================================================\n   \u4e5d\u3001WooCommerce \u539f\u751f\u77ed\u4ee3\u7801\u517c\u5bb9\uff08\u4e0d\u88c5\u5b50\u4e3b\u9898\u65f6\u7528\uff09\n   -------------------------------------------------------------------------\n   \u5b50\u4e3b\u9898\u91cc\u7684  \u9700\u8981 PHP \u73af\u5883\uff0c\u7eaf\u7c98\u8d34\u7684\u6b63\u6587\u7528\u4e0d\u4e86\u3002\n   \u66ff\u4ee3\u65b9\u6848\u662f WooCommerce **\u81ea\u5e26**\u7684\u77ed\u4ee3\u7801\uff08\u5b83\u672c\u6765\u5c31\u88c5\u5728\u7ad9\u4e0a\uff09\uff1a\n\n       <div class=\"woocommerce columns-4 \"><\/div>\n\n   \u26a0 \u53c2\u6570**\u4e0d\u8981\u5199\u5f15\u53f7** \u2014\u2014 \u5bcc\u6587\u672c\u7f16\u8f91\u5668\u4f1a\u628a\u534a\u89d2\u5f15\u53f7\u8f6c\u6210\u5f2f\u5f15\u53f7\uff0c\n     WooCommerce \u5c31\u89e3\u6790\u4e0d\u51fa\u5c5e\u6027\u4e86\u3002\u4e0d\u5e26\u5f15\u53f7\u7684\u5199\u6cd5\u540c\u6837\u5408\u6cd5\u3002\n\n   \u4e0b\u9762\u7684\u89c4\u5219\u628a WooCommerce \u9ed8\u8ba4\u7684 ul.products \/ li.product \u7f51\u683c\n   \u6539\u6210\u548c .lph-product \u5361\u7247\u4e00\u81f4\u7684\u89c2\u611f\u3002\u6837\u5f0f\u53ea\u5728\u6b63\u6587\u5bb9\u5668\u5185\u751f\u6548\u3002\n   ========================================================================= *\/\n\n\/* ---------- \u7f51\u683c\u5bb9\u5668 ---------- *\/\n:is(.lph-prose,.lph-body) ul.products {\n\tdisplay: grid !important;\n\tgrid-template-columns: repeat( 4, minmax( 0, 1fr ) );\n\tgap: 20px;\n\tmargin: 2em 0 !important;\n\tpadding: 0 !important;\n\tlist-style: none !important;\n}\n\n\/* \u8ddf\u7740\u77ed\u4ee3\u7801\u7684 columns \u53c2\u6570\u8d70 *\/\n:is(.lph-prose,.lph-body) ul.products.columns-2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-3 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-4 { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 5, minmax( 0, 1fr ) ); }\n\n\/* ---------- \u5355\u5f20\u5361\u7247 ---------- *\/\n:is(.lph-prose,.lph-body) ul.products li.product {\n\twidth: 100% !important;\n\tfloat: none !important;\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\tbox-shadow: var( --lph-shadow-sm );\n\ttext-align: left;\n\tlist-style: none;\n\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n:is(.lph-prose,.lph-body) ul.products li.product:hover {\n\ttransform: translateY( -3px );\n\tborder-color: #cfdce5;\n\tbox-shadow: 0 6px 20px rgba( 16, 42, 67, .10 );\n}\n\n\/* \u5546\u54c1\u56fe *\/\n:is(.lph-prose,.lph-body) ul.products li.product a img,\n:is(.lph-prose,.lph-body) ul.products li.product img {\n\twidth: 100% !important;\n\theight: auto;\n\taspect-ratio: 4 \/ 3;\n\tobject-fit: cover;\n\tmargin: 0 !important;\n\tborder-radius: 0 !important;\n\tdisplay: block;\n}\n\n\/* \u6807\u9898 *\/\n:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-product__title {\n\tfont-family: var( --lph-font-head );\n\tfont-size: 15.5px;\n\tfont-weight: 700;\n\tline-height: 1.35;\n\tcolor: var( --lph-dark );\n\tpadding: 16px 18px 18px !important;\n\tmargin: 0 !important;\n}\n\n\/* B2B \u843d\u5730\u9875\u4e0d\u663e\u793a\u4ef7\u683c \/ \u8bc4\u5206 \/ \u52a0\u8d2d\u6309\u94ae\u3002\n   \u60f3\u8ba9\u5b83\u4eec\u663e\u793a\uff0c\u628a\u8fd9\u4e00\u6bb5\u5220\u6389\u5373\u53ef\u3002 *\/\n:is(.lph-prose,.lph-body) ul.products li.product .price,\n:is(.lph-prose,.lph-body) ul.products li.product .star-rating,\n:is(.lph-prose,.lph-body) ul.products li.product .button,\n:is(.lph-prose,.lph-body) ul.products li.product .added_to_cart,\n:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-category__title { display: none !important; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u6362\u6df1\u8272\u4e3b\u9898 *\/\n.lph-block--dark ul.products li.product {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark ul.products li.product:hover { border-color: rgba( 255, 255, 255, .3 ); }\n.lph-block--dark ul.products li.product .woocommerce-loop-product__title { color: #fff; }\n\n\/* \u77ed\u4ee3\u7801\u53ef\u80fd\u5e26\u51fa\u6765\u7684\u5206\u9875 \/ \u6392\u5e8f\u6761\uff0c\u6b63\u6587\u91cc\u4e0d\u9700\u8981 *\/\n:is(.lph-prose,.lph-body) .woocommerce-result-count,\n:is(.lph-prose,.lph-body) .woocommerce-ordering,\n:is(.lph-prose,.lph-body) ul.products + .woocommerce-pagination { display: none !important; }\n\n\/* =========================================================================\n   \u5341\u4e00\u3001\u6309\u300c\u5b9a\u5236\u7c7b\u578b\u300d\u7684\u4e3b\u9898\u53d8\u4f53\uff08\u5dee\u5f02\u5316\u5173\u952e\uff09\n   -------------------------------------------------------------------------\n   \u7528\u6cd5\uff1a\u5728\u6b63\u6587\u6839\u5bb9\u5668\u4e0a\u591a\u52a0\u4e00\u4e2a\u53d8\u4f53\u7c7b\u5373\u53ef\u6574\u9875\u6362\u98ce\u683c\uff1a\n\n       <div class=\"lph-prose lph-theme--yoga\"> \u2026 <\/div>\n\n   \u4e94\u4e2a\u8272\u65cf\u8986\u76d6\u5168\u90e8 35 \u4e2a\u5206\u7c7b\uff1a\n       --team    \u56e2\u961f\u7403\u7c7b\uff08\u8db3\u7403\/\u7bee\u7403\/\u7f51\u7403\/\u8bad\u7ec3\u670d\/\u6821\u670d\/\u5468\u8fb9\uff09      \u54c1\u724c\u84dd\n       --ride    \u9a91\u884c\u4e0e\u9632\u6c34\uff08rush guard \/ \u9a91\u884c\u670d \/ \u529f\u80fd\u5939\u514b\uff09      \u6df1\u9752\n       --water   \u6c34\u4e0a\u8fd0\u52a8\uff08\u6e38\u6cf3 \/ \u51b2\u6d6a\uff09                            \u6c34\u84dd\n       --yoga    \u745c\u4f3d\u5065\u8eab\uff08\u7d27\u8eab\u88e4\/\u8fd0\u52a8\u5185\u8863\/\u745c\u4f3d\u4e0a\u8863\/\u8fde\u4f53\u8863\uff09      \u7d2b + \u73ab\u7ea2\n       --eco     \u53ef\u6301\u7eed\u73af\u4fdd\uff08\u518d\u751f\/\u6709\u673a\u68c9\/\u78b3\u4e2d\u548c\uff09                  \u7eff\n\n   \u53d8\u4f53\u53ea\u8986\u76d6 CSS \u53d8\u91cf\uff0c\u6240\u6709\u7ec4\u4ef6\uff08\u6309\u94ae\u3001\u5361\u7247\u7f16\u53f7\u3001CTA\u3001\u6e10\u53d8\u5e95\u3001\n   \u56fe\u6ce8\u5c0f\u6807\uff09\u81ea\u52a8\u8ddf\u7740\u53d8 \u2014\u2014 \u4e0d\u7528\u4e3a\u6bcf\u4e2a\u7c7b\u578b\u5199\u65b0\u6837\u5f0f\u3002\n   ========================================================================= *\/\n\n\/* \u56e2\u961f\u7403\u7c7b \u2014\u2014 \u54c1\u724c\u84dd\uff08\u9ed8\u8ba4\uff0c\u7b49\u540c\u4e0d\u52a0\u53d8\u4f53\uff09 *\/\n.lph-theme--team {\n\t--lph-primary: #0068b4;\n\t--lph-secondary: #00b4a6;\n\t--lph-dark: #003c68;\n\t--lph-soft: #f2f6fa;\n}\n\n\/* \u9a91\u884c\u4e0e\u9632\u6c34 \u2014\u2014 \u6df1\u9752 *\/\n.lph-theme--ride {\n\t--lph-primary: #0e7490;\n\t--lph-secondary: #22d3ee;\n\t--lph-dark: #083344;\n\t--lph-soft: #eef7f9;\n}\n\n\/* \u6c34\u4e0a\u8fd0\u52a8 \u2014\u2014 \u6c34\u84dd *\/\n.lph-theme--water {\n\t--lph-primary: #0891b2;\n\t--lph-secondary: #67e8f9;\n\t--lph-dark: #164e63;\n\t--lph-soft: #ecf8fb;\n}\n\n\/* \u745c\u4f3d\u5065\u8eab \u2014\u2014 \u7d2b + \u73ab\u7ea2 *\/\n.lph-theme--yoga {\n\t--lph-primary: #7c3aed;\n\t--lph-secondary: #ec4899;\n\t--lph-dark: #4c1d95;\n\t--lph-soft: #f7f4fe;\n}\n\n\/* \u53ef\u6301\u7eed\u73af\u4fdd \u2014\u2014 \u7eff *\/\n.lph-theme--eco {\n\t--lph-primary: #15803d;\n\t--lph-secondary: #84cc16;\n\t--lph-dark: #052e16;\n\t--lph-soft: #f1f8f2;\n}\n\n\/* ---------- \u53d8\u4f53\u751f\u6548\u70b9\uff1a\u8ba9\u300c\u6df1\u84dd\u5e95\u6a21\u5757\u300d\u4e5f\u8ddf\u7740\u8d70\u8272\u65cf ---------- *\/\n.lph-theme--ride .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #083344 0%, #0e7490 100% );\n}\n.lph-theme--water .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #164e63 0%, #0891b2 100% );\n}\n.lph-theme--yoga .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #2e1065 0%, #7c3aed 100% );\n}\n.lph-theme--eco .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #052e16 0%, #15803d 100% );\n}\n\n\/* \u7ed3\u5c3e CTA \u7684\u6e10\u53d8\u4e5f\u6362 *\/\n.lph-theme--ride .lph-block--cta { background: linear-gradient( 135deg, #0e7490 0%, #22d3ee 100% ); }\n.lph-theme--water .lph-block--cta { background: linear-gradient( 135deg, #0891b2 0%, #67e8f9 100% ); }\n.lph-theme--yoga .lph-block--cta { background: linear-gradient( 135deg, #7c3aed 0%, #ec4899 100% ); }\n.lph-theme--eco .lph-block--cta { background: linear-gradient( 135deg, #15803d 0%, #84cc16 100% ); }\n\n\/* =========================================================================\n   \u5341\u4e8c\u3001\u5361\u7247\u56fe\u6807\uff08\u66ff\u4ee3\u5355\u8c03\u7684 01\/02\/03 \u7f16\u53f7\uff09\n   -------------------------------------------------------------------------\n   <li class=\"lph-card\">\n       <span class=\"lph-card__icon\"> <svg \u2026>\u2026<\/svg> <\/span>\n       <h3>\u2026<\/h3><p>\u2026<\/p>\n   <\/li>\n   \u5e26\u56fe\u6807\u65f6\u9690\u85cf\u7f16\u53f7\u3002\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) .lph-card__icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 46px;\n\theight: 46px;\n\tmargin-bottom: 4px;\n\tborder-radius: 12px;\n\tbackground: rgba( 0, 104, 180, .12 );                                    \/* \u515c\u5e95\uff1a\u4e0d\u652f\u6301 color-mix \u7684\u6d4f\u89c8\u5668 *\/\n\tbackground: color-mix( in srgb, var( --lph-primary ) 12%, transparent );  \/* \u8ddf\u968f\u4e3b\u9898\u8272 *\/\n\tcolor: var( --lph-primary );\n}\n\n:is(.lph-prose,.lph-body) .lph-card__icon svg {\n\twidth: 24px;\n\theight: 24px;\n\tdisplay: block;\n}\n\n:is(.lph-prose,.lph-body) .lph-card:has( .lph-card__icon ) .lph-card__num { display: none; }\n\n\/* =========================================================================\n   \u5341\u4e09\u3001\u7248\u5f0f\u53d8\u4f53\uff08\u8ba9\u4e0d\u540c\u54c1\u7c7b\u9875\u7684\u8282\u594f\u4e0d\u4e00\u6837\uff09\n   ========================================================================= *\/\n\n\/* 1) \u9519\u843d\u6392\u5e03\uff1a\u5e76\u6392\u56fe\u91cc\u7b2c\u4e00\u5f20\u66f4\u9ad8\uff0c\u6253\u7834\u7b49\u9ad8\u5446\u677f\u611f *\/\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger { align-items: start; }\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:first-child img { aspect-ratio: 3 \/ 4; }\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:last-child { margin-top: 46px; }\n\n\/* 2) \u56fe\u6587\u5206\u680f\uff1a\u6587\u5b57\u5728\u5de6\u3001\u56fe\u5728\u53f3\uff08\u7528\u4e8e\u300c\u4e3a\u4ec0\u4e48\u9009\u6211\u4eec\u300d\u8fd9\u7c7b\u6a21\u5757\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-split {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );\n\tgap: 40px;\n\talign-items: center;\n\tmargin: 2em 0 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-split > .lph-split__text { min-width: 0; }\n:is(.lph-prose,.lph-body) .lph-split > .lph-split__media { min-width: 0; }\n:is(.lph-prose,.lph-body) .lph-split .lph-figure { margin: 0; }\n\n\/* 3) \u51fa\u8840\u56fe\uff1a\u6a21\u5757\u5185\u901a\u680f\u5927\u56fe\uff0c\u5236\u9020\u89c6\u89c9\u505c\u987f *\/\n:is(.lph-prose,.lph-body) .lph-figure--bleed {\n\tmargin-left: calc( 50% - 50vw );\n\tmargin-right: calc( 50% - 50vw );\n\twidth: 100vw;\n\tmax-width: none;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure--bleed img {\n\tborder-radius: 0;\n\tmax-height: 460px;\n\tobject-fit: cover;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure--bleed figcaption {\n\tpadding: 0 calc( 50vw - 50% + var( --lph-block-pad ) );\n\ttext-align: left;\n}\n\n\/* 4) \u89c4\u683c\u8868 + \u56fe\u7684\u5de6\u53f3\u5206\u680f\uff08Fabric \u6a21\u5757\u7528\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-specs-split {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 0, 1.15fr ) minmax( 0, .85fr );\n\tgap: 36px;\n\talign-items: start;\n\tmargin: 1.6em 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-specs-split .lph-figure { margin: 0; }\n\n\/* \u54cd\u5e94\u5f0f\uff1a\u5206\u680f\u5728\u7a84\u5c4f\u584c\u6210\u5355\u5217 *\/\n@media ( max-width: 900px ) {\n\t:is(.lph-prose,.lph-body) .lph-split,\n\t:is(.lph-prose,.lph-body) .lph-specs-split {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 22px;\n\t}\n\t:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:last-child { margin-top: 0; }\n\t:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:first-child img { aspect-ratio: 4 \/ 3; }\n\t:is(.lph-prose,.lph-body) .lph-figure--bleed img { max-height: 320px; }\n}\n\n\/* =========================================================================\n   \u5341\u56db\u3001\u54cd\u5e94\u5f0f\n   ========================================================================= *\/\n@media ( max-width: 1440px ) {\n\t:root { --lph-block-pad: 60px; }\n}\n\n@media ( max-width: 1100px ) {\n\t:root { --lph-block-pad: 44px; --lph-card-min: 280px; }\n\t:is(.lph-prose,.lph-body) .lph-list-2col { columns: 1; }\n\t.lph-products { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n}\n\n@media ( max-width: 900px ) {\n\t:root { --lph-block-pad: 34px; }\n\t.lph-prose { font-size: 16.5px; }\n}\n\n@media ( max-width: 782px ) {\n\t:is(.lph-prose,.lph-body) h2 { font-size: 24px; }\n\t:is(.lph-prose,.lph-body) h3 { font-size: 20px; }\n\n\t.lph-cards { grid-template-columns: 1fr; gap: 16px; }\n\t.lph-cards > li,\n\t.lph-card { padding: 24px 22px; }\n\n\t.lph-products { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 14px; }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-3,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 14px; }\n\t:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-product__title { font-size: 14.5px; padding: 14px 15px 16px !important; }\n\t.lph-product__body { padding: 14px 15px 16px; gap: 8px; }\n\t.lph-product__title { font-size: 14.5px; }\n\t.lph-product__cta { font-size: 13px; }\n\t.lph-product:hover { transform: none; }\n\n\t.lph-specs { grid-template-columns: 1fr; }\n\t.lph-specs dt { border-bottom: 0; padding-bottom: 5px; }\n\t.lph-specs dd { padding-top: 5px; }\n\n\t.lph-cta-inline { padding: 26px 22px; }\n\t.lph-cta-inline p { font-size: 17px; }\n\t.lph-cta-inline .lph-btn { width: 100%; }\n\n\t\/* \u624b\u673a\u4e0a\u5e76\u6392\u914d\u56fe\u6539\u5355\u5217\uff0c\u5426\u5219\u6bcf\u5f20\u53ea\u5269\u4e00\u767e\u591a\u50cf\u7d20 *\/\n\t:is(.lph-prose,.lph-body) .lph-figure-row--2,\n\t:is(.lph-prose,.lph-body) .lph-figure-row--3 { grid-template-columns: 1fr; gap: 16px; }\n\t:is(.lph-prose,.lph-body) .lph-figure figcaption { font-size: 13px; text-align: left; }\n}\n\n@media ( max-width: 480px ) {\n\t:root { --lph-block-pad: 26px; }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-2,\n\t:is(.lph-prose,.lph-body) ul.products.columns-3,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: 1fr; }\n}\n\n@media ( prefers-reduced-motion: reduce ) {\n\t.lph-btn { transition: none !important; }\n}\n\n@media print {\n\t.lph-block { break-inside: avoid; box-shadow: none; }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands Bike shorts are judged on two things that are easy to get wrong and hard to forgive \u2014 stretch that recovers, and a hem that stays put. A short that rides up the thigh or goes sheer at the seat fails in the first ten minutes, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4373,"parent":400,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4337","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands\" \/>\n<meta property=\"og:description\" content=\"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands Bike shorts are judged on two things that are easy to get wrong and hard to forgive \u2014 stretch that recovers, and a hem that stays put. A short that rides up the thigh or goes sheer at the seat fails in the first ten minutes, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/test.global-so.com\/zh\/products\/4-way-stretch-bike-shorts\/\" \/>\n<meta property=\"og:site_name\" content=\"Passion Activewear\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-10T08:49:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/4-way-stretch-bike-shorts-hero-a.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"823\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/\",\"name\":\"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4-way-stretch-bike-shorts-hero-a.webp\",\"datePublished\":\"2026-09-21T06:30:43+00:00\",\"dateModified\":\"2026-11-10T08:49:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4-way-stretch-bike-shorts-hero-a.webp\",\"contentUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/4-way-stretch-bike-shorts-hero-a.webp\",\"width\":1920,\"height\":823,\"caption\":\"4 Way Stretch Bike Shorts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/4-way-stretch-bike-shorts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/test.global-so.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"4-Way Stretch Bike Shorts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#website\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/\",\"name\":\"ActiveWear\",\"description\":\"Building It Better In Concrete\",\"publisher\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#\\\/schema\\\/person\\\/1865438f47c8d85f16b5d279bf6ec69d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/test.global-so.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#\\\/schema\\\/person\\\/1865438f47c8d85f16b5d279bf6ec69d\",\"name\":\"admins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"contentUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"width\":512,\"height\":512,\"caption\":\"admins\"},\"logo\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\"},\"sameAs\":[\"http:\\\/\\\/test.global-so.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"zh_CN","og_type":"article","og_title":"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands","og_description":"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands Bike shorts are judged on two things that are easy to get wrong and hard to forgive \u2014 stretch that recovers, and a hem that stays put. A short that rides up the thigh or goes sheer at the seat fails in the first ten minutes, [&hellip;]","og_url":"https:\/\/test.global-so.com\/zh\/products\/4-way-stretch-bike-shorts\/","og_site_name":"Passion Activewear","article_modified_time":"2026-11-10T08:49:05+00:00","og_image":[{"width":1920,"height":823,"url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/4-way-stretch-bike-shorts-hero-a.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/","url":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/","name":"Custom 4-Way Stretch Bike Shorts Manufacturer for Activewear Brands","isPartOf":{"@id":"https:\/\/test.global-so.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/#primaryimage"},"image":{"@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/#primaryimage"},"thumbnailUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/4-way-stretch-bike-shorts-hero-a.webp","datePublished":"2026-09-21T06:30:43+00:00","dateModified":"2026-11-10T08:49:05+00:00","breadcrumb":{"@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/#primaryimage","url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/4-way-stretch-bike-shorts-hero-a.webp","contentUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/4-way-stretch-bike-shorts-hero-a.webp","width":1920,"height":823,"caption":"4 Way Stretch Bike Shorts"},{"@type":"BreadcrumbList","@id":"https:\/\/test.global-so.com\/products\/4-way-stretch-bike-shorts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/test.global-so.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/test.global-so.com\/products\/"},{"@type":"ListItem","position":3,"name":"4-Way Stretch Bike Shorts"}]},{"@type":"WebSite","@id":"https:\/\/test.global-so.com\/#website","url":"https:\/\/test.global-so.com\/","name":"ActiveWear","description":"Building It Better In Concrete","publisher":{"@id":"https:\/\/test.global-so.com\/#\/schema\/person\/1865438f47c8d85f16b5d279bf6ec69d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/test.global-so.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"https:\/\/test.global-so.com\/#\/schema\/person\/1865438f47c8d85f16b5d279bf6ec69d","name":"admins","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","contentUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","width":512,"height":512,"caption":"admins"},"logo":{"@id":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp"},"sameAs":["http:\/\/test.global-so.com"]}]}},"_links":{"self":[{"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/pages\/4337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/comments?post=4337"}],"version-history":[{"count":3,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/pages\/4337\/revisions"}],"predecessor-version":[{"id":4948,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/pages\/4337\/revisions\/4948"}],"up":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/pages\/400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/media\/4373"}],"wp:attachment":[{"href":"https:\/\/test.global-so.com\/zh\/wp-json\/wp\/v2\/media?parent=4337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}