{"id":1669,"date":"2026-05-06T06:45:02","date_gmt":"2026-05-06T06:45:02","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=1669"},"modified":"2026-05-27T02:43:30","modified_gmt":"2026-05-27T02:43:30","slug":"soft-play-sets","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/es\/soft-play-equipment\/soft-play-sets\/","title":{"rendered":"Conjuntos de juego suaves"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-52d3997\" data-block-id=\"52d3997\"><style>.stk-52d3997 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-52d3997-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5806442\" data-v=\"4\" data-block-id=\"5806442\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5806442-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5806442-inner-blocks\">\n<style>\n    \/* 3. Aesthetics & Fonts: High-quality B2B Font *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* 1. Highest Level Scope: Unique ID container *\/\n    #didi-soft-play-hero {\n        width: 100% !important;\n        padding: 40px 0 !important; \/* Adhering to 40px padding requirement *\/\n        background-color: #F5F7FA !important; \/* Extremely light gray for clean B2B look *\/\n        font-family: 'Inter', sans-serif !important;\n        box-sizing: border-box !important;\n        position: relative !important;\n        overflow: hidden !important;\n        color: #333333 !important;\n    }\n\n    #didi-soft-play-hero * {\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. Layout & Frameworks: Custom handwritten Grid & Flexbox *\/\n    #didi-soft-play-hero .didi-container {\n        max-width: 1600px !important;\n        margin: 0 auto !important;\n        padding: 0 30px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 60px !important;\n    }\n\n    \/* Top Content Area: Left Text, Right Image *\/\n    #didi-soft-play-hero .didi-hero-content {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 40px !important;\n    }\n\n    \/* Left Column *\/\n    #didi-soft-play-hero .didi-left-col {\n        flex: 1 1 45% !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        min-width: 320px !important;\n    }\n\n    \/* Trustpilot Style Badge *\/\n    #didi-soft-play-hero .didi-trust-badge {\n        display: flex !important;\n        align-items: center !important;\n        gap: 10px !important;\n        margin-bottom: 20px !important;\n        font-size: 14px !important;\n        font-weight: 600 !important;\n        color: #555555 !important;\n    }\n\n    #didi-soft-play-hero .didi-stars {\n        color: #FFD848 !important; \/* Logo Sub Color *\/\n        font-size: 18px !important;\n        letter-spacing: 2px !important;\n    }\n\n    \/* SEO Optimized Headers mapped exactly to requirements *\/\n    #didi-soft-play-hero h1.didi-h1-title {\n        font-size: 32px !important; \/* Theme default standard mapped *\/\n        font-weight: 800 !important;\n        color: #333333 !important;\n        margin: 0 0 10px 0 !important;\n        line-height: 1.2 !important;\n        text-transform: capitalize !important;\n        letter-spacing: -0.5px !important;\n    }\n\n    #didi-soft-play-hero h2.didi-h2-subtitle {\n        font-size: 22px !important;\n        font-weight: 600 !important;\n        color: #304890 !important; \/* Primary Brand Button Color as accent *\/\n        margin: 0 0 24px 0 !important;\n        line-height: 1.4 !important;\n    }\n\n    #didi-soft-play-hero .didi-description {\n        font-size: 16px !important;\n        line-height: 1.7 !important;\n        color: #555555 !important;\n        margin: 0 0 35px 0 !important;\n        max-width: 90% !important;\n    }\n\n    \/* Grayscale Logo Wall *\/\n    #didi-soft-play-hero .didi-logo-wall {\n        display: flex !important;\n        align-items: center !important;\n        gap: 25px !important;\n        margin-bottom: 40px !important;\n        opacity: 0.6 !important;\n        filter: grayscale(100%) !important;\n        transition: all 0.3s ease !important;\n    }\n\n    #didi-soft-play-hero .didi-logo-wall:hover {\n        opacity: 1 !important;\n        filter: grayscale(0%) !important;\n    }\n\n    #didi-soft-play-hero .didi-logo-text {\n        font-size: 12px !important;\n        font-weight: 600 !important;\n        text-transform: uppercase !important;\n        color: #888888 !important;\n        letter-spacing: 1px !important;\n    }\n\n    #didi-soft-play-hero .didi-mock-logo {\n        height: 24px !important;\n        width: auto !important;\n        fill: currentColor !important;\n    }\n\n    \/* Buttons Container *\/\n    #didi-soft-play-hero .didi-btn-group {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        gap: 15px !important;\n    }\n\n    #didi-soft-play-hero .didi-btn-primary {\n        background-color: #304890 !important; \/* High Saturation Brand Color *\/\n        color: #FFFFFF !important;\n        padding: 16px 32px !important;\n        font-size: 15px !important;\n        font-weight: 600 !important;\n        text-decoration: none !important;\n        border-radius: 4px !important;\n        transition: all 0.3s ease !important;\n        box-shadow: 0 8px 20px rgba(48, 72, 144, 0.2) !important;\n        border: 2px solid #304890 !important;\n    }\n\n    #didi-soft-play-hero .didi-btn-primary:hover {\n        background-color: #24366b !important;\n        box-shadow: 0 12px 25px rgba(48, 72, 144, 0.3) !important;\n        transform: translateY(-2px) !important;\n    }\n\n    #didi-soft-play-hero .didi-btn-secondary {\n        background-color: transparent !important;\n        color: #304890 !important;\n        padding: 16px 32px !important;\n        font-size: 15px !important;\n        font-weight: 600 !important;\n        text-decoration: none !important;\n        border-radius: 4px !important;\n        transition: all 0.3s ease !important;\n        border: 2px solid #00D8FF !important; \/* Logo Main Color *\/\n    }\n\n    #didi-soft-play-hero .didi-btn-secondary:hover {\n        background-color: #00D8FF !important;\n        color: #FFFFFF !important;\n        transform: translateY(-2px) !important;\n    }\n\n    \/* Right Column: Image with Fade-out edge *\/\n    #didi-soft-play-hero .didi-right-col {\n        flex: 1 1 45% !important;\n        display: flex !important;\n        justify-content: flex-end !important;\n        position: relative !important;\n    }\n\n    #didi-soft-play-hero .didi-image-wrapper {\n        width: 100% !important;\n        max-width: 700px !important;\n        position: relative !important;\n        \/* Natural fade out effect blending into background *\/\n        -webkit-mask-image: radial-gradient(ellipse at center, black 65%, transparent 100%) !important;\n        mask-image: radial-gradient(ellipse at center, black 65%, transparent 100%) !important;\n    }\n\n    #didi-soft-play-hero .didi-hero-img {\n        width: 100% !important;\n        height: auto !important;\n        display: block !important;\n        object-fit: contain !important;\n        \/* Ensures compatibility with FlyingPress by loading eagerly *\/\n    }\n\n    \/* Bottom Row: Floating Data Cards with Deep Shadow *\/\n    #didi-soft-play-hero .didi-stats-row {\n        display: grid !important;\n        grid-template-columns: repeat(4, 1fr) !important;\n        gap: 30px !important;\n        width: 100% !important;\n        z-index: 10 !important;\n    }\n\n    #didi-soft-play-hero .didi-stat-card {\n        background: #FFFFFF !important;\n        padding: 35px 25px !important;\n        border-radius: 8px !important;\n        text-align: center !important;\n        \/* DEEP SHADOW EFFECT *\/\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.12), 0 10px 25px -10px rgba(0, 0, 0, 0.08) !important;\n        border-bottom: 4px solid #00D8FF !important;\n        transition: transform 0.3s ease !important;\n    }\n\n    #didi-soft-play-hero .didi-stat-card:hover {\n        transform: translateY(-5px) !important;\n    }\n\n    \/* 2. Tag replacement for stat headers to avoid leakage *\/\n    #didi-soft-play-hero .didi-stat-number {\n        display: block !important;\n        font-size: 36px !important;\n        font-weight: 800 !important;\n        color: #304890 !important;\n        margin-bottom: 12px !important;\n        line-height: 1 !important;\n    }\n\n    #didi-soft-play-hero .didi-stat-text {\n        display: block !important;\n        font-size: 14px !important;\n        color: #666666 !important;\n        line-height: 1.5 !important;\n        font-weight: 500 !important;\n    }\n\n    \/* Responsive Adjustments *\/\n    @media (max-width:1000px) {\n        #didi-soft-play-hero .didi-stats-row {\n            grid-template-columns: repeat(2, 1fr) !important;\n        }\n    }\n\n    @media (max-width:690px) {\n        #didi-soft-play-hero .didi-hero-content {\n            flex-direction: column !important;\n            text-align: center !important;\n        }\n        #didi-soft-play-hero .didi-trust-badge,\n        #didi-soft-play-hero .didi-logo-wall,\n        #didi-soft-play-hero .didi-btn-group {\n            justify-content: center !important;\n        }\n        #didi-soft-play-hero .didi-description {\n            max-width: 100% !important;\n            margin: 0 auto 30px auto !important;\n        }\n        #didi-soft-play-hero .didi-stats-row {\n            grid-template-columns: 1fr !important;\n            gap: 20px !important;\n        }\n        #didi-soft-play-hero h1.didi-h1-title {\n            font-size: 28px !important;\n        }\n    }\n<\/style>\n\n<section id=\"didi-soft-play-hero\">\n    <div class=\"didi-container\">\n        \n        <div class=\"didi-hero-content\">\n            <div class=\"didi-left-col\">\n                <div class=\"didi-trust-badge\">\n                    <span class=\"didi-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                    <span>Excellent Corporate Partner Rating<\/span>\n                <\/div>\n                \n                <h1 class=\"didi-h1-title\">Commercial Soft Play Sets<\/h1>\n                <h2 class=\"didi-h2-subtitle\">Custom Soft Play Sets for Commercial Indoor Play Spaces<\/h2>\n                \n                <p class=\"didi-description\">\n                    Design a soft play that suits the room, the age group, the traffic route, and the business plan. Didi Playground gives back to investments a ready to use, easy to maintain playing space with layout, factory, shipping and after-sales support.\n                <\/p>\n                \n                <div class=\"didi-logo-wall\">\n                    <span class=\"didi-logo-text\">TRUSTED QUALITY:<\/span>\n                    <svg class=\"didi-mock-logo\" viewBox=\"0 0 100 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10,15 A5,5 0 1,1 20,15 A5,5 0 1,1 10,15 M25,10 L35,10 L35,20 L25,20 Z M40,15 L50,5 L50,25 Z M60,15 C60,10 70,10 70,15 C70,20 60,20 60,15 Z\" fill=\"#888\"><\/path><\/svg>\n                    <svg class=\"didi-mock-logo\" viewBox=\"0 0 100 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"15\" cy=\"15\" r=\"8\" fill=\"#888\"><\/circle><rect x=\"30\" y=\"10\" width=\"10\" height=\"10\" fill=\"#888\"><\/rect><polygon points=\"55,5 65,25 45,25\" fill=\"#888\"><\/polygon><\/svg>\n                <\/div>\n\n                <div class=\"didi-btn-group\">\n                    <a href=\"#ct-popup-800\" class=\"didi-btn-primary\">Get a Custom Soft Play Quote<\/a>\n                    \n                <\/div>\n            <\/div>\n\n            <div class=\"didi-right-col\">\n                <div class=\"didi-image-wrapper\">\n                    <img decoding=\"async\" class=\"didi-hero-img\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Custom-Soft-Play-Sets-for-Commercial-Indoor-Play-Spaces.jpg\" alt=\"Custom Soft Play Sets for Commercial Indoor Play Spaces\" fetchpriority=\"high\" loading=\"eager\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"didi-stats-row\">\n            <div class=\"didi-stat-card\">\n                <span class=\"didi-stat-number\">2014<\/span>\n                <span class=\"didi-stat-text\">Founded as an indoor playground equipment manufacturer.<\/span>\n            <\/div>\n            <div class=\"didi-stat-card\">\n                <span class=\"didi-stat-number\" style=\"color: #00D8FF !important;\">40+<\/span>\n                <span class=\"didi-stat-text\">Countries named by the company for export reach.<\/span>\n            <\/div>\n            <div class=\"didi-stat-card\">\n                <span class=\"didi-stat-number\" style=\"color: #FFD848 !important;\">2D\/3D<\/span>\n                <span class=\"didi-stat-text\">Design path before production and shipping.<\/span>\n            <\/div>\n            <div class=\"didi-stat-card\">\n                <span class=\"didi-stat-number\">24\/7<\/span>\n                <span class=\"didi-stat-text\">Online support claim supplied by Didi.<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-52306b0\" data-block-id=\"52306b0\"><style>.stk-52306b0 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-52306b0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1f52f1b\" data-v=\"4\" data-block-id=\"1f52f1b\"><style>.stk-1f52f1b-container{margin-top:var(--stk--preset--spacing--50, 1.5rem) !important;margin-right:var(--stk--preset--spacing--50, 1.5rem) !important;margin-bottom:var(--stk--preset--spacing--50, 1.5rem) !important;margin-left:var(--stk--preset--spacing--50, 1.5rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1f52f1b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-1f52f1b-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-7ef7e9b\" data-block-id=\"7ef7e9b\"><style>.stk-7ef7e9b {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7ef7e9b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2606f4e\" data-v=\"4\" data-block-id=\"2606f4e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2606f4e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2606f4e-inner-blocks\">\n<style>\n    \/* 3. Aesthetics & Fonts: High-quality B2B Font *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* 1. Highest Level Scope: All rules locked to #didi-commercial-venues *\/\n    #didi-commercial-venues {\n        width: 100% !important;\n        background-color: #F8FCFD !important; \/* Extremely subtle tint to prevent stark white spaces *\/\n        background-image: linear-gradient(135deg, #F8FCFD 0%, #FFFFFF 100%) !important;\n        padding: 40px 0 !important; \/* Satisfies 40px section height\/padding requirement *\/\n        font-family: 'Inter', sans-serif !important;\n        box-sizing: border-box !important;\n        position: relative !important;\n        overflow: hidden !important;\n        color: #2D3748 !important;\n    }\n\n    \/* Premium B2B Layering: Corporate Geometric Overlay *\/\n    #didi-commercial-venues::before {\n        content: \"\" !important;\n        position: absolute !important;\n        top: -10% !important;\n        left: -5% !important;\n        width: 400px !important;\n        height: 400px !important;\n        background: radial-gradient(circle, rgba(0, 216, 255, 0.05) 0%, rgba(255,255,255,0) 70%) !important;\n        border-radius: 50% !important;\n        z-index: 0 !important;\n        pointer-events: none !important;\n    }\n\n    #didi-commercial-venues * {\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. Layout & Framework: Custom Grid, Max-width 1600px, 30px-70px padding *\/\n    #didi-commercial-venues .didi-container {\n        max-width: 1600px !important;\n        margin: 0 auto !important;\n        padding: 0 40px !important; \n        display: grid !important;\n        grid-template-columns: 1fr 1fr !important;\n        gap: 50px !important;\n        align-items: center !important;\n        position: relative !important;\n        z-index: 2 !important;\n    }\n\n    \/* Left Column: Text & SEO Headers *\/\n    #didi-commercial-venues .didi-content-left {\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n    }\n\n    \/* B2B Accent Line *\/\n    #didi-commercial-venues .didi-accent {\n        width: 80px !important;\n        height: 4px !important;\n        background: linear-gradient(90deg, #00D8FF 0%, #FFD848 100%) !important;\n        margin-bottom: 24px !important;\n        border-radius: 2px !important;\n    }\n\n    \/* Strictly explicitly setting H2 as requested for SEO *\/\n    #didi-commercial-venues h2.didi-main-title {\n        font-size: 32px !important; \/* Theme default standard mapped *\/\n        font-weight: 800 !important;\n        color: #1A202C !important;\n        line-height: 1.25 !important;\n        margin: 0 0 24px 0 !important;\n        letter-spacing: -0.5px !important;\n    }\n\n    #didi-commercial-venues .didi-lead-text {\n        font-size: 18px !important;\n        font-weight: 600 !important;\n        color: #2B6CB0 !important;\n        margin: 0 0 16px 0 !important;\n        line-height: 1.6 !important;\n    }\n\n    #didi-commercial-venues .didi-sub-text {\n        font-size: 16px !important;\n        color: #4A5568 !important;\n        line-height: 1.7 !important;\n        margin: 0 0 32px 0 !important;\n    }\n\n    \/* Right Column: Strategic Action Cards to eat whitespace and look premium *\/\n    #didi-commercial-venues .didi-cards-right {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 20px !important;\n    }\n\n    #didi-commercial-venues .didi-action-card {\n        background: #FFFFFF !important;\n        border-left: 4px solid #00D8FF !important;\n        padding: 28px 32px !important;\n        border-radius: 6px !important;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05) !important;\n        transition: all 0.3s ease !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n    }\n\n    #didi-commercial-venues .didi-action-card:hover {\n        transform: translateX(5px) !important;\n        box-shadow: 0 15px 35px -10px rgba(0, 216, 255, 0.15) !important;\n        border-left-color: #FFD848 !important;\n    }\n\n    \/* 2. Tag Replacement: Using DIV for subheadings to prevent generic H3\/H4 leaks *\/\n    #didi-commercial-venues .didi-card-title {\n        font-size: 18px !important;\n        font-weight: 700 !important;\n        color: #1A202C !important;\n        margin-bottom: 8px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.5px !important;\n    }\n\n    #didi-commercial-venues .didi-card-desc {\n        font-size: 15px !important;\n        color: #4A5568 !important;\n        line-height: 1.6 !important;\n    }\n\n    \/* Bottom Full-Width Spanning Row for Media Ref & CTA *\/\n    #didi-commercial-venues .didi-footer-row {\n        grid-column: 1 \/ -1 !important;\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        background: #00D8FF !important;\n        background: linear-gradient(90deg, #00D8FF 0%, #00b8db 100%) !important;\n        padding: 24px 40px !important;\n        border-radius: 8px !important;\n        margin-top: 10px !important;\n        box-shadow: 0 20px 40px rgba(0, 216, 255, 0.2) !important;\n    }\n\n    #didi-commercial-venues .didi-media-info {\n        flex: 1 !important;\n        color: #FFFFFF !important;\n    }\n\n    \/* Replaced H4 with styled DIV for media caption *\/\n    #didi-commercial-venues .didi-media-caption {\n        font-size: 16px !important;\n        font-weight: 700 !important;\n        margin-bottom: 6px !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n    }\n\n    #didi-commercial-venues .didi-media-caption::before {\n        content: \"\ud83d\udcf7\" !important;\n        font-size: 18px !important;\n    }\n\n    #didi-commercial-venues .didi-media-note {\n        font-size: 13px !important;\n        opacity: 0.85 !important;\n        line-height: 1.5 !important;\n        max-width: 80% !important;\n    }\n\n    \/* Theme Popup Trigger CTA *\/\n    #didi-commercial-venues .didi-cta-btn {\n        background-color: #FFD848 !important;\n        color: #1A202C !important;\n        padding: 14px 28px !important;\n        font-size: 15px !important;\n        font-weight: 700 !important;\n        text-decoration: none !important;\n        border-radius: 4px !important;\n        transition: all 0.3s ease !important;\n        white-space: nowrap !important;\n        margin-left: 20px !important;\n        border: none !important;\n        cursor: pointer !important;\n    }\n\n    #didi-commercial-venues .didi-cta-btn:hover {\n        background-color: #1A202C !important;\n        color: #FFD848 !important;\n    }\n\n    \/* Responsiveness *\/\n    @media (max-width:1000px) {\n        #didi-commercial-venues .didi-container {\n            grid-template-columns: 1fr !important;\n            gap: 40px !important;\n        }\n        #didi-commercial-venues .didi-footer-row {\n            flex-direction: column !important;\n            align-items: flex-start !important;\n            gap: 20px !important;\n        }\n        #didi-commercial-venues .didi-cta-btn {\n            margin-left: 0 !important;\n            width: 100% !important;\n            text-align: center !important;\n        }\n        #didi-commercial-venues .didi-media-note {\n            max-width: 100% !important;\n        }\n    }\n<\/style>\n\n<section id=\"didi-commercial-venues\">\n    <div class=\"didi-container\">\n        \n        <div class=\"didi-content-left\">\n            <div class=\"didi-accent\"><\/div>\n            <h2 class=\"didi-main-title\">Soft Play Sets Built for Commercial Venues, Not Just Playrooms<\/h2>\n            \n            <p class=\"didi-lead-text\">Home soft play for one area. Commercial soft play for a venue: capacity, parent confidence, cleaning labor, staff lines of sight, and return visitor flow.<\/p>\n            \n            <p class=\"didi-sub-text\">Mall family zones, kindergarten play corners and family restaurants do not require the same soft play set. Think operation: visitors, time, parent view, and maintenance in the starting sketch.<\/p>\n        <\/div>\n\n        <div class=\"didi-cards-right\">\n            <div class=\"didi-action-card\">\n                <div class=\"didi-card-title\">For buying:<\/div>\n                <div class=\"didi-card-desc\">compare scope, finish, quote, service before unit price.<\/div>\n            <\/div>\n            \n            <div class=\"didi-action-card\">\n                <div class=\"didi-card-title\">For owning:<\/div>\n                <div class=\"didi-card-desc\">plan traffic, birthday use, parent seating, and cleaning in the first draft.<\/div>\n            <\/div>\n            \n            <div class=\"didi-action-card\">\n                <div class=\"didi-card-title\">For designing:<\/div>\n                <div class=\"didi-card-desc\">tie foam blocks, slides, tunnels, mats and ball pits to age ranges.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"didi-footer-row\">\n            <div class=\"didi-media-info\">\n                <div class=\"didi-media-caption\">Toddler soft playground equipment in a commercial indoor play area<\/div>\n                <div class=\"didi-media-note\">Use the image as reference media for the new domain build. Replace with uploaded project media if the site library has final assets.<\/div>\n            <\/div>\n            <a href=\"#ct-popup-800\" class=\"didi-cta-btn\">Configure Your Setup<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-98da174\" data-block-id=\"98da174\"><style>.stk-98da174 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-98da174-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-49d6aef\" data-v=\"4\" data-block-id=\"49d6aef\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-49d6aef-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-49d6aef-inner-blocks\">\n<section id=\"gm-investor-fit-module\">\n    <style>\n        \/* Isolation Principle 1 & 3: Scope and Fonts *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* Full-Bleed Background *\/\n        #gm-investor-fit-module {\n            width: 100% !important;\n            background-color: #F8F9FB !important; \/* Very subtle cool gray\/blue to complement #00D8FF *\/\n            padding: 60px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit !important; \/* Fallback to theme, prefer Inter if loaded *\/\n            color: #333333 !important;\n            overflow: hidden !important;\n        }\n\n        #gm-investor-fit-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* Anchored Content Container *\/\n        #gm-investor-fit-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 40px !important;\n        }\n\n        \/* --- Header Section --- *\/\n        #gm-investor-fit-module .gm-header {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            max-width: 900px !important;\n            position: relative !important;\n        }\n\n        \/* Accent mark behind header *\/\n        #gm-investor-fit-module .gm-header::before {\n            content: '' !important;\n            position: absolute !important;\n            top: -20px !important;\n            left: -20px !important;\n            width: 80px !important;\n            height: 80px !important;\n            background: linear-gradient(135deg, rgba(0, 216, 255, 0.1) 0%, rgba(255, 216, 72, 0.05) 100%) !important;\n            border-radius: 50% !important;\n            z-index: 0 !important;\n            pointer-events: none !important;\n        }\n\n        #gm-investor-fit-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.2 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            position: relative !important;\n            z-index: 1 !important;\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 15px !important;\n        }\n\n        \/* Header SVG Icon *\/\n        #gm-investor-fit-module h2.gm-h2-title svg {\n            width: 36px !important;\n            height: 36px !important;\n            fill: #00D8FF !important;\n            flex-shrink: 0 !important;\n        }\n\n        #gm-investor-fit-module .gm-intro-desc {\n            font-size: 17px !important;\n            line-height: 1.6 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            font-weight: 500 !important;\n            position: relative !important;\n            z-index: 1 !important;\n            border-left: 4px solid #FFD848 !important;\n            padding-left: 15px !important;\n        }\n\n        \/* --- Matrix Dashboard (Grid Layout) --- *\/\n        #gm-investor-fit-module .gm-matrix-wrapper {\n            background: #FFFFFF !important;\n            border-radius: 12px !important;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04) !important;\n            overflow: hidden !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n        }\n\n        \/* Table Header *\/\n        #gm-investor-fit-module .gm-matrix-header {\n            display: grid !important;\n            grid-template-columns: 1.5fr 1.5fr 1.2fr 1.2fr 1.2fr !important;\n            background-color: #00D8FF !important;\n            color: #FFFFFF !important;\n            border-bottom: 2px solid #00B5D6 !important;\n        }\n\n        #gm-investor-fit-module .gm-header-cell {\n            padding: 20px 24px !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n        }\n\n        #gm-investor-fit-module .gm-header-cell svg {\n            width: 16px !important;\n            height: 16px !important;\n            fill: #FFFFFF !important;\n        }\n\n        \/* Table Rows *\/\n        #gm-investor-fit-module .gm-matrix-row {\n            display: grid !important;\n            grid-template-columns: 1.5fr 1.5fr 1.2fr 1.2fr 1.2fr !important;\n            border-bottom: 1px solid #EEEEEE !important;\n            transition: background-color 0.2s ease !important;\n        }\n\n        #gm-investor-fit-module .gm-matrix-row:last-child {\n            border-bottom: none !important;\n        }\n\n        #gm-investor-fit-module .gm-matrix-row:hover {\n            background-color: #FAFDFF !important; \/* Very subtle hover state *\/\n        }\n\n        #gm-investor-fit-module .gm-data-cell {\n            padding: 24px !important;\n            font-size: 15px !important;\n            line-height: 1.6 !important;\n            color: #444444 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n            border-right: 1px dashed #F0F0F0 !important;\n        }\n\n        #gm-investor-fit-module .gm-data-cell:last-child {\n            border-right: none !important;\n            align-items: center !important; \/* Center CTA button *\/\n        }\n\n        \/* Emphasize Venue Type *\/\n        #gm-investor-fit-module .gm-venue-cell {\n            font-weight: 700 !important;\n            color: #111111 !important;\n            font-size: 16px !important;\n            background: linear-gradient(90deg, rgba(255, 216, 72, 0.1) 0%, rgba(255,255,255,0) 100%) !important;\n        }\n\n        \/* --- Call to Action Buttons --- *\/\n        #gm-investor-fit-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            text-align: center !important;\n            background-color: #FFFFFF !important;\n            color: #00D8FF !important;\n            font-weight: 700 !important;\n            font-size: 13px !important;\n            padding: 12px 18px !important;\n            border: 2px solid #00D8FF !important;\n            border-radius: 6px !important;\n            text-decoration: none !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            width: 100% !important;\n            line-height: 1.3 !important;\n        }\n\n        #gm-investor-fit-module .gm-cta-btn:hover {\n            background-color: #00D8FF !important;\n            color: #FFFFFF !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 6px 15px rgba(0, 216, 255, 0.25) !important;\n        }\n\n        \/* High Priority CTA styling *\/\n        #gm-investor-fit-module .gm-cta-btn.gm-btn-highlight {\n            background-color: #FFD848 !important;\n            color: #111111 !important;\n            border-color: #FFD848 !important;\n        }\n        \n        #gm-investor-fit-module .gm-cta-btn.gm-btn-highlight:hover {\n            background-color: #E6C241 !important; \/* Slightly darker yellow *\/\n            border-color: #E6C241 !important;\n            box-shadow: 0 6px 15px rgba(255, 216, 72, 0.3) !important;\n        }\n\n        \/* --- Responsive Design --- *\/\n        @media (max-width: 1200px) {\n            #gm-investor-fit-module .gm-matrix-header,\n            #gm-investor-fit-module .gm-matrix-row {\n                grid-template-columns: 1.2fr 1.2fr 1fr 1fr 1fr !important;\n            }\n            #gm-investor-fit-module .gm-header-cell,\n            #gm-investor-fit-module .gm-data-cell {\n                padding: 18px 16px !important;\n            }\n        }\n\n        @media (max-width: 992px) {\n            \/* Switch to card layout for tablets\/mobile to avoid horizontal scrolling *\/\n            #gm-investor-fit-module .gm-matrix-header {\n                display: none !important; \/* Hide standard header *\/\n            }\n            \n            #gm-investor-fit-module .gm-matrix-row {\n                display: flex !important;\n                flex-direction: column !important;\n                border-bottom: 6px solid #F8F9FB !important; \/* Thicker separator between cards *\/\n                padding: 10px 0 !important;\n            }\n\n            #gm-investor-fit-module .gm-data-cell {\n                border-right: none !important;\n                border-bottom: 1px dashed #EEEEEE !important;\n                padding: 16px 24px !important;\n                display: block !important; \/* Allow normal text flow *\/\n            }\n\n            #gm-investor-fit-module .gm-data-cell:last-child {\n                border-bottom: none !important;\n                padding-top: 20px !important;\n            }\n\n            \/* Add labels before content on mobile *\/\n            #gm-investor-fit-module .gm-data-cell::before {\n                font-size: 12px !important;\n                font-weight: 700 !important;\n                color: #00D8FF !important;\n                text-transform: uppercase !important;\n                display: block !important;\n                margin-bottom: 6px !important;\n            }\n\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(1)::before { content: \"Venue type\"; }\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(2)::before { content: \"Best module mix\"; }\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(3)::before { content: \"Planning priority\"; }\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(4)::before { content: \"Commercial goal\"; }\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(5)::before { display: none !important; } \/* Hide label for CTA *\/\n            \n            #gm-investor-fit-module .gm-venue-cell {\n                background: #00D8FF !important;\n                color: #FFFFFF !important;\n            }\n            #gm-investor-fit-module .gm-matrix-row .gm-data-cell:nth-child(1)::before { color: #FFFFFF !important; opacity: 0.8 !important;}\n        }\n\n        @media (max-width:690px) {\n            #gm-investor-fit-module .gm-container { padding: 0 20px !important; }\n            #gm-investor-fit-module h2.gm-h2-title { font-size: 28px !important; }\n            #gm-investor-fit-module .gm-cta-btn { max-width: 300px !important; margin: 0 auto !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <!-- Header Zone -->\n        <div class=\"gm-header\">\n            <h2 class=\"gm-h2-title\">\n                <!-- SVG Icon representing a matrix\/dashboard -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                    <path d=\"M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v4h4V5H5zm6 0v4h8V5h-8zm-6 6v8h4v-8H5zm6 0v8h8v-8h-8z\"\/>\n                <\/svg>\n                The Soft Play Investor Fit Matrix\n            <\/h2>\n            <p class=\"gm-intro-desc\">\n                This table transfers the first purchase call to your layout message. It focuses the viewer on commercial soft play sets rather than retail toy display packs.\n            <\/p>\n        <\/div>\n\n        <!-- Data Matrix -->\n        <div class=\"gm-matrix-wrapper\">\n            \n            <!-- Table Header -->\n            <div class=\"gm-matrix-header\">\n                <div class=\"gm-header-cell\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 12h3v8h14v-8h3L12 2zm0 2.8L19 12h-2v6H7v-6H5l7-7.2z\"\/><\/svg>\n                    Venue type\n                <\/div>\n                <div class=\"gm-header-cell\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M4 4h4v4H4V4zm6 0h10v4H10V4zM4 10h4v4H4v-4zm6 0h10v4H10v-4zM4 16h4v4H4v-4zm6 0h10v4H10v-4z\"\/><\/svg>\n                    Best module mix\n                <\/div>\n                <div class=\"gm-header-cell\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm1-13h-2v6l5.2 3.2.8-1.3-4-2.4V7z\"\/><\/svg>\n                    Planning priority\n                <\/div>\n                <div class=\"gm-header-cell\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/><\/svg>\n                    Commercial goal\n                <\/div>\n                <div class=\"gm-header-cell\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n                    Action\n                <\/div>\n            <\/div>\n\n            <!-- Row 1 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Shopping mall family zone<\/div>\n                <div class=\"gm-data-cell\">Ball pit, slide, tunnel, soft climber, photo-friendly theme pieces<\/div>\n                <div class=\"gm-data-cell\">Open sightlines, clear entry\/exit, stroller flow<\/div>\n                <div class=\"gm-data-cell\">Longer dwell time and repeat family visits<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn gm-btn-highlight\">Request a 3D concept review<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 2 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Family entertainment center<\/div>\n                <div class=\"gm-data-cell\">Soft play set, foam block area, toddler zone, party room tie-in<\/div>\n                <div class=\"gm-data-cell\">Age separation and birthday traffic<\/div>\n                <div class=\"gm-data-cell\">More bookable party packages<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Plan a soft play party zone<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 3 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Kindergarten or early education center<\/div>\n                <div class=\"gm-data-cell\">Low soft blocks, play mats, mini slide, tunnel, sensory pieces<\/div>\n                <div class=\"gm-data-cell\">Supervision, cleaning, age-fit movement<\/div>\n                <div class=\"gm-data-cell\">Safe daily use for younger children<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Ask for material and safety options<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 4 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Family restaurant or hotel<\/div>\n                <div class=\"gm-data-cell\">Compact ball pit, low climber, foam play corner, themed panels<\/div>\n                <div class=\"gm-data-cell\">Compact footprint and parent visibility<\/div>\n                <div class=\"gm-data-cell\">Keep families on site longer<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Get the layout checklist<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 5 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Community recreation room<\/div>\n                <div class=\"gm-data-cell\">Modular soft play set, mats, tunnels, foam blocks<\/div>\n                <div class=\"gm-data-cell\">Flexible floor use and easy cleaning<\/div>\n                <div class=\"gm-data-cell\">Shared family activity space<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Review your room plan<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 6 -->\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-venue-cell\">Soft play startup or rental business<\/div>\n                <div class=\"gm-data-cell\">Ball pit, slide, rocker, foam flooring, themed loose pieces<\/div>\n                <div class=\"gm-data-cell\">Transport, setup time, replacement parts<\/div>\n                <div class=\"gm-data-cell\">Reliable party rental inventory<\/div>\n                <div class=\"gm-data-cell\">\n                    <a href=\"#ct-popup-800\" class=\"gm-cta-btn gm-btn-highlight\">Request module suggestions<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f13238a\" data-block-id=\"f13238a\"><style>.stk-f13238a {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f13238a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d897abd\" data-v=\"4\" data-block-id=\"d897abd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d897abd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d897abd-inner-blocks\">\n<section id=\"gm-softplay-modules-selection\">\n    <style>\n        \/* Isolation Principle 1 & 3: Scope and High-Quality Fonts *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* Full-Bleed Background *\/\n        #gm-softplay-modules-selection {\n            width: 100% !important;\n            background-color: #FFFFFF !important;\n            \/* Subtle background pattern to reduce empty white space feeling *\/\n            background-image: radial-gradient(rgba(0, 216, 255, 0.05) 1px, transparent 1px) !important;\n            background-size: 20px 20px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit !important; \/* Fallback to Blocksy default, override with Inter where necessary *\/\n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #F0F4F8 !important;\n            border-bottom: 1px solid #F0F4F8 !important;\n        }\n\n        #gm-softplay-modules-selection * {\n            box-sizing: border-box !important;\n        }\n\n        \/* Anchored Content Container *\/\n        #gm-softplay-modules-selection .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 40px !important;\n        }\n\n        \/* --- Header Section (Asymmetric to reduce whitespace) --- *\/\n        #gm-softplay-modules-selection .gm-header-split {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: flex-start !important;\n            gap: 50px !important;\n            padding-bottom: 20px !important;\n            border-bottom: 2px solid rgba(0, 216, 255, 0.1) !important;\n        }\n\n        \/* SEO H2 Title *\/\n        #gm-softplay-modules-selection h2.gm-h2-title {\n            flex: 0 1 45% !important;\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            position: relative !important;\n        }\n\n        \/* Accent behind title *\/\n        #gm-softplay-modules-selection h2.gm-h2-title::before {\n            content: '' !important;\n            position: absolute !important;\n            top: -10px !important;\n            left: -15px !important;\n            width: 40px !important;\n            height: 40px !important;\n            background-color: rgba(255, 216, 72, 0.2) !important;\n            border-radius: 50% !important;\n            z-index: -1 !important;\n        }\n\n        #gm-softplay-modules-selection .gm-intro-text {\n            flex: 0 1 55% !important;\n            font-size: 17px !important;\n            font-weight: 500 !important;\n            line-height: 1.6 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 24px !important;\n            border-left: 4px solid #00D8FF !important; \/* Primary color accent *\/\n            background: linear-gradient(90deg, rgba(0, 216, 255, 0.03) 0%, rgba(255,255,255,0) 100%) !important;\n            padding-top: 10px !important;\n            padding-bottom: 10px !important;\n        }\n\n        \/* --- Modules Grid --- *\/\n        #gm-softplay-modules-selection .gm-modules-grid {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 24px !important;\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        \/* Individual Module Card *\/\n        #gm-softplay-modules-selection .gm-module-card {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-top: 4px solid #00D8FF !important; \/* Default top border *\/\n            border-radius: 8px !important;\n            padding: 30px 25px !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            position: relative !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            overflow: hidden !important;\n        }\n\n        \/* Alternate color for every other card to create rhythm *\/\n        #gm-softplay-modules-selection .gm-module-card:nth-child(even) {\n            border-top-color: #FFD848 !important;\n        }\n\n        \/* Hover Interaction *\/\n        #gm-softplay-modules-selection .gm-module-card:hover {\n            transform: translateY(-6px) !important;\n            box-shadow: 0 15px 35px -5px rgba(0, 216, 255, 0.15) !important;\n            border-color: #00D8FF !important;\n        }\n        \n        #gm-softplay-modules-selection .gm-module-card:nth-child(even):hover {\n            box-shadow: 0 15px 35px -5px rgba(255, 216, 72, 0.2) !important;\n            border-color: #FFD848 !important;\n        }\n\n        \/* Background Watermark Number *\/\n        #gm-softplay-modules-selection .gm-card-watermark {\n            position: absolute !important;\n            bottom: -15px !important;\n            right: -5px !important;\n            font-size: 80px !important;\n            font-weight: 800 !important;\n            color: rgba(0, 216, 255, 0.04) !important;\n            line-height: 1 !important;\n            z-index: 1 !important;\n            pointer-events: none !important;\n            user-select: none !important;\n            transition: color 0.3s ease !important;\n        }\n\n        #gm-softplay-modules-selection .gm-module-card:nth-child(even) .gm-card-watermark {\n             color: rgba(255, 216, 72, 0.05) !important;\n        }\n\n        #gm-softplay-modules-selection .gm-module-card:hover .gm-card-watermark {\n            color: rgba(0, 216, 255, 0.08) !important;\n        }\n        \n        #gm-softplay-modules-selection .gm-module-card:nth-child(even):hover .gm-card-watermark {\n             color: rgba(255, 216, 72, 0.1) !important;\n        }\n\n        \/* Icon Container *\/\n        #gm-softplay-modules-selection .gm-icon-wrap {\n            width: 42px !important;\n            height: 42px !important;\n            border-radius: 6px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: rgba(0, 216, 255, 0.1) !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n        \n        #gm-softplay-modules-selection .gm-module-card:nth-child(even) .gm-icon-wrap {\n            background-color: rgba(255, 216, 72, 0.15) !important;\n        }\n\n        #gm-softplay-modules-selection .gm-icon-wrap svg {\n            width: 22px !important;\n            height: 22px !important;\n            fill: #00D8FF !important;\n        }\n        \n        #gm-softplay-modules-selection .gm-module-card:nth-child(even) .gm-icon-wrap svg {\n             fill: #D4A700 !important; \/* Slightly darker yellow for contrast *\/\n        }\n\n        \/* Card Title (Non-semantic as per rules, acting as visual header) *\/\n        #gm-softplay-modules-selection .gm-card-title {\n            font-size: 19px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* Card Description *\/\n        #gm-softplay-modules-selection .gm-card-desc {\n            font-size: 14.5px !important;\n            line-height: 1.6 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* --- Responsive Design --- *\/\n        @media (max-width: 1200px) {\n            #gm-softplay-modules-selection .gm-modules-grid {\n                grid-template-columns: repeat(3, 1fr) !important;\n            }\n        }\n\n        @media (max-width: 992px) {\n            #gm-softplay-modules-selection .gm-header-split {\n                flex-direction: column !important;\n                gap: 20px !important;\n                align-items: flex-start !important;\n            }\n            #gm-softplay-modules-selection h2.gm-h2-title, \n            #gm-softplay-modules-selection .gm-intro-text {\n                width: 100% !important;\n                flex: none !important;\n            }\n            #gm-softplay-modules-selection .gm-modules-grid {\n                grid-template-columns: repeat(2, 1fr) !important;\n            }\n        }\n\n        @media (max-width: 600px) {\n            #gm-softplay-modules-selection .gm-container {\n                padding: 0 20px !important;\n            }\n            #gm-softplay-modules-selection h2.gm-h2-title {\n                font-size: 32px !important; \/* Match theme default *\/\n            }\n            #gm-softplay-modules-selection .gm-modules-grid {\n                grid-template-columns: 1fr !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <!-- Header Zone -->\n        <div class=\"gm-header-split\">\n            <h2 class=\"gm-h2-title\">Choose Modules That Match Age Group, Space, and Traffic Flow<\/h2>\n            <p class=\"gm-intro-text\">\n                Soft play sets work when each piece has a task. Strong play area design gives children places to climb, crawl, slide, sort, hide, and reset without turning the room into a toy-store aisle.\n            <\/p>\n        <\/div>\n\n        <!-- Modules Grid -->\n        <div class=\"gm-modules-grid\">\n            \n            <!-- Module 1: Ball Pits -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2.5-4c.83 0 1.5-.67 1.5-1.5S10.33 13 9.5 13 8 13.67 8 14.5 8.67 16 9.5 16zm5 0c.83 0 1.5-.67 1.5-1.5S15.33 13 14.5 13 13 13.67 13 14.5 13.67 16 14.5 16zM12 11c.83 0 1.5-.67 1.5-1.5S12.83 8 12 8s-1.5.67-1.5 1.5S11.17 11 12 11z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Ball pits<\/div>\n                <p class=\"gm-card-desc\">High-energy play, party photos, and quick visual appeal.<\/p>\n                <span class=\"gm-card-watermark\">01<\/span>\n            <\/div>\n\n            <!-- Module 2: Foam Blocks -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14H6v-4h4v4zm0-6H6V7h4v4zm6 6h-4v-4h4v4zm0-6h-4V7h4v4z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Foam blocks<\/div>\n                <p class=\"gm-card-desc\">Open-ended building and low-height movement for younger children.<\/p>\n                <span class=\"gm-card-watermark\">02<\/span>\n            <\/div>\n\n            <!-- Module 3: Slides -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.29 4.71L12 12l-2-2-5.59 5.59L3 17l6.59-6.59 2 2 8.71-8.71z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Slides<\/div>\n                <p class=\"gm-card-desc\">A clear attraction point that needs landing space and staff sightlines.<\/p>\n                <span class=\"gm-card-watermark\">03<\/span>\n            <\/div>\n\n            <!-- Module 4: Tunnels -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Tunnels<\/div>\n                <p class=\"gm-card-desc\">Crawling, hiding, and route flow inside small play spaces.<\/p>\n                <span class=\"gm-card-watermark\">04<\/span>\n            <\/div>\n\n            <!-- Module 5: Climbing Sets -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 11.2V6.5l3.3-1.6c.3-.1.5-.5.4-.8s-.5-.4-.8-.3L12 5.6V2H2v2h8v15c0 1.1-.9 2-2 2s-2-.9-2-2V9H4v10c0 2.2 1.8 4 4 4s4-1.8 4-4v-7.8l3.3 1.6c.1.1.2.1.3.1.2 0 .4-.1.5-.3.2-.4.1-.7-.3-.9L13 11.2zM21 2h-4v2h4V2zm0 4h-4v2h4V6zm0 4h-4v2h4v-2zm0 4h-4v2h4v-2zm0 4h-4v2h4v-2z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Climbing sets<\/div>\n                <p class=\"gm-card-desc\">Gross motor activity inside a soft play structure with age-fit height and padding decisions.<\/p>\n                <span class=\"gm-card-watermark\">05<\/span>\n            <\/div>\n\n            <!-- Module 6: Play Mats -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM8 8h8v2H8zm0 4h8v2H8z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Play mats<\/div>\n                <p class=\"gm-card-desc\">Floor protection, toddler movement, and easier daily cleaning.<\/p>\n                <span class=\"gm-card-watermark\">06<\/span>\n            <\/div>\n\n            <!-- Module 7: Toddler Zones -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-4 4h8c1.1 0 2 .9 2 2v8h-2v-4h-4v4H8v-8c0-1.1.9-2 2-2z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Toddler zones<\/div>\n                <p class=\"gm-card-desc\">Lower pieces, clearer sightlines, and less collision risk.<\/p>\n                <span class=\"gm-card-watermark\">07<\/span>\n            <\/div>\n\n            <!-- Module 8: Themed Corners -->\n            <div class=\"gm-module-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-card-title\">Themed corners<\/div>\n                <p class=\"gm-card-desc\">Brand color, story, imaginative play, and photo value without overfilling the room.<\/p>\n                <span class=\"gm-card-watermark\">08<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-666a68b\" data-block-id=\"666a68b\"><style>.stk-666a68b {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-666a68b-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-64ce477\" data-v=\"4\" data-block-id=\"64ce477\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-64ce477-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-64ce477-inner-blocks\">\n<section id=\"gm-softplay-layout-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u91c7\u7528\u6781\u5176\u5fae\u5f31\u7684\u5de5\u7a0b\u84dd\u56fe\u7f51\u683c\uff0c\u547c\u5e94 2D\/3D \u5e03\u5c40\u4e3b\u9898\u5e76\u6d88\u9664\u7559\u767d *\/\n        #gm-softplay-layout-module {\n            width: 100% !important;\n            background-color: #FFFFFF !important;\n            background-image: \n                linear-gradient(rgba(0, 216, 255, 0.04) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 216, 255, 0.04) 1px, transparent 1px) !important;\n            background-size: 30px 30px !important;\n            padding: 70px 0 !important; \/* \u9075\u5faa 30-70px \u89c4\u8303 *\/\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid rgba(0, 216, 255, 0.1) !important;\n            border-bottom: 1px solid rgba(0, 216, 255, 0.1) !important;\n        }\n\n        #gm-softplay-layout-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px\uff0c\u7d27\u51d1\u6392\u5e03 *\/\n        #gm-softplay-layout-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            align-items: stretch !important;\n            gap: 60px !important; \n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u5de6\u4fa7\u6307\u4ee4\u4e2d\u67a2 (Context & Media Panel)\n           ========================================================= *\/\n        #gm-softplay-layout-module .gm-context-col {\n            flex: 0 1 52% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 25px !important;\n        }\n\n        #gm-softplay-layout-module .gm-heading-group {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        \/* SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-softplay-layout-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            display: flex !important;\n            align-items: flex-start !important;\n            gap: 15px !important;\n        }\n\n        \/* \u6807\u9898\u524d\u7684 3D \u7a7a\u95f4\u611f\u88c5\u9970\u7b26 *\/\n        #gm-softplay-layout-module h2.gm-h2-title::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 38px !important;\n            background: linear-gradient(180deg, #00D8FF 0%, #FFD848 100%) !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n            margin-top: 4px !important;\n        }\n\n        #gm-softplay-layout-module .gm-intro-text {\n            font-size: 17px !important;\n            font-weight: 600 !important;\n            line-height: 1.6 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n        }\n\n        #gm-softplay-layout-module .gm-sub-intro {\n            font-size: 15.5px !important;\n            font-weight: 400 !important;\n            line-height: 1.7 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding: 15px 20px !important;\n            background: rgba(0, 216, 255, 0.05) !important;\n            border-left: 3px solid #00D8FF !important;\n            border-radius: 0 4px 4px 0 !important;\n        }\n\n        \/* --- \u5de5\u5382\u5f71\u50cf\u753b\u6846 (Factory Media Frame) --- *\/\n        #gm-softplay-layout-module .gm-media-frame {\n            position: relative !important;\n            margin-top: 15px !important;\n            border-radius: 8px !important;\n            overflow: hidden !important;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n            background: #F8F9FA !important; \/* \u9632\u6b62 FlyingPress \u61d2\u52a0\u8f7d\u524d\u95ea\u70c1 *\/\n            min-height: 250px !important; \n        }\n\n        #gm-softplay-layout-module .gm-factory-img {\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: cover !important;\n            display: block !important;\n            aspect-ratio: 16 \/ 9 !important; \/* \u4e3a FlyingPress \u63d0\u4f9b\u7cbe\u786e\u6bd4\u4f8b *\/\n        }\n\n        #gm-softplay-layout-module .gm-media-caption {\n            background: #111111 !important;\n            padding: 18px 25px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 5px !important;\n            border-top: 3px solid #FFD848 !important; \/* \u526f\u8272\u8c03\u70b9\u7f00 *\/\n        }\n\n        #gm-softplay-layout-module .gm-caption-title {\n            color: #FFFFFF !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            margin: 0 !important;\n        }\n\n        #gm-softplay-layout-module .gm-caption-note {\n            color: #AAAAAA !important;\n            font-size: 13px !important;\n            line-height: 1.5 !important;\n            margin: 0 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u53f3\u4fa7 3D \u5b9e\u65bd\u7ba1\u7ebf (Implementation Pipeline)\n           ========================================================= *\/\n        #gm-softplay-layout-module .gm-pipeline-col {\n            flex: 0 1 48% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n            position: relative !important;\n            padding-left: 30px !important;\n        }\n\n        \/* \u8d2f\u7a7f\u53f3\u4fa7\u7684\u5de5\u4e1a\u53c2\u8003\u7ebf *\/\n        #gm-softplay-layout-module .gm-pipeline-col::before {\n            content: '' !important;\n            position: absolute !important;\n            top: 10px !important;\n            bottom: 40px !important;\n            left: 0 !important;\n            width: 2px !important;\n            background: linear-gradient(180deg, #00D8FF 0%, rgba(0,216,255,0.2) 100%) !important;\n            z-index: 1 !important;\n        }\n\n        #gm-softplay-layout-module .gm-step-item {\n            position: relative !important;\n            padding-bottom: 40px !important;\n            padding-left: 35px !important;\n            z-index: 2 !important;\n        }\n        #gm-softplay-layout-module .gm-step-item:last-child { padding-bottom: 30px !important; }\n\n        \/* \u65f6\u95f4\u7ebf\u8282\u70b9\u6807\u8bb0 *\/\n        #gm-softplay-layout-module .gm-step-marker {\n            position: absolute !important;\n            top: 0 !important;\n            left: -47px !important; \/* \u7edd\u5bf9\u5b9a\u4f4d\u5bf9\u9f50\u5f15\u7ebf *\/\n            width: 32px !important;\n            height: 32px !important;\n            background: #FFFFFF !important;\n            border: 3px solid #00D8FF !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            font-size: 13px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            transition: all 0.3s ease !important;\n            box-shadow: 0 0 0 4px #FFFFFF !important;\n        }\n\n        \/* \u6b65\u9aa4\u5185\u5bb9\u5361\u7247 *\/\n        #gm-softplay-layout-module .gm-step-content {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 6px !important;\n            padding: 25px 30px !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #gm-softplay-layout-module .gm-step-item:hover .gm-step-content {\n            transform: translateX(5px) !important;\n            border-color: #00D8FF !important;\n            box-shadow: 0 10px 25px rgba(0, 216, 255, 0.1) !important;\n        }\n\n        #gm-softplay-layout-module .gm-step-item:hover .gm-step-marker {\n            background: #FFD848 !important; \/* \u60ac\u6d6e\u65f6\u6fc0\u53d1\u526f\u8272\u8c03\u70b9\u7f00 *\/\n            border-color: #111111 !important;\n            color: #111111 !important;\n            transform: scale(1.1) !important;\n        }\n\n        \/* SEO H3 \u6807\u7b7e *\/\n        #gm-softplay-layout-module h3.gm-h3-title {\n            font-size: 19px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 0 10px 0 !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n        }\n\n        #gm-softplay-layout-module .gm-step-desc {\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5168\u5c40\u8f6c\u5316\u6309\u94ae (Global CTA)\n           ========================================================= *\/\n        #gm-softplay-layout-module .gm-action-row {\n            margin-top: 10px !important;\n            padding-left: 35px !important;\n        }\n\n        #gm-softplay-layout-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #00D8FF !important;\n            color: #FFFFFF !important;\n            font-size: 16px !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            padding: 16px 36px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            transition: all 0.3s ease !important;\n            box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3) !important;\n            border: 2px solid transparent !important;\n        }\n\n        #gm-softplay-layout-module .gm-cta-btn:hover {\n            background-color: #FFFFFF !important;\n            color: #111111 !important;\n            border-color: #FFD848 !important; \/* \u60ac\u6d6e\u65f6\u8fb9\u6846\u53d8\u9ec4 *\/\n            transform: translateY(-2px) !important;\n            box-shadow: 0 10px 25px rgba(255, 216, 72, 0.3) !important;\n        }\n\n        #gm-softplay-layout-module .gm-cta-btn svg {\n            width: 20px !important;\n            height: 20px !important;\n            margin-left: 10px !important;\n            fill: currentColor !important;\n            transition: transform 0.3s ease !important;\n        }\n\n        #gm-softplay-layout-module .gm-cta-btn:hover svg {\n            transform: translateX(4px) !important;\n            fill: #FFD848 !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width:1000px) {\n            #gm-softplay-layout-module .gm-container { flex-direction: column !important; gap: 50px !important; }\n            #gm-softplay-layout-module .gm-context-col, \n            #gm-softplay-layout-module .gm-pipeline-col { width: 100% !important; flex: none !important; }\n            #gm-softplay-layout-module .gm-pipeline-col { padding-left: 20px !important; }\n            #gm-softplay-layout-module .gm-pipeline-col::before { left: 0 !important; }\n            #gm-softplay-layout-module .gm-step-marker { left: -16px !important; }\n            #gm-softplay-layout-module .gm-action-row { padding-left: 0 !important; text-align: left !important; }\n        }\n\n        @media (max-width:690px) {\n            #gm-softplay-layout-module .gm-container { padding: 0 20px !important; }\n            #gm-softplay-layout-module h2.gm-h2-title { font-size: 30px !important; }\n            #gm-softplay-layout-module .gm-step-content { padding: 20px !important; }\n            #gm-softplay-layout-module h2.gm-h2-title::before { height: auto !important; align-self: stretch !important; }\n            #gm-softplay-layout-module .gm-cta-btn { width: 100% !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-context-col\">\n            <div class=\"gm-heading-group\">\n                <h2 class=\"gm-h2-title\">Custom Themes, Colors, and 2D\/3D Layout Support<\/h2>\n                <p class=\"gm-intro-text\">\n                    Didi begins from your venue drawing, favorite age range, and design vision. Each soft play set then adapts to the room, not the other way round.\n                <\/p>\n                <p class=\"gm-sub-intro\">\n                    Public Didi reference pages show a process beginning with venue data, then an empty floor plan, 3D, production, shipping, and support. For a launching team, that should be the page plan.\n                <\/p>\n            <\/div>\n\n            <div class=\"gm-media-frame\">\n                <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Didi-factory-exterior-for-indoor-playground-equipment-production.jpg\" alt=\"Didi factory exterior for indoor playground equipment production\" class=\"gm-factory-img\" loading=\"lazy\">\n                \n                <div class=\"gm-media-caption\">\n                    <p class=\"gm-caption-title\">Didi factory exterior for indoor playground equipment production<\/p>\n                    <p class=\"gm-caption-note\">Factory reference image from Didi public material. Use final local media after the new domain launches.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gm-pipeline-col\">\n            \n            <div class=\"gm-step-item\">\n                <div class=\"gm-step-marker\">1<\/div>\n                <div class=\"gm-step-content\">\n                    <h3 class=\"gm-h3-title\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00D8FF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 21v-4a2 2 0 0 0-2-2h-4\"><\/path><path d=\"M3 3v4a2 2 0 0 0 2 2h4\"><\/path><path d=\"M21 3v4a2 2 0 0 1-2 2h-4\"><\/path><path d=\"M3 21v-4a2 2 0 0 1 2-2h4\"><\/path><\/svg>\n                        Room fit\n                    <\/h3>\n                    <p class=\"gm-step-desc\">Give room size, headroom, columns, entrances and parent seating needed for soft play set choice.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-step-item\">\n                <div class=\"gm-step-marker\">2<\/div>\n                <div class=\"gm-step-content\">\n                    <h3 class=\"gm-h3-title\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00D8FF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\"><\/circle><circle cx=\"17.5\" cy=\"10.5\" r=\".5\"><\/circle><circle cx=\"8.5\" cy=\"7.5\" r=\".5\"><\/circle><circle cx=\"6.5\" cy=\"12.5\" r=\".5\"><\/circle><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"><\/path><\/svg>\n                        Theme fit\n                    <\/h3>\n                    <p class=\"gm-step-desc\">Match theme, soft shapes and rainbow colors with parent friendly gentle curves. Stay away from blocking staff vision.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-step-item\">\n                <div class=\"gm-step-marker\">3<\/div>\n                <div class=\"gm-step-content\">\n                    <h3 class=\"gm-h3-title\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00D8FF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                        Quote fit\n                    <\/h3>\n                    <p class=\"gm-step-desc\">Pre-approve the mixture, materials, delivery, and support scope against an initial deposit.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-action-row\">\n                <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">\n                    Start Layout Design \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5394410\" data-block-id=\"5394410\"><style>.stk-5394410 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5394410-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8527ef4\" data-v=\"4\" data-block-id=\"8527ef4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8527ef4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8527ef4-inner-blocks\">\n<section id=\"gm-safety-proof-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u91c7\u7528\u6781\u5fae\u5f31\u7684\u5de5\u4e1a\u7f51\u683c\uff0c\u6d88\u9664\u767d\u677f\u5ec9\u4ef7\u611f *\/\n        #gm-safety-proof-module {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: \n                linear-gradient(rgba(0, 216, 255, 0.04) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 216, 255, 0.04) 1px, transparent 1px) !important;\n            background-size: 30px 30px !important;\n            padding: 70px 0 !important; \/* Scoped Padding *\/\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-safety-proof-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px \u6700\u5927\u5bbd\u5ea6\u63a7\u5236 *\/\n        #gm-safety-proof-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 40px !important; \/* Scoped Density Control *\/\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u9876\u90e8\u53cc\u680f\u54ac\u5408\u4e2d\u67a2 (Interlocking Command Header)\n           ========================================================= *\/\n        #gm-safety-proof-module .gm-header-split {\n            display: flex !important;\n            align-items: stretch !important;\n            justify-content: space-between !important;\n            gap: 50px !important;\n        }\n\n        \/* Scoped \u5de6\u4fa7\u6807\u9898\u4e0e\u5f15\u8a00 *\/\n        #gm-safety-proof-module .gm-header-left {\n            flex: 0 1 52% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n            gap: 20px !important;\n            position: relative !important;\n        }\n\n        \/* Scoped SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-safety-proof-module h2.gm-h2-title {\n            font-size: 38px !important; \/* Scoped Font Size *\/\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            display: flex !important;\n            align-items: flex-start !important;\n            gap: 15px !important;\n        }\n\n        \/* \u6807\u9898\u524d\u7684 Scoped 3D \u7a7a\u95f4\u611f\u88c5\u9970\u7b26 *\/\n        #gm-safety-proof-module h2.gm-h2-title::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 38px !important;\n            background: linear-gradient(180deg, #00D8FF 0%, #FFD848 100%) !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n            margin-top: 4px !important;\n        }\n\n        #gm-safety-proof-module .gm-intro-text {\n            font-size: 17px !important;\n            font-weight: 500 !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 23px !important;\n        }\n\n        \/* Scoped \u53f3\u4fa7\u5408\u89c4\u6807\u51c6\u8231 (Compliance Console) *\/\n        #gm-safety-proof-module .gm-compliance-console {\n            flex: 0 1 48% !important;\n            background-color: #0B1319 !important; \/* \u6781\u5ba2\u6df1\u9083\u8272 *\/\n            border-radius: 8px !important;\n            padding: 35px 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 20px !important;\n            position: relative !important;\n            overflow: hidden !important;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important;\n            border-left: 5px solid #00D8FF !important; \/* Scoped Primary Color Border *\/\n        }\n\n        \/* Scoped \u5de5\u4e1a\u9632\u4f2a\u80cc\u666f\u56fe\u6837 *\/\n        #gm-safety-proof-module .gm-compliance-console::after {\n            content: '' !important;\n            position: absolute !important;\n            top: -50px !important;\n            right: -50px !important;\n            width: 200px !important;\n            height: 200px !important;\n            background: radial-gradient(circle, rgba(0,216,255,0.08) 0%, transparent 70%) !important;\n            pointer-events: none !important;\n        }\n\n        #gm-safety-proof-module .gm-console-p1 {\n            font-size: 15.5px !important;\n            line-height: 1.65 !important;\n            color: #E0E5E9 !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* Scoped \u8b66\u544a\/\u6ce8\u610f\u6a21\u5757 (Warning Note) *\/\n        #gm-safety-proof-module .gm-standards-note {\n            background: rgba(255, 216, 72, 0.08) !important;\n            border-left: 3px solid #FFD848 !important;\n            padding: 18px 20px !important;\n            border-radius: 0 4px 4px 0 !important;\n            font-size: 14.5px !important;\n            line-height: 1.6 !important;\n            color: #F8F9FA !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #gm-safety-proof-module .gm-standards-note strong {\n            color: #FFD848 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            font-size: 13px !important;\n            display: block !important;\n            margin-bottom: 6px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: Scoped 3\u5c42\u9632\u62a4\u5806\u6808\u77e9\u9635 (3-Layer Proof Stack Grid)\n           ========================================================= *\/\n        #gm-safety-proof-module .gm-stack-grid {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 24px !important; \/* Scoped Density *\/\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        \/* Scoped \u9876\u90e8\u6a2a\u5411\u8fde\u63a5\u7ebf (\u8425\u9020\u6d41\u6c34\u7ebf\u8d2f\u7a7f\u611f) *\/\n        #gm-safety-proof-module .gm-stack-grid::before {\n            content: '' !important;\n            position: absolute !important;\n            top: 20px !important;\n            left: 30px !important;\n            right: 30px !important;\n            height: 2px !important;\n            background-color: rgba(0, 216, 255, 0.15) !important;\n            z-index: 1 !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 6px !important;\n            padding: 25px 25px 30px 25px !important; \/* Adjusted for density with images *\/\n            position: relative !important;\n            z-index: 5 !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            display: flex !important;\n            flex-direction: column !important;\n            overflow: hidden !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card:hover {\n            transform: translateY(-6px) !important;\n            border-color: #00D8FF !important;\n            box-shadow: 0 20px 40px -10px rgba(0, 216, 255, 0.15) !important;\n        }\n\n        \/* Scoped \u751f\u4ea7\u7ebf\u5b9a\u4f4d\u8282\u70b9 (Node Dot) *\/\n        #gm-safety-proof-module .gm-layer-card::before {\n            content: '' !important;\n            position: absolute !important;\n            top: -6px !important;\n            left: 35px !important;\n            width: 12px !important;\n            height: 12px !important;\n            background-color: #FFFFFF !important;\n            border: 3px solid #00D8FF !important;\n            border-radius: 50% !important;\n            z-index: 10 !important;\n            box-sizing: content-box !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card:hover::before {\n            background-color: #FFD848 !important; \/* \u60ac\u6d6e\u6fc0\u53d1\u526f\u8272\u8c03\u8282\u70b9 *\/\n            border-color: #111111 !important;\n        }\n\n        \/* \u6838\u5fc3\u91cd\u6784\uff1a\u5361\u7247\u5185\u90e8 Scoped \u6570\u636e\u5f71\u50cf\u753b\u6846 (Engineering Media Frame) *\/\n        #gm-safety-proof-module .gm-card-img-container {\n            width: 100% !important;\n            border-radius: 4px !important;\n            overflow: hidden !important;\n            margin-bottom: 18px !important;\n            border: 1px solid rgba(0, 216, 255, 0.1) !important;\n            \/* \u9632\u6b62 FlyingPress \u61d2\u52a0\u8f7d\u524d\u80cc\u666f\u95ea\u70c1 *\/\n            background-color: rgba(0, 216, 255, 0.03) !important; \n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #gm-safety-proof-module .gm-card-img {\n            width: 100% !important;\n            height: auto !important;\n            display: block !important;\n            object-fit: cover !important;\n            \/* \u4e25\u683c\u9501\u5b9a\u6bd4\u4f8b\uff0c\u5229\u4e8e\u8c37\u6b4cSEO\u4e0eFlyingPress CLS\u4f18\u5316 *\/\n            aspect-ratio: 16 \/ 9 !important; \n        }\n\n        \/* Scoped \u5361\u7247\u5185\u90e8\u7684\u5de8\u5927\u6570\u5b57\u6c34\u5370 *\/\n        #gm-safety-proof-module .gm-watermark-num {\n            position: absolute !important;\n            bottom: -10px !important;\n            right: -5px !important;\n            font-size: 80px !important;\n            font-weight: 800 !important;\n            color: rgba(0, 216, 255, 0.03) !important;\n            line-height: 1 !important;\n            z-index: 1 !important;\n            pointer-events: none !important;\n            user-select: none !important;\n            transition: color 0.3s ease !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card:hover .gm-watermark-num {\n            color: rgba(0, 216, 255, 0.06) !important;\n        }\n\n        \/* Scoped \u56fe\u6807\u4e0e\u6807\u9898\u5bb9\u5668 *\/\n        #gm-safety-proof-module .gm-card-header {\n            display: flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n            margin-bottom: 15px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #gm-safety-proof-module .gm-icon-box {\n            width: 38px !important;\n            height: 38px !important;\n            background: #F0FBFC !important;\n            border-radius: 4px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            border: 1px solid rgba(0, 216, 255, 0.2) !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card:hover .gm-icon-box {\n            background: #00D8FF !important;\n        }\n\n        #gm-safety-proof-module .gm-icon-box svg {\n            width: 18px !important;\n            height: 18px !important;\n            fill: #00D8FF !important;\n            transition: fill 0.3s ease !important;\n        }\n\n        #gm-safety-proof-module .gm-layer-card:hover .gm-icon-box svg {\n            fill: #FFFFFF !important;\n        }\n\n        \/* Scoped SEO H3 \u6807\u9898 *\/\n        #gm-safety-proof-module h3.gm-h3-title {\n            font-size: 19px !important; \/* theme default style fallback *\/\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n        }\n\n        #gm-safety-proof-module .gm-card-text {\n            font-size: 14.5px !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Scoped Reflow)\n           ========================================================= *\/\n        @media (max-width: 1200px) {\n             #gm-safety-proof-module .gm-layer-card { padding: 20px !important; }\n             #gm-safety-proof-module .gm-watermark-num { font-size: 70px !important; }\n        }\n\n        @media (max-width:1000px) {\n            #gm-safety-proof-module .gm-container { flex-direction: column !important; gap: 40px !important; }\n            #gm-safety-proof-module .gm-header-split { flex-direction: column !important; gap: 30px !important; }\n            #gm-safety-proof-module .gm-header-left, \n            #gm-safety-proof-module .gm-compliance-console { width: 100% !important; flex: none !important; }\n            \n            #gm-safety-proof-module .gm-stack-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }\n            #gm-safety-proof-module .gm-stack-grid::before { display: none !important; } \/* Scoped \u5e73\u677f\u5173\u95ed\u6a2a\u5411\u8fde\u63a5\u7ebf *\/\n            #gm-safety-proof-module .gm-layer-card::before { display: none !important; }\n        }\n\n        @media (max-width:690px) {\n            #gm-safety-proof-module .gm-container { padding: 0 20px !important; }\n            #gm-safety-proof-module h2.gm-h2-title { font-size: 30px !important; }\n            #gm-safety-proof-module h2.gm-h2-title::before { height: auto !important; align-self: stretch !important; }\n            #gm-safety-proof-module .gm-compliance-console { padding: 25px 20px !important; }\n            #gm-safety-proof-module .gm-stack-grid { grid-template-columns: 1fr !important; gap: 15px !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-header-split\">\n            <div class=\"gm-header-left\">\n                <h2 class=\"gm-h2-title\">Materials, Manufacturing, and the 3-Layer Safety Proof Stack<\/h2>\n                <p class=\"gm-intro-text\">\n                    Investors buy more than foam. They buy a parent-trusted, staff-monitored, locally compliant, durable system. Establish how each cover, seam, and foam core proves its resilience with traffic.\n                <\/p>\n            <\/div>\n            \n            <div class=\"gm-compliance-console\">\n                <p class=\"gm-console-p1\">\n                    For project analysis, Didi communicates ASTM, EN, CE, TUV, ISO and regional obligations. Only specify a certificate as a visual quality indicator if the client offers the actual certificate source.\n                <\/p>\n                <div class=\"gm-standards-note\">\n                    <strong>Standards Note strong text scoped<\/strong>\n                    Do not list a generic ISO record or OSHA site obligation as a soft play product certificate. If ISO or OSHA appears in a buyer&#8217;s request, treat it as project-file context, then match it with actual playground material, test, and local compliance documents.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gm-stack-grid\">\n            \n            <div class=\"gm-layer-card\">\n                <div class=\"gm-card-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Material-review.jpg\"\u00a0\n                         alt=\"Didi soft play material review and compliance\"\u00a0\n                         class=\"gm-card-img\" \n                         loading=\"lazy\"> <\/div>\n                \n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Material review scoped title<\/h3>\n                <\/div>\n                <p class=\"gm-card-text\">\n                    Designated areas for play must be monitored to meet common safety standards, and local regulations. In public play, request foam density, cover material, seams, netting, and cleaning.\n                <\/p>\n                <span class=\"gm-watermark-num\">01<\/span>\n            <\/div>\n\n            <div class=\"gm-layer-card\">\n                <div class=\"gm-card-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Factory-process.png\"\u00a0\n                         alt=\"Didi indoor playground equipment factory manufacturing process\"\u00a0\n                         class=\"gm-card-img\" \n                         loading=\"lazy\">\n                <\/div>\n\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Factory process scoped title<\/h3>\n                <\/div>\n                <p class=\"gm-card-text\">\n                    Didi credits laser tube cutting, tube saws, punching, drilling, tube bending, press brakes, MIG\/TIG\/CO2 welding, robot welding, grinding, and polishing as production features.\n                <\/p>\n                <span class=\"gm-watermark-num\">02<\/span>\n            <\/div>\n\n            <div class=\"gm-layer-card\">\n                <div class=\"gm-card-img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Site-care.jpg\"\u00a0\n                         alt=\"Maintenance and care for soft play indoor spaces\"\u00a0\n                         class=\"gm-card-img\" \n                         loading=\"lazy\">\n                <\/div>\n\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M9 15l2 2 4-4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Site care scoped title<\/h3>\n                <\/div>\n                <p class=\"gm-card-text\">\n                    Maintenance research points to daily checks, monthly equipment reviews, repair records, and staff training for the play space.\n                <\/p>\n                <span class=\"gm-watermark-num\">03<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fe21b96\" data-block-id=\"fe21b96\"><style>.stk-fe21b96 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fe21b96-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-af02c20\" data-v=\"4\" data-block-id=\"af02c20\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-af02c20-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-af02c20-inner-blocks\">\n<section id=\"gm-softplay-measurements-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u6781\u5fae\u5f31\u7684\u6696\u7070\u767d\u5e95\u8272\uff0c\u5448\u73b0\u5de5\u7a0b\u8d28\u611f *\/\n        #gm-softplay-measurements-module {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: \n                linear-gradient(rgba(0, 216, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 216, 255, 0.03) 1px, transparent 1px) !important;\n            background-size: 40px 40px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n        }\n\n        #gm-softplay-measurements-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px \u6700\u5927\u5bbd\u5ea6\u63a7\u5236 *\/\n        #gm-softplay-measurements-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 45px !important; \n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u6807\u9898\u4e0e\u5f15\u8a00 (Header Lockup)\n           ========================================================= *\/\n        #gm-softplay-measurements-module .gm-header-zone {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            max-width: 1000px !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        \/* SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-softplay-measurements-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 15px !important;\n        }\n\n        \/* \u6807\u9898\u524d\u7684\u54c1\u724c\u8272\u88c5\u9970\u7b26 *\/\n        #gm-softplay-measurements-module h2.gm-h2-title::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 38px !important;\n            background: linear-gradient(180deg, #00D8FF 0%, #FFD848 100%) !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n        }\n\n        #gm-softplay-measurements-module .gm-intro-text {\n            font-size: 16.5px !important;\n            font-weight: 500 !important;\n            line-height: 1.7 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 23px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u5de5\u7a0b\u53c2\u6570\u6570\u636e\u77e9\u9635 (Engineering Data Matrix)\n           ========================================================= *\/\n        #gm-softplay-measurements-module .gm-data-matrix {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 8px !important;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;\n            overflow: hidden !important;\n        }\n\n        \/* \u77e9\u9635\u8868\u5934 *\/\n        #gm-softplay-measurements-module .gm-matrix-header {\n            display: grid !important;\n            grid-template-columns: 1.2fr 1.4fr 2fr !important;\n            background-color: #00D8FF !important;\n            border-bottom: 3px solid #00B5D6 !important;\n        }\n\n        #gm-softplay-measurements-module .gm-header-cell {\n            padding: 20px 30px !important;\n            font-size: 15px !important;\n            font-weight: 800 !important;\n            color: #FFFFFF !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            border-right: 1px solid rgba(255,255,255,0.2) !important;\n        }\n        #gm-softplay-measurements-module .gm-header-cell:last-child { border-right: none !important; }\n\n        \/* \u77e9\u9635\u6570\u636e\u884c *\/\n        #gm-softplay-measurements-module .gm-matrix-row {\n            display: grid !important;\n            grid-template-columns: 1.2fr 1.4fr 2fr !important;\n            border-bottom: 1px solid #EAECEE !important;\n            transition: background-color 0.3s ease !important;\n        }\n\n        #gm-softplay-measurements-module .gm-matrix-row:last-child {\n            border-bottom: none !important;\n        }\n\n        #gm-softplay-measurements-module .gm-matrix-row:hover {\n            background-color: #F8FAFB !important; \/* \u60ac\u6d6e\u65f6\u7684\u5fae\u5f31\u4ea4\u4e92 *\/\n        }\n\n        #gm-softplay-measurements-module .gm-data-cell {\n            padding: 25px 30px !important;\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            color: #444444 !important;\n            display: flex !important;\n            align-items: center !important;\n            border-right: 1px dashed #EAECEE !important;\n        }\n        #gm-softplay-measurements-module .gm-data-cell:last-child { border-right: none !important; }\n\n        \/* \u5217 1: Input (\u5e26 SVG \u56fe\u6807) *\/\n        #gm-softplay-measurements-module .gm-cell-input {\n            font-weight: 700 !important;\n            color: #111111 !important;\n            gap: 12px !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cell-icon {\n            width: 28px !important;\n            height: 28px !important;\n            background: rgba(0, 216, 255, 0.1) !important;\n            border-radius: 4px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            flex-shrink: 0 !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cell-icon svg {\n            width: 16px !important;\n            height: 16px !important;\n            fill: #00D8FF !important;\n        }\n\n        \/* \u5217 2: Format (\u5448\u73b0\u4ee3\u7801\u6846\u8d28\u611f) *\/\n        #gm-softplay-measurements-module .gm-cell-format {\n            font-family: monospace, inherit !important;\n            font-weight: 600 !important;\n            color: #00D8FF !important;\n        }\n        \n        #gm-softplay-measurements-module .gm-format-tag {\n            background: #F0F4F8 !important;\n            padding: 6px 10px !important;\n            border-radius: 4px !important;\n            border: 1px solid #DCE4EC !important;\n            color: #333 !important;\n        }\n\n        \/* \u5217 3: Why (\u6807\u51c6\u6587\u672c) *\/\n        #gm-softplay-measurements-module .gm-cell-reason {\n            color: #555555 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5e95\u90e8\u8f6c\u5316\u8231 (CTA Command Console)\n           ========================================================= *\/\n        #gm-softplay-measurements-module .gm-cta-bar {\n            background-color: #111111 !important; \/* \u6781\u5ba2\u9ed1\u5e95\u8272\uff0c\u51f8\u663e\u4eae\u9ec4\u6309\u94ae *\/\n            border-radius: 8px !important;\n            padding: 35px 45px !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            gap: 30px !important;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;\n            position: relative !important;\n            overflow: hidden !important;\n            border-left: 6px solid #00D8FF !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cta-bar::after {\n            content: '' !important;\n            position: absolute !important;\n            right: -20px !important;\n            bottom: -50px !important;\n            width: 150px !important;\n            height: 150px !important;\n            background: radial-gradient(circle, rgba(0, 216, 255, 0.15) 0%, transparent 70%) !important;\n            pointer-events: none !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cta-text-group {\n            flex: 1 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 10px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* SEO H3 \u6807\u7b7e *\/\n        #gm-softplay-measurements-module h3.gm-h3-title {\n            font-size: 22px !important;\n            font-weight: 800 !important;\n            color: #FFFFFF !important;\n            margin: 0 !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cta-desc {\n            font-size: 15.5px !important;\n            color: #CCCCCC !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #FFD848 !important; \/* \u526f\u8272\u8c03\u4eae\u9ec4\uff0c\u6781\u9ad8\u5bf9\u6bd4\u5ea6 *\/\n            color: #111111 !important;\n            font-weight: 800 !important;\n            font-size: 16px !important;\n            padding: 16px 36px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            white-space: nowrap !important;\n            position: relative !important;\n            z-index: 2 !important;\n            box-shadow: 0 8px 20px rgba(255, 216, 72, 0.3) !important;\n        }\n\n        #gm-softplay-measurements-module .gm-cta-btn:hover {\n            background-color: #00D8FF !important; \/* \u60ac\u6d6e\u5207\u6362\u4e3b\u8272\u8c03 *\/\n            color: #FFFFFF !important;\n            transform: translateY(-3px) !important;\n            box-shadow: 0 12px 25px rgba(0, 216, 255, 0.35) !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width:1000px) {\n            #gm-softplay-measurements-module .gm-matrix-header,\n            #gm-softplay-measurements-module .gm-matrix-row {\n                grid-template-columns: 1fr 1fr 1.5fr !important;\n            }\n            #gm-softplay-measurements-module .gm-header-cell,\n            #gm-softplay-measurements-module .gm-data-cell {\n                padding: 20px !important;\n            }\n            #gm-softplay-measurements-module .gm-cta-bar {\n                flex-direction: column !important;\n                align-items: flex-start !important;\n                gap: 25px !important;\n                padding: 30px !important;\n            }\n        }\n\n        @media (max-width:690px) {\n            #gm-softplay-measurements-module .gm-container { padding: 0 20px !important; }\n            #gm-softplay-measurements-module h2.gm-h2-title { font-size: 30px !important; }\n            #gm-softplay-measurements-module h2.gm-h2-title::before { height: auto !important; align-self: stretch !important; }\n            \n            \/* \u624b\u673a\u7aef\u77e9\u9635\u8f6c\u4e3a\u5361\u7247\u6d41 *\/\n            #gm-softplay-measurements-module .gm-matrix-header { display: none !important; }\n            #gm-softplay-measurements-module .gm-matrix-row { \n                display: flex !important; \n                flex-direction: column !important; \n                border-bottom: 6px solid #F0F4F8 !important; \n            }\n            #gm-softplay-measurements-module .gm-matrix-row:last-child { border-bottom: none !important; }\n            \n            #gm-softplay-measurements-module .gm-data-cell { \n                border-right: none !important; \n                border-bottom: 1px dashed #EAECEE !important; \n                padding: 15px 20px !important;\n                align-items: flex-start !important;\n                flex-direction: column !important;\n                gap: 8px !important;\n            }\n            #gm-softplay-measurements-module .gm-data-cell:last-child { border-bottom: none !important; }\n\n            \/* \u6ce8\u5165\u8868\u5934\u63d0\u793a\u8bcd *\/\n            #gm-softplay-measurements-module .gm-cell-format::before { content: \"Example format\"; font-size: 11px !important; font-weight: 700 !important; color: #00D8FF !important; text-transform: uppercase !important; }\n            #gm-softplay-measurements-module .gm-cell-reason::before { content: \"Why Didi needs it\"; font-size: 11px !important; font-weight: 700 !important; color: #00D8FF !important; text-transform: uppercase !important; }\n\n            #gm-softplay-measurements-module .gm-cell-input { flex-direction: row !important; align-items: center !important; background: #F8FAFB !important; }\n            #gm-softplay-measurements-module .gm-cta-btn { width: 100% !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-header-zone\">\n            <h2 class=\"gm-h2-title\">Send Measurements That Make the Quote Usable<\/h2>\n            <p class=\"gm-intro-text\">\n                A soft play quote becomes clearer when the first message contains room measurements, opening hours, and age range. Use these example fields as a planning brief, not as fixed design limits.\n            <\/p>\n        <\/div>\n\n        <div class=\"gm-data-matrix\">\n            \n            <div class=\"gm-matrix-header\">\n                <div class=\"gm-header-cell\">Input to prepare<\/div>\n                <div class=\"gm-header-cell\">Example format<\/div>\n                <div class=\"gm-header-cell\">Why Didi needs it<\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18V3H3zm16 16H5V5h14v14zm-6-8h4v-2h-4V7h-2v2H7v2h4v4h2v-4z\"\/><\/svg>\n                    <\/div>\n                    Room footprint\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-format\">\n                    <span class=\"gm-format-tag\">800 cm x 600 cm, or 26 ft x 20 ft<\/span>\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Sets module count, queue space, and the size of the ball pit, slide, tunnel, and toddler zone.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 12h3v8h14v-8h3L12 2zm0 2.84L17.16 10H6.84L12 4.84zM12 13v7H7v-7h5zm7 7h-5v-7h5v7z\"\/><\/svg>\n                    <\/div>\n                    Ceiling and door data\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-format\">\n                    <span class=\"gm-format-tag\">280 cm ceiling, 90 cm door opening, 120 cm column gap<\/span>\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Prevents a beautiful 3D plan from failing at delivery, installation, or daily staff movement.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n                    <\/div>\n                    Parent and staff path\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-format\">\n                    <span class=\"gm-format-tag\">100 cm parent aisle, 80 cm staff access side<\/span>\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Keeps the commercial soft play set serviceable after opening, not only attractive on launch day.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                    <\/div>\n                    Age and use pattern\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-format\">\n                    <span class=\"gm-format-tag\">2 years to 6 years, 8 hours per day, 3 hours birthday peak<\/span>\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Helps match foam blocks, climbers, slides, and mats to the real load of the venue.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n                    <\/div>\n                    Maintenance rhythm\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-format\">\n                    <span class=\"gm-format-tag\">1 hour daily cleaning window, 12 months service review<\/span>\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Supports better cover choices, spare-part planning, and staff routines.\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"gm-cta-bar\">\n            <div class=\"gm-cta-text-group\">\n                <h3 class=\"gm-h3-title\">Ready to move from idea to scope?<\/h3>\n                <p class=\"gm-cta-desc\">\n                    Request a quote, download the checklist, ask for layout support, or start a project once your room data is ready.\n                <\/p>\n            <\/div>\n            <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Request a Quote<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b2b6e90\" data-block-id=\"b2b6e90\"><style>.stk-b2b6e90 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b2b6e90-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-a9918c6\" data-v=\"4\" data-block-id=\"a9918c6\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-a9918c6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a9918c6-inner-blocks\">\n<section id=\"gm-quote-planning-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u91c7\u7528\u6781\u5fae\u5f31\u7684\u5de5\u7a0b\u7070\u70b9\u9635\uff0c\u6d88\u9664\u5ec9\u4ef7\u7559\u767d *\/\n        #gm-quote-planning-module {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: radial-gradient(rgba(0, 216, 255, 0.05) 1px, transparent 1px) !important;\n            background-size: 24px 24px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-quote-planning-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px \u6700\u5927\u5bbd\u5ea6\u63a7\u5236 *\/\n        #gm-quote-planning-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 45px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u6807\u9898\u4e0e\u5f15\u8a00 (Header Zone)\n           ========================================================= *\/\n        #gm-quote-planning-module .gm-header-zone {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n            max-width: 900px !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        \/* SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-quote-planning-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 15px !important;\n        }\n\n        \/* \u6807\u9898\u524d\u7684\u54c1\u724c\u4e3b\u8272\u88c5\u9970\u7b26 *\/\n        #gm-quote-planning-module h2.gm-h2-title::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 38px !important;\n            background-color: #00D8FF !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n        }\n\n        #gm-quote-planning-module .gm-intro-text {\n            font-size: 16.5px !important;\n            font-weight: 500 !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 23px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u5de5\u4e1a\u7ea7\u62a5\u4ef7\u53c2\u6570\u77e9\u9635 (Quote Parameter Matrix)\n           ========================================================= *\/\n        #gm-quote-planning-module .gm-data-matrix {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 8px !important;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.03) !important;\n            overflow: hidden !important;\n        }\n\n        \/* \u77e9\u9635\u8868\u5934 *\/\n        #gm-quote-planning-module .gm-matrix-header {\n            display: grid !important;\n            grid-template-columns: 1.2fr 1.6fr 1.2fr !important;\n            background-color: #00D8FF !important;\n            border-bottom: 2px solid #00B5D6 !important;\n        }\n\n        #gm-quote-planning-module .gm-header-cell {\n            padding: 22px 30px !important;\n            font-size: 14px !important;\n            font-weight: 800 !important;\n            color: #FFFFFF !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            border-right: 1px solid rgba(255, 255, 255, 0.2) !important;\n            display: flex !important;\n            align-items: center !important;\n        }\n        #gm-quote-planning-module .gm-header-cell:last-child { border-right: none !important; }\n\n        \/* \u77e9\u9635\u6570\u636e\u884c *\/\n        #gm-quote-planning-module .gm-matrix-row {\n            display: grid !important;\n            grid-template-columns: 1.2fr 1.6fr 1.2fr !important;\n            border-bottom: 1px solid #EAECEE !important;\n            transition: background-color 0.3s ease !important;\n        }\n\n        #gm-quote-planning-module .gm-matrix-row:last-child {\n            border-bottom: none !important;\n        }\n\n        #gm-quote-planning-module .gm-matrix-row:hover {\n            background-color: #FAFDFF !important; \/* \u60ac\u6d6e\u5fae\u4ea4\u4e92 *\/\n        }\n\n        \/* \u5355\u5143\u683c\u901a\u7528\u5c5e\u6027 *\/\n        #gm-quote-planning-module .gm-data-cell {\n            padding: 25px 30px !important;\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            display: flex !important;\n            align-items: center !important;\n            border-right: 1px dashed #EAECEE !important;\n        }\n        #gm-quote-planning-module .gm-data-cell:last-child { border-right: none !important; }\n\n        \/* \u5217 1: Quote Input (\u5e26 SVG \u56fe\u6807) *\/\n        #gm-quote-planning-module .gm-cell-input {\n            font-weight: 700 !important;\n            color: #111111 !important;\n            gap: 15px !important;\n        }\n\n        #gm-quote-planning-module .gm-cell-icon {\n            width: 32px !important;\n            height: 32px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            border-radius: 6px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            flex-shrink: 0 !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n        }\n\n        #gm-quote-planning-module .gm-cell-icon svg {\n            width: 16px !important;\n            height: 16px !important;\n            fill: #00D8FF !important;\n        }\n\n        \/* \u5217 2: Why it changes cost *\/\n        #gm-quote-planning-module .gm-cell-reason {\n            color: #555555 !important;\n        }\n\n        \/* \u5217 3: What to send Didi (\u4ea4\u4ed8\u7269\u89c6\u89c9\u8bbe\u8ba1) *\/\n        #gm-quote-planning-module .gm-cell-deliverable {\n            background-color: #F8FAFB !important;\n            font-weight: 600 !important;\n            color: #333333 !important;\n            border-left: 3px solid #00D8FF !important;\n            padding-left: 27px !important; \/* \u8c03\u6574\u5185\u8fb9\u8ddd\u9002\u5e94\u5de6\u4fa7\u8fb9\u6846 *\/\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5e95\u90e8\u9ad8\u80fd\u8f6c\u5316\u8231 (CTA Command Console)\n           ========================================================= *\/\n        #gm-quote-planning-module .gm-cta-bar {\n            background-color: #111111 !important; \/* \u6781\u5ba2\u6df1\u9083\u9ed1\u5e95 *\/\n            border-radius: 8px !important;\n            padding: 40px 50px !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            gap: 40px !important;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;\n            position: relative !important;\n            overflow: hidden !important;\n            border-top: 4px solid #FFD848 !important; \/* \u526f\u8272\u8c03\u9ad8\u4eae\u5c01\u9876 *\/\n        }\n\n        \/* \u80cc\u666f\u51e0\u4f55\u5149\u6591\u9632\u4f2a *\/\n        #gm-quote-planning-module .gm-cta-bar::after {\n            content: '' !important;\n            position: absolute !important;\n            right: -30px !important;\n            bottom: -30px !important;\n            width: 200px !important;\n            height: 200px !important;\n            background: radial-gradient(circle, rgba(0, 216, 255, 0.15) 0%, transparent 70%) !important;\n            pointer-events: none !important;\n        }\n\n        #gm-quote-planning-module .gm-cta-text-group {\n            flex: 1 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 12px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* \u5185\u90e8\u975e\u8bed\u4e49\u5316\u6807\u9898\u66ff\u4ee3 *\/\n        #gm-quote-planning-module .gm-cta-title {\n            font-size: 24px !important;\n            font-weight: 800 !important;\n            color: #FFFFFF !important;\n            margin: 0 !important;\n        }\n\n        #gm-quote-planning-module .gm-cta-desc {\n            font-size: 15.5px !important;\n            color: #DCE4EC !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n        }\n\n        #gm-quote-planning-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #FFD848 !important; \/* Logo \u526f\u8272\u8c03\uff1a\u5f3a\u70c8\u89c6\u89c9\u7126\u70b9 *\/\n            color: #111111 !important;\n            font-weight: 800 !important;\n            font-size: 16px !important;\n            padding: 18px 40px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            white-space: nowrap !important;\n            position: relative !important;\n            z-index: 2 !important;\n            box-shadow: 0 8px 25px rgba(255, 216, 72, 0.25) !important;\n        }\n\n        #gm-quote-planning-module .gm-cta-btn:hover {\n            background-color: #00D8FF !important; \/* \u60ac\u6d6e\u53cd\u8f6c\u4e3a\u4e3b\u8272\u8c03 *\/\n            color: #FFFFFF !important;\n            transform: translateY(-3px) !important;\n            box-shadow: 0 12px 30px rgba(0, 216, 255, 0.35) !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width:1000px) {\n            #gm-quote-planning-module .gm-matrix-header,\n            #gm-quote-planning-module .gm-matrix-row {\n                grid-template-columns: 1fr 1fr 1fr !important;\n            }\n            #gm-quote-planning-module .gm-header-cell,\n            #gm-quote-planning-module .gm-data-cell {\n                padding: 20px !important;\n            }\n            #gm-quote-planning-module .gm-cell-deliverable {\n                padding-left: 17px !important;\n            }\n            #gm-quote-planning-module .gm-cta-bar {\n                flex-direction: column !important;\n                align-items: flex-start !important;\n                gap: 25px !important;\n                padding: 35px 40px !important;\n            }\n        }\n\n        @media (max-width:690px) {\n            #gm-quote-planning-module .gm-container { padding: 0 20px !important; }\n            #gm-quote-planning-module h2.gm-h2-title { font-size: 30px !important; }\n            \n            \/* \u624b\u673a\u7aef\u5c06\u77e9\u9635\u6298\u53e0\u4e3a\u4fe1\u606f\u5361\u7247\u6d41 *\/\n            #gm-quote-planning-module .gm-matrix-header { display: none !important; }\n            #gm-quote-planning-module .gm-matrix-row { \n                display: flex !important; \n                flex-direction: column !important; \n                border-bottom: 6px solid #F0F4F8 !important; \n            }\n            #gm-quote-planning-module .gm-matrix-row:last-child { border-bottom: none !important; }\n            \n            #gm-quote-planning-module .gm-data-cell { \n                border-right: none !important; \n                border-bottom: 1px dashed #EAECEE !important; \n                padding: 16px 20px !important;\n                align-items: flex-start !important;\n                flex-direction: column !important;\n                gap: 8px !important;\n            }\n            #gm-quote-planning-module .gm-data-cell:last-child { border-bottom: none !important; }\n            #gm-quote-planning-module .gm-cell-deliverable { border-left: none !important; padding-left: 20px !important; border-top: 3px solid #00D8FF !important;}\n\n            \/* \u624b\u673a\u7aef\u6ce8\u5165\u4f2a\u5143\u7d20\u8868\u5934\u63d0\u793a\u8bcd\uff0c\u4fdd\u8bc1\u9605\u8bfb\u903b\u8f91\u4e0d\u65ad\u88c2 *\/\n            #gm-quote-planning-module .gm-cell-reason::before { content: \"Why it changes cost\"; font-size: 11px !important; font-weight: 800 !important; color: #00D8FF !important; text-transform: uppercase !important; }\n            #gm-quote-planning-module .gm-cell-deliverable::before { content: \"What to send Didi\"; font-size: 11px !important; font-weight: 800 !important; color: #00D8FF !important; text-transform: uppercase !important; }\n\n            #gm-quote-planning-module .gm-cell-input { flex-direction: row !important; align-items: center !important; background: #F8FAFB !important; }\n            #gm-quote-planning-module .gm-cta-btn { width: 100% !important; text-align: center !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-header-zone\">\n            <h2 class=\"gm-h2-title\">Plan Cost, Space, and Growth Before Production<\/h2>\n            <p class=\"gm-intro-text\">\n                No supplier can give an honest soft play quote from a keyword alone. Quote scope is based on room, age range, modules, theme definition, delivery, installation and support.\n            <\/p>\n        <\/div>\n\n        <div class=\"gm-data-matrix\">\n            \n            <div class=\"gm-matrix-header\">\n                <div class=\"gm-header-cell\">Quote input<\/div>\n                <div class=\"gm-header-cell\">Why it changes cost<\/div>\n                <div class=\"gm-header-cell\">What to send Didi<\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18V3H3zm16 16H5V5h14v14zm-6-8h4v-2h-4V7h-2v2H7v2h4v4h2v-4z\"\/><\/svg>\n                    <\/div>\n                    Floor area and ceiling height\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Sets the module count, entry path, and height limits.\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-deliverable\">\n                    CAD plan, hand sketch, or measured photos.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n                    <\/div>\n                    Target age range\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Changes slide height, foam block size, mat thickness, and supervision needs.\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-deliverable\">\n                    Age groups and expected peak visitor count.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 12h3v8h14v-8h3L12 2zm0 2.84L17.16 10H6.84L12 4.84zM12 13v7H7v-7h5zm7 7h-5v-7h5v7z\"\/><\/svg>\n                    <\/div>\n                    Venue model\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    A restaurant corner, kindergarten, FEC, and mall zone need different room use.\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-deliverable\">\n                    Business type, ticket model, and party-room plan.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                    <\/div>\n                    Theme and brand colors\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Custom color and themed pieces add design and production work.\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-deliverable\">\n                    Logo, color codes, mood board, and any must-use theme.\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-matrix-row\">\n                <div class=\"gm-data-cell gm-cell-input\">\n                    <div class=\"gm-cell-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                    <\/div>\n                    Shipping and support scope\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-reason\">\n                    Packaging, container plan, installation guidance, and spare parts affect final budget.\n                <\/div>\n                <div class=\"gm-data-cell gm-cell-deliverable\">\n                    Destination country, port or address, and local installation ability.\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"gm-cta-bar\">\n            <div class=\"gm-cta-text-group\">\n                <div class=\"gm-cta-title\">Want a quote that is not guesswork?<\/div>\n                <p class=\"gm-cta-desc\">\n                    Send room plan, photos, desired age range, and your theme decision. Your team can receive module suggestions before you approve a full project quote.\n                <\/p>\n            <\/div>\n            <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Open Quote Form<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-cfcea5c\" data-block-id=\"cfcea5c\"><style>.stk-cfcea5c {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cfcea5c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d3deb1b\" data-v=\"4\" data-block-id=\"d3deb1b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d3deb1b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d3deb1b-inner-blocks\">\n<section id=\"gm-investor-choice-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u5fae\u5f31\u5de5\u7a0b\u7f51\u683c\u5e95\u7eb9\uff0c\u6d88\u9664\u767d\u677f\u7a7a\u6d1e\u611f *\/\n        #gm-investor-choice-module {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: radial-gradient(rgba(0, 216, 255, 0.04) 1px, transparent 1px) !important;\n            background-size: 24px 24px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-investor-choice-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px \u6700\u5927\u5bbd\u5ea6\u63a7\u5236 *\/\n        #gm-investor-choice-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 50px !important; \n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u975e\u5bf9\u79f0\u613f\u666f\u4e2d\u67a2 (Vision & Motivation Split)\n           ========================================================= *\/\n        #gm-investor-choice-module .gm-vision-split {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            gap: 50px !important;\n        }\n\n        #gm-investor-choice-module .gm-vision-left {\n            flex: 0 1 55% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 20px !important;\n        }\n\n        \/* SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-investor-choice-module h2.gm-h2-title {\n            font-size: 38px !important; \/* Blocksy default adaptation via relative scaling usually, fixed here for B2B impact *\/\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.2 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            display: flex !important;\n            align-items: flex-start !important;\n            gap: 15px !important;\n        }\n\n        \/* \u6807\u9898\u4e3b\u8272\u8c03\u5207\u5272\u7b26 *\/\n        #gm-investor-choice-module h2.gm-h2-title::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 42px !important;\n            background: linear-gradient(180deg, #00D8FF 0%, #FFD848 100%) !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n            margin-top: 2px !important;\n        }\n\n        #gm-investor-choice-module .gm-intro-text {\n            font-size: 17px !important;\n            font-weight: 500 !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 23px !important;\n        }\n\n        \/* \u53f3\u4fa7\uff1a\u521b\u59cb\u4eba\u5f15\u7528\u80cc\u4e66\u5361\u7247 *\/\n        #gm-investor-choice-module .gm-founder-card {\n            flex: 0 1 45% !important;\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 8px !important;\n            padding: 35px 40px !important;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;\n            position: relative !important;\n            overflow: hidden !important;\n            border-top: 4px solid #FFD848 !important; \/* \u526f\u8272\u8c03\u5f3a\u8c03 *\/\n        }\n\n        \/* \u80cc\u666f\u6781\u5ba2\u5f15\u53f7\u6c34\u5370 *\/\n        #gm-investor-choice-module .gm-founder-card::before {\n            content: '\u201c' !important;\n            position: absolute !important;\n            top: -20px !important;\n            left: 15px !important;\n            font-size: 120px !important;\n            font-family: Georgia, serif !important;\n            color: rgba(255, 216, 72, 0.15) !important;\n            line-height: 1 !important;\n            pointer-events: none !important;\n        }\n\n        #gm-investor-choice-module .gm-founder-quote {\n            font-size: 15.5px !important;\n            line-height: 1.7 !important;\n            color: #333333 !important;\n            font-weight: 500 !important;\n            position: relative !important;\n            z-index: 2 !important;\n            margin: 0 !important;\n        }\n\n        #gm-investor-choice-module .gm-founder-author {\n            margin-top: 20px !important;\n            font-size: 14px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n        \n        #gm-investor-choice-module .gm-founder-author::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 20px !important;\n            height: 2px !important;\n            background-color: #00D8FF !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u6838\u5fc3\u4f18\u52bf\u6570\u636e\u77e9\u9635 (4 Pillars Grid)\n           ========================================================= *\/\n        #gm-investor-choice-module .gm-pillars-grid {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 25px !important;\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        #gm-investor-choice-module .gm-pillar-card {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 6px !important;\n            padding: 35px 25px !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n        }\n\n        #gm-investor-choice-module .gm-pillar-card:hover {\n            transform: translateY(-5px) !important;\n            border-color: #00D8FF !important;\n            box-shadow: 0 15px 30px rgba(0, 216, 255, 0.1) !important;\n        }\n\n        #gm-investor-choice-module .gm-icon-wrap {\n            width: 44px !important;\n            height: 44px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            border-radius: 6px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #gm-investor-choice-module .gm-pillar-card:hover .gm-icon-wrap {\n            background: #00D8FF !important;\n        }\n\n        #gm-investor-choice-module .gm-icon-wrap svg {\n            width: 22px !important;\n            height: 22px !important;\n            fill: #00D8FF !important;\n            transition: fill 0.3s ease !important;\n        }\n\n        #gm-investor-choice-module .gm-pillar-card:hover .gm-icon-wrap svg {\n            fill: #FFFFFF !important;\n        }\n\n        \/* Tag Replacement: \u4f7f\u7528 div \u66ff\u4ee3 h3\uff0c\u89c4\u907f\u4e3b\u9898\u6c61\u67d3 *\/\n        #gm-investor-choice-module .gm-h3-title {\n            font-size: 18px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        #gm-investor-choice-module .gm-pillar-text {\n            font-size: 14.5px !important;\n            line-height: 1.6 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5de5\u5382\u8d28\u63a7\u6838\u5bf9\u8231 (Factory Capability Console)\n           ========================================================= *\/\n        #gm-investor-choice-module .gm-capability-console {\n            background-color: #0D1317 !important; \/* \u6781\u5ba2\u6df1\u9ed1\uff0c\u5f3a\u53cd\u5dee *\/\n            border-radius: 8px !important;\n            display: flex !important;\n            align-items: stretch !important;\n            overflow: hidden !important;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;\n            border-left: 6px solid #00D8FF !important;\n        }\n\n        \/* \u5de6\u4fa7\uff1a\u8bf4\u660e\u4e0e\u6309\u94ae *\/\n        #gm-investor-choice-module .gm-console-left {\n            flex: 0 1 45% !important;\n            padding: 45px 50px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n            gap: 20px !important;\n            background: linear-gradient(135deg, #0D1317 0%, #151D24 100%) !important;\n        }\n\n        #gm-investor-choice-module .gm-console-title {\n            font-size: 24px !important;\n            font-weight: 800 !important;\n            color: #FFFFFF !important;\n            margin: 0 !important;\n        }\n\n        #gm-investor-choice-module .gm-console-desc {\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            color: #B0BBC5 !important;\n            margin: 0 !important;\n        }\n\n        \/* CTA \u52a8\u4f5c\u6309\u94ae (\u89e6\u53d1\u5f39\u7a97) *\/\n        #gm-investor-choice-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #FFD848 !important; \/* \u526f\u8272\u8c03\u9ad8\u4eae *\/\n            color: #111111 !important;\n            font-weight: 800 !important;\n            font-size: 15px !important;\n            padding: 16px 30px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            margin-top: 10px !important;\n            width: fit-content !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #gm-investor-choice-module .gm-cta-btn:hover {\n            background-color: #00D8FF !important;\n            color: #FFFFFF !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3) !important;\n        }\n\n        \/* \u53f3\u4fa7\uff1a\u9ad8\u5bc6\u5ea6 Checklist \u7f51\u683c *\/\n        #gm-investor-choice-module .gm-console-right {\n            flex: 0 1 55% !important;\n            padding: 45px 50px !important;\n            background: #11181D !important;\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 20px 30px !important;\n            align-content: center !important;\n            border-left: 1px solid rgba(255,255,255,0.05) !important;\n        }\n\n        #gm-investor-choice-module .gm-check-item {\n            display: flex !important;\n            align-items: flex-start !important;\n            gap: 12px !important;\n        }\n\n        #gm-investor-choice-module .gm-check-icon {\n            width: 20px !important;\n            height: 20px !important;\n            background: rgba(0, 216, 255, 0.15) !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            flex-shrink: 0 !important;\n            margin-top: 2px !important;\n        }\n\n        #gm-investor-choice-module .gm-check-icon svg {\n            width: 12px !important;\n            height: 12px !important;\n            fill: #00D8FF !important;\n        }\n\n        #gm-investor-choice-module .gm-check-text {\n            font-size: 15px !important;\n            font-weight: 500 !important;\n            color: #EAECEE !important;\n            line-height: 1.5 !important;\n            margin: 0 !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width: 1200px) {\n            #gm-investor-choice-module .gm-pillars-grid {\n                grid-template-columns: repeat(2, 1fr) !important;\n            }\n        }\n\n        @media (max-width:1000px) {\n            #gm-investor-choice-module .gm-vision-split {\n                flex-direction: column !important;\n                align-items: flex-start !important;\n            }\n            #gm-investor-choice-module .gm-vision-left,\n            #gm-investor-choice-module .gm-founder-card {\n                width: 100% !important;\n                flex: none !important;\n            }\n            #gm-investor-choice-module .gm-capability-console {\n                flex-direction: column !important;\n            }\n            #gm-investor-choice-module .gm-console-left,\n            #gm-investor-choice-module .gm-console-right {\n                width: 100% !important;\n                flex: none !important;\n            }\n            #gm-investor-choice-module .gm-console-right {\n                border-left: none !important;\n                border-top: 1px solid rgba(255,255,255,0.05) !important;\n            }\n        }\n\n        @media (max-width:690px) {\n            #gm-investor-choice-module .gm-container { padding: 0 20px !important; }\n            #gm-investor-choice-module h2.gm-h2-title { font-size: 30px !important; }\n            #gm-investor-choice-module h2.gm-h2-title::before { height: auto !important; align-self: stretch !important; }\n            #gm-investor-choice-module .gm-pillars-grid { grid-template-columns: 1fr !important; }\n            #gm-investor-choice-module .gm-console-right { grid-template-columns: 1fr !important; }\n            #gm-investor-choice-module .gm-console-left,\n            #gm-investor-choice-module .gm-console-right { padding: 35px 25px !important; }\n            #gm-investor-choice-module .gm-cta-btn { width: 100% !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-vision-split\">\n            <div class=\"gm-vision-left\">\n                <h2 class=\"gm-h2-title\">Why Indoor Playground Investors Choose Didi Playground<\/h2>\n                <p class=\"gm-intro-text\">\n                    Didi&#8217;s introduction is caused by one question: what if the investor has less-than-best gear, slow support, and high prices after the sale?\n                <\/p>\n            <\/div>\n            \n            <div class=\"gm-founder-card\">\n                <p class=\"gm-founder-quote\">\n                    Business founder and CEO Cherry Zhang reports that the brand was started after seeing investors struggle with poor equipment quality, high prices, and slow support response. Keep that founder motivation visible because it aligns with the buyer&#8217;s real concern.\n                <\/p>\n                <div class=\"gm-founder-author\">Origin &#038; Motivation<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gm-pillars-grid\">\n            \n            <div class=\"gm-pillar-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 22h20L12 2zm0 3.83L19.17 20H4.83L12 5.83zM11 10h2v5h-2zm0 6h2v2h-2z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-h3-title\">Established in 2014<\/div>\n                <p class=\"gm-pillar-text\">Didi has been in indoor play equipment markets for over 10 years.<\/p>\n            <\/div>\n\n            <div class=\"gm-pillar-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-h3-title\">Export records<\/div>\n                <p class=\"gm-pillar-text\">The supplier notes exports to more than 40 countries, for example, France, India, Sri Lanka, South Africa, Mexico, Malaysia and Poland.<\/p>\n            <\/div>\n\n            <div class=\"gm-pillar-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.3 16.9c.4-.7.7-1.5.7-2.4 0-2.5-2-4.5-4.5-4.5S11 12 11 14.5s2 4.5 4.5 4.5c.9 0 1.7-.3 2.4-.7l3.2 3.2 1.4-1.4-3.2-3.2zm-3.8.6c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5zM3 17v2h7v-2H3zm0-7v2h9v-2H3zm0-7v2h18V3H3z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-h3-title\">Entire project direction<\/div>\n                <p class=\"gm-pillar-text\">Publicly-available Didi material explains design scope, R&#038;D, manufacturing, sales, delivery, assembly and support.<\/p>\n            <\/div>\n\n            <div class=\"gm-pillar-card\">\n                <div class=\"gm-icon-wrap\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\n                <\/div>\n                <div class=\"gm-h3-title\">Support guarantee<\/div>\n                <p class=\"gm-pillar-text\">Didi commits to online support, free consultation and after-sales service following purchase.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"gm-capability-console\">\n            \n            <div class=\"gm-console-left\">\n                <div class=\"gm-console-title\">Factory capability notes<\/div>\n                <p class=\"gm-console-desc\">\n                    Request the material sheet, packing document, assembly manual, spare-part information, and any location-specific certification before authorizing full scale production.\n                <\/p>\n                <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">Authorize Production Details<\/a>\n            <\/div>\n\n            <div class=\"gm-console-right\">\n                \n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">Material and color sample<\/p>\n                <\/div>\n\n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">2D layout or CAD check<\/p>\n                <\/div>\n\n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">3D concept where needed<\/p>\n                <\/div>\n\n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">Module and spare-part list<\/p>\n                <\/div>\n\n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">Cleaning and maintenance notes<\/p>\n                <\/div>\n\n                <div class=\"gm-check-item\">\n                    <div class=\"gm-check-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <p class=\"gm-check-text\">Shipping and install plan<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a6e979d\" data-block-id=\"a6e979d\"><style>.stk-a6e979d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a6e979d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7fb4e3d\" data-v=\"4\" data-block-id=\"7fb4e3d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7fb4e3d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7fb4e3d-inner-blocks\">\n<section id=\"gm-workflow-pipeline-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u6781\u5fae\u5f31\u7684\u6df1\u6d77\u84dd\u7070\u5e95\u7eb9\uff0c\u51f8\u663e\u6a21\u5757\u5361\u7247 *\/\n        #gm-workflow-pipeline-module {\n            width: 100% !important;\n            background-color: #F4F7F9 !important;\n            background-image: \n                linear-gradient(rgba(0, 216, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 216, 255, 0.03) 1px, transparent 1px) !important;\n            background-size: 32px 32px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-workflow-pipeline-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px \u6700\u5927\u5bbd\u5ea6\u63a7\u5236 *\/\n        #gm-workflow-pipeline-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 50px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u5f20\u529b\u5934\u90e8\u533a (Header Zone)\n           ========================================================= *\/\n        #gm-workflow-pipeline-module .gm-header-zone {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: flex-end !important;\n            gap: 40px !important;\n            position: relative !important;\n            z-index: 5 !important;\n            background: #FFFFFF !important;\n            padding: 35px 40px !important;\n            border-radius: 8px !important;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;\n            border-left: 6px solid #00D8FF !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-header-content {\n            flex: 1 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n        }\n\n        \/* SEO H2 \u6807\u9898\u8bbe\u8ba1 *\/\n        #gm-workflow-pipeline-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-intro-text {\n            font-size: 16.5px !important;\n            font-weight: 500 !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            max-width: 900px !important;\n        }\n\n        \/* \u72b6\u6001\u6307\u793a\u5fbd\u7ae0 *\/\n        #gm-workflow-pipeline-module .gm-system-badge {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            padding: 8px 16px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            border: 1px solid rgba(0, 216, 255, 0.2) !important;\n            border-radius: 50px !important;\n            color: #00B5D6 !important;\n            font-size: 12px !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            white-space: nowrap !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-system-badge::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 8px !important;\n            background-color: #00D8FF !important;\n            border-radius: 50% !important;\n            box-shadow: 0 0 8px rgba(0, 216, 255, 0.8) !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: 6\u6b65\u9aa4\u5168\u94fe\u8def\u7f51\u683c (6-Step Grid)\n           ========================================================= *\/\n        #gm-workflow-pipeline-module .gm-pipeline-grid {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 30px !important;\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        \/* \u72ec\u7acb\u6b65\u9aa4\u5361\u7247 *\/\n        #gm-workflow-pipeline-module .gm-step-card {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 8px !important;\n            padding: 40px 30px !important;\n            box-shadow: 0 5px 20px rgba(0,0,0,0.02) !important;\n            display: flex !important;\n            flex-direction: column !important;\n            position: relative !important;\n            z-index: 5 !important;\n            overflow: hidden !important;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-step-card:hover {\n            transform: translateY(-6px) !important;\n            border-color: #00D8FF !important;\n            box-shadow: 0 20px 40px -10px rgba(0, 216, 255, 0.15) !important;\n        }\n\n        \/* \u5361\u7247\u9876\u90e8\u88c5\u9970\u8282\u70b9 (Node Marker) *\/\n        #gm-workflow-pipeline-module .gm-step-card::before {\n            content: '' !important;\n            position: absolute !important;\n            top: -6px !important;\n            left: 40px !important;\n            width: 14px !important;\n            height: 14px !important;\n            background-color: #FFFFFF !important;\n            border: 3px solid #00D8FF !important;\n            border-radius: 50% !important;\n            box-sizing: content-box !important;\n            z-index: 10 !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-step-card:hover::before {\n            background-color: #FFD848 !important; \/* \u4ea4\u4e92\u65f6\u70b9\u4eae\u526f\u8272\u8c03 *\/\n            border-color: #111111 !important;\n            transform: scale(1.2) !important;\n        }\n\n        \/* \u5de8\u578b\u900f\u89c6\u6c34\u5370\u6570\u5b57 *\/\n        #gm-workflow-pipeline-module .gm-watermark-number {\n            position: absolute !important;\n            bottom: -15px !important;\n            right: 0 !important;\n            font-size: 110px !important;\n            font-weight: 800 !important;\n            color: rgba(0, 216, 255, 0.04) !important;\n            line-height: 1 !important;\n            z-index: 1 !important;\n            pointer-events: none !important;\n            user-select: none !important;\n            transition: color 0.4s ease, transform 0.4s ease !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-step-card:hover .gm-watermark-number {\n            color: rgba(0, 216, 255, 0.08) !important;\n            transform: scale(1.05) translate(-5px, -5px) !important;\n        }\n\n        \/* \u5361\u7247\u5934\u90e8\uff1a\u56fe\u6807 + H3 \u6807\u9898 *\/\n        #gm-workflow-pipeline-module .gm-card-header {\n            display: flex !important;\n            align-items: center !important;\n            gap: 15px !important;\n            margin-bottom: 18px !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-icon-box {\n            width: 48px !important;\n            height: 48px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            border-radius: 6px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n            flex-shrink: 0 !important;\n            transition: background 0.3s ease !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-step-card:hover .gm-icon-box {\n            background: #00D8FF !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-icon-box svg {\n            width: 22px !important;\n            height: 22px !important;\n            fill: #00D8FF !important;\n            transition: fill 0.3s ease !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-step-card:hover .gm-icon-box svg {\n            fill: #FFFFFF !important;\n        }\n\n        #gm-workflow-pipeline-module h3.gm-h3-title {\n            font-size: 19px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-card-desc {\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5168\u5c40\u8f6c\u5316\u6309\u94ae\u8231 (Global CTA Dock)\n           ========================================================= *\/\n        #gm-workflow-pipeline-module .gm-cta-dock {\n            display: flex !important;\n            justify-content: center !important;\n            margin-top: 10px !important;\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #111111 !important; \/* \u6df1\u9ed1\u5e95\u8272\uff0c\u51f8\u663e\u6743\u5a01\u611f *\/\n            color: #FFFFFF !important;\n            font-size: 16px !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            padding: 18px 45px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;\n            border: 2px solid transparent !important;\n            gap: 12px !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-cta-btn:hover {\n            background-color: #FFD848 !important; \/* \u526f\u8272\u8c03\u9ad8\u4eae\u89e6\u53d1 *\/\n            color: #111111 !important;\n            border-color: #FFD848 !important;\n            transform: translateY(-3px) !important;\n            box-shadow: 0 15px 35px rgba(255, 216, 72, 0.3) !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-cta-btn svg {\n            width: 20px !important;\n            height: 20px !important;\n            fill: currentColor !important;\n            transition: transform 0.3s ease !important;\n        }\n\n        #gm-workflow-pipeline-module .gm-cta-btn:hover svg {\n            transform: translateX(5px) !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width: 1200px) {\n            #gm-workflow-pipeline-module .gm-pipeline-grid { gap: 20px !important; }\n            #gm-workflow-pipeline-module .gm-step-card { padding: 35px 25px !important; }\n        }\n\n        @media (max-width:1000px) {\n            #gm-workflow-pipeline-module .gm-header-zone { flex-direction: column !important; align-items: flex-start !important; gap: 25px !important; }\n            #gm-workflow-pipeline-module .gm-pipeline-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; }\n        }\n\n        @media (max-width:690px) {\n            #gm-workflow-pipeline-module .gm-container { padding: 0 20px !important; gap: 40px !important; }\n            #gm-workflow-pipeline-module h2.gm-h2-title { font-size: 30px !important; }\n            #gm-workflow-pipeline-module .gm-header-zone { padding: 25px !important; }\n            \n            #gm-workflow-pipeline-module .gm-pipeline-grid { grid-template-columns: 1fr !important; gap: 20px !important; }\n            #gm-workflow-pipeline-module .gm-step-card::before { display: none !important; } \/* \u624b\u673a\u7aef\u9690\u85cf\u5b9a\u4f4d\u8282\u70b9 *\/\n            #gm-workflow-pipeline-module .gm-cta-btn { width: 100% !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-header-zone\">\n            <div class=\"gm-header-content\">\n                <h2 class=\"gm-h2-title\">From Floor Plan to After-Sales Support<\/h2>\n                <div class=\"gm-text gm-intro-text\">\n                    Better soft play equipment orders start early. This process enables designers, owners and equipment buyers to work from the same set of facts.\n                <\/div>\n            <\/div>\n            <div class=\"gm-system-badge\">Didi Workflow Active<\/div>\n        <\/div>\n\n        <div class=\"gm-pipeline-grid\">\n            \n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 22h20L12 2zm0 3.83L19.17 20H4.83L12 5.83zM11 10h2v5h-2zm0 6h2v2h-2z\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Share the venue facts<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Send the room layout, room pictures, roof height, target age range, and customer traffic expectations.\n                <\/div>\n                <span class=\"gm-watermark-number\">01<\/span>\n            <\/div>\n\n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M4 4h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zM4 10h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zM4 16h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Review the module plan<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Floor plans determine ball pits, slides, tunnels, mats, toddler items and soft barriers.\n                <\/div>\n                <span class=\"gm-watermark-number\">02<\/span>\n            <\/div>\n\n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M9 15l2 2 4-4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Confirm the design<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Review theme idea, colors, traffic flow, scope of quote, material options and delivery plan.\n                <\/div>\n                <span class=\"gm-watermark-number\">03<\/span>\n            <\/div>\n\n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Produce and inspect<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Factory procures and undertakes facility checking against the module list confirmed in the quote.\n                <\/div>\n                <span class=\"gm-watermark-number\">04<\/span>\n            <\/div>\n\n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Ship and guide install<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Packaging material, delivery and installation notes help local team place the modules correctly.\n                <\/div>\n                <span class=\"gm-watermark-number\">05<\/span>\n            <\/div>\n\n            <div class=\"gm-step-card\">\n                <div class=\"gm-card-header\">\n                    <div class=\"gm-icon-box\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M12 8v4\"\/><path d=\"M12 16h.01\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"gm-h3-title\">Support the opening<\/h3>\n                <\/div>\n                <div class=\"gm-text gm-card-desc\">\n                    Use Didi&#8217;s service agents for any after-sales support, part requirements or expansion requests.\n                <\/div>\n                <span class=\"gm-watermark-number\">06<\/span>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"gm-cta-dock\">\n            <a href=\"#ct-popup-800\" class=\"gm-cta-btn\">\n                Start Your Soft Play Project\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-11eeed4\" data-block-id=\"11eeed4\"><style>.stk-11eeed4 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-11eeed4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-988bc14\" data-v=\"4\" data-block-id=\"988bc14\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-988bc14-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-988bc14-inner-blocks\">\n<section id=\"gm-softplay-tools-hub\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u5168\u5c4f\u8d2f\u7a7f\u80cc\u666f\uff1a\u91c7\u7528\u5fae\u578b\u7f51\u683c\u5e95\u7eb9\uff0c\u6d88\u9664\u7eaf\u767d\u8272\u7684\u5ec9\u4ef7\u7a7a\u6d1e\u611f *\/\n        #gm-softplay-tools-hub {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: \n                linear-gradient(rgba(0, 216, 255, 0.04) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(0, 216, 255, 0.04) 1px, transparent 1px) !important;\n            background-size: 32px 32px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-softplay-tools-hub * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668 *\/\n        #gm-softplay-tools-hub .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 45px !important; \n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u5f20\u529b\u63a7\u5236\u53f0 Header (Console Header)\n           ========================================================= *\/\n        #gm-softplay-tools-hub .gm-header-zone {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: flex-end !important;\n            gap: 40px !important;\n            background: #FFFFFF !important;\n            padding: 35px 40px !important;\n            border-radius: 8px !important;\n            border-left: 6px solid #00D8FF !important; \/* \u54c1\u724c\u4e3b\u8272\u89c6\u89c9\u951a\u70b9 *\/\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        #gm-softplay-tools-hub .gm-header-text {\n            flex: 1 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n        }\n\n        \/* SEO \u8981\u6c42\uff1a\u5305\u542b Soft Play Sets \u7684 H2 \u6807\u9898 *\/\n        #gm-softplay-tools-hub h2.gm-h2-title {\n            font-size: 36px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.2 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #gm-softplay-tools-hub .gm-header-desc {\n            font-size: 16px !important;\n            font-weight: 500 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n            max-width: 850px !important;\n        }\n\n        \/* \u5934\u90e8\u72b6\u6001\u6307\u793a\u5668 *\/\n        #gm-softplay-tools-hub .gm-system-status {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            font-size: 13px !important;\n            font-weight: 800 !important;\n            color: #00D8FF !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            padding: 10px 18px !important;\n            border-radius: 50px !important;\n            border: 1px solid rgba(0, 216, 255, 0.2) !important;\n            white-space: nowrap !important;\n        }\n\n        #gm-softplay-tools-hub .gm-system-status::before {\n            content: '' !important;\n            display: inline-block !important;\n            width: 8px !important;\n            height: 8px !important;\n            background-color: #00D8FF !important;\n            border-radius: 50% !important;\n            box-shadow: 0 0 8px rgba(0, 216, 255, 0.8) !important;\n            animation: gmPulseTool 2s infinite !important;\n        }\n\n        @keyframes gmPulseTool {\n            0% { opacity: 1; transform: scale(1); }\n            50% { opacity: 0.5; transform: scale(0.8); }\n            100% { opacity: 1; transform: scale(1); }\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u5de5\u5177\u5361\u7247\u77e9\u9635 (Tools Array Grid)\n           ========================================================= *\/\n        #gm-softplay-tools-hub .gm-tools-grid {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 30px !important;\n            position: relative !important;\n            z-index: 10 !important;\n        }\n\n        #gm-softplay-tools-hub .gm-tool-card {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-top: 4px solid #DCE4EC !important; \/* \u60ac\u6d6e\u9884\u7559\u7ebf *\/\n            border-radius: 8px !important;\n            padding: 40px 35px !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: space-between !important;\n            position: relative !important;\n            overflow: hidden !important;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            min-height: 340px !important;\n        }\n\n        \/* \u5361\u7247\u60ac\u6d6e\u4ea4\u4e92 *\/\n        #gm-softplay-tools-hub .gm-tool-card:hover {\n            border-top-color: #00D8FF !important; \/* \u4e3b\u8272\u8c03\u9ad8\u4eae *\/\n            transform: translateY(-6px) !important;\n            box-shadow: 0 20px 40px -10px rgba(0, 216, 255, 0.15) !important;\n        }\n        \n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even):hover {\n            border-top-color: #FFD848 !important; \/* \u5076\u6570\u5361\u7247\u526f\u8272\u8c03\u9ad8\u4eae\uff0c\u589e\u52a0\u8282\u594f\u611f *\/\n            box-shadow: 0 20px 40px -10px rgba(255, 216, 72, 0.2) !important;\n        }\n\n        \/* \u5185\u90e8\u5185\u5bb9\u6392\u7248 *\/\n        #gm-softplay-tools-hub .gm-card-content {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 18px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #gm-softplay-tools-hub .gm-tool-icon-wrap {\n            width: 54px !important;\n            height: 54px !important;\n            background: rgba(0, 216, 255, 0.08) !important;\n            border-radius: 6px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            margin-bottom: 5px !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #gm-softplay-tools-hub .gm-tool-card:hover .gm-tool-icon-wrap {\n            background: #00D8FF !important;\n        }\n        \n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even) .gm-tool-icon-wrap {\n            background: rgba(255, 216, 72, 0.1) !important;\n            border-color: rgba(255, 216, 72, 0.2) !important;\n        }\n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even):hover .gm-tool-icon-wrap {\n            background: #FFD848 !important;\n        }\n\n        \/* SVG \u56fe\u6807 *\/\n        #gm-softplay-tools-hub .gm-icon-wrap svg {\n            width: 24px !important;\n            height: 24px !important;\n            fill: #00D8FF !important;\n            transition: fill 0.3s ease !important;\n        }\n        #gm-softplay-tools-hub .gm-tool-card:hover .gm-icon-wrap svg { fill: #FFFFFF !important; }\n\n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even) .gm-icon-wrap svg { fill: #D4A700 !important; }\n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even):hover .gm-icon-wrap svg { fill: #111111 !important; }\n\n        \/* \u6807\u9898\u91c7\u7528 div \u63a7\u5236\uff0c\u7b26\u5408\u975e\u8bed\u4e49\u5316\u66ff\u6362\u539f\u5219 *\/\n        #gm-softplay-tools-hub .gm-card-title {\n            font-size: 22px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            margin: 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        #gm-softplay-tools-hub .gm-card-text {\n            font-size: 15px !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n        }\n\n        \/* \u5e95\u90e8\u5de8\u578b\u6c34\u5370\u9632\u4f2a\u7f16\u53f7 *\/\n        #gm-softplay-tools-hub .gm-watermark-bg {\n            position: absolute !important;\n            bottom: -15px !important;\n            right: -5px !important;\n            font-size: 120px !important;\n            font-weight: 800 !important;\n            color: rgba(0, 216, 255, 0.03) !important;\n            line-height: 1 !important;\n            z-index: 1 !important;\n            pointer-events: none !important;\n            user-select: none !important;\n            transition: all 0.4s ease !important;\n        }\n        \n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even) .gm-watermark-bg { color: rgba(255, 216, 72, 0.05) !important; }\n\n        #gm-softplay-tools-hub .gm-tool-card:hover .gm-watermark-bg {\n            color: rgba(0, 216, 255, 0.08) !important;\n            transform: scale(1.05) translate(-5px, -5px) !important;\n        }\n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even):hover .gm-watermark-bg {\n            color: rgba(255, 216, 72, 0.1) !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 3: \u5de5\u4e1a\u5b9e\u4f53\u6309\u94ae (Physical Output Buttons)\n           ========================================================= *\/\n        #gm-softplay-tools-hub .gm-btn-wrapper {\n            margin-top: 35px !important;\n            position: relative !important;\n            z-index: 5 !important;\n        }\n\n        #gm-softplay-tools-hub .gm-tool-action-btn {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            width: 100% !important;\n            background-color: #111111 !important; \/* \u5de5\u4e1a\u6df1\u9ed1\u5e95\u8272 *\/\n            color: #FFFFFF !important;\n            font-size: 15px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            padding: 16px 24px !important;\n            border-radius: 4px !important;\n            text-decoration: none !important;\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n            border: 2px solid transparent !important;\n        }\n\n        #gm-softplay-tools-hub .gm-btn-arrow {\n            color: #00D8FF !important; \/* \u4e3b\u8272\u70b9\u7f00 *\/\n            font-size: 18px !important;\n            font-weight: 900 !important;\n            transition: transform 0.3s ease !important;\n        }\n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even) .gm-btn-arrow { color: #FFD848 !important; }\n\n        #gm-softplay-tools-hub .gm-tool-action-btn:hover {\n            background-color: #00D8FF !important;\n            color: #111111 !important;\n            border-color: #00D8FF !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 8px 20px rgba(0, 216, 255, 0.3) !important;\n        }\n        \n        #gm-softplay-tools-hub .gm-tool-card:nth-child(even) .gm-tool-action-btn:hover {\n            background-color: #FFD848 !important;\n            border-color: #FFD848 !important;\n            box-shadow: 0 8px 20px rgba(255, 216, 72, 0.3) !important;\n        }\n\n        #gm-softplay-tools-hub .gm-tool-action-btn:hover .gm-btn-arrow {\n            transform: translateX(5px) !important;\n            color: #111111 !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width: 1200px) {\n            #gm-softplay-tools-hub .gm-header-zone { flex-direction: column !important; align-items: flex-start !important; gap: 25px !important; }\n        }\n\n        @media (max-width:1000px) {\n            #gm-softplay-tools-hub .gm-tools-grid { grid-template-columns: repeat(2, 1fr) !important; }\n        }\n\n        @media (max-width:690px) {\n            #gm-softplay-tools-hub .gm-container { padding: 0 20px !important; }\n            #gm-softplay-tools-hub h2.gm-h2-title { font-size: 30px !important; }\n            #gm-softplay-tools-hub .gm-header-zone { padding: 25px !important; }\n            #gm-softplay-tools-hub .gm-tools-grid { grid-template-columns: 1fr !important; gap: 20px !important; }\n            #gm-softplay-tools-hub .gm-tool-card { min-height: auto !important; padding: 30px 25px !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-header-zone\">\n            <div class=\"gm-header-text\">\n                <h2 class=\"gm-h2-title\">Interactive Planning Tools for Commercial Soft Play Sets<\/h2>\n                <p class=\"gm-header-desc\">\n                    Access our suite of engineering calculators and readiness checkers. Determine the exact layout fit, commercial viability, and maintenance scope required before finalizing your indoor playground order.\n                <\/p>\n            <\/div>\n            <div class=\"gm-system-status\">Engineering Suite Active<\/div>\n        <\/div>\n\n        <div class=\"gm-tools-grid\">\n            \n            <div class=\"gm-tool-card\">\n                <div class=\"gm-card-content\">\n                    <div class=\"gm-tool-icon-wrap\">\n                        <svg class=\"gm-icon-wrap\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"gm-card-title\">Soft Play Layout Fit Calculator<\/div>\n                    <p class=\"gm-card-text\">\n                        Calculate the optimal module mix based on your room dimensions and target capacity. Predict floor space requirements for ball pits, slides, and toddler zones.\n                    <\/p>\n                <\/div>\n                <div class=\"gm-btn-wrapper\">\n                    <a href=\"https:\/\/didiplayarea.com\/soft-play-equipment\/soft-play-sets\/soft-play-layout-fit-calculator\/\" class=\"gm-tool-action-btn\">\n                        <span>Launch Calculator<\/span>\n                        <span class=\"gm-btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n                <span class=\"gm-watermark-bg\">01<\/span>\n            <\/div>\n\n            <div class=\"gm-tool-card\">\n                <div class=\"gm-card-content\">\n                    <div class=\"gm-tool-icon-wrap\">\n                        <svg class=\"gm-icon-wrap\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"gm-card-title\">Soft Play Quote Readiness Checker<\/div>\n                    <p class=\"gm-card-text\">\n                        Ensure you have all necessary site facts, theme ideas, and budgets aligned. Prevent miscommunications and speed up the final commercial quotation process.\n                    <\/p>\n                <\/div>\n                <div class=\"gm-btn-wrapper\">\n                    <a href=\"https:\/\/didiplayarea.com\/soft-play-equipment\/soft-play-sets\/soft-play-quote-readiness-checker\/\" class=\"gm-tool-action-btn\">\n                        <span>Run Checker<\/span>\n                        <span class=\"gm-btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n                <span class=\"gm-watermark-bg\">02<\/span>\n            <\/div>\n\n            <div class=\"gm-tool-card\">\n                <div class=\"gm-card-content\">\n                    <div class=\"gm-tool-icon-wrap\">\n                        <svg class=\"gm-icon-wrap\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.06-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.73,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.06,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.43-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.49-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"gm-card-title\">Soft Play Maintenance Load Planner<\/div>\n                    <p class=\"gm-card-text\">\n                        Project daily cleaning times, spare part cycles, and staff requirements to keep your play area safe, hygienic, and profitable in the long term.\n                    <\/p>\n                <\/div>\n                <div class=\"gm-btn-wrapper\">\n                    <a href=\"https:\/\/didiplayarea.com\/soft-play-equipment\/soft-play-sets\/soft-play-maintenance-load-planner\/\" class=\"gm-tool-action-btn\">\n                        <span>Open Planner<\/span>\n                        <span class=\"gm-btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n                <span class=\"gm-watermark-bg\">03<\/span>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-eedcdf0\" data-block-id=\"eedcdf0\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-eedcdf0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-34ec1a2\" data-v=\"4\" data-block-id=\"34ec1a2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-34ec1a2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-34ec1a2-inner-blocks\">\n<section id=\"gm-softplay-faq-module\">\n    <style>\n        \/* =========================================================\n           \u9694\u79bb\u539f\u5219 1 & 3: \u9876\u7ea7\u57df\u9650\u5236\u3001\u5168\u5c40\u6837\u5f0f\u8986\u5199\u4e0e\u9ad8\u7aef\u5b57\u4f53\u5f15\u5165\n           ========================================================= *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n        \/* \u80cc\u666f\u5168\u5c4f\u8d2f\u7a7f\uff1a\u91c7\u7528\u6781\u5fae\u5f31\u7684\u4e3b\u8272\u8c03\u70b9\u9635\uff0c\u63d0\u5347\u5546\u4e1a\u9ad8\u7ea7\u611f *\/\n        #gm-softplay-faq-module {\n            width: 100% !important;\n            background-color: #FAFCFB !important;\n            background-image: radial-gradient(rgba(0, 216, 255, 0.05) 1px, transparent 1px) !important;\n            background-size: 24px 24px !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box !important;\n            font-family: inherit, 'Inter', sans-serif !important; \n            color: #333333 !important;\n            overflow: hidden !important;\n            border-top: 1px solid #EAECEE !important;\n            border-bottom: 1px solid #EAECEE !important;\n        }\n\n        #gm-softplay-faq-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u951a\u5b9a\u5bb9\u5668\uff1a1600px *\/\n        #gm-softplay-faq-module .gm-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            display: flex !important;\n            align-items: flex-start !important;\n            gap: 60px !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 1: \u5de6\u4fa7\u9759\u6001\u4e2d\u63a7\u53f0 (Sticky Command Center)\n           ========================================================= *\/\n        #gm-softplay-faq-module .gm-faq-left {\n            flex: 0 1 35% !important;\n            position: sticky !important;\n            top: 40px !important; \/* \u6eda\u52a8\u8ddf\u968f *\/\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 25px !important;\n        }\n\n        \/* SEO H2 \u6807\u9898 *\/\n        #gm-softplay-faq-module h2.gm-h2-title {\n            font-size: 38px !important;\n            font-weight: 800 !important;\n            color: #111111 !important;\n            line-height: 1.15 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n            border-left: 6px solid #00D8FF !important;\n            padding-left: 20px !important;\n        }\n\n        #gm-softplay-faq-module .gm-intro-text {\n            font-size: 16.5px !important;\n            font-weight: 500 !important;\n            line-height: 1.65 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n            padding-left: 26px !important;\n        }\n\n        \/* \u6570\u636e\u6765\u6e90\u5408\u89c4\u533a (Sources & Basis) *\/\n        #gm-softplay-faq-module .gm-sources-card {\n            background: rgba(0, 216, 255, 0.05) !important;\n            border: 1px solid rgba(0, 216, 255, 0.15) !important;\n            border-radius: 6px !important;\n            padding: 25px !important;\n            margin-left: 26px !important;\n        }\n\n        #gm-softplay-faq-module .gm-sources-title {\n            font-size: 13px !important;\n            font-weight: 800 !important;\n            color: #00D8FF !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1px !important;\n            margin: 0 0 10px 0 !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n        }\n\n        #gm-softplay-faq-module .gm-sources-text {\n            font-size: 13.5px !important;\n            line-height: 1.6 !important;\n            color: #666666 !important;\n            margin: 0 0 10px 0 !important;\n        }\n\n        #gm-softplay-faq-module .gm-sources-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 6px !important;\n        }\n\n        #gm-softplay-faq-module .gm-sources-list li {\n            font-size: 13px !important;\n            color: #555555 !important;\n            position: relative !important;\n            padding-left: 12px !important;\n        }\n\n        #gm-softplay-faq-module .gm-sources-list li::before {\n            content: '\u203a' !important;\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            color: #00D8FF !important;\n            font-weight: 800 !important;\n        }\n\n        \/* =========================================================\n           \u5e03\u5c40\u5c42 2: \u53f3\u4fa7\u624b\u98ce\u7434 FAQ (Accordion Matrix - Right)\n           ========================================================= *\/\n        #gm-softplay-faq-module .gm-faq-right {\n            flex: 0 1 65% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 15px !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-item {\n            background: #FFFFFF !important;\n            border: 1px solid #EAECEE !important;\n            border-radius: 6px !important;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02) !important;\n            overflow: hidden !important;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-item:hover {\n            border-color: rgba(0, 216, 255, 0.4) !important;\n        }\n\n        \/* \u6fc0\u6d3b\u72b6\u6001\u9ad8\u4eae *\/\n        #gm-softplay-faq-module .gm-faq-item.is-active {\n            border-color: #00D8FF !important;\n            box-shadow: 0 10px 25px rgba(0, 216, 255, 0.1) !important;\n        }\n\n        \/* \u95ee\u9898\u89e6\u53d1\u5668 *\/\n        #gm-softplay-faq-module .gm-faq-question {\n            width: 100% !important;\n            background: transparent !important;\n            border: none !important;\n            padding: 24px 30px !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            cursor: pointer !important;\n            text-align: left !important;\n            font-family: inherit !important;\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            color: #111111 !important;\n            transition: background 0.3s ease !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-question:hover {\n            background: #F8FAFB !important;\n        }\n\n        \/* \u6781\u5ba2\u611f SVG \u6307\u793a\u7bad\u5934 (\u66ff\u6362 + \u53f7) *\/\n        #gm-softplay-faq-module .gm-faq-icon {\n            flex-shrink: 0 !important;\n            width: 32px !important;\n            height: 32px !important;\n            border-radius: 50% !important;\n            background: rgba(0, 216, 255, 0.1) !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            margin-left: 20px !important;\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-icon svg {\n            width: 14px !important;\n            height: 14px !important;\n            fill: #00D8FF !important;\n            transition: transform 0.4s ease, fill 0.3s ease !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-item.is-active .gm-faq-icon {\n            background: #FFD848 !important; \/* \u6253\u5f00\u65f6\u526f\u8272\u8c03\u9ad8\u4eae *\/\n        }\n\n        #gm-softplay-faq-module .gm-faq-item.is-active .gm-faq-icon svg {\n            fill: #111111 !important;\n            transform: rotate(-180deg) !important; \/* \u65cb\u8f6c 180 \u5ea6 *\/\n        }\n\n        #gm-softplay-faq-module .gm-faq-item.is-active .gm-faq-question {\n            color: #00D8FF !important;\n            background: #F8FAFB !important;\n        }\n\n        \/* \u6838\u5fc3\u4fee\u590d\uff1a\u57fa\u4e8e CSS Grid \u7684\u5b8c\u7f8e\u6298\u53e0\u52a8\u753b\u65b9\u6848 *\/\n        #gm-softplay-faq-module .gm-faq-answer {\n            display: grid !important;\n            grid-template-rows: 0fr !important;\n            transition: grid-template-rows 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\n        }\n\n        #gm-softplay-faq-module .gm-faq-item.is-active .gm-faq-answer {\n            grid-template-rows: 1fr !important;\n        }\n\n        #gm-softplay-faq-module .gm-answer-inner {\n            min-height: 0 !important; \/* \u5fc5\u987b\u8bbe\u7f6e min-height 0 \u4ee5\u914d\u5408 0fr *\/\n            overflow: hidden !important;\n        }\n\n        \/* \u7b54\u6848\u6587\u672c\u5b9e\u9645\u5bb9\u5668 *\/\n        #gm-softplay-faq-module .gm-answer-text {\n            padding: 0 30px 30px 30px !important;\n            font-size: 15.5px !important;\n            line-height: 1.7 !important;\n            color: #555555 !important;\n            margin: 0 !important;\n        }\n\n        \/* =========================================================\n           \u54cd\u5e94\u5f0f\u6d41\u4f53\u9002\u914d (Responsive Reflow)\n           ========================================================= *\/\n        @media (max-width:1000px) {\n            #gm-softplay-faq-module .gm-container { flex-direction: column !important; gap: 40px !important; }\n            #gm-softplay-faq-module .gm-faq-left { width: 100% !important; flex: none !important; position: static !important; }\n            #gm-softplay-faq-module .gm-faq-right { width: 100% !important; flex: none !important; }\n            #gm-softplay-faq-module .gm-sources-card { margin-left: 0 !important; }\n            #gm-softplay-faq-module .gm-intro-text { padding-left: 0 !important; }\n            #gm-softplay-faq-module h2.gm-h2-title { border-left: none !important; padding-left: 0 !important; }\n        }\n\n        @media (max-width:690px) {\n            #gm-softplay-faq-module .gm-container { padding: 0 20px !important; }\n            #gm-softplay-faq-module h2.gm-h2-title { font-size: 32px !important; }\n            #gm-softplay-faq-module .gm-faq-question { padding: 20px !important; font-size: 16px !important; }\n            #gm-softplay-faq-module .gm-answer-text { padding: 0 20px 25px 20px !important; }\n        }\n    <\/style>\n\n    <div class=\"gm-container\">\n        \n        <div class=\"gm-faq-left\">\n            <h2 class=\"gm-h2-title\">Questions Buyers Ask Before Ordering Soft Play Sets<\/h2>\n            <p class=\"gm-intro-text\">\n                The following questions come from search analysis, supplier comparisons and owner interview signals.\n            <\/p>\n\n            <div class=\"gm-sources-card\">\n                <div class=\"gm-sources-title\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n                    Sources used &#038; Research Basis\n                <\/div>\n                <p class=\"gm-sources-text\">\n                    This page uses information provided by Didi and public safety references. Certification and ROI statements are tempered unless supporting evidence for the final order is provided.\n                <\/p>\n                <ul class=\"gm-sources-list\">\n                    <li>Reference about page for Didi<\/li>\n                    <li>Reference homepage for Didi<\/li>\n                    <li>CPSC playground equipment guidance<\/li>\n                    <li>ASTM indoor playground safety work item reference<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <div class=\"gm-faq-right\">\n            \n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    What is included in a commercial soft play set? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Build your own commercial soft play maze with ball pits, foam blocks, slides, tunnels, ropes, soft barriers, play pads, themed panels, toddler zones and theme definition. Final mix should depend on space size, traffic flow, tolling age and theme needs.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    Are soft play sets good for malls, restaurants, hotels, and kindergartens? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Yes, so long as the space is functionally designed for the venue. Tunnel connections may require stronger photo value and air flow control. Mall venues require high visibility from shopping aisles. Kids room need to have a lower ratio of climbing, jumping and crawling pieces. Hotel hotels require modular M&#038;C with clear parent waiting area.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    How should I compare soft play equipment suppliers? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Request material specifications, layout plans, production process notes, safety review points, spare-part planning, installation guidance, and after-sales support. A lower quote can create cleaning, repair, or replacement costs later if modules are poorly built or hard to maintain.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    What information should I send for a soft play quote? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Send the room plan, site photos, ceiling height, target age range, expected visitor count, preferred theme, brand colors, shipping destination, and budget scope. If the domain is new, share the expected page layout so the quotation flow matches the final website.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    Can Didi match our brand colors and theme? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Yes. Send your logo, color codes and desired mood. The play set for this page will have the same bright, family friendly color palette of #00D8FF and #FFD848 if the venue requires.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gm-faq-item\">\n                <button class=\"gm-faq-question\">\n                    Can Didi promise a fixed ROI for soft play sets? \n                    <span class=\"gm-faq-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                    <\/span>\n                <\/button>\n                <div class=\"gm-faq-answer\">\n                    <div class=\"gm-answer-inner\">\n                        <div class=\"gm-answer-text\">\n                            Send your room size. Get a custom soft play direction. Upload venue photos, measurements, target age range, and theme notes. Didi can then help select which soft play sets, ball pits, mats, tunnels, and climbing components fit the design.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            var faqContainer = document.getElementById('gm-softplay-faq-module');\n            if(!faqContainer) return;\n\n            var questions = faqContainer.querySelectorAll('.gm-faq-question');\n\n            questions.forEach(function(btn) {\n                btn.addEventListener('click', function() {\n                    var item = this.parentElement;\n\n                    \/\/ \u9009\u9879\u6392\u4ed6\u6027\uff1a\u5173\u95ed\u5176\u4ed6\u5df2\u6253\u5f00\u7684\u9879\n                    var allItems = faqContainer.querySelectorAll('.gm-faq-item');\n                    allItems.forEach(function(otherItem) {\n                        if(otherItem !== item && otherItem.classList.contains('is-active')) {\n                            otherItem.classList.remove('is-active');\n                        }\n                    });\n\n                    \/\/ \u5207\u6362\u5f53\u524d\u9879\u7684\u72b6\u6001\n                    item.classList.toggle('is-active');\n                });\n            });\n        });\n    <\/script>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is included in a commercial soft play set?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Build your own commercial soft play maze with ball pits, foam blocks, slides, tunnels, ropes, soft barriers, play pads, themed panels, toddler zones and theme definition. Final mix should depend on space size, traffic flow, tolling age and theme needs.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Are soft play sets good for malls, restaurants, hotels, and kindergartens?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes, so long as the space is functionally designed for the venue. Tunnel connections may require stronger photo value and air flow control. Mall venues require high visibility from shopping aisles. Kids room need to have a lower ratio of climbing, jumping and crawling pieces. Hotel hotels require modular M&C with clear parent waiting area.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How should I compare soft play equipment suppliers?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Request material specifications, layout plans, production process notes, safety review points, spare-part planning, installation guidance, and after-sales support. A lower quote can create cleaning, repair, or replacement costs later if modules are poorly built or hard to maintain.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What information should I send for a soft play quote?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Send the room plan, site photos, ceiling height, target age range, expected visitor count, preferred theme, brand colors, shipping destination, and budget scope. If the domain is new, share the expected page layout so the quotation flow matches the final website.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can Didi match our brand colors and theme?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Send your logo, color codes and desired mood. The play set for this page will have the same bright, family friendly color palette of #00D8FF and #FFD848 if the venue requires.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can Didi promise a fixed ROI for soft play sets?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Send your room size. Get a custom soft play direction. Upload venue photos, measurements, target age range, and theme notes. Didi can then help select which soft play sets, ball pits, mats, tunnels, and climbing components fit the design.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2605\u2605\u2605\u2605\u2605 Excellent Corporate Partner Rating Commercial Soft Play Sets Custom Soft Play Sets for Commercial Indoor Play Spaces Design a soft play that suits the room, the age group, the traffic route, and the business plan. Didi Playground gives back to investments a ready to use, easy to maintain playing space with layout, factory, shipping [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":1671,"parent":1244,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1669","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/1669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/1669\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/pages\/1244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/media\/1671"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/es\/wp-json\/wp\/v2\/media?parent=1669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}