{"id":1343,"date":"2026-05-04T07:29:00","date_gmt":"2026-05-04T07:29:00","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=1343"},"modified":"2026-05-23T07:22:54","modified_gmt":"2026-05-23T07:22:54","slug":"indoor-playground-themes-custom-design","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/ar\/indoor-playground-themes-custom-design\/","title":{"rendered":"\u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u0644\u0639\u0628 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062e\u0635\u0635"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2709594\" data-block-id=\"2709594\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2709594-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-115a8f1\" data-v=\"4\" data-block-id=\"115a8f1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-115a8f1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-115a8f1-inner-blocks\">\n<section id=\"didi-hero-b2b-gallery\">\n  <style>\n    \/* =========================================================\n       1. \u6837\u5f0f\u9694\u79bb\u4e0e\u53d8\u91cf & \u7eaf\u8272\u80cc\u666f\n       ========================================================= *\/\n    #didi-hero-b2b-gallery {\n      --primary: #00D8FF;    \/* Logo \u4e3b\u8272\u8c03\uff1a\u9752\u8272 *\/\n      --secondary: #FFD848;  \/* Logo \u526f\u8272\u8c03\uff1a\u9ec4\u8272 *\/\n      --dark: #1d1d1f;\n      --gray: #666666;\n      width: 100% !important;\n      \/* \u79fb\u9664 font-family\uff0c\u5b8c\u5168\u7ee7\u627f Blocksy \u4e3b\u9898\u8bbe\u7f6e *\/\n      padding: 60px 0 !important; \n      \/* \u4e25\u683c\u6309\u7167\u8981\u6c42\u8bbe\u7f6e\u7eaf\u8272\u80cc\u666f (\u6de1\u84dd\u8272\uff0c\u6bd4\u7eaf\u767d\u7a0d\u591a\u8bbe\u8ba1\u611f) *\/\n      background: #F5FCFF !important; \n      position: relative !important;\n      overflow: hidden !important;\n      z-index: 1 !important;\n    }\n\n    #didi-hero-b2b-gallery * { box-sizing: border-box !important; margin: 0; padding: 0; }\n\n    \/* \u2605 \u5bbd\u5ea6\u5df2\u8c03\u6574\u4e3a 1400px *\/\n    #didi-hero-b2b-gallery .didi-container {\n      max-width: 1400px !important; \n      margin: 0 auto !important;\n      padding: 0 20px !important;\n    }\n\n    \/* =========================================================\n       2. \u4e3b\u4f53\u5e03\u5c40\uff1a\u5de6\u6587\u53f3\u56fe\n       ========================================================= *\/\n    #didi-hero-b2b-gallery .didi-main-row {\n      display: flex !important;\n      flex-wrap: wrap !important;\n      gap: 40px !important;\n      align-items: flex-start !important;\n    }\n\n    \/* \u5de6\u4fa7\u6587\u6848\u533a *\/\n    #didi-hero-b2b-gallery .didi-col-text {\n      flex: 1 1 500px !important;\n    }\n\n    \/* H1 SEO \u8bbe\u5b9a\uff1a18px, 800\u5b57\u91cd *\/\n    #didi-hero-b2b-gallery h1.didi-h1 {\n      color: var(--primary) !important;\n      font-size: 18px !important;\n      font-weight: 800 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      margin-bottom: 15px !important;\n      line-height: 1.4 !important;\n      display: block !important;\n    }\n\n    \/* H2 SEO \u8bbe\u5b9a\uff1a32px, 700\u5b57\u91cd *\/\n    #didi-hero-b2b-gallery h2.didi-h2 {\n      font-size: 32px !important; \n      font-weight: 700 !important;\n      color: var(--dark) !important;\n      line-height: 1.2 !important;\n      margin-bottom: 20px !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-intro-text {\n      font-size: 15px !important;\n      color: var(--gray) !important;\n      line-height: 1.6 !important;\n      margin-bottom: 25px !important;\n    }\n\n    \/* \u5217\u8868\u5185\u5bb9\u6846 *\/\n    #didi-hero-b2b-gallery .didi-summary-box {\n      background: #ffffff !important; \n      border-left: 4px solid var(--secondary) !important;\n      padding: 20px !important;\n      margin-bottom: 30px !important;\n      border-radius: 4px 12px 12px 4px !important;\n      box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-list {\n      list-style: none !important;\n      display: grid !important;\n      grid-template-columns: 1fr 1fr !important;\n      gap: 8px !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-list-item {\n      font-size: 13px !important;\n      color: var(--gray) !important;\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-list-item::before {\n      content: \"\u2713\" !important;\n      color: var(--primary) !important;\n      margin-right: 8px !important;\n      font-weight: 900 !important;\n    }\n\n    \/* \u4e3b CTA \u6309\u94ae\uff1a\u9ed8\u8ba4\u4e3b\u8272\u8c03 #00D8FF *\/\n    #didi-hero-b2b-gallery .didi-cta-btn {\n      display: inline-block !important;\n      background: var(--primary) !important;\n      color: var(--dark) !important; \n      text-decoration: none !important;\n      font-weight: 800 !important;\n      padding: 18px 40px !important;\n      border-radius: 8px !important;\n      transition: all 0.3s ease !important;\n      box-shadow: 0 5px 15px rgba(0, 216, 255, 0.3) !important;\n      font-size: 16px !important;\n    }\n\n    \/* \u2605 \u6309\u94ae\u60ac\u6d6e\u65f6\uff1a\u53d8\u4e3a\u526f\u8272\u8c03 #FFD848 *\/\n    #didi-hero-b2b-gallery .didi-cta-btn:hover {\n      transform: translateY(-2px) !important;\n      background: var(--secondary) !important; \n      box-shadow: 0 8px 25px rgba(255, 216, 72, 0.4) !important; \/* \u9634\u5f71\u540c\u6b65\u53d8\u9ec4 *\/\n      color: var(--dark) !important;\n    }\n\n    \/* \u53f3\u4fa7\u56fe\u5e93\u533a *\/\n    #didi-hero-b2b-gallery .didi-col-gallery {\n      flex: 1 1 450px !important;\n      display: flex !important;\n      flex-direction: column !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-main-viewer {\n      width: 100% !important;\n      aspect-ratio: 4 \/ 3 !important; \n      background: #f0f0f0 !important;\n      border-radius: 16px !important;\n      overflow: hidden !important;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;\n      margin-bottom: 15px !important;\n    }\n\n    #didi-hero-b2b-gallery #didi-main-img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      transition: opacity 0.3s ease !important;\n    }\n\n    \/* \u7f29\u7565\u56fe\u5bfc\u822a\u533a\u57df *\/\n    #didi-hero-b2b-gallery .didi-thumb-nav-wrapper {\n      display: flex !important;\n      align-items: center !important;\n      gap: 12px !important;\n      width: 100% !important;\n    }\n\n    \/* \u5bfc\u822a\u7bad\u5934\u6837\u5f0f *\/\n    #didi-hero-b2b-gallery .didi-nav-arrow {\n      background: #ffffff !important;\n      border: 1px solid #e0e0e0 !important;\n      color: var(--dark) !important;\n      width: 38px !important;\n      height: 38px !important;\n      border-radius: 50% !important;\n      cursor: pointer !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      transition: all 0.2s ease !important;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;\n      flex-shrink: 0 !important;\n      outline: none !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-nav-arrow:hover {\n      background: var(--secondary) !important;\n      border-color: var(--secondary) !important;\n      color: var(--dark) !important; \n    }\n\n    #didi-hero-b2b-gallery .didi-thumb-row {\n      display: grid !important;\n      grid-template-columns: repeat(4, 1fr) !important;\n      gap: 10px !important;\n      flex-grow: 1 !important;\n    }\n\n    \/* \u7f29\u7565\u56fe\u6bd4\u4f8b 3:2 *\/\n    #didi-hero-b2b-gallery .didi-thumb {\n      aspect-ratio: 3 \/ 2 !important; \n      border-radius: 8px !important;\n      overflow: hidden !important;\n      cursor: pointer !important;\n      border: 2px solid transparent !important;\n      transition: all 0.2s ease !important;\n      opacity: 0.6 !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-thumb.active {\n      border-color: var(--primary) !important;\n      opacity: 1 !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-thumb img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n    }\n\n    \/* =========================================================\n       3. \u5e95\u90e8\u7edf\u8ba1\u5361\u7247\n       ========================================================= *\/\n    #didi-hero-b2b-gallery .didi-stats-grid {\n      display: grid !important;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;\n      gap: 20px !important;\n      margin-top: 50px !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-stat-card {\n      background: #ffffff !important;\n      padding: 25px !important;\n      border-radius: 16px !important;\n      border: 1px solid rgba(0, 216, 255, 0.1) !important;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;\n      transition: transform 0.3s ease !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-stat-card:hover {\n      transform: translateY(-5px) !important;\n      border-color: var(--primary) !important;\n      box-shadow: 0 15px 35px rgba(0, 216, 255, 0.1) !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-stat-val {\n      display: block !important;\n      font-size: 28px !important;\n      font-weight: 800 !important;\n      color: var(--primary) !important;\n      margin-bottom: 5px !important;\n    }\n\n    #didi-hero-b2b-gallery .didi-stat-lab {\n      font-size: 13px !important;\n      color: var(--dark) !important;\n      font-weight: 600 !important;\n      line-height: 1.4 !important;\n    }\n\n    \/* =========================================================\n       4. \u54cd\u5e94\u5f0f\u8c03\u6574\n       ========================================================= *\/\n    @media (max-width:690px) {\n      #didi-hero-b2b-gallery .didi-list { grid-template-columns: 1fr !important; }\n      #didi-hero-b2b-gallery h2.didi-h2 { font-size: 28px !important; }\n      #didi-hero-b2b-gallery .didi-stats-grid { grid-template-columns: 1fr 1fr !important; }\n      #didi-hero-b2b-gallery .didi-nav-arrow { width: 32px !important; height: 32px !important; }\n    }\n  <\/style>\n\n  <div class=\"didi-container\">\n    <div class=\"didi-main-row\">\n      <div class=\"didi-col-text\">\n        <h1 class=\"didi-h1\">Indoor Playground Themes &amp; Custom Design<\/h1>\n        <h2 class=\"didi-h2\">Custom Indoor Playground Design &amp; Themed Equipment<\/h2>\n        <p class=\"didi-intro-text\">\n          From a 200 sqm boutique mall corner to a 1,500 sqm flagship FEC, Didi Land delivers 100% custom indoor playground equipment with four signature indoor playground themes \u2014 backed by a five-certification stack, an end-to-end turnkey solution, and deployment across 40+ countries since 2014.\n        <\/p>\n\n        <div class=\"didi-summary-box\">\n          <ul class=\"didi-list\">\n            <li class=\"didi-list-item\">Themes: Ocean \u00b7 Jungle \u00b7 Space \u00b7 Candy<\/li>\n            <li class=\"didi-list-item\">Area: 80 sqm to 2,500+ sqm<\/li>\n            <li class=\"didi-list-item\">Software: AutoCAD \u00b7 SolidWorks \u00b7 Lumion<\/li>\n            <li class=\"didi-list-item\">Free 3D renderings: 3 iterations<\/li>\n            <li class=\"didi-list-item\">Certs: EN 1176, ASTM F381-16, CE<\/li>\n            <li class=\"didi-list-item\">Lead time: 8-14 weeks<\/li>\n          <\/ul>\n        <\/div>\n\n        <a href=\"#ct-popup-800\" class=\"didi-cta-btn\">Request a Custom Design Quote<\/a>\n      <\/div>\n\n      <div class=\"didi-col-gallery\">\n        <div class=\"didi-main-viewer\">\n          <img decoding=\"async\" id=\"didi-main-img\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Didi-Land-Main-Design-1.2.jpg\" alt=\"Didi Land Main Design\">\n        <\/div>\n        \n        <div class=\"didi-thumb-nav-wrapper\">\n          <button class=\"didi-nav-arrow\" onclick=\"didiPrevImg()\" aria-label=\"Previous image\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n          <\/button>\n          \n          <div class=\"didi-thumb-row\" id=\"didi-thumbs\">\n            <div class=\"didi-thumb active\" onclick=\"didiSwitch(0)\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Didi-Land-Main-Design-1.2.jpg\" alt=\"Thumb 1\">\n            <\/div>\n            <div class=\"didi-thumb\" onclick=\"didiSwitch(1)\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Indoor-Playground-Themes-Custom-Design-2.png\" alt=\"Thumb 2\">\n            <\/div>\n            <div class=\"didi-thumb\" onclick=\"didiSwitch(2)\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Didi-Land-Main-Design-1.1-1.jpg\" alt=\"Thumb 3\">\n            <\/div>\n            <div class=\"didi-thumb\" onclick=\"didiSwitch(3)\">\n              <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Indoor-Playground-Themes-Custom-Design-4.jpg\" alt=\"Thumb 4\">\n            <\/div>\n          <\/div>\n\n          <button class=\"didi-nav-arrow\" onclick=\"didiNextImg()\" aria-label=\"Next image\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"didi-stats-grid\">\n      <div class=\"didi-stat-card\">\n        <span class=\"didi-stat-val\">40+<\/span>\n        <span class=\"didi-stat-lab\">Export Markets Since 2014<\/span>\n      <\/div>\n      <div class=\"didi-stat-card\">\n        <span class=\"didi-stat-val\">5 Certs<\/span>\n        <span class=\"didi-stat-lab\">EN 1176 \u00b7 ASTM F381 \u00b7 AS 4685.1 \u00b7 CE \u00b7 ISO 9001<\/span>\n      <\/div>\n      <div class=\"didi-stat-card\">\n        <span class=\"didi-stat-val\">24\/7<\/span>\n        <span class=\"didi-stat-lab\">Engineer Response &amp; Spare Parts in 5 Days<\/span>\n      <\/div>\n      <div class=\"didi-stat-card\">\n        <span class=\"didi-stat-val\">8-14W<\/span>\n        <span class=\"didi-stat-lab\">Concept Lock to Dock-loaded Shipment<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    let didiCurrentIndex = 0;\n\n    function didiSwitch(index) {\n      const thumbs = document.querySelectorAll('#didi-hero-b2b-gallery .didi-thumb');\n      const mainImg = document.getElementById('didi-main-img');\n      \n      if (!thumbs || thumbs.length === 0 || !mainImg) return;\n\n      if (index < 0) index = thumbs.length - 1;\n      if (index >= thumbs.length) index = 0;\n      \n      didiCurrentIndex = index;\n\n      mainImg.style.opacity = '0.3';\n      setTimeout(() => {\n        const targetImgSrc = thumbs[didiCurrentIndex].querySelector('img').src;\n        mainImg.src = targetImgSrc;\n        mainImg.style.opacity = '1';\n      }, 150);\n\n      thumbs.forEach(t => t.classList.remove('active'));\n      thumbs[didiCurrentIndex].classList.add('active');\n    }\n\n    function didiPrevImg() {\n      didiSwitch(didiCurrentIndex - 1);\n    }\n\n    function didiNextImg() {\n      didiSwitch(didiCurrentIndex + 1);\n    }\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-9535951\" data-block-id=\"9535951\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9535951-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2b33b14\" data-v=\"4\" data-block-id=\"2b33b14\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2b33b14-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-2b33b14-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-13f0b5c\" data-block-id=\"13f0b5c\"><style>.stk-13f0b5c {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-13f0b5c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-65eaef5\" data-v=\"4\" data-block-id=\"65eaef5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-65eaef5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-65eaef5-inner-blocks\">\n<style>\n\/* ==========================================================================\n   DIDI LAND: PREMIUM LIGHT INDUSTRIAL MODULE \n   Design: Clean \/ Bright \/ High-End Precision Engineering \/ No Heavy Black\n   ========================================================================== *\/\n\n\/* --- 1. Top Level Scope & Light Technical Grid --- *\/\n#didi-light-investor-module {\n    width: 100% !important;\n    background-color: #ffffff !important;\n    \/* \u6574\u4f53\u4e0a\u8fb9\u8ddd\u8bbe\u4e3a 0\uff0c\u4fdd\u7559\u5e95\u90e8 50px \u95f4\u8ddd *\/\n    padding: 0 0 50px 0 !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#didi-light-investor-module * {\n    box-sizing: inherit !important;\n}\n\n#didi-light-investor-module .didi-container-max {\n    width: 100% !important;\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\/* --- 2. Typography: Deep Slate instead of Pure Black --- *\/\n#didi-light-investor-module h2 {\n    font-size: 32px !important; \n    color: #1E293B !important; \n    text-align: left !important;\n    margin: 0 !important;\n    line-height: 1.25 !important;\n    font-weight: 700 !important;\n    \/* \u8bbe\u4e3a\u9996\u5b57\u6bcd\u5927\u5199 *\/\n    text-transform: capitalize !important;\n    letter-spacing: -0.5px !important;\n}\n\n#didi-light-investor-module h3 {\n    font-size: 24px !important;\n    color: #1E293B !important;\n    text-align: left !important;\n    margin: 0 0 16px 0 !important;\n    font-weight: 700 !important;\n}\n\n#didi-light-investor-module p {\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    color: #475569 !important; \n    text-align: left !important;\n    margin: 0 !important;\n}\n\n\/* --- 3. Layout: Top Hero Section (Floating, No Card) --- *\/\n#didi-light-investor-module .didi-light-hero {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 40px !important;\n    align-items: center !important;\n    background: transparent !important;\n    padding: 20px 0 !important; \n}\n\n#didi-light-investor-module .didi-hero-title-box {\n    flex: 1 1 450px !important;\n}\n\n#didi-light-investor-module .didi-hero-text-box {\n    flex: 2 1 600px !important;\n    border-left: 1px solid #E2E8F0 !important; \n    padding-left: 40px !important;\n}\n\n\/* --- 4. Layout: The 4-Column Precision Grid --- *\/\n#didi-light-investor-module .didi-metrics-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 24px !important;\n    align-items: stretch !important;\n}\n\n#didi-light-investor-module .didi-metric-card {\n    background: #ffffff !important;\n    border: 1px solid #E2E8F0 !important;\n    padding: 32px 24px 24px 24px !important;\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 16px !important;\n    transition: all 0.3s ease !important;\n}\n\n#didi-light-investor-module .didi-metric-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 6px 6px 0px #FFD848 !important; \n    border-color: #FFD848 !important;\n}\n\n#didi-light-investor-module .didi-icon-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 36px !important;\n    height: 36px !important;\n    background-color: #00D8FF !important; \n    color: #ffffff !important;\n    font-weight: bold !important;\n    font-size: 18px !important;\n    border-radius: 0 !important;\n    position: absolute !important;\n    top: -18px !important; \n    left: 24px !important;\n    box-shadow: 3px 3px 0px rgba(30, 41, 59, 0.1) !important;\n}\n\n#didi-light-investor-module .didi-metric-desc {\n    color: #1E293B !important;\n    font-weight: 600 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    margin-top: 8px !important;\n}\n\n\/* --- 5. Layout: Bottom Contrast --- *\/\n#didi-light-investor-module .didi-dual-panel {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%) !important;\n    border: 1px solid #E2E8F0 !important;\n    background: #ffffff !important;\n    box-shadow: 8px 8px 0px rgba(30, 41, 59, 0.05) !important;\n}\n\n#didi-light-investor-module .didi-panel-warning {\n    flex: 1 1 500px !important;\n    background-color: #ffffff !important;\n    padding: 50px !important;\n    position: relative !important;\n}\n\n#didi-light-investor-module .didi-panel-warning::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 6px !important;\n    height: 100% !important;\n    background-color: #FFD848 !important; \n}\n\n#didi-light-investor-module .didi-panel-solution {\n    flex: 1 1 500px !important;\n    background-color: #F8FAFC !important; \n    padding: 50px !important;\n    position: relative !important;\n    border-left: 1px solid #E2E8F0 !important;\n}\n\n\/* \u5c06 Didi Land's Answer \u8bbe\u4e3a\u4e3b\u8272\u8c03 *\/\n#didi-light-investor-module .didi-panel-solution h3 {\n    color: #00D8FF !important;\n}\n\n\/* --- 6. Responsive Tuning --- *\/\n@media (max-width: 1200px) {\n    #didi-light-investor-module .didi-metrics-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 32px 20px !important; \n    }\n    #didi-light-investor-module .didi-hero-text-box {\n        border-left: none !important;\n        padding-left: 0 !important;\n        border-top: 1px solid #E2E8F0 !important;\n        padding-top: 24px !important;\n    }\n}\n\n@media (max-width: 900px) {\n    #didi-light-investor-module .didi-dual-panel {\n        flex-direction: column !important;\n        clip-path: none !important; \n    }\n    #didi-light-investor-module .didi-panel-solution {\n        border-left: none !important;\n        border-top: 1px solid #E2E8F0 !important;\n    }\n}\n\n@media (max-width: 600px) {\n    #didi-light-investor-module .didi-container-max {\n        padding: 0 20px !important;\n    }\n    #didi-light-investor-module .didi-metrics-grid {\n        grid-template-columns: 1fr !important;\n        gap: 32px 0 !important;\n    }\n    #didi-light-investor-module .didi-light-hero,\n    #didi-light-investor-module .didi-panel-warning,\n    #didi-light-investor-module .didi-panel-solution {\n        padding: 30px 24px !important;\n    }\n}\n<\/style>\n\n<section id=\"didi-light-investor-module\">\n    <div class=\"didi-container-max\">\n        \n        <header class=\"didi-light-hero\">\n            <div class=\"didi-hero-title-box\">\n                <h2>Why Off-the-Shelf Playgrounds Fail Investors<\/h2>\n            <\/div>\n            <div class=\"didi-hero-text-box\">\n                <p>Custom indoor playground equipment exists because ready-to-go catalogs do not fit real venues. A 9,000-10,000sqft FEC in Texas, a 200 square meter corner in a mid-city mall, and a 600sqm hotel kid&#8217;s club all face different floor plans, age mixes, ceiling heights, and fire-egress routes \u2013 making a single play structure design rarely adaptable across them. When investors buy from a stock catalog, it rarely optimizes the leased footprint \u2013 and the delta between leased rent and pay-to-play floor becomes the silent profit-eater.<\/p>\n            <\/div>\n        <\/header>\n\n        <div class=\"didi-metrics-grid\">\n            <article class=\"didi-metric-card\">\n                <span class=\"didi-icon-badge\">\u25a1<\/span>\n                <p class=\"didi-metric-desc\">Catalog modules waste 15\u201330% of leased floor area \u2014 floor plan mismatch<\/p>\n            <\/article>\n            <article class=\"didi-metric-card\">\n                <span class=\"didi-icon-badge\">\u26a0<\/span>\n                <p class=\"didi-metric-desc\">Generic theming offers no anchor for branding or repeat visits<\/p>\n            <\/article>\n            <article class=\"didi-metric-card\">\n                <span class=\"didi-icon-badge\">\u2715<\/span>\n                <p class=\"didi-metric-desc\">AS 4685.1 missing for Australia; F1487 only for US \u2014 cert gaps abroad<\/p>\n            <\/article>\n            <article class=\"didi-metric-card\">\n                <span class=\"didi-icon-badge\">\u26a0<\/span>\n                <p class=\"didi-metric-desc\">Vendor lock-in via proprietary CAD blocks second-source spare parts<\/p>\n            <\/article>\n        <\/div>\n\n        <div class=\"didi-dual-panel\">\n            <div class=\"didi-panel-warning\">\n                <h3>The Cost of Picking Wrong: A Real Investor Lesson<\/h3>\n                <p>One distress signal recurs across FEC investor forums: a center valued at $250,000 needed an additional $400,000 loan to fix what early equipment choices had broken. Operations were rarely the bleed point \u2014 it was the equipment refresh that the original off-the-shelf install made unavoidable. Custom design, scoped to the actual venue and audience, is the upstream prevention.<\/p>\n            <\/div>\n            \n            <div class=\"didi-panel-solution\">\n                <h3>Didi Land\u2019s Answer: Process Before Product<\/h3>\n                <p>This is not a high end catalog. This is a guided process that bases design choices on your floor plan, age mix, theme, and budget \u2013 before a single panel is cut.<\/p>\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-de84dbb\" data-block-id=\"de84dbb\"><style>.stk-de84dbb {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-de84dbb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0417ca2\" data-v=\"4\" data-block-id=\"0417ca2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0417ca2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-0417ca2-inner-blocks\">\n<style>\n\/* ==========================================================================\n   Didi Land - Custom Design Module (B2B Industrial Flat Design)\n   Isolation Prefix: #didi-custom-design-module\n   ========================================================================== *\/\n\n#didi-custom-design-module {\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    background-color: #fafbfc !important; \n    font-family: inherit !important; \n}\n\n#didi-custom-design-module * {\n    box-sizing: border-box !important;\n}\n\n\/* \u8d2f\u7a7f\u6d4f\u89c8\u5668\u7684\u5168\u5bbd\u5c42 *\/\n#didi-custom-design-module .didi-row {\n    width: 100% !important;\n    padding: 50px 0 !important;\n}\n\n\/* 1600px \u6838\u5fc3\u5185\u5bb9\u7ea6\u675f\u5bb9\u5668 *\/\n#didi-custom-design-module .didi-container {\n    width: 100% !important;\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 40px !important; \n}\n\n\/* --- \u9876\u90e8\u533a\u57df --- *\/\n#didi-custom-design-module .didi-header-row {\n    background-color: transparent !important; \n    border-top: 4px solid #00D8FF !important; \n    padding-bottom: 25px !important; \/* \u5173\u952e\u4fee\u6539\uff1a\u5927\u5e45\u51cf\u5c0f\u5e95\u90e8\u7684 padding \u4ee5\u7f29\u5c0f\u95f4\u8ddd *\/\n}\n\n\/* H2 \u5c45\u4e2d\u5904\u7406 *\/\n#didi-custom-design-module h2.didi-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.2 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important; \n    text-align: center !important;      \n}\n\n\/* \u9996\u6bb5\u8bf4\u660e\u6587\u672c\u5c45\u4e2d *\/\n#didi-custom-design-module p.didi-intro {\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    color: #444444 !important;\n    margin: 0 auto !important;\n    max-width: 1200px !important; \n    text-align: center !important; \n}\n\n\/* --- \u4e2d\u90e8\uff1a\u4e94\u6b65\u6d41\u7a0b --- *\/\n#didi-custom-design-module .didi-workflow-row {\n    background-color: transparent !important; \n    padding-top: 0 !important; \/* \u5173\u952e\u4fee\u6539\uff1a\u5c06\u9876\u90e8\u7684 padding \u5f52\u96f6\uff0c\u5f7b\u5e95\u6d88\u9664\u591a\u4f59\u7a7a\u9699 *\/\n}\n\n\/* H3 \u8bbe\u7f6e\u4e3a\u9996\u5b57\u6bcd\u5927\u5199 *\/\n#didi-custom-design-module h3.didi-h3 {\n    font-size: 24px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 0 30px 0 !important;\n    text-transform: capitalize !important; \n    letter-spacing: 1px !important;\n    text-align: left !important;\n}\n\n#didi-custom-design-module .didi-grid-5 {\n    display: grid !important;\n    grid-template-columns: repeat(5, 1fr) !important;\n    border: 1px solid #dcdcdc !important;\n    border-right: none !important; \n}\n\n#didi-custom-design-module .didi-card {\n    display: flex !important;\n    flex-direction: column !important;\n    border-right: 1px solid #dcdcdc !important;\n    background-color: #ffffff !important; \n    position: relative !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n}\n\n#didi-custom-design-module .didi-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\n}\n\n#didi-custom-design-module .didi-img-box {\n    width: 100% !important;\n    aspect-ratio: 16\/10 !important;\n    background-color: #eeeeee !important;\n    overflow: hidden !important;\n    border-bottom: 2px solid #FFD848 !important;\n    position: relative !important;\n}\n\n#didi-custom-design-module .didi-img-box img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    display: block !important;\n}\n\n#didi-custom-design-module .didi-step-num {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    background-color: #FFD848 !important;\n    color: #111111 !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    padding: 6px 16px !important;\n    z-index: 2 !important;\n}\n\n#didi-custom-design-module .didi-card-body {\n    padding: 24px 20px !important;\n    flex-grow: 1 !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#didi-custom-design-module h4.didi-h4 {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #00D8FF !important;\n    margin: 0 0 12px 0 !important;\n    line-height: 1.3 !important;\n    text-align: left !important;\n}\n\n\/* \u4fdd\u6301\u5361\u7247\u5185\u6587\u5b57\u5de6\u5bf9\u9f50\uff0c\u907f\u514d\u82f1\u6587\u6392\u7248\u51fa\u73b0\u201c\u767d\u6cb3\u201d *\/\n#didi-custom-design-module .didi-card-body p {\n    font-size: 14px !important;\n    color: #555555 !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n    text-align: left !important;\n}\n\n\/* --- \u5e95\u90e8 --- *\/\n#didi-custom-design-module .didi-footer-row {\n    background-color: transparent !important; \n    padding-top: 0 !important; \n}\n\n#didi-custom-design-module .didi-grid-2 {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 30px !important;\n}\n\n#didi-custom-design-module .didi-quote-block {\n    background-color: #ffffff !important; \n    border-left: 6px solid #00D8FF !important;\n    padding: 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\n}\n\n#didi-custom-design-module .didi-quote-text {\n    font-size: 18px !important;\n    line-height: 1.6 !important;\n    color: #222222 !important;\n    font-style: italic !important;\n    margin: 0 0 20px 0 !important;\n    text-align: left !important;\n}\n\n#didi-custom-design-module .didi-quote-author {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #00D8FF !important;\n    margin: 0 !important;\n    text-transform: uppercase !important;\n    text-align: left !important;\n}\n\n#didi-custom-design-module .didi-note-block {\n    background-color: #ffffff !important; \n    border: 2px solid #FFD848 !important;\n    padding: 40px !important;\n    display: flex !important;\n    align-items: center !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\n}\n\n#didi-custom-design-module .didi-note-text {\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n    text-align: left !important;\n}\n\n\/* ==========================================================================\n   Responsive Design\n   ========================================================================== *\/\n@media (max-width: 1200px) {\n    #didi-custom-design-module .didi-grid-5 {\n        grid-template-columns: repeat(3, 1fr) !important;\n        border-bottom: none !important;\n    }\n    #didi-custom-design-module .didi-card {\n        border-bottom: 1px solid #dcdcdc !important;\n    }\n    #didi-custom-design-module .didi-card:nth-child(3n) {\n        border-right: none !important;\n    }\n}\n\n@media (max-width: 992px) {\n    #didi-custom-design-module .didi-grid-2 {\n        grid-template-columns: 1fr !important;\n    }\n}\n\n@media (max-width:690px) {\n    #didi-custom-design-module .didi-row {\n        padding: 30px 0 !important;\n    }\n    #didi-custom-design-module .didi-header-row {\n        padding-bottom: 15px !important;\n    }\n    #didi-custom-design-module .didi-container {\n        padding: 0 20px !important;\n    }\n    #didi-custom-design-module .didi-grid-5 {\n        grid-template-columns: 1fr !important;\n        border-right: 1px solid #dcdcdc !important;\n    }\n    #didi-custom-design-module .didi-card:nth-child(3n) {\n        border-right: 1px solid #dcdcdc !important;\n    }\n    #didi-custom-design-module h2.didi-h2 {\n        font-size: 26px !important;\n    }\n    #didi-custom-design-module .didi-quote-block,\n    #didi-custom-design-module .didi-note-block {\n        padding: 24px !important;\n    }\n}\n<\/style>\n\n<section id=\"didi-custom-design-module\">\n    \n    <div class=\"didi-row didi-header-row\">\n        <div class=\"didi-container\">\n            <h2 class=\"didi-h2\">Custom Design Services \u2014 From Brief to Build<\/h2>\n            <p class=\"didi-intro\">All Didi Land schemes start with a sealed brief: floor plan in PDF, ceiling height, age-pie split, theme idea, and budget range. Five working days later, our engineering team propose a Lumion or 3ds max 3D visual with three layout variations. One chosen, we go.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"didi-row didi-workflow-row\">\n        <div class=\"didi-container\">\n            <h3 class=\"didi-h3\">Five-Phase Engineering Workflow<\/h3>\n            \n            <div class=\"didi-grid-5\">\n                <div class=\"didi-card\">\n                    <div class=\"didi-img-box\">\n                        <div class=\"didi-step-num\">1<\/div>\n                        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Concept-Brief-1.png\" alt=\"Concept Brief\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"didi-card-body\">\n                        <h4 class=\"didi-h4\">Concept Brief<\/h4>\n                        <p>Floor plan + age mix + theme + budget sealed. Five working days later.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"didi-card\">\n                    <div class=\"didi-img-box\">\n                        <div class=\"didi-step-num\">2<\/div>\n                        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/3D-Design.png\" alt=\"3D Design\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"didi-card-body\">\n                        <h4 class=\"didi-h4\">3D Design<\/h4>\n                        <p>AutoCAD layout + Lumion visual. Three free modifications. Two weeks.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"didi-card\">\n                    <div class=\"didi-img-box\">\n                        <div class=\"didi-step-num\">3<\/div>\n                        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Engineering.png\" alt=\"Engineering\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"didi-card-body\">\n                        <h4 class=\"didi-h4\">Engineering<\/h4>\n                        <p>SolidWorks structural drawings + load estimate to EN 1176. Two weeks.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"didi-card\">\n                    <div class=\"didi-img-box\">\n                        <div class=\"didi-step-num\">4<\/div>\n                        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Production.png\" alt=\"Production\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"didi-card-body\">\n                        <h4 class=\"didi-h4\">Production<\/h4>\n                        <p>Tube welding, foaming, fabric sewing under ISO 9001. Four to six weeks.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"didi-card\">\n                    <div class=\"didi-img-box\">\n                        <div class=\"didi-step-num\">5<\/div>\n                        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Install-Train.png\" alt=\"Install &#038; Train\" data-no-lazy=\"1\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"didi-card-body\">\n                        <h4 class=\"didi-h4\">Install &#038; Train<\/h4>\n                        <p>Overseas installer team + operator handover. 1\u20132 weeks on-site.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"didi-row didi-footer-row\">\n        <div class=\"didi-container\">\n            <div class=\"didi-grid-2\">\n                <div class=\"didi-quote-block\">\n                    <p class=\"didi-quote-text\">\u201cSince we standardize on Autodesk, investors can bring our DWG file to any local engineer for permit check \u2013 we will not restrict anyone to a proprietary CAD format. Lumion visual images come in a MP4 video and as high-res digital stills, so the investor can pitch to a landlord or franchise board in the same week.\u201d<\/p>\n                    <p class=\"didi-quote-author\">\u2014 Didi Land Engineering Team, on the design hand-off philosophy<\/p>\n                <\/div>\n\n                <div class=\"didi-note-block\">\n                    <p class=\"didi-note-text\">This software explanation is purposeful. Many indoor playground OEMs push a proprietary CAD plug-in that brands investors to just that one vendor at future growth points. Didi Land only ever submits DWG files in industry-grade Autodesk format because your second center, third location, or franchise rollout should not be so people-dependent.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\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-cac2c87\" data-block-id=\"cac2c87\"><style>.stk-cac2c87 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cac2c87-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-33205f7\" data-v=\"4\" data-block-id=\"33205f7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-33205f7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-33205f7-inner-blocks\">\n<div id=\"didi-theme-library\">\n    <style>\n        \/* 1. Highest level of Scope & 4. Layout Frameworks *\/\n        #didi-theme-library {\n            width: 100%;\n            background-color: #ffffff; \/* \u6574\u4f53\u80cc\u666f\u8272\u8bbe\u4e3a\u767d\u8272 *\/\n            padding: 40px 0;\n            box-sizing: border-box;\n        }\n\n        #didi-theme-library * {\n            box-sizing: border-box;\n            text-align: left; \n            margin: 0;\n            padding: 0;\n        }\n\n        \/* \u5bb9\u5668\u5bbd\u5ea6\u9650\u5236 *\/\n        #didi-theme-library .didi-container {\n            max-width: 1600px !important;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* 3. Aesthetics & Fonts - \u6cbf\u7528 Blocksy \u9ed8\u8ba4\u5b57\u4f53 *\/\n        \/* H2 \u8bbe\u5b9a\u4e3a 32px\uff0c700 \u5b57\u91cd\uff0c\u5c45\u4e2d\u4e14\u65e0\u88c5\u9970\u7ebf *\/\n        #didi-theme-library h2 {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #111111;\n            margin-bottom: 20px;\n            line-height: 1.3;\n            text-align: center !important; \n        }\n\n        #didi-theme-library h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: #111111;\n            margin-bottom: 20px;\n            line-height: 1.2;\n        }\n\n        #didi-theme-library .didi-intro-text {\n            font-size: 16px;\n            line-height: 1.6;\n            color: #333333;\n            margin-bottom: 40px;\n            max-width: 1200px;\n            margin-left: auto;\n            margin-right: auto;\n            text-align: center !important; \n        }\n\n        \/* CSS Grid \u5e03\u5c40 *\/\n        #didi-theme-library .didi-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 40px;\n            margin-bottom: 40px;\n        }\n\n        \/* \u5361\u7247\u8bbe\u8ba1 *\/\n        #didi-theme-library .didi-card {\n            background: #ffffff;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); \n            border: 1px solid #eeeeee;\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        #didi-theme-library .didi-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2);\n        }\n\n        #didi-theme-library .didi-image-wrapper {\n            position: relative;\n            width: 100%;\n            padding-top: 66.66%; \n            overflow: hidden;\n        }\n\n        #didi-theme-library .didi-image-wrapper img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* \u56fe\u50cf\u6de1\u51fa\u6548\u679c *\/\n        #didi-theme-library .didi-image-wrapper::after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 35%;\n            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);\n            pointer-events: none;\n        }\n\n        #didi-theme-library .didi-card-content {\n            padding: 0 30px 30px 30px;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            margin-top: -15px; \n            z-index: 2;\n        }\n\n        #didi-theme-library .didi-list {\n            list-style: none;\n            margin-bottom: 24px;\n            flex-grow: 1;\n        }\n\n        #didi-theme-library .didi-list li {\n            font-size: 15px;\n            color: #444444;\n            margin-bottom: 12px;\n            line-height: 1.5;\n            padding-left: 16px;\n            position: relative;\n        }\n\n        #didi-theme-library .didi-list li::before {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            top: 8px;\n            width: 6px;\n            height: 6px;\n            background-color: #FFD848; \n        }\n\n        #didi-theme-library .didi-list strong {\n            color: #111111;\n            font-weight: 700;\n        }\n\n        \/* \u6309\u94ae\u6838\u5fc3\u6837\u5f0f\uff1a\u9ed8\u8ba4\u4e3b\u8272\u8c03\uff0cHover \u526f\u8272\u8c03 *\/\n        #didi-theme-library .didi-btn {\n            display: inline-block;\n            background-color: #00D8FF !important; \/* \u8bbe\u4e3a\u4e3b\u8272\u8c03 *\/\n            color: #111111 !important;\n            font-weight: 700;\n            font-size: 15px;\n            text-decoration: none;\n            padding: 14px 24px;\n            text-align: center !important;\n            transition: background-color 0.3s ease, color 0.3s ease;\n            border: none;\n            cursor: pointer;\n            margin-top: auto;\n        }\n\n        #didi-theme-library .didi-btn:hover {\n            background-color: #FFD848 !important; \/* \u60ac\u505c\u53d8\u4e3a\u526f\u8272\u8c03 *\/\n        }\n\n        #didi-theme-library .didi-outro-text {\n            font-size: 16px;\n            line-height: 1.6;\n            color: #333333;\n            background-color: #f9f9f9;\n            padding: 30px;\n            border-left: 6px solid #FFD848;\n            margin-bottom: 40px;\n        }\n\n        \/* \u5e95\u90e8 CTA \u6309\u94ae\u5e03\u5c40 *\/\n        #didi-theme-library .didi-cta-wrapper {\n            text-align: center !important;\n            width: 100%;\n        }\n\n        #didi-theme-library .didi-btn-large {\n            font-size: 18px;\n            padding: 18px 50px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width:690px) {\n            #didi-theme-library .didi-grid {\n                grid-template-columns: 1fr;\n            }\n            #didi-theme-library h2 {\n                font-size: 28px !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"didi-container\">\n        <h2>Popular Theme Library \u2014 4 Templates Plus Endless Variation<\/h2>\n        <p class=\"didi-intro-text\">Four signature themes constitute the Didi Land library. Each comes with its own colour scheme, sculpted soft-play characters set and sound profile &#8211; and all are fully re-colourable, re-rescalable, brand-skinable for franchise operators.<\/p>\n\n        <div class=\"didi-grid\">\n            <div class=\"didi-card\">\n                <div class=\"didi-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Ocean-Theme.jpg\" alt=\"Ocean Theme\" loading=\"lazy\">\n                <\/div>\n                <div class=\"didi-card-content\">\n                    <h3>Ocean Theme<\/h3>\n                    <ul class=\"didi-list\">\n                        <li><strong>Audience:<\/strong> ages 3\u201312<\/li>\n                        <li><strong>Best venues:<\/strong> aquariums, coastal malls, hotels<\/li>\n                        <li><strong>Anchor:<\/strong> turtle climber, octopus tunnel, wave slides<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/ocean-theme\/\" class=\"didi-btn\">View Ocean Theme details<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"didi-card\">\n                <div class=\"didi-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Jungle-Theme-1.png\" alt=\"Jungle Theme\" loading=\"lazy\">\n                <\/div>\n                <div class=\"didi-card-content\">\n                    <h3>Jungle Theme<\/h3>\n                    <ul class=\"didi-list\">\n                        <li><strong>Audience:<\/strong> ages 4\u201312 (active climb)<\/li>\n                        <li><strong>Best venues:<\/strong> FECs, malls, sport-themed venues<\/li>\n                        <li><strong>Anchor:<\/strong> vine ropes, rope bridge, leopard climber<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/jungle-theme\/\" class=\"didi-btn\">View Jungle Theme details<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"didi-card\">\n                <div class=\"didi-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Space-Theme.jpg\" alt=\"Space Theme\" loading=\"lazy\">\n                <\/div>\n                <div class=\"didi-card-content\">\n                    <h3>Space Theme<\/h3>\n                    <ul class=\"didi-list\">\n                        <li><strong>Audience:<\/strong> ages 5\u201313 (cognitive)<\/li>\n                        <li><strong>Best venues:<\/strong> science museums, tech malls, premium FECs<\/li>\n                        <li><strong>Anchor:<\/strong> rocket tower, planet ball pit, LED constellation walls<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/space-theme-indoor-playground\/\" class=\"didi-btn\">View Space Theme details<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"didi-card\">\n                <div class=\"didi-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Candy-Theme.jpg\" alt=\"Candy Theme\" loading=\"lazy\">\n                <\/div>\n                <div class=\"didi-card-content\">\n                    <h3>Candy Theme<\/h3>\n                    <ul class=\"didi-list\">\n                        <li><strong>Audience:<\/strong> ages 2\u20138 (toddler-leaning)<\/li>\n                        <li><strong>Best venues:<\/strong> dessert chains, restaurants, preschools<\/li>\n                        <li><strong>Anchor:<\/strong> lollipop columns, donut pit, gumdrop steppers<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/candy-theme\/\" class=\"didi-btn\">View Candy Theme details<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p class=\"didi-outro-text\">Each linked theme page displays a complete project portfolio, recommended sqm ranges and module-level cost factors. Beyond these four templates, Didi Land constructs completely original themes \u2013 pirate, dinosaur, forest, automotive \u2013 on a commission basis using the same five-phase workflow.<\/p>\n        \n        <div class=\"didi-cta-wrapper\">\n            <a href=\"#ct-popup-800\" class=\"didi-btn didi-btn-large\">Get Instant Quote<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-89fe548\" data-block-id=\"89fe548\"><style>.stk-89fe548 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-89fe548-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-251c164\" data-v=\"4\" data-block-id=\"251c164\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-251c164-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-251c164-inner-blocks\">\n<style>\n  \/* * \u6700\u9ad8\u7ea7\u522b\u4f5c\u7528\u57df\u9694\u79bb\uff1a#didi-premium-process\n   * \u6781\u7b80\u6241\u5e73\u5316\u3001B2B\u9ad8\u7ea7\u611f\u3001\u5b8c\u7f8e\u89e3\u51b3\u5bbd\u5c4f\u7559\u767d\u5931\u63a7\u95ee\u9898\n   *\/\n  #didi-premium-process {\n    width: 100% !important;\n    background-color: #fafbfc !important; \/* \u9ad8\u7ea7\u51b7\u7070\u80cc\u666f\u8272 *\/\n    padding: 50px 0 !important;\n    box-sizing: border-box !important;\n    font-size: 16px !important;\n    color: #1f2937 !important;\n  }\n\n  #didi-premium-process * {\n    box-sizing: border-box !important;\n  }\n\n  \/* \u6838\u5fc3\u5bb9\u5668\uff1a\u6700\u5927\u5bbd\u5ea61600px\uff0c\u5b8c\u7f8e\u5c45\u4e2d *\/\n  #didi-premium-process .dpp-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 40px !important;\n  }\n\n  \/* \u5168\u65b0\u5934\u90e8\u6392\u7248\uff1a\u9ad8\u7ea7\u793e\u8bba\u5f0f\u5de6\u53f3\u5e03\u5c40 (Editorial Grid Layout) *\/\n  #didi-premium-process .dpp-header {\n    display: grid !important;\n    grid-template-columns: 4.5fr 5.5fr !important;\n    gap: 60px !important;\n    margin-bottom: 50px !important;\n    align-items: start !important;\n  }\n\n  #didi-premium-process h2.dpp-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n    \/* \u4fdd\u6301\u65e0\u5de6\u4fa7\u7ad6\u7ebf\u3001\u65e0\u5de6\u4fa7padding\uff0c\u5b9e\u73b0\u5de6\u5bf9\u9f50\u9690\u5f62\u7f51\u683c *\/\n  }\n\n  \/* \u53f3\u4fa7\u5f15\u8a00\u6392\u7248\u4f18\u5316 *\/\n  #didi-premium-process p.dpp-intro {\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    color: #4b5563 !important;\n    margin: 0 !important;\n    padding-top: 4px !important;\n  }\n\n  \/* \u8bed\u4e49\u5316\u8868\u683c\u5bb9\u5668 *\/\n  #didi-premium-process .dpp-table-wrapper {\n    width: 100% !important;\n    overflow: hidden !important;\n    border: 1px solid #e5e7eb !important;\n    border-radius: 4px !important;\n    margin-bottom: 24px !important; \/* \u4fdd\u6301\u4e0e\u4e0b\u65b9\u5907\u6ce8\u5361\u7684\u547c\u5438\u95f4\u8ddd *\/\n    background-color: #ffffff !important; \n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important; \n  }\n\n  #didi-premium-process table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    table-layout: fixed !important;\n    text-align: left !important;\n  }\n\n  \/* \u9ec4\u91d1\u6bd4\u4f8b\u5217\u5bbd\u5206\u914d *\/\n  #didi-premium-process th:nth-child(1), #didi-premium-process td:nth-child(1) { width: 18% !important; }\n  #didi-premium-process th:nth-child(2), #didi-premium-process td:nth-child(2) { width: 20% !important; }\n  #didi-premium-process th:nth-child(3), #didi-premium-process td:nth-child(3) { width: 47% !important; }\n  #didi-premium-process th:nth-child(4), #didi-premium-process td:nth-child(4) { width: 15% !important; }\n\n  \/* \u8868\u5934\u8bbe\u8ba1 *\/\n  #didi-premium-process th {\n    background-color: #ffffff !important; \n    color: #111827 !important;\n    font-weight: 700 !important;\n    padding: 20px 24px !important;\n    border-bottom: 1px solid #e5e7eb !important;\n    border-top: 3px solid #00D8FF !important; \n    text-transform: uppercase !important;\n    font-size: 13px !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  \/* \u8868\u683c\u884c\u4e0e\u5355\u5143\u683c *\/\n  #didi-premium-process td {\n    padding: 24px !important;\n    border-bottom: 1px solid #f3f4f6 !important;\n    vertical-align: top !important;\n    line-height: 1.6 !important;\n    color: #374151 !important;\n  }\n\n  #didi-premium-process tbody tr {\n    background-color: #ffffff !important;\n    transition: background-color 0.2s ease !important;\n  }\n\n  #didi-premium-process tbody tr:hover {\n    background-color: #f8fafc !important;\n  }\n\n  \/* Total \u6c47\u603b\u884c *\/\n  #didi-premium-process tr.dpp-total-row td {\n    background-color: rgba(255, 216, 72, 0.15) !important;\n    border-top: 1px solid #FFD848 !important;\n    border-bottom: none !important;\n    color: #111827 !important;\n    font-weight: 700 !important;\n  }\n\n  \/* * \u4fee\u590d\u7684\u5e95\u90e8\u58f0\u660e\u5361\u7247\n   * \u6062\u590d\u4e86\u5b8c\u6574\u7684\u8fb9\u6846\u548c\u56db\u5468\u5706\u89d2\uff0c\u4f7f\u5176\u6210\u4e3a\u4e00\u4e2a\u72ec\u7acb\u7684\u8bf4\u660e\u533a\u5757\n   *\/\n  #didi-premium-process .dpp-disclaimer {\n    background-color: #ffffff !important; \n    padding: 20px 24px !important;\n    border: 1px solid #e5e7eb !important; \/* \u5df2\u4fee\u590d\uff1a\u6062\u590d\u5b8c\u6574\u8fb9\u6846 *\/\n    border-radius: 4px !important; \/* \u5df2\u4fee\u590d\uff1a\u6062\u590d\u56db\u5468\u5b8c\u6574\u5706\u89d2 *\/\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;\n  }\n\n  #didi-premium-process .dpp-disclaimer p {\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    color: #6b7280 !important;\n    margin: 0 !important;\n  }\n\n  \/* ===== \u9ad8\u7ea7\u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f (\u65ad\u70b9\uff1a960px) ===== *\/\n  @media (max-width: 960px) {\n    #didi-premium-process .dpp-container {\n      padding: 0 20px !important;\n    }\n    \n    #didi-premium-process .dpp-header {\n      grid-template-columns: 1fr !important;\n      gap: 24px !important;\n      margin-bottom: 40px !important;\n    }\n    \n    #didi-premium-process table, \n    #didi-premium-process thead, \n    #didi-premium-process tbody, \n    #didi-premium-process th, \n    #didi-premium-process td, \n    #didi-premium-process tr {\n      display: block !important;\n      width: 100% !important;\n    }\n\n    #didi-premium-process thead {\n      display: none !important;\n    }\n\n    #didi-premium-process tbody tr {\n      margin-bottom: 16px !important;\n      border: 1px solid #e5e7eb !important;\n      border-radius: 4px !important;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;\n    }\n\n    #didi-premium-process td {\n      padding: 16px !important;\n      border-bottom: 1px solid #f3f4f6 !important;\n      position: relative !important;\n      padding-left: 35% !important;\n      min-height: 50px !important;\n    }\n\n    #didi-premium-process td:last-child {\n      border-bottom: none !important;\n    }\n\n    #didi-premium-process td::before {\n      content: attr(data-label) !important;\n      position: absolute !important;\n      left: 16px !important;\n      top: 16px !important;\n      width: 30% !important;\n      font-weight: 700 !important;\n      color: #111827 !important;\n      font-size: 13px !important;\n      text-transform: uppercase !important;\n    }\n\n    #didi-premium-process tr.dpp-total-row td {\n      background-color: rgba(255, 216, 72, 0.2) !important;\n    }\n  }\n\n  \/* \u8fdb\u4e00\u6b65\u9002\u914d\u5c0f\u5c4f\u624b\u673a (\u65ad\u70b9\uff1a500px) *\/\n  @media (max-width: 500px) {\n    #didi-premium-process td {\n      padding-left: 16px !important;\n      padding-top: 40px !important;\n    }\n    #didi-premium-process td::before {\n      width: auto !important;\n    }\n  }\n<\/style>\n\n<section id=\"didi-premium-process\">\n  <div class=\"dpp-container\">\n    \n    <div class=\"dpp-header\">\n      <h2 class=\"dpp-title\">Design Process Walkthrough \u2014 Phases, Timeline, and Revision Count<\/h2>\n      <p class=\"dpp-intro\">Anchoring lead time to the investor\u2019s lease commencement date is the hardest commitment most playground vendors will not put in writing \u2014 Didi Land signs it into the contract. Below is the phased timeline.<\/p>\n    <\/div>\n\n    <div class=\"dpp-table-wrapper\">\n      <table>\n        <thead>\n          <tr>\n            <th>Phase<\/th>\n            <th>Duration<\/th>\n            <th>What You Receive<\/th>\n            <th>Revisions<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td data-label=\"Phase\"><strong>1. Concept Brief<\/strong><\/td>\n            <td data-label=\"Duration\">5 working days<\/td>\n            <td data-label=\"What You Receive\">Locked brief: floor plan, age mix, theme, budget tier, MOQ<\/td>\n            <td data-label=\"Revisions\">n\/a<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Phase\"><strong>2. 3D Design<\/strong><\/td>\n            <td data-label=\"Duration\">2 weeks<\/td>\n            <td data-label=\"What You Receive\">AutoCAD layout DWG + Lumion MP4 walkthrough + still renders<\/td>\n            <td data-label=\"Revisions\">3 free<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Phase\"><strong>3. Engineering<\/strong><\/td>\n            <td data-label=\"Duration\">2 weeks<\/td>\n            <td data-label=\"What You Receive\">SolidWorks structural drawings + EN 1176 load calculation report<\/td>\n            <td data-label=\"Revisions\">1 free<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Phase\"><strong>4. Production<\/strong><\/td>\n            <td data-label=\"Duration\">4\u20136 weeks<\/td>\n            <td data-label=\"What You Receive\">FAT-tested modules + factory video + ASTM F1487 \/ EN 1176 test reports<\/td>\n            <td data-label=\"Revisions\">n\/a<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Phase\"><strong>5. Install &#038; Train<\/strong><\/td>\n            <td data-label=\"Duration\">1\u20132 weeks on-site<\/td>\n            <td data-label=\"What You Receive\">Overseas installer crew + operator manual + safety training<\/td>\n            <td data-label=\"Revisions\">n\/a<\/td>\n          <\/tr>\n          <tr class=\"dpp-total-row\">\n            <td data-label=\"Phase\">Total<\/td>\n            <td data-label=\"Duration\">9\u201313 weeks (plus 14 days ocean freight)<\/td>\n            <td data-label=\"What You Receive\"><\/td>\n            <td data-label=\"Revisions\">4 total free<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div class=\"dpp-disclaimer\">\n      <p>Publishing revision count is intentional. Every major competitor surveyed in 2026 declines to publish revision policies, which means investors discover the real number when invoiced for change orders. Our cap sits at four free revisions across phases 2 and 3, with each additional revision priced transparently in the contract.<\/p>\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-3f1b388\" data-block-id=\"3f1b388\"><style>.stk-3f1b388 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3f1b388-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-242e6fc\" data-v=\"4\" data-block-id=\"242e6fc\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-242e6fc-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-242e6fc-inner-blocks\">\n<style>\n  \/* * \u4e25\u683c\u9694\u79bb\u539f\u5219\uff1a\u6240\u6709\u6837\u5f0f\u4ec5\u9650 #b2b-premium-matrix \u5185\u90e8\u751f\u6548 \n   * \u91c7\u7528\u7eaf\u624b\u5199 Flex\/Grid \u5e03\u5c40\uff0c0\u5916\u90e8\u4f9d\u8d56\uff0c\u5f3a\u529b\u62b5\u6297 FlyingPress \u6c61\u67d3\n   *\/\n\n  #b2b-premium-matrix {\n    width: 100% !important;\n    background-color: #ffffff !important; \/* \u6574\u4f53\u80cc\u666f\u5df2\u4fee\u6539\u4e3a\u7eaf\u767d *\/\n    padding: 50px 0 !important;\n    display: flex !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  #b2b-premium-matrix * {\n    box-sizing: border-box !important;\n  }\n\n  #b2b-premium-matrix .matrix-container {\n    width: 100% !important;\n    max-width: 1600px !important;\n    padding: 0 40px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 40px !important;\n  }\n\n  \/* \u9876\u90e8\u7f51\u683c\uff1a\u6807\u9898\u4e0e\u5f15\u8a00 1:2 \u5206\u5e03 *\/\n  #b2b-premium-matrix .matrix-header-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 2fr !important;\n    gap: 60px !important;\n    align-items: end !important;\n    border-bottom: 2px solid #eaeaea !important; \n    padding-bottom: 30px !important;\n  }\n\n  \/* SEO H2 \u8bbe\u7f6e\uff1a32px, fw 700 *\/\n  #b2b-premium-matrix h2.matrix-h2 {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    line-height: 1.25 !important;\n    margin: 0 !important;\n    letter-spacing: -0.5px !important;\n  }\n\n  #b2b-premium-matrix p.matrix-intro {\n    font-size: 18px !important;\n    color: #444444 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  \/* \u9ad8\u7ea7\u6241\u5e73\u5316\u8868\u683c\u533a\u57df *\/\n  #b2b-premium-matrix .matrix-table-wrapper {\n    width: 100% !important;\n    background: #ffffff !important;\n    border-top: 3px solid #00D8FF !important;\n    \/* \u914d\u5408\u7eaf\u767d\u80cc\u666f\uff0c\u7565\u5fae\u52a0\u6df1\u4e00\u70b9\u70b9\u9634\u5f71\u4ee5\u533a\u5206\u5c42\u7ea7 *\/\n    box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important; \n    border-radius: 0 0 8px 8px !important;\n    overflow-x: auto !important;\n  }\n\n  #b2b-premium-matrix table.premium-table {\n    width: 100% !important;\n    min-width: 1000px !important;\n    border-collapse: collapse !important;\n    text-align: left !important;\n    margin: 0 !important;\n  }\n\n  #b2b-premium-matrix .premium-table th {\n    background-color: #ffffff !important;\n    color: #888888 !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    padding: 24px 30px !important;\n    border-bottom: 1px solid #eeeeee !important;\n  }\n\n  #b2b-premium-matrix .premium-table td {\n    padding: 24px 30px !important;\n    border-bottom: 1px solid #f5f5f5 !important;\n    color: #222222 !important;\n    font-size: 16px !important;\n    line-height: 1.5 !important;\n    vertical-align: middle !important;\n  }\n\n  #b2b-premium-matrix .premium-table tr:last-child td {\n    border-bottom: none !important;\n  }\n\n  #b2b-premium-matrix .premium-table tbody tr {\n    transition: background-color 0.2s ease !important;\n  }\n\n  #b2b-premium-matrix .premium-table tbody tr:hover {\n    background-color: #fcfdfe !important;\n  }\n\n  #b2b-premium-matrix .theme-badge {\n    display: inline-block !important;\n    background-color: #FFD848 !important;\n    color: #111111 !important;\n    font-weight: 700 !important;\n    font-size: 14px !important;\n    padding: 6px 16px !important;\n    border-radius: 4px !important;\n  }\n\n  \/* ========================================================\n     \u5e95\u90e8\u6a21\u5757\uff1a\u79d1\u6280\u611f\u8282\u70b9\u8bbe\u8ba1 \n     ======================================================== *\/\n  #b2b-premium-matrix .matrix-footer-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 60px !important;\n    margin-top: 10px !important;\n  }\n\n  #b2b-premium-matrix .footer-block {\n    background: #ffffff !important;\n    padding: 40px !important;\n    border-radius: 8px !important;\n    border-left: none !important; \n    \/* \u914d\u5408\u7eaf\u767d\u80cc\u666f\uff0c\u7565\u5fae\u52a0\u6df1\u9634\u5f71 *\/\n    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;\n    position: relative !important;\n    overflow: hidden !important; \n  }\n\n  \/* \u9690\u5f62\u79d1\u6280\u6c34\u5370 *\/\n  #b2b-premium-matrix .footer-block::before {\n    content: \"\" !important;\n    position: absolute !important;\n    bottom: -30px !important;\n    right: -30px !important;\n    width: 140px !important;\n    height: 160px !important;\n    background-color: rgba(0, 216, 255, 0.04) !important; \/* \u6c34\u5370\u5bf9\u6bd4\u5ea6\u7565\u5fae\u589e\u5f3a1%\u4ee5\u9002\u5e94\u7eaf\u767d *\/\n    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  #b2b-premium-matrix h3.matrix-h3 {\n    position: relative !important;\n    z-index: 1 !important; \n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 0 16px 0 !important;\n    line-height: 1.3 !important;\n    padding-left: 38px !important; \n  }\n\n  \/* \u79d1\u6280\u8282\u70b9\u6838\u5fc3\u8bbe\u8ba11\uff1a\u4e3b\u516d\u8fb9\u5f62\uff08\u54c1\u724c\u84dd\uff09 *\/\n  #b2b-premium-matrix h3.matrix-h3::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 3px !important;\n    left: 0 !important;\n    width: 18px !important;\n    height: 21px !important;\n    background-color: #00D8FF !important;\n    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;\n  }\n\n  \/* \u79d1\u6280\u8282\u70b9\u6838\u5fc3\u8bbe\u8ba12\uff1a\u4ea4\u53e0\u7684\u526f\u516d\u8fb9\u5f62\uff08\u54c1\u724c\u9ec4\uff09 *\/\n  #b2b-premium-matrix h3.matrix-h3::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 13px !important;\n    left: 12px !important;\n    width: 12px !important;\n    height: 14px !important;\n    background-color: #FFD848 !important;\n    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;\n  }\n\n  #b2b-premium-matrix p.matrix-desc {\n    position: relative !important;\n    z-index: 1 !important;\n    font-size: 16px !important;\n    color: #555555 !important;\n    line-height: 1.7 !important;\n    margin: 0 !important;\n  }\n\n  \/* \u54cd\u5e94\u5f0f\u81ea\u9002\u5e94\u6298\u53e0\u903b\u8f91 *\/\n  @media (max-width:1000px) {\n    #b2b-premium-matrix .matrix-header-grid,\n    #b2b-premium-matrix .matrix-footer-grid {\n      grid-template-columns: 1fr !important;\n      gap: 30px !important;\n    }\n    #b2b-premium-matrix .matrix-header-grid {\n      align-items: start !important;\n    }\n    #b2b-premium-matrix h2.matrix-h2 {\n      font-size: 28px !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #b2b-premium-matrix .matrix-container {\n      padding: 0 20px !important;\n    }\n    #b2b-premium-matrix .footer-block {\n      padding: 25px !important;\n    }\n  }\n<\/style>\n\n<section id=\"b2b-premium-matrix\">\n  <div class=\"matrix-container\">\n    \n    <div class=\"matrix-header-grid\">\n      <h2 class=\"matrix-h2\">Theme Selection Decision Matrix \u2014 Pick the Right Theme for Your Venue<\/h2>\n      <p class=\"matrix-intro\">Most indoor playground brochures throw theme options at investors and make them pick one. But for an FEC operator, the question is not &#8220;which is prettier&#8221; \u2013 it is &#8220;which theme fits the catchment, the venue, the brand, the budget tier, all together?&#8221; Below, a single-screen decision matrix.<\/p>\n    <\/div>\n\n    <div class=\"matrix-table-wrapper\">\n      <table class=\"premium-table\">\n        <thead>\n          <tr>\n            <th>Theme<\/th>\n            <th>Best Audience<\/th>\n            <th>Best Venue Type<\/th>\n            <th>Brand Fit<\/th>\n            <th>Budget Tier<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><span class=\"theme-badge\">Ocean<\/span><\/td>\n            <td>Ages 3\u201312 (gentle palette)<\/td>\n            <td>Aquariums, coastal malls, hotel pool decks<\/td>\n            <td>Marine, education, family<\/td>\n            <td>Mid \u2013 Premium<\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"theme-badge\">Jungle<\/span><\/td>\n            <td>Ages 4\u201312 (active climb)<\/td>\n            <td>FECs, malls, adventure venues<\/td>\n            <td>Adventure, wildlife, sports<\/td>\n            <td>Mid<\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"theme-badge\">Space<\/span><\/td>\n            <td>Ages 5\u201313 (cognitive play)<\/td>\n            <td>Science museums, tech malls, restaurant chains<\/td>\n            <td>Tech, education, futuristic<\/td>\n            <td>Premium<\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"theme-badge\">Candy<\/span><\/td>\n            <td>Ages 2\u20138 (toddler-leaning)<\/td>\n            <td>Dessert chains, restaurants, preschools<\/td>\n            <td>Food, retail, sweet brands<\/td>\n            <td>Basic \u2013 Mid<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div class=\"matrix-footer-grid\">\n      <div class=\"footer-block\">\n        <h3 class=\"matrix-h3\">How to Read the Matrix<\/h3>\n        <p class=\"matrix-desc\">Choose a theme whose four columns align with your circumstances. If your venue is a high-tech shopping mall but your budget tier is Basic, that mismatch indicates that Jungle is a better fit than Space \u2013 or accept that Space at Basic tier will need its LED constellation walls trimmed. Mismatching columns is not failure; it is a starting point for Phase 1 brief negotiations.<\/p>\n      <\/div>\n      <div class=\"footer-block\">\n        <h3 class=\"matrix-h3\">Beyond the Four Standard Themes<\/h3>\n        <p class=\"matrix-desc\">For franchise operators whose corporate colours do not match any of the four colour schemes, our team recolours sculpted soft-play characters to your brand spec at no extra charge. Original commission themes (pirate, dinosaur, forest, automotive) follow the same matrix logic but are scoped during Phase 1.<\/p>\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-6648089\" data-block-id=\"6648089\"><style>.stk-6648089 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6648089-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2631e6b\" data-v=\"4\" data-block-id=\"2631e6b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2631e6b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2631e6b-inner-blocks\">\n<section id=\"didi-corp-solution-v2\">\n  <style>\n    \/* =========================================\n       SCOPE ISOLATION & RESET\n       ========================================= *\/\n    #didi-corp-solution-v2 {\n      width: 100vw !important;\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      background-color: #fafbfc !important; \n      padding: 60px 0 !important;\n      font-size: 16px;\n      line-height: 1.6;\n      box-sizing: border-box;\n      overflow-x: hidden;\n    }\n    \n    #didi-corp-solution-v2 * {\n      box-sizing: border-box;\n    }\n\n    #didi-corp-solution-v2 .didi-container {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding: 0 40px !important;\n    }\n\n    \/* =========================================\n       TYPOGRAPHY (Inherits Font Family)\n       ========================================= *\/\n    #didi-corp-solution-v2 h2.module-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      text-align: center;\n      margin: 0 auto 16px auto !important;\n      max-width: 1000px;\n      letter-spacing: -0.5px;\n    }\n\n    #didi-corp-solution-v2 .module-subtitle {\n      text-align: center;\n      max-width: 1000px;\n      margin: 0 auto 50px auto !important;\n      color: #475569 !important;\n      font-size: 16px;\n    }\n\n    \/* =========================================\n       GRID LAYOUT (Cards)\n       ========================================= *\/\n    #didi-corp-solution-v2 .cases-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 32px;\n      margin-bottom: 60px;\n    }\n\n    #didi-corp-solution-v2 .case-card {\n      background: #ffffff !important;\n      display: flex;\n      flex-direction: column;\n      border-radius: 4px;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      overflow: hidden;\n      border-top: 3px solid #00D8FF; \n    }\n\n    #didi-corp-solution-v2 .case-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);\n    }\n\n    \/* Image Handler for FlyingPress (Prevents CLS) *\/\n    #didi-corp-solution-v2 .case-img-wrapper {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      background-color: #e2e8f0;\n      overflow: hidden;\n      position: relative;\n    }\n\n    #didi-corp-solution-v2 .case-img-wrapper img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block;\n      transition: transform 0.5s ease;\n    }\n    \n    #didi-corp-solution-v2 .case-card:hover .case-img-wrapper img {\n      transform: scale(1.03);\n    }\n\n    #didi-corp-solution-v2 .case-content {\n      padding: 30px 32px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    \/* Fake H3 using DIV for isolation *\/\n    #didi-corp-solution-v2 .case-title-pseudo {\n      font-size: 22px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      margin-bottom: 24px !important;\n      line-height: 1.3;\n    }\n\n    \/* High-density Specs Micro-grid *\/\n    #didi-corp-solution-v2 .case-specs {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n      background: #f8fafc;\n      padding: 16px;\n      border-radius: 4px;\n      margin-bottom: 24px;\n    }\n\n    #didi-corp-solution-v2 .spec-item {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #didi-corp-solution-v2 .spec-label {\n      font-size: 12px;\n      color: #64748b;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 600;\n      margin-bottom: 2px;\n    }\n\n    #didi-corp-solution-v2 .spec-value {\n      font-size: 14px;\n      color: #0f172a;\n      font-weight: 500;\n    }\n\n    #didi-corp-solution-v2 .case-desc {\n      color: #475569 !important;\n      font-size: 15px;\n      margin-bottom: 24px !important;\n      flex-grow: 1; \n    }\n\n    #didi-corp-solution-v2 .case-result {\n      background: #f0fdfa; \n      padding: 16px 20px;\n      border-left: 3px solid #00D8FF;\n      font-size: 14px;\n      color: #0f172a;\n      margin-top: auto; \n    }\n\n    #didi-corp-solution-v2 .case-result-title {\n      display: block;\n      color: #00D8FF;\n      font-weight: 700;\n      margin-bottom: 6px;\n      text-transform: uppercase;\n      font-size: 12px;\n      letter-spacing: 0.5px;\n    }\n\n    \/* =========================================\n       ROI DASHBOARD (Enterprise Financial Style)\n       ========================================= *\/\n    #didi-corp-solution-v2 .roi-dashboard {\n      background: #ffffff;\n      padding: 35px 50px 40px 50px;\n      border-radius: 4px;\n      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);\n      border: 1px solid #e2e8f0;\n    }\n\n    #didi-corp-solution-v2 .roi-header {\n      text-align: center;\n      margin-bottom: 30px;\n    }\n\n    #didi-corp-solution-v2 .roi-title-pseudo {\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      margin-bottom: 12px !important;\n    }\n\n    #didi-corp-solution-v2 .roi-desc {\n      color: #475569;\n      font-size: 15px;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    #didi-corp-solution-v2 .roi-data-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-top: 1px solid #e2e8f0;\n      border-bottom: 1px solid #e2e8f0;\n      padding: 40px 0;\n      margin-bottom: 30px;\n    }\n\n    #didi-corp-solution-v2 .data-column {\n      flex: 1;\n      text-align: center;\n      padding: 20px;\n      border-right: 1px solid #e2e8f0;\n      cursor: default;\n      border-radius: 6px;\n      transition: background-color 0.3s ease;\n    }\n\n    #didi-corp-solution-v2 .data-column:last-child {\n      border-right: none;\n    }\n    \n    #didi-corp-solution-v2 .data-column:hover {\n      background-color: #f8fafc;\n    }\n\n    #didi-corp-solution-v2 .data-number {\n      display: inline-block;\n      font-size: 36px;\n      font-weight: 800;\n      color: #00D8FF;\n      line-height: 1;\n      margin-bottom: 12px;\n      transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease, text-shadow 0.3s ease;\n    }\n\n    #didi-corp-solution-v2 .data-label {\n      display: block;\n      font-size: 14px;\n      color: #475569;\n      font-weight: 500;\n      transition: color 0.3s ease;\n    }\n\n    #didi-corp-solution-v2 .data-column:hover .data-number {\n      transform: translateY(-5px) scale(1.08);\n      color: #00b8d9; \n      text-shadow: 0 8px 15px rgba(0, 216, 255, 0.25);\n    }\n\n    #didi-corp-solution-v2 .data-column:hover .data-label {\n      color: #0f172a; \n    }\n\n    #didi-corp-solution-v2 .roi-disclaimer {\n      display: flex;\n      align-items: center;\n      background: #fffbeb; \n      padding: 16px 24px;\n      border-left: 3px solid #FFD848;\n      color: #92400e;\n      font-size: 14px;\n      border-radius: 0 4px 4px 0;\n    }\n\n    \/* =========================================\n       CALL TO ACTION (Instant Quote Button)\n       ========================================= *\/\n    #didi-corp-solution-v2 .cta-wrapper {\n      text-align: center;\n      margin-top: 50px; \/* \u63a7\u5236\u4e0e\u4e0a\u65b9 Dashboard \u7684\u95f4\u8ddd *\/\n    }\n\n    #didi-corp-solution-v2 .btn-quote {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background-color: #00D8FF !important;\n      color: #ffffff !important;\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      padding: 18px 48px;\n      border-radius: 4px; \/* \u4e0e\u5361\u7247\u548c\u4eea\u8868\u76d8\u7684\u5706\u89d2\u4fdd\u6301\u4e00\u81f4 *\/\n      text-decoration: none !important;\n      box-shadow: 0 4px 15px rgba(0, 216, 255, 0.25);\n      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    #didi-corp-solution-v2 .btn-quote:hover {\n      background-color: #00b8d9 !important; \/* \u60ac\u6d6e\u65f6\u989c\u8272\u8f7b\u5fae\u52a0\u6df1 *\/\n      transform: translateY(-3px);\n      box-shadow: 0 8px 25px rgba(0, 216, 255, 0.4);\n      color: #ffffff !important;\n    }\n\n    \/* =========================================\n       RESPONSIVE DESIGN\n       ========================================= *\/\n    @media (max-width: 1200px) {\n      #didi-corp-solution-v2 .cases-grid {\n        gap: 20px;\n      }\n      #didi-corp-solution-v2 .case-content {\n        padding: 24px;\n      }\n      #didi-corp-solution-v2 .data-number {\n        font-size: 28px;\n      }\n    }\n\n    @media (max-width: 992px) {\n      #didi-corp-solution-v2 .cases-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n      #didi-corp-solution-v2 .case-card:nth-child(3) {\n        grid-column: span 2;\n      }\n      #didi-corp-solution-v2 .roi-data-row {\n        flex-direction: column;\n        padding: 10px 0;\n      }\n      #didi-corp-solution-v2 .data-column {\n        width: 100%;\n        border-right: none;\n        border-bottom: 1px solid #e2e8f0;\n        padding: 20px 0;\n      }\n      #didi-corp-solution-v2 .data-column:last-child {\n        border-bottom: none;\n      }\n      #didi-corp-solution-v2 .data-column:hover .data-number {\n        transform: scale(1.05);\n      }\n    }\n\n    @media (max-width:690px) {\n      #didi-corp-solution-v2 {\n        padding: 40px 0 !important;\n      }\n      #didi-corp-solution-v2 .didi-container {\n        padding: 0 20px !important;\n      }\n      #didi-corp-solution-v2 .cases-grid {\n        grid-template-columns: 1fr;\n      }\n      #didi-corp-solution-v2 .case-card:nth-child(3) {\n        grid-column: span 1;\n      }\n      #didi-corp-solution-v2 .roi-dashboard {\n        padding: 30px 20px;\n      }\n      #didi-corp-solution-v2 .btn-quote {\n        width: 100%; \/* \u624b\u673a\u7aef\u6309\u94ae\u901a\u5bbd\uff0c\u65b9\u4fbf\u70b9\u51fb *\/\n        padding: 16px 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"didi-container\">\n    <h2 class=\"module-title\">Custom Project Case Studies \u2014 Real Investor Outcomes<\/h2>\n    <div class=\"module-subtitle\">Three Didi Land projects across three continents provide some perspective on how the five-phase workflow scales from a 200sqm hotel kid&#8217;s club to a 1,500sqm mall flagship. Each listing covers venue, area, theme and the operator-reported effect.<\/div>\n\n    <div class=\"cases-grid\">\n      \n      <div class=\"case-card\">\n        <div class=\"case-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Coastal-Hotel-Sri-Lanka-Ocean-Theme-240-sqm-Indoor-Playground-Case-Study.jpg\" alt=\"Coastal Hotel Sri Lanka Ocean Theme 240 sqm Indoor Playground Case Study\" loading=\"lazy\">\n        <\/div>\n        <div class=\"case-content\">\n          <div class=\"case-title-pseudo\">Case 1 \u2014 Coastal Hotel, Sri Lanka<\/div>\n          \n          <div class=\"case-specs\">\n            <div class=\"spec-item\"><span class=\"spec-label\">Venue<\/span><span class=\"spec-value\">4-star coastal hotel<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Area<\/span><span class=\"spec-value\">240 sqm<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Theme<\/span><span class=\"spec-value\">Ocean<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Lead time<\/span><span class=\"spec-value\">11 weeks<\/span><\/div>\n          <\/div>\n          \n          <div class=\"case-desc\">This hotel was looking for a rainy monsoon indoor kid&#8217;s zone, and opted for Didi&#8217;s Ocean turnkey for its fast-assemble profile. Within 11 weeks, a turtle climber, an octopus tunnel and a wave slide system were anchored to the existing pool deck wing.<\/div>\n          \n          <div class=\"case-result\">\n            <span class=\"case-result-title\">Operator-reported occupancy<\/span>\n            60+ children\/day in shoulder season, fully booked in peak. Theme colour palette ideal for hotel brand matching water-green &#8211; patrons spent longer on-site during rain.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"case-card\">\n        <div class=\"case-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Shopping-Mall-Mexico-Candy-Theme-380-sqm-Indoor-Playground-Case-Study.jpg\" alt=\"Shopping Mall Mexico Candy Theme 380 sqm Indoor Playground Case Study\" loading=\"lazy\">\n        <\/div>\n        <div class=\"case-content\">\n          <div class=\"case-title-pseudo\">Case 2 \u2014 Shopping Mall, Mexico<\/div>\n          \n          <div class=\"case-specs\">\n            <div class=\"spec-item\"><span class=\"spec-label\">Venue<\/span><span class=\"spec-value\">mid-city mall food court<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Area<\/span><span class=\"spec-value\">380 sqm<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Theme<\/span><span class=\"spec-value\">Candy<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Lead time<\/span><span class=\"spec-value\">13 weeks<\/span><\/div>\n          <\/div>\n          \n          <div class=\"case-desc\">Positioned as a food court dwell-time fixture, this play piece was remapped from standard Candy palette to match the mall&#8217;s pink and cream branding, with a donut-shaped ball pool added, and washable surfaces specified for daily janitorial work.<\/div>\n          \n          <div class=\"case-result\">\n            <span class=\"case-result-title\">Outcome Insight<\/span>\n            Saturday footfall in the food court rose significantly post-installation &#8211; precise percentage was not disclosed, but the lease renewal was pushed up.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"case-card\">\n        <div class=\"case-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Family-Entertainment-Center-France-Jungle-Theme-1500-sqm-Indoor-Playground.jpg\" alt=\"Family Entertainment Center France Jungle Theme 1500 sqm Indoor Playground\" loading=\"lazy\">\n        <\/div>\n        <div class=\"case-content\">\n          <div class=\"case-title-pseudo\">Case 3 \u2014 Family Entertainment Center, France<\/div>\n          \n          <div class=\"case-specs\">\n            <div class=\"spec-item\"><span class=\"spec-label\">Venue<\/span><span class=\"spec-value\">standalone FEC<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Area<\/span><span class=\"spec-value\">1,500 sqm<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Theme<\/span><span class=\"spec-value\">Jungle<\/span><\/div>\n            <div class=\"spec-item\"><span class=\"spec-label\">Lead time<\/span><span class=\"spec-value\">14 weeks<\/span><\/div>\n          <\/div>\n          \n          <div class=\"case-desc\">French operator completed a conversion from a 300sqm pilot to flagship 1,500sqm jungle FEC at a new site in 18 months. Both builds used the same Autodesk DWG so 70% of the engineering drawings were reused &#8211; phase-2 lead time was 9 weeks; this is what is aided by refusing CAD lock-in with proprietary solutions.<\/div>\n          \n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"roi-dashboard\">\n      <div class=\"roi-header\">\n        <div class=\"roi-title-pseudo\">Industry ROI Reference (Silver Tier)<\/div>\n        <div class=\"roi-desc\">Industry studies and operator testimonials suggest themed indoor playground installations deliver measurable revenue uplift for FEC operators, with reference cases citing 18%, 14%, and 57% sales lifts attributable to playground attractions. Payback periods typically run 18\u201336 months in mid-density markets, against the FEC sector\u2019s 9.7% CAGR projected through 2035.<\/div>\n      <\/div>\n\n      <div class=\"roi-data-row\">\n        <div class=\"data-column\">\n          <span class=\"data-number\">USD 0.66B<\/span>\n          <span class=\"data-label\">FEC Market Size (2026), Projected USD 1.51B by 2035<\/span>\n        <\/div>\n        <div class=\"data-column\">\n          <span class=\"data-number\">14\u201357%<\/span>\n          <span class=\"data-label\">Sales-lift Reference Range across published testimonials<\/span>\n        <\/div>\n        <div class=\"data-column\">\n          <span class=\"data-number\">18\u201336 Mo<\/span>\n          <span class=\"data-label\">Payback Range for mid-density catchment<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"roi-disclaimer\">\n        No specific ROI figure is promised here \u2014 actual return depends on catchment, ticket price, and operating model. What Didi Land commits to is equipment that does not itself become the reason payback stalls.\n      <\/div>\n    <\/div>\n\n    <div class=\"cta-wrapper\">\n      <a href=\"#ct-popup-800\" class=\"btn-quote\">Get Instant 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-56ccebe\" data-block-id=\"56ccebe\"><style>.stk-56ccebe {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-56ccebe-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b695dcc\" data-v=\"4\" data-block-id=\"b695dcc\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b695dcc-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b695dcc-inner-blocks\">\n<section id=\"b2b-investment-matrix-module\">\n    <style>\n        \/* =======================================================\n           Scope: #b2b-investment-matrix-module\n           Level: Enterprise Flat Design & 1600px Grid Adaptive\n           ======================================================= *\/\n        #b2b-investment-matrix-module {\n            width: 100% !important;\n            padding: 50px 0 !important;\n            background-color: #ffffff !important;\n            color: #1a1a1a !important;\n            line-height: 1.6 !important;\n            box-sizing: border-box !important;\n            border-top: 1px solid #eeeeee !important;\n            border-bottom: 1px solid #eeeeee !important;\n            overflow: hidden !important;\n        }\n\n        #b2b-investment-matrix-module * {\n            box-sizing: border-box !important;\n        }\n\n        #b2b-investment-matrix-module .matrix-container {\n            width: 100% !important;\n            max-width: 1600px !important; \/* \u4f01\u4e1a\u7ea7 1600px \u5bbd\u5c4f\u9002\u914d *\/\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n        }\n\n        \/* --- Grid System --- *\/\n        #b2b-investment-matrix-module .matrix-grid {\n            display: grid !important;\n            grid-template-columns: repeat(12, 1fr) !important;\n            row-gap: 15px !important; \/* \u63a7\u5236\u5168\u5c40\u6700\u5c0f\u884c\u95f4\u8ddd\uff0c\u8ba9\u6807\u9898\u548c\u8868\u683c\u66f4\u7d27\u51d1 *\/\n            column-gap: 40px !important; \/* \u4fdd\u6301\u5de6\u53f3\u5217\u7684\u95f4\u8ddd\u4e3a 40px *\/\n        }\n\n        \/* --- Header --- *\/\n        #b2b-investment-matrix-module .grid-header {\n            grid-column: 1 \/ -1 !important; \/* \u8d2f\u7a7f\u6240\u6709\u5217 *\/\n            display: flex !important;\n            gap: 40px !important;\n            align-items: center !important;\n            margin-bottom: 10px !important;\n        }\n\n        \/* --- Typography & Elements --- *\/\n        #b2b-investment-matrix-module h2.b2b-heading {\n            flex: 0 0 calc(3\/10 * 100%) !important;\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #000000 !important;\n            margin: 0 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #b2b-investment-matrix-module p.b2b-paragraph {\n            flex: 1 1 calc(7\/10 * 100%) !important;\n            font-size: 16px !important;\n            color: #4a4a4a !important;\n            margin: 0 !important;\n            max-width: 100% !important;\n        }\n\n        #b2b-investment-matrix-module .grid-table {\n            grid-column: 1 \/ -1 !important;\n        }\n\n        \/* \u3010\u4fee\u590d\u6838\u5fc3\u3011\uff1a\u624b\u52a8\u8865\u507f\u4e0b\u65b9\u5143\u7d20\u7684\u95f4\u8ddd *\/\n        #b2b-investment-matrix-module .grid-highlight {\n            grid-column: 1 \/ 5 !important;\n            margin-top: 25px !important; \/* \u8865\u507f\u88ab\u7f29\u5c0f\u7684 row-gap\uff0c\u6062\u590d\u6b63\u5e38\u95f4\u8ddd *\/\n        }\n\n        #b2b-investment-matrix-module .grid-drivers {\n            grid-column: 5 \/ -1 !important;\n            margin-top: 25px !important; \/* \u8865\u507f\u88ab\u7f29\u5c0f\u7684 row-gap\uff0c\u6062\u590d\u6b63\u5e38\u95f4\u8ddd *\/\n        }\n\n        #b2b-investment-matrix-module .grid-footer {\n            grid-column: 1 \/ -1 !important;\n            margin-top:45px !important; \/* \u3010\u4fee\u590d\u3011\u4e3a\u5e95\u90e8\u9ed1\u6761\u5355\u72ec\u589e\u52a0\u9876\u90e8\u5916\u8fb9\u8ddd\uff0c\u62c9\u5f00\u4e0e\u4e0a\u65b9\u5185\u5bb9\u7684\u8ddd\u79bb *\/\n        }\n\n        \/* --- Flat B2B Table --- *\/\n        #b2b-investment-matrix-module .table-wrapper {\n            width: 100% !important;\n            overflow-x: auto !important;\n            border: 1px solid #e5e7eb !important;\n            background: #ffffff !important;\n        }\n\n        #b2b-investment-matrix-module table.b2b-table {\n            width: 100% !important;\n            min-width: 1000px !important;\n            border-collapse: collapse !important;\n            text-align: left !important;\n        }\n\n        #b2b-investment-matrix-module table.b2b-table th {\n            background-color: #f8fafc !important;\n            color: #111827 !important;\n            font-weight: 700 !important;\n            font-size: 14px !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            padding: 20px 24px !important;\n            border-bottom: 2px solid #00D8FF !important;\n        }\n\n        #b2b-investment-matrix-module table.b2b-table td {\n            padding: 24px !important;\n            border-bottom: 1px solid #f3f4f6 !important;\n            font-size: 15px !important;\n            color: #374151 !important;\n            vertical-align: top !important;\n        }\n\n        #b2b-investment-matrix-module table.b2b-table td:first-child {\n            font-weight: 700 !important;\n            color: #000000 !important;\n        }\n\n        #b2b-investment-matrix-module table.b2b-table tr:hover td {\n            background-color: #fafafa !important;\n        }\n\n        \/* --- Benchmark Highlight (Aside) --- *\/\n        #b2b-investment-matrix-module aside.b2b-highlight {\n            background-color: #f9fafb !important;\n            padding: 30px !important;\n            border-top: 3px solid #FFD848 !important;\n            height: 100% !important;\n        }\n\n        #b2b-investment-matrix-module aside.b2b-highlight p {\n            margin: 0 !important;\n            font-size: 15px !important;\n            color: #4b5563 !important;\n            font-style: italic !important;\n            line-height: 1.8 !important;\n        }\n\n        \/* --- Drivers List --- *\/\n        #b2b-investment-matrix-module h3.b2b-subheading {\n            font-size: 22px !important;\n            font-weight: 700 !important;\n            color: #111827 !important;\n            margin: 0 0 24px 0 !important;\n            padding-bottom: 12px !important;\n            border-bottom: 1px solid #e5e7eb !important;\n        }\n\n        #b2b-investment-matrix-module ul.b2b-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 20px 30px !important;\n        }\n\n        #b2b-investment-matrix-module ul.b2b-list li {\n            position: relative !important;\n            padding-left: 20px !important;\n            font-size: 15px !important;\n            color: #4b5563 !important;\n            line-height: 1.5 !important;\n        }\n\n        #b2b-investment-matrix-module ul.b2b-list li::before {\n            content: \"\\2713\" !important;\n            position: absolute !important;\n            left: 0 !important;\n            top: 2px !important;\n            color: #00D8FF !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n        }\n\n        \/* --- Action Footer --- *\/\n        #b2b-investment-matrix-module .b2b-footer-bar {\n            background-color: #111827 !important;\n            color: #ffffff !important;\n            padding: 30px 40px !important;\n            display: flex !important;\n            align-items: center !important;\n        }\n\n        #b2b-investment-matrix-module .b2b-footer-bar p {\n            margin: 0 !important;\n            font-size: 15px !important;\n            color: #e5e7eb !important;\n        }\n\n        #b2b-investment-matrix-module .b2b-footer-bar strong {\n            color: #FFD848 !important;\n        }\n\n        \/* --- Responsive Behavior --- *\/\n        @media (max-width: 1200px) {\n            #b2b-investment-matrix-module .grid-highlight { grid-column: 1 \/ 6 !important; }\n            #b2b-investment-matrix-module .grid-drivers { grid-column: 6 \/ -1 !important; }\n        }\n\n        @media (max-width: 992px) {\n            #b2b-investment-matrix-module .matrix-grid { display: flex !important; flex-direction: column !important; row-gap: 20px !important; }\n            #b2b-investment-matrix-module .matrix-container { padding: 0 24px !important; }\n            #b2b-investment-matrix-module .grid-header { flex-direction: column !important; gap: 15px !important; grid-column: 1 \/ -1 !important; align-items: flex-start !important; margin-bottom: 10px !important; }\n            #b2b-investment-matrix-module h2.b2b-heading { font-size: 28px !important; }\n            #b2b-investment-matrix-module p.b2b-paragraph { max-width: 100% !important; }\n            #b2b-investment-matrix-module .grid-highlight, #b2b-investment-matrix-module .grid-drivers, #b2b-investment-matrix-module .grid-footer { margin-top: 0 !important; }\n            #b2b-investment-matrix-module ul.b2b-list { grid-template-columns: 1fr !important; }\n            #b2b-investment-matrix-module .b2b-footer-bar { padding: 24px !important; }\n        }\n    <\/style>\n\n    <div class=\"matrix-container\">\n        <div class=\"matrix-grid\">\n            \n            <header class=\"grid-header\">\n                <h2 class=\"b2b-heading\">Investment Guide \u2014 Pricing Tiers, MOQ, and Lead Time<\/h2>\n                <p class=\"b2b-paragraph\">The number-one asked question on FEC investor forums is how much does indoor playground cost &#8211; and the number-one common mistake new operators make is fuzzy quotes at the bid stage. Here are the base tier ranges\u2014and actual price depends on theme complexity, square meters and shipping origin:<\/p>\n            <\/header>\n\n            <div class=\"grid-table\">\n                <div class=\"table-wrapper\">\n                    <table class=\"b2b-table\">\n                        <thead>\n                            <tr>\n                                <th>Tier<\/th>\n                                <th>USD per sqm<\/th>\n                                <th>What You Get<\/th>\n                                <th>Free Revisions<\/th>\n                                <th>Lead Time<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td>Basic<\/td>\n                                <td>$80\u2013$120<\/td>\n                                <td>Catalog modules + standard theme palette + 1 SKU customisation<\/td>\n                                <td>2<\/td>\n                                <td>8\u201310 weeks<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Mid<\/td>\n                                <td>$120\u2013$180<\/td>\n                                <td>Semi-custom layout + theme variation + brand colour match + sculpted soft-play characters<\/td>\n                                <td>3<\/td>\n                                <td>10\u201312 weeks<\/td>\n                            <\/tr>\n                            <tr>\n                                <td>Premium<\/td>\n                                <td>$180\u2013$280+<\/td>\n                                <td>Full custom geometry + original theme commission + LED + interactive sensors + premium foam density<\/td>\n                                <td>4<\/td>\n                                <td>12\u201314 weeks<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <aside class=\"grid-highlight b2b-highlight\">\n                <p>Industry benchmarks corroborate this range: published commercial indoor playground guides cite $100\u2013$150 per square metre as the high-quality threshold, with full ranges from $8,000 for small footprints to $500,000+ for large flagships. Didi Land\u2019s tier matrix is bracketed slightly wider on the premium side because original theme commissions and LED-integrated structures sit above standard category caps.<\/p>\n            <\/aside>\n\n            <div class=\"grid-drivers\">\n                <h3 class=\"b2b-subheading\">What Drives Cost Within Each Tier<\/h3>\n                <ul class=\"b2b-list\">\n                    <li>Sqm of equipment footprint \u2014 not the same as leased floor area; circulation paths excluded<\/li>\n                    <li>Theme complexity drivers: sculpted GFRP characters, LED constellations, interactive sensors<\/li>\n                    <li>Foam density: standard 25 kg\/m\u00b3 vs premium 35 kg\/m\u00b3 for high-traffic FECs<\/li>\n                    <li>Steel gauge: 2.0 mm posts at Basic \/ Mid tier vs 2.5 mm at Premium tier or large custom playground installations<\/li>\n                    <li>Compliance scope: EN 1176 + ASTM F1487 are baseline; AS 4685.1 testing adds a step for Australia \/ NZ shipments<\/li>\n                    <li>Shipping origin: Guangzhou export, CIF \/ FOB negotiated case-by-case<\/li>\n                <\/ul>\n            <\/div>\n\n            <footer class=\"grid-footer b2b-footer-bar\">\n                <p><strong>Didi Land\u2019s MOQ<\/strong> for a project is a single venue. There is no minimum sqm beyond what is structurally viable for an indoor playground (~80 sqm). Payment terms are typically 30% deposit on Phase 1 sign-off, 40% on production start, balance against bill-of-lading.<\/p>\n            <\/footer>\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-4704198\" data-block-id=\"4704198\"><style>.stk-4704198 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4704198-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9e0aca7\" data-v=\"4\" data-block-id=\"9e0aca7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9e0aca7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9e0aca7-inner-blocks\">\n<style>\n\/* ==========================================================================\n   \u4e0a\u534a\u90e8\u5206\uff1a\u4f01\u4e1a\u7ea7\u5408\u89c4\u65e0\u7f1d\u77e9\u9635\u4e0e\u6d4b\u8bd5\u8868\u683c (B2B \u9ad8\u7aef\u7248\u9762)\n   \u4f5c\u7528\u57df: #didi-compliance-matrix-section\n   \u80cc\u666f: \u5168\u5c40 #fafbfc\n   ========================================================================== *\/\n\n#didi-compliance-matrix-section {\n    --matrix-dark: #111827; \n    --matrix-main: #00D8FF; \n    --matrix-sec: #FFD848; \n    --matrix-text: #4B5563;\n    --matrix-border: #E5E7EB;\n    \n    width: 100% !important;\n    background-color: #fafbfc !important;\n    padding: 50px 0 0 0 !important;\n    box-sizing: border-box !important;\n    font-family: inherit !important;\n}\n\n#didi-compliance-matrix-section *, \n#didi-compliance-matrix-section *::before, \n#didi-compliance-matrix-section *::after {\n    box-sizing: inherit !important;\n}\n\n#didi-compliance-matrix-section .matrix-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 40px !important;\n    width: 100% !important;\n}\n\n\/* \u6ee1\u5bbd\u4f38\u5c55\u7684 Header \u533a\u57df\uff08\u5df2\u53bb\u9664\u4e3b\u8272\u8c03\u6a2a\u7ebf\uff09 *\/\n#didi-compliance-matrix-section .header-split {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    justify-content: space-between !important;\n    align-items: flex-start !important;\n    gap: 40px !important;\n    \/* \u53d6\u6d88\u4e86 border-top\uff0c\u540c\u6b65\u5c06 padding-top \u8bbe\u4e3a 0 *\/\n    padding-top: 0 !important;\n    margin-bottom: 40px !important;\n}\n\n\/* \u552f\u4e00\u6307\u5b9a\u7684 H2 \u6807\u7b7e *\/\n#didi-compliance-matrix-section h2.matrix-h2-title {\n    flex: 1 1 45% !important;\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: var(--matrix-dark) !important;\n    margin: 0 !important;\n    line-height: 1.3 !important;\n}\n\n#didi-compliance-matrix-section p.header-desc {\n    flex: 1 1 50% !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    color: var(--matrix-text) !important;\n    margin: 0 !important;\n}\n\n\/* \u65e0\u7f1d\u7f51\u683c\u5361\u7247\u533a *\/\n#didi-compliance-matrix-section .matrix-body {\n    border: 1px solid var(--matrix-border) !important;\n    border-radius: 4px !important;\n    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.03) !important;\n    background: #ffffff !important;\n    \/* \u7f29\u51cf\u4e86\u8ddd\u79bb\u4e0b\u65b9 What Each Standard... \u6807\u9898\u7684\u95f4\u8ddd (50px -> 24px) *\/\n    margin-bottom: 24px !important;\n}\n\n#didi-compliance-matrix-section .matrix-grid {\n    display: grid !important;\n    grid-template-columns: repeat(5, 1fr) !important;\n    gap: 0 !important; \n}\n\n#didi-compliance-matrix-section .matrix-cell {\n    padding: 32px 24px !important;\n    border-right: 1px solid var(--matrix-border) !important;\n    border-bottom: 1px solid var(--matrix-border) !important;\n    position: relative !important;\n    background: #ffffff !important;\n    transition: background 0.3s ease !important;\n}\n\n#didi-compliance-matrix-section .matrix-cell:last-child {\n    border-right: none !important;\n}\n\n#didi-compliance-matrix-section .matrix-cell::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -1px !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 3px !important;\n    background: transparent !important;\n    transition: background 0.3s ease !important;\n    z-index: 2 !important;\n}\n\n#didi-compliance-matrix-section .matrix-cell:hover {\n    background: #fafbfc !important;\n}\n\n#didi-compliance-matrix-section .matrix-cell:hover::before {\n    background: var(--matrix-main) !important;\n}\n\n#didi-compliance-matrix-section .cell-title {\n    display: block !important;\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    color: var(--matrix-main) !important;\n    margin-bottom: 12px !important;\n}\n\n#didi-compliance-matrix-section .cell-desc {\n    display: block !important;\n    font-size: 15px !important;\n    color: var(--matrix-text) !important;\n    line-height: 1.6 !important;\n}\n\n\/* \u5b8c\u6574\u4fdd\u7559\u7684\u6570\u636e\u6d4b\u8bd5\u8868\u683c\uff08\u5df2\u53bb\u9664\u4e0b\u65b9\u6a2a\u7ebf\uff09 *\/\n#didi-compliance-matrix-section h3.table-heading {\n    font-size: 24px !important;\n    font-weight: 700 !important;\n    color: var(--matrix-dark) !important;\n    margin: 0 0 20px 0 !important;\n    \/* \u53bb\u9664\u4e86 border-bottom \u548c padding-bottom *\/\n    display: block !important;\n}\n\n#didi-compliance-matrix-section .table-wrapper {\n    width: 100% !important;\n    overflow-x: auto !important;\n    border: 1px solid var(--matrix-border) !important;\n    border-radius: 4px !important;\n    margin-bottom: 40px !important;\n    background: #ffffff !important;\n}\n\n#didi-compliance-matrix-section table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    text-align: left !important;\n    min-width: 900px !important; \n}\n\n#didi-compliance-matrix-section th {\n    background-color: #f3f4f6 !important;\n    color: var(--matrix-dark) !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    padding: 18px 24px !important;\n    border-bottom: 1px solid var(--matrix-border) !important;\n}\n\n#didi-compliance-matrix-section td {\n    padding: 18px 24px !important;\n    border-bottom: 1px solid var(--matrix-border) !important;\n    font-size: 15px !important;\n    color: var(--matrix-text) !important;\n    line-height: 1.6 !important;\n    vertical-align: top !important;\n}\n\n#didi-compliance-matrix-section tbody tr:hover td { background-color: #fafbfc !important; }\n#didi-compliance-matrix-section tbody tr:last-child td { border-bottom: none !important; }\n#didi-compliance-matrix-section .td-bold { font-weight: 700 !important; color: var(--matrix-dark) !important; }\n\n\/* \u6df1\u5ea6\u6d1e\u5bdf\u6846 *\/\n#didi-compliance-matrix-section .insight-box {\n    background: #FFFDF0 !important; \n    border-left: 4px solid var(--matrix-sec) !important; \n    padding: 32px 40px !important;\n    border-radius: 0 4px 4px 0 !important;\n    \/* \u5c06\u5e95\u90e8\u5916\u8fb9\u8ddd\u8fdb\u4e00\u6b65\u7f29\u51cf\u81f3 10px\uff0c\u62c9\u8fd1\u4e0e\u4e0b\u65b9\u5185\u5bb9\u7684\u8ddd\u79bb *\/\n    margin-bottom: 10px !important;\n}\n\n#didi-compliance-matrix-section .insight-box p {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: var(--matrix-text) !important;\n    margin: 0 !important;\n}\n\n\/* \u77e9\u9635\u54cd\u5e94\u5f0f\u6298\u53e0\u903b\u8f91 *\/\n@media (max-width: 1199px) {\n    #didi-compliance-matrix-section .matrix-grid { grid-template-columns: repeat(6, 1fr) !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(1),\n    #didi-compliance-matrix-section .matrix-cell:nth-child(2),\n    #didi-compliance-matrix-section .matrix-cell:nth-child(3) { grid-column: span 2 !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(3) { border-right: none !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(4),\n    #didi-compliance-matrix-section .matrix-cell:nth-child(5) { grid-column: span 3 !important; border-bottom: none !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(5) { border-right: none !important; }\n}\n\n@media (max-width: 991px) {\n    #didi-compliance-matrix-section .header-split { flex-direction: column !important; gap: 24px !important; }\n    #didi-compliance-matrix-section .matrix-grid { grid-template-columns: repeat(2, 1fr) !important; }\n    #didi-compliance-matrix-section .matrix-cell { grid-column: span 1 !important; border-right: 1px solid var(--matrix-border) !important; border-bottom: 1px solid var(--matrix-border) !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(even) { border-right: none !important; }\n    #didi-compliance-matrix-section .matrix-cell:nth-child(5) { grid-column: span 2 !important; border-right: none !important; border-bottom: none !important; }\n}\n\n@media (max-width:690px) {\n    #didi-compliance-matrix-section .matrix-container { padding: 0 20px !important; }\n    #didi-compliance-matrix-section h2.matrix-h2-title { font-size: 26px !important; }\n    #didi-compliance-matrix-section h3.table-heading { font-size: 22px !important; }\n    #didi-compliance-matrix-section .matrix-grid { grid-template-columns: 1fr !important; }\n    #didi-compliance-matrix-section .matrix-cell { grid-column: span 1 !important; border-right: none !important; border-bottom: 1px solid var(--matrix-border) !important; }\n    #didi-compliance-matrix-section .matrix-cell:last-child { border-bottom: none !important; }\n    #didi-compliance-matrix-section .insight-box { padding: 24px 20px !important; }\n}\n\n\/* ==========================================================================\n   \u4e0b\u534a\u90e8\u5206\uff1a\u539f\u5c01\u4e0d\u52a8\u4fdd\u7559\u60a8\u63d0\u4f9b\u7684\u539f\u751f CSS (\u4ec5\u4fee\u6539\u6587\u672c\u8f6c\u6362\u548c\u9876\u90e8\u95f4\u8ddd)\n   \u4f5c\u7528\u57df: #nexus-evidence-downloads\n   ========================================================================== *\/\n#nexus-evidence-downloads {\n    --nexus-text-main: #0f172a;\n    --nexus-text-muted: #475569;\n    --nexus-border: #cbd5e1;\n    --nexus-primary: #00D8FF;\n    \n    width: 100% !important;\n    background-color: #fafbfc !important; \n    \/* \u5c06\u9876\u90e8 padding \u4ece 50px \u7f29\u51cf\u81f3 10px\uff0c\u914d\u5408\u4e0a\u65b9\u4e00\u8d77\u62c9\u8fd1\u95f4\u8ddd *\/\n    padding: 10px 0 50px 0 !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n}\n\n#nexus-evidence-downloads *, \n#nexus-evidence-downloads *::before, \n#nexus-evidence-downloads *::after {\n    box-sizing: inherit !important;\n}\n\n#nexus-evidence-downloads .nexus-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 40px !important;\n    width: 100% !important;\n}\n\n#nexus-evidence-downloads .nexus-evidence-header {\n    font-size: 24px !important;\n    font-weight: 800 !important;\n    color: var(--nexus-text-main) !important;\n    margin-bottom: 24px !important;\n    margin-top: 0 !important;\n    \/* \u53bb\u9664\u4e86 text-transform: uppercase !important; \u6062\u590d\u9996\u5b57\u6bcd\u5927\u5199 *\/\n    letter-spacing: 0.5px !important;\n}\n\n#nexus-evidence-downloads .nexus-gallery-row {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 16px !important;\n    margin-bottom: 40px !important;\n}\n\n#nexus-evidence-downloads .nexus-gallery-img-wrapper {\n    width: 100% !important;\n    border: 1px solid var(--nexus-border) !important;\n    padding: 8px !important;\n    background: #FFFFFF !important;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;\n    position: relative !important;\n    z-index: 1 !important;\n    margin: 0 !important;\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#nexus-evidence-downloads .nexus-gallery-img-wrapper:hover {\n    transform: scale(1.04) translateY(-8px) !important;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;\n    border-color: var(--nexus-primary) !important;\n    z-index: 10 !important; \n}\n\n#nexus-evidence-downloads .nexus-gallery-img-wrapper img {\n    width: 100% !important;\n    height: auto !important;\n    display: block !important;\n    aspect-ratio: 3\/4 !important; \n    object-fit: contain !important; \n    background: #FFFFFF !important;\n}\n\n#nexus-evidence-downloads .nexus-downloads-matrix {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 20px !important;\n}\n\n#nexus-evidence-downloads .nexus-download-btn {\n    display: flex !important;\n    align-items: center !important;\n    background: #ffffff !important;\n    border: 1px solid var(--nexus-border) !important;\n    padding: 20px 24px !important;\n    text-decoration: none !important;\n    color: var(--nexus-text-main) !important;\n    transition: all 0.2s ease !important;\n}\n\n#nexus-evidence-downloads .nexus-download-btn:hover {\n    border-color: var(--nexus-text-main) !important;\n    background: var(--nexus-text-main) !important;\n    color: #ffffff !important;\n}\n\n#nexus-evidence-downloads .nexus-file-icon {\n    width: 40px !important;\n    height: 40px !important;\n    background: #f1f5f9 !important;\n    color: var(--nexus-primary) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-right: 16px !important;\n    flex-shrink: 0 !important;\n    transition: background 0.2s ease !important;\n}\n\n#nexus-evidence-downloads .nexus-download-btn:hover .nexus-file-icon {\n    background: rgba(255,255,255,0.1) !important;\n}\n\n#nexus-evidence-downloads .nexus-file-icon svg {\n    width: 20px !important;\n    height: 20px !important;\n    fill: currentColor !important;\n}\n\n#nexus-evidence-downloads .nexus-file-details {\n    flex-grow: 1 !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#nexus-evidence-downloads .nexus-file-name {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    margin-bottom: 4px !important;\n}\n\n#nexus-evidence-downloads .nexus-file-meta {\n    font-size: 12px !important;\n    color: var(--nexus-text-muted) !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    transition: color 0.2s ease !important;\n}\n\n#nexus-evidence-downloads .nexus-download-btn:hover .nexus-file-meta {\n    color: #cbd5e1 !important;\n}\n\n#nexus-evidence-downloads .nexus-pdf-tag {\n    background: var(--nexus-border) !important;\n    color: var(--nexus-text-main) !important;\n    font-weight: 800 !important;\n    padding: 2px 6px !important;\n    font-size: 10px !important;\n}\n\n#nexus-evidence-downloads .nexus-arrow-icon {\n    width: 20px !important;\n    height: 20px !important;\n    color: var(--nexus-border) !important;\n    transition: transform 0.2s ease, color 0.2s ease !important;\n}\n\n#nexus-evidence-downloads .nexus-download-btn:hover .nexus-arrow-icon {\n    color: var(--nexus-primary) !important;\n    transform: translateX(4px) !important;\n}\n\n@media (max-width: 1200px) {\n    #nexus-evidence-downloads .nexus-downloads-matrix { grid-template-columns: repeat(2, 1fr) !important; }\n}\n\n@media (max-width: 992px) {\n    #nexus-evidence-downloads .nexus-gallery-row { grid-template-columns: repeat(2, 1fr) !important; }\n}\n\n@media (max-width:690px) {\n    #nexus-evidence-downloads .nexus-container { padding: 0 20px !important; }\n    #nexus-evidence-downloads .nexus-gallery-row { grid-template-columns: 1fr !important; gap: 16px !important; }\n    #nexus-evidence-downloads .nexus-downloads-matrix { grid-template-columns: 1fr !important; gap: 16px !important; }\n}\n<\/style>\n\n<div style=\"width: 100%; background-color: #fafbfc;\">\n\n    <section id=\"didi-compliance-matrix-section\">\n        <div class=\"matrix-container\">\n            \n            <div class=\"header-split\">\n                <h2 class=\"matrix-h2-title\">Certifications &#038; Compliance \u2014 Five-Cert Stack Across Three Regions<\/h2>\n                <p class=\"header-desc\">For investors shipping equipment across borders, certification is not paperwork \u2014 it is the gating condition for operating licence, insurance, and landlord sign-off. Five active certifications cover North America, Europe, Australia \/ New Zealand, and global quality management.<\/p>\n            <\/div>\n\n            <div class=\"matrix-body\">\n                <div class=\"matrix-grid\">\n                    <div class=\"matrix-cell\">\n                        <span class=\"cell-title\">EN 1176<\/span>\n                        <span class=\"cell-desc\">Europe \u2014 structural &#038; mechanical safety<\/span>\n                    <\/div>\n                    <div class=\"matrix-cell\">\n                        <span class=\"cell-title\">ASTM F381-16<\/span>\n                        <span class=\"cell-desc\">North America \u2014 trampoline-specific<\/span>\n                    <\/div>\n                    <div class=\"matrix-cell\">\n                        <span class=\"cell-title\">AS 4685.1<\/span>\n                        <span class=\"cell-desc\">Australia \/ NZ \u2014 playground equipment<\/span>\n                    <\/div>\n                    <div class=\"matrix-cell\">\n                        <span class=\"cell-title\">CE<\/span>\n                        <span class=\"cell-desc\">EU compliance marking<\/span>\n                    <\/div>\n                    <div class=\"matrix-cell\">\n                        <span class=\"cell-title\">ISO 9001:2015<\/span>\n                        <span class=\"cell-desc\">Global quality management<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <h3 class=\"table-heading\">What Each Standard Actually Tests<\/h3>\n            <div class=\"table-wrapper\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Standard<\/th>\n                            <th>Region<\/th>\n                            <th>Scope Tested<\/th>\n                            <th>Authority Body<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"td-bold\">EN 1176:2017<\/td>\n                            <td>EU<\/td>\n                            <td>Load-bearing capacity, fall heights, entrapment hazards, surfacing impact<\/td>\n                            <td>European Committee for Standardisation<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"td-bold\">ASTM F1487-21<\/td>\n                            <td>North America<\/td>\n                            <td>Public playground equipment performance specification<\/td>\n                            <td>ASTM International \/ ANSI<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"td-bold\">ASTM F381-16<\/td>\n                            <td>North America<\/td>\n                            <td>Trampoline construction, materials, assembly, use, labelling<\/td>\n                            <td>ASTM International<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"td-bold\">AS 4685.1<\/td>\n                            <td>Australia \/ NZ<\/td>\n                            <td>General playground equipment safety requirements<\/td>\n                            <td>Standards Australia<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"td-bold\">ISO 9001:2015<\/td>\n                            <td>Global<\/td>\n                            <td>Quality management system audit (annual)<\/td>\n                            <td>International Organization for Standardization<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <div class=\"insight-box\">\n                <p>The combination of ASTM F381-16 plus AS 4685.1 is uncommon. ASTM F381-16 is held mostly by trampoline-specialty makers; AS 4685.1 testing requires Australian \/ NZ accredited labs, which most Asia-based manufacturers do not pursue. For investors building in Australia, New Zealand, or any market that recognises AS standards as best practice, this stack collapses one of the harder due-diligence steps.<\/p>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n\n    <section id=\"nexus-evidence-downloads\" aria-labelledby=\"evidence-heading\">\n        <div class=\"nexus-container\">\n            \n            <h3 id=\"evidence-heading\" class=\"nexus-evidence-header\">Verified Certificates &#038; Downloads<\/h3>\n            \n            <div class=\"nexus-gallery-row\">\n                <figure class=\"nexus-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Certifications-1.png\" alt=\"Didi Compliance Certificate - Document 1\" loading=\"lazy\" \/>\n                <\/figure>\n                <figure class=\"nexus-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Certifications-2.png\" alt=\"Didi Compliance Certificate - Document 2\" loading=\"lazy\" \/>\n                <\/figure>\n                <figure class=\"nexus-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Certifications-3.png\" alt=\"Didi Compliance Certificate - Document 3\" loading=\"lazy\" \/>\n                <\/figure>\n                <figure class=\"nexus-gallery-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Certifications-4.png\" alt=\"Didi Compliance Certificate - Document 4\" loading=\"lazy\" \/>\n                <\/figure>\n            <\/div>\n\n            <ul class=\"nexus-downloads-matrix\">\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/DIDI-ISO9001.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">ISO 9001:2015 Certification<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> Quality Management System<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/certification-CE.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">CE Compliance Certificate<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> European Market Safety<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/certification-EN-1176-zdh.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">EN 1176 Certification<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> EU Playground Standard<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/\uff08AS-4685-\u7cfb\u5217\uff09TQT8040B09E\u5ba4\u5185\u513f\u7ae5\u6e38\u4e50\u8bbe\u5907AS-4685.1\u6b63\u5f0f\u4ef6.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">AS-4685.1 Standard<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> Australia Market Standard<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/\u8e66\u5e8aASTMF381-16\u8bc1\u4e66-\u6b63\u5f0f\u4ef61.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">ASTM F381-16 Certificate<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> Trampoline Safety<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/\u8e66\u5e8aASTMF381-16\u62a5\u544a-\u6b63\u5f0f\u4ef61.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"nexus-download-btn\">\n                        <div class=\"nexus-file-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg><\/div>\n                        <div class=\"nexus-file-details\">\n                            <span class=\"nexus-file-name\">ASTM F381-16 Test Report<\/span>\n                            <span class=\"nexus-file-meta\"><span class=\"nexus-pdf-tag\">PDF<\/span> Full Testing Data<\/span>\n                        <\/div>\n                        <svg class=\"nexus-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/li>\n            <\/ul>\n            \n        <\/div>\n    <\/section>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-67e3a6d\" data-block-id=\"67e3a6d\"><style>.stk-67e3a6d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-67e3a6d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8f76bb4\" data-v=\"4\" data-block-id=\"8f76bb4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8f76bb4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8f76bb4-inner-blocks\">\n<style>\n\/* ==========================================================================\n   #didi-planning-toolkit - Scope Isolation & Enterprise B2B Tool Module\n   ========================================================================== *\/\n\n\/* 1. Full Width Section & Global Reset *\/\n#didi-planning-toolkit {\n    width: 100%;\n    background-color: #ffffff; \n    box-sizing: border-box;\n    border-top: 1px solid #f8f8f8;\n    border-bottom: 1px solid #f8f8f8;\n}\n\n#didi-planning-toolkit * {\n    box-sizing: border-box;\n}\n\n\/* 2. Container (Max 1600px, 100% stretch) *\/\n#didi-planning-toolkit .didi-toolkit-container {\n    max-width: 1600px !important;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 24px 60px 24px;\n}\n\n\/* 3. SEO Headings (Strictly 32px, 700 weight, Centered, 30-50px Padding) *\/\n#didi-planning-toolkit h2.didi-tools-heading {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    text-align: center;\n    color: #222222;\n    margin: 0;\n    padding: 45px 20px; \n    line-height: 1.3;\n}\n\n\/* 4. Grid Layout *\/\n#didi-planning-toolkit .didi-tools-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n}\n\n\/* 5. Clickable Tool Cards (Hardware Accelerated) *\/\n#didi-planning-toolkit .didi-tool-card {\n    display: flex;\n    flex-direction: column;\n    background: #ffffff;\n    border: 1px solid #eeeeee;\n    border-radius: 6px; \n    padding: 32px 28px;\n    text-decoration: none !important;\n    transform: translateY(0) translateZ(0);\n    will-change: transform, box-shadow, border-color;\n    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease, border-color 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Hover Accent Top Line (#FFD848 Sub Color) *\/\n#didi-planning-toolkit .didi-tool-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: #FFD848;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n#didi-planning-toolkit .didi-tool-card:hover {\n    transform: translateY(-8px) translateZ(0);\n    box-shadow: 0 20px 40px rgba(0, 216, 255, 0.08);\n    border-color: #00D8FF;\n}\n\n#didi-planning-toolkit .didi-tool-card:hover::before {\n    opacity: 1;\n}\n\n\/* 6. Tool Header (SVG + H3) *\/\n#didi-planning-toolkit .didi-tool-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n#didi-planning-toolkit .didi-tool-header svg {\n    width: 26px;\n    height: 26px;\n    fill: #00D8FF; \n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n\n#didi-planning-toolkit .didi-tool-card:hover .didi-tool-header svg {\n    transform: scale(1.1);\n}\n\n#didi-planning-toolkit h3.didi-tool-title {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: #111111 !important;\n    margin: 0;\n    line-height: 1.3;\n    text-transform: capitalize;\n    transition: color 0.3s ease;\n}\n\n#didi-planning-toolkit .didi-tool-card:hover h3.didi-tool-title {\n    color: #00D8FF !important;\n}\n\n\/* 7. Tool Description *\/\n#didi-planning-toolkit .didi-tool-desc {\n    font-size: 14px;\n    color: #666666;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n    flex-grow: 1; \n}\n\n\/* 8. Call To Action *\/\n#didi-planning-toolkit .didi-tool-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #00D8FF;\n    margin-top: auto;\n    transition: gap 0.3s ease;\n}\n\n#didi-planning-toolkit .didi-tool-cta svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n}\n\n#didi-planning-toolkit .didi-tool-card:hover .didi-tool-cta {\n    gap: 14px; \n    color: #00bce0;\n}\n\n\/* 9. Responsive Breakpoints *\/\n@media (max-width: 1280px) {\n    #didi-planning-toolkit .didi-tools-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width:690px) {\n    #didi-planning-toolkit .didi-tools-grid {\n        grid-template-columns: 1fr;\n    }\n    #didi-planning-toolkit h2.didi-tools-heading {\n        padding: 30px 15px; \n    }\n}\n<\/style>\n\n<section id=\"didi-planning-toolkit\">\n    <div class=\"didi-toolkit-container\">\n        \n        <h2 class=\"didi-tools-heading\">Indoor Playground Design &amp; Planning Tools<\/h2>\n        \n        <div class=\"didi-tools-grid\">\n            \n            <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/process-walkthrough\/\" class=\"didi-tool-card\">\n                <div class=\"didi-tool-header\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/>\n                    <\/svg>\n                    <h3 class=\"didi-tool-title\">process walkthrough<\/h3>\n                <\/div>\n                <div class=\"didi-tool-desc\">Map out your custom playground project from initial concept to final installation. Ensure compliance and accurate timeline management.<\/div>\n                <div class=\"didi-tool-cta\">\n                    Access Tool \n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/pricing-tier-calculator\/\" class=\"didi-tool-card\">\n                <div class=\"didi-tool-header\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <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-2zm0 16H5V5h14v14z\"\/>\n                        <path d=\"M7 7h10v2H7zm0 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z\"\/>\n                    <\/svg>\n                    <h3 class=\"didi-tool-title\">pricing tier calculator<\/h3>\n                <\/div>\n                <div class=\"didi-tool-desc\">Estimate your project investment based on facility footprint, theme complexity, and equipment selection. Get instant budget projections.<\/div>\n                <div class=\"didi-tool-cta\">\n                    Calculate Now\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/3d-rendering-showcase\/\" class=\"didi-tool-card\">\n                <div class=\"didi-tool-header\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 013 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9zM12 4.15L6.04 7.5 12 10.85l5.96-3.35L12 4.15zM5 15.91l6 3.38v-6.71L5 9.19v6.72zm14 0v-6.72l-6 3.39v6.71l6-3.38z\"\/>\n                    <\/svg>\n                    <h3 class=\"didi-tool-title\">3d rendering showcase<\/h3>\n                <\/div>\n                <div class=\"didi-tool-desc\">Explore immersive, high-fidelity 3D spatial models. Visualize equipment layouts, color schemes, and safety zoning before production.<\/div>\n                <div class=\"didi-tool-cta\">\n                    View Renders\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/didiplayarea.com\/indoor-playground-themes-custom-design\/creative-project-showcase\/\" class=\"didi-tool-card\">\n                <div class=\"didi-tool-header\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"\/>\n                    <\/svg>\n                    <h3 class=\"didi-tool-title\">creative project showcase<\/h3>\n                <\/div>\n                <div class=\"didi-tool-desc\">Browse our global portfolio of successful indoor park installations. Gain operational inspiration from real-world B2B engineering solutions.<\/div>\n                <div class=\"didi-tool-cta\">\n                    Explore Gallery\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                <\/div>\n            <\/a>\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-b773bb0\" data-block-id=\"b773bb0\"><style>.stk-b773bb0 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b773bb0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c3a4510\" data-v=\"4\" data-block-id=\"c3a4510\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c3a4510-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c3a4510-inner-blocks\">\n<div id=\"custom-playground-project-cta\" class=\"b2b-premium-module\">\n    <style>\n        \/* ==========================================================================\n           1. Scope & Isolation: All rules strictly prefixed with #custom-playground-project-cta\n           2. Performance: Hardware accelerated animations, FlyingPress safe\n           3. B2B Premium feel: Deep Dark Blue Background.\n           4. MODIFIED: Significantly reduced spacing between button and trust text.\n           ========================================================================== *\/\n\n        #custom-playground-project-cta {\n            width: 100% !important;\n            padding: 40px 20px !important; \/* MODIFIED: Tightened overall padding back to 40px *\/\n            box-sizing: border-box !important;\n            background-color: #0A192F !important; \/* Premium Dark Blue B2B background *\/\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            text-align: center !important;\n            overflow: hidden !important;\n        }\n\n        #custom-playground-project-cta .module-content-wrapper {\n            max-width: 1000px !important;\n            width: 100% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n        }\n\n        \/* SEO Optimized H2 tag - Styled for B2B premium using Blocksy defaults *\/\n        #custom-playground-project-cta h2.module-title {\n            font-size: 32px !important; \n            font-weight: 700 !important; \n            color: #FFFFFF !important; \/* Optimized for dark background *\/\n            line-height: 1.25 !important;\n            margin: 0 0 24px 0 !important;\n            padding: 0 !important;\n            letter-spacing: -0.015em !important;\n            text-transform: capitalize !important;\n        }\n\n        #custom-playground-project-cta .module-description {\n            font-size: 18px !important;\n            font-weight: 400 !important;\n            color: #FFFFFF !important;\n            line-height: 1.6 !important;\n            max-width: 800px !important;\n            margin: 0 0 32px 0 !important;\n        }\n\n        \/* Action Area - Single Button Layout *\/\n        #custom-playground-project-cta .module-actions {\n            display: flex !important;\n            flex-wrap: wrap !important;\n            gap: 20px !important;\n            justify-content: center !important;\n            margin-bottom: 20px !important; \/* MODIFIED: Significantly reduced from 48px to 20px *\/\n            width: 100% !important;\n        }\n\n        \/* Primary Button *\/\n        #custom-playground-project-cta .btn-primary {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: #00D8FF !important; \/* Logo Primary *\/\n            color: #000000 !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            padding: 16px 32px !important;\n            text-decoration: none !important;\n            border-radius: 4px !important;\n            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;\n            will-change: transform !important;\n            transform: translateZ(0) !important;\n            border: 2px solid #00D8FF !important;\n        }\n\n        #custom-playground-project-cta .btn-primary:hover {\n            transform: translateY(-3px) translateZ(0) !important;\n            box-shadow: 0 8px 16px rgba(0, 216, 255, 0.25) !important;\n        }\n\n        \/* Trust Indicators \/ Footer details *\/\n        #custom-playground-project-cta .module-trust-badges {\n            width: 100% !important;\n            display: flex !important;\n            justify-content: center !important;\n        }\n\n        #custom-playground-project-cta .trust-text {\n            font-size: 14px !important;\n            color: #C0C0C0 !important; \/* Silver-gray *\/\n            font-weight: 500 !important;\n            line-height: 1.5 !important;\n            margin: 0 !important;\n            padding-top: 8px !important; \/* MODIFIED: Significantly reduced from 24px to 8px *\/\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width:690px) {\n            #custom-playground-project-cta {\n                padding: 30px 20px !important; \/* Mobile spacing adjust *\/\n            }\n            #custom-playground-project-cta .module-actions {\n                margin-bottom: 16px !important; \/* Mobile spacing adjust *\/\n            }\n            #custom-playground-project-cta .btn-primary {\n                width: 100% !important;\n                max-width: 320px !important;\n            }\n            #custom-playground-project-cta h2.module-title {\n                font-size: 28px !important;\n            }\n            #custom-playground-project-cta .module-description {\n                font-size: 16px !important;\n                margin: 0 0 24px 0 !important;\n            }\n            #custom-playground-project-cta .trust-text {\n                font-size: 13px !important;\n                padding-top: 4px !important; \/* Mobile spacing adjust *\/\n            }\n        }\n    <\/style>\n\n    <div class=\"module-content-wrapper\">\n        <h2 class=\"module-title\">Start Your Custom Indoor Playground Project<\/h2>\n\n        <p class=\"module-description\">\n            Tell us your floor plan, audience, theme direction, and target opening date. Within 5 working days you will have a tier-anchored quote, a phased timeline aligned to your lease commencement date, and a sample 3D concept sketch.\n        <\/p>\n\n        <div class=\"module-actions\">\n            <a href=\"#ct-popup-800\" class=\"btn-primary\" role=\"button\">Request Custom Design Quote<\/a>\n        <\/div>\n\n        <div class=\"module-trust-badges\">\n            <p class=\"trust-text\">\n                24\/7 engineer response \u00b7 spare parts shipped within 5 working days \u00b7 available in English \u00b7 covering 40+ countries since 2014\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-863f3e3\" data-block-id=\"863f3e3\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-863f3e3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-280bcc5\" data-v=\"4\" data-block-id=\"280bcc5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-280bcc5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-280bcc5-inner-blocks\">\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much does a custom indoor playground cost in 2026?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Equipment-only ranges are priced from $80-280+ \/sq.m contingent on tier (Basic \/ Mid \/ Premium); with industry benchmarks noting high quality structures at $100-150\/sq.m. Final FEC's project costs that include shipping \/ erection \/ flooring can run from $8,000 for small toddler corner, to $500,000+ for flagship family entertainment center.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Why are commercial indoor playgrounds so expensive?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Cost is driven by certification requirements, not markup. EN 1176 and ASTM F1487 mandate specific load-bearing steel gauges, fall-height surfacing, certified foam densities, and tested entrapment geometry. Premium tier adds GFRP sculpting, LED integration, and interactive sensors that further raise material and labour costs.<br><br><ul><li>A 200 sqm structure typically uses 2\u20134 tonnes of welded steel<\/li><li>800+ kg of certified foam (25 kg\/m\u00b3 standard, 35 kg\/m\u00b3 premium)<\/li><li>1,500+ metres of fire-rated fabric<\/li><li>60\u2013120 hours of skilled assembly per unit<\/li><\/ul>\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How long does designing and installing a custom indoor playground take?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Total elapsed time runs 9\u201313 weeks of factory work plus 14 days ocean freight (Guangzhou origin), then 1\u20132 weeks of on-site installation. Phases break down as: 5 days concept brief \/ 2 weeks 3D design \/ 2 weeks engineering \/ 4\u20136 weeks production \/ 1\u20132 weeks install. We anchor the timeline to your lease commencement date in the contract.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which theme works best for my venue: Ocean, Jungle, Space, or Candy?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Refer to the four-axis decision matrix earlier on this page for the short answer. Quick venue-to-theme mapping:<br><br><ul><li>Coastal hotel or aquarium \u2192 Ocean Theme<\/li><li>Standalone FEC or sport-themed mall \u2192 Jungle Theme<\/li><li>Premium science museum or tech-forward retail \u2192 Space Theme<\/li><li>Dessert chain, family-friendly restaurant, or preschool \u2192 Candy Theme<\/li><\/ul>If your venue does not fit any single column cleanly, that mismatch is the brief for a commissioned original theme.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What safety certifications should an indoor playground have for international markets?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Minimum stack varies by region. Didi Land\u2019s five-cert stack covers all four regions in a single equipment shipment.<br><br><ul><li>Europe \u2192 CE plus EN 1176 conformance for landlord and insurer sign-off<\/li><li>North America \u2192 ASTM F1487 (and ASTM F381-16 if a trampoline element is included), with TUV-style third-party testing reports increasingly requested<\/li><li>Australia \/ New Zealand \u2192 AS 4685.1 recognised as best practice<\/li><li>Global funders and franchisors \u2192 ISO 9001 quality management audit<\/li><\/ul>\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I see a 3D rendering before manufacturing starts?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Phase 2 of the workflow delivers a Lumion or 3ds Max 3D walkthrough video plus high-resolution still renders within 2 weeks of brief lock-in. Up to 3 free revisions are included before engineering begins. DWG layouts are delivered in industry-standard Autodesk format, so any local engineer can review for permit and fire-egress compliance without proprietary software.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<style>\n\/* ==========================================================================\n   Corporate FAQ Module - High Performance Edition\n   Scope: #fec-corporate-faq\n   Style: Ultra-Minimalist, Technical Whitepaper\n========================================================================== *\/\n\n\/* 1. Container & Framework *\/\n#fec-corporate-faq {\n    width: 100% !important;\n    padding: 40px 0 !important; \n    margin: 0 !important;\n    box-sizing: border-box !important;\n    background-color: transparent !important;\n}\n\n#fec-corporate-faq *,\n#fec-corporate-faq *::before,\n#fec-corporate-faq *::after {\n    box-sizing: border-box !important;\n}\n\n#fec-corporate-faq .faq-wrapper {\n    width: 100% !important;\n    max-width: 1400px !important; \/* \u5bbd\u5ea6 1400px *\/\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n}\n\n\/* 2. Typography & Headings (SEO Optimized) *\/\n#fec-corporate-faq h2.faq-section-title {\n    font-size: 32px !important; \n    font-weight: 700 !important; \n    color: #111827 !important;\n    text-align: center !important; \/* \u6807\u9898\u5c45\u4e2d *\/\n    margin-top: 0 !important;\n    margin-bottom: 48px !important; \n    line-height: 1.2 !important;\n    letter-spacing: -0.02em !important;\n    border-bottom: none !important; \/* \u79fb\u9664\u4e0b\u5212\u7ebf *\/\n    padding-bottom: 0 !important;\n}\n\n\/* 3. List Layout *\/\n#fec-corporate-faq .faq-accordion {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0 !important; \n    border-bottom: 1px solid #e5e7eb !important;\n    max-width: 1000px !important; \n    margin: 0 auto !important; \n}\n\n#fec-corporate-faq .faq-item {\n    border-top: 1px solid #e5e7eb !important;\n    background-color: transparent !important;\n    position: relative !important;\n    transition: background-color 0.25s ease !important;\n}\n\n\/* \u5de6\u4fa7\u54c1\u724c\u8272\u52a8\u6001\u6307\u793a\u7ebf *\/\n#fec-corporate-faq .faq-item::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 3px !important;\n    background-color: #00D8FF !important; \n    transform: scaleY(0) !important;\n    transform-origin: center !important;\n    \/* GPU \u786c\u4ef6\u52a0\u901f *\/\n    -webkit-transform: scaleY(0) translateZ(0) !important;\n    transform: scaleY(0) translateZ(0) !important;\n    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    will-change: transform !important;\n    z-index: 2 !important;\n}\n\n#fec-corporate-faq .faq-item:hover {\n    background-color: #f9fafb !important;\n}\n\n#fec-corporate-faq .faq-item.is-active::before {\n    transform: scaleY(1) translateZ(0) !important;\n}\n\n#fec-corporate-faq .faq-item.is-active {\n    background-color: #ffffff !important;\n}\n\n\/* 4. Semantic H3 Wrapper & Button *\/\n#fec-corporate-faq .faq-question-heading {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n#fec-corporate-faq .faq-trigger {\n    width: 100% !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding: 24px 32px 24px 24px !important;\n    background: transparent !important;\n    border: none !important;\n    cursor: pointer !important;\n    text-align: left !important;\n    outline: none !important;\n}\n\n#fec-corporate-faq .faq-trigger-text {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: #1f2937 !important;\n    margin: 0 !important;\n    padding-right: 40px !important;\n    line-height: 1.5 !important;\n    transition: color 0.25s ease !important;\n}\n\n#fec-corporate-faq .faq-item:hover .faq-trigger-text,\n#fec-corporate-faq .faq-item.is-active .faq-trigger-text {\n    color: #00D8FF !important;\n}\n\n\/* 5. Minimalist Technical Icon *\/\n#fec-corporate-faq .faq-indicator {\n    flex-shrink: 0 !important;\n    position: relative !important;\n    width: 20px !important;\n    height: 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n#fec-corporate-faq .faq-indicator::before,\n#fec-corporate-faq .faq-indicator::after {\n    content: \"\" !important;\n    position: absolute !important;\n    background-color: #6b7280 !important;\n    \/* GPU \u52a0\u901f\u6307\u793a\u5668\u52a8\u753b *\/\n    -webkit-transform: translateZ(0) !important;\n    transform: translateZ(0) !important;\n    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#fec-corporate-faq .faq-indicator::before {\n    width: 16px !important;\n    height: 1.5px !important;\n}\n\n#fec-corporate-faq .faq-indicator::after {\n    width: 1.5px !important;\n    height: 16px !important;\n}\n\n#fec-corporate-faq .faq-item:hover .faq-indicator::before,\n#fec-corporate-faq .faq-item:hover .faq-indicator::after {\n    background-color: #FFD848 !important;\n}\n\n#fec-corporate-faq .faq-item.is-active .faq-indicator::after {\n    transform: rotate(90deg) scaleY(0) translateZ(0) !important; \n}\n#fec-corporate-faq .faq-item.is-active .faq-indicator::before {\n    background-color: #00D8FF !important;\n}\n\n\/* 6. Hardware-Accelerated Expansion Grid (Performance Core) *\/\n#fec-corporate-faq .faq-panel {\n    display: grid !important;\n    grid-template-rows: 0fr !important;\n    will-change: grid-template-rows !important;\n    -webkit-backface-visibility: hidden !important;\n    backface-visibility: hidden !important;\n    transform: translateZ(0) !important; \n    transition: grid-template-rows 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n#fec-corporate-faq .faq-item.is-active .faq-panel {\n    grid-template-rows: 1fr !important;\n}\n\n#fec-corporate-faq .faq-panel-inner {\n    overflow: hidden !important;\n}\n\n#fec-corporate-faq .faq-content {\n    padding: 0 32px 32px 24px !important;\n    font-size: 16px !important;\n    color: #4b5563 !important;\n    line-height: 1.7 !important;\n    opacity: 0 !important;\n    will-change: opacity, transform !important;\n    -webkit-backface-visibility: hidden !important;\n    backface-visibility: hidden !important;\n    transform: translateY(-8px) translateZ(0) !important;\n    transition: opacity 0.35s ease 0.05s, transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) 0.05s !important;\n}\n\n#fec-corporate-faq .faq-item.is-active .faq-content {\n    opacity: 1 !important;\n    transform: translateY(0) translateZ(0) !important;\n}\n\n\/* 7. Typography & Clean Minimalist List Style (REVISED) *\/\n#fec-corporate-faq .faq-content p {\n    margin: 0 0 16px 0 !important;\n}\n#fec-corporate-faq .faq-content p:last-child {\n    margin-bottom: 0 !important;\n}\n\n#fec-corporate-faq .faq-content ul {\n    margin: 8px 0 16px 0 !important;\n    padding-left: 4px !important; \/* \u8c03\u6574\u6574\u4f53\u5217\u8868\u7684\u5de6\u4fa7\u7f29\u8fdb *\/\n    list-style-type: none !important;\n    border-left: none !important; \/* \u5b8c\u5168\u79fb\u9664\u4fa7\u8fb9\u7ad6\u7ebf *\/\n}\n\n#fec-corporate-faq .faq-content ul li {\n    position: relative !important;\n    margin-bottom: 12px !important;\n    padding-left: 20px !important; \/* \u4e3a\u81ea\u5b9a\u4e49\u5706\u70b9\u7559\u51fa\u7a7a\u95f4 *\/\n}\n\n\/* \u91c7\u7528\u54c1\u724c\u4e3b\u8272\u8c03\u7684\u6781\u7b80\u51e0\u4f55\u5706\u70b9\u66ff\u4ee3\u6a2a\u7ebf *\/\n#fec-corporate-faq .faq-content ul li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 10px !important; \/* \u4e0e\u6587\u5b57\u57fa\u7ebf\u89c6\u89c9\u5bf9\u9f50 *\/\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #00D8FF !important; \/* \u4e3b\u8272\u8c03\u70b9\u7f00 *\/\n    border-radius: 50% !important; \/* \u5706\u70b9\u9020\u578b *\/\n}\n\n\/* Responsive adjustments *\/\n@media (max-width:690px) {\n    #fec-corporate-faq h2.faq-section-title {\n        font-size: 28px !important; \n        margin-bottom: 32px !important;\n    }\n    #fec-corporate-faq .faq-trigger {\n        padding: 20px 16px !important;\n    }\n    #fec-corporate-faq .faq-content {\n        padding: 0 16px 24px 16px !important;\n    }\n    #fec-corporate-faq .faq-trigger-text {\n        font-size: 16px !important;\n    }\n}\n<\/style>\n\n<section id=\"fec-corporate-faq\">\n    <div class=\"faq-wrapper\">\n        <h2 class=\"faq-section-title\">Frequently Asked Questions<\/h2>\n        \n        <div class=\"faq-accordion\">\n            \n            <div class=\"faq-item is-active\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"true\">\n                        <span class=\"faq-trigger-text\">How much does a custom indoor playground cost in 2026?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Equipment-only ranges are priced from $80-280+ \/sq.m contingent on tier (Basic \/ Mid \/ Premium); with industry benchmarks noting high quality structures at $100-150\/sq.m. Final FEC&#8217;s project costs that include shipping \/ erection \/ flooring can run from $8,000 for small toddler corner, to $500,000+ for flagship family entertainment center.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"false\">\n                        <span class=\"faq-trigger-text\">Why are commercial indoor playgrounds so expensive?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Cost is driven by certification requirements, not markup. EN 1176 and ASTM F1487 mandate specific load-bearing steel gauges, fall-height surfacing, certified foam densities, and tested entrapment geometry. Premium tier adds GFRP sculpting, LED integration, and interactive sensors that further raise material and labour costs.<\/p>\n                            <ul>\n                                <li>A 200 sqm structure typically uses 2\u20134 tonnes of welded steel<\/li>\n                                <li>800+ kg of certified foam (25 kg\/m\u00b3 standard, 35 kg\/m\u00b3 premium)<\/li>\n                                <li>1,500+ metres of fire-rated fabric<\/li>\n                                <li>60\u2013120 hours of skilled assembly per unit<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"false\">\n                        <span class=\"faq-trigger-text\">How long does designing and installing a custom indoor playground take?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Total elapsed time runs 9\u201313 weeks of factory work plus 14 days ocean freight (Guangzhou origin), then 1\u20132 weeks of on-site installation. Phases break down as: 5 days concept brief \/ 2 weeks 3D design \/ 2 weeks engineering \/ 4\u20136 weeks production \/ 1\u20132 weeks install. We anchor the timeline to your lease commencement date in the contract.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"false\">\n                        <span class=\"faq-trigger-text\">Which theme works best for my venue: Ocean, Jungle, Space, or Candy?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Refer to the four-axis decision matrix earlier on this page for the short answer. Quick venue-to-theme mapping:<\/p>\n                            <ul>\n                                <li>Coastal hotel or aquarium \u2192 Ocean Theme<\/li>\n                                <li>Standalone FEC or sport-themed mall \u2192 Jungle Theme<\/li>\n                                <li>Premium science museum or tech-forward retail \u2192 Space Theme<\/li>\n                                <li>Dessert chain, family-friendly restaurant, or preschool \u2192 Candy Theme<\/li>\n                                <li>If your venue does not fit any single column cleanly, that mismatch is the brief for a commissioned original theme.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"false\">\n                        <span class=\"faq-trigger-text\">What safety certifications should an indoor playground have for international markets?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Minimum stack varies by region. Didi Land\u2019s five-cert stack covers all four regions in a single equipment shipment.<\/p>\n                            <ul>\n                                <li>Europe \u2192 CE plus EN 1176 conformance for landlord and insurer sign-off<\/li>\n                                <li>North America \u2192 ASTM F1487 (and ASTM F381-16 if a trampoline element is included), with TUV-style third-party testing reports increasingly requested<\/li>\n                                <li>Australia \/ New Zealand \u2192 AS 4685.1 recognised as best practice<\/li>\n                                <li>Global funders and franchisors \u2192 ISO 9001 quality management audit<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <h3 class=\"faq-question-heading\">\n                    <button class=\"faq-trigger\" aria-expanded=\"false\">\n                        <span class=\"faq-trigger-text\">Can I see a 3D rendering before manufacturing starts?<\/span>\n                        <span class=\"faq-indicator\"><\/span>\n                    <\/button>\n                <\/h3>\n                <div class=\"faq-panel\">\n                    <div class=\"faq-panel-inner\">\n                        <div class=\"faq-content\">\n                            <p>Yes. Phase 2 of the workflow delivers a Lumion or 3ds Max 3D walkthrough video plus high-resolution still renders within 2 weeks of brief lock-in. Up to 3 free revisions are included before engineering begins. DWG layouts are delivered in industry-standard Autodesk format, so any local engineer can review for permit and fire-egress compliance without proprietary software.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n\/* ==========================================================================\n   Vanilla JS - Fast Execution & FlyingPress Safe\n========================================================================== *\/\n(function() {\n    const initCorporateFaq = () => {\n        const rootContainer = document.getElementById('fec-corporate-faq');\n        \n        if (!rootContainer || rootContainer.dataset.initialized) return;\n        rootContainer.dataset.initialized = 'true';\n\n        \/\/ \u91c7\u7528 requestAnimationFrame \u786e\u4fdd DOM \u64cd\u4f5c\u5728\u6d4f\u89c8\u5668\u7684\u4e0b\u4e00\u6b21\u91cd\u7ed8\u524d\u6267\u884c\uff0c\u9632\u6b62\u6389\u5e27\n        rootContainer.addEventListener('click', function(e) {\n            const btn = e.target.closest('.faq-trigger');\n            if (!btn) return;\n\n            const clickedItem = btn.closest('.faq-item');\n            if (!clickedItem) return;\n\n            window.requestAnimationFrame(() => {\n                const isActive = clickedItem.classList.contains('is-active');\n                const allItems = rootContainer.querySelectorAll('.faq-item');\n\n                \/\/ \u6392\u4ed6\u903b\u8f91\n                allItems.forEach(item => {\n                    if (item !== clickedItem && item.classList.contains('is-active')) {\n                        item.classList.remove('is-active');\n                        const triggerBtn = item.querySelector('.faq-trigger');\n                        if(triggerBtn) triggerBtn.setAttribute('aria-expanded', 'false');\n                    }\n                });\n\n                \/\/ \u72b6\u6001\u5207\u6362\n                if (isActive) {\n                    clickedItem.classList.remove('is-active');\n                    btn.setAttribute('aria-expanded', 'false');\n                } else {\n                    clickedItem.classList.add('is-active');\n                    btn.setAttribute('aria-expanded', 'true');\n                }\n            });\n        });\n    };\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCorporateFaq);\n    } else {\n        initCorporateFaq();\n    }\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Indoor Playground Themes &amp; Custom Design Custom Indoor Playground Design &amp; Themed Equipment From a 200 sqm boutique mall corner to a 1,500 sqm flagship FEC, Didi Land delivers 100% custom indoor playground equipment with four signature indoor playground themes \u2014 backed by a five-certification stack, an end-to-end turnkey solution, and deployment across 40+ countries [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2420,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1343","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/media\/2420"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}